﻿.stTab {
  /*   height: 389px; */
    border-top: 3px solid #6ea4e7;
    background: url(../images/titleBk.jpg) #fff repeat-x center top;
}
.stTabTitle {
    border-bottom: 1px solid #d5e3ef;
    height: 60px;
}
.stTabTitle ul li {
    width: 33.3%;
    height: 60px;
    float: left;
    background-image: url(../images/tabLine.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.stTabTitle ul li:last-child {
    background-image: none;
}
.stTabTitle ul li a:hover, .stTabTitle ul li a.selected {
    background-color: #fff;
    color: #287ade;
    height: 61px;
    display: block;
}
.stTabTitle ul li a {
    background-image: url(../images/tabLine.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.stTabTitle ul li:hover i.icon1, .stTabTitle ul li a.selected i.icon1 {
    background-position: 40px -61px;
}
.stTabTitle ul li i.icon2{ background-position: -158px top;}
.stTabTitle ul li i.icon3{ background-position: -398px top;}
.stTabTitle ul li i.icon4{ background-position: -650px top;}
.stTabTitle ul li:hover i.icon2,.stTabTitle ul li a.selected i.icon2{ background-position: -158px -61px;}
.stTabTitle ul li:hover i.icon3,.stTabTitle ul li a.selected i.icon3{ background-position: -398px -61px;}
.stTabTitle ul li:hover i.icon4,.stTabTitle ul li a.selected i.icon4{ background-position: -650px -61px;}
.stTabTitle ul li i.icon1 {
    background-position: 40px top;
}
.stTabTitle ul li i {
    height: 60px;
    display: block;
    float: left;
    width: 35%;
    background-image: url(../images/dhicon.png);
    background-repeat: no-repeat;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.stTabTitle ul li a:hover span, .stTabTitle ul li a.selected span {
    color: #287ade;
}
.stTabTitle ul li span {
    height: 60px;
    display: block;
    float: right;
    width: 60%;
    text-align: left;
    font-size: 22px;
    color: #737980;
    font-weight: bold;
    line-height: 56px;
}
.TabDiv {
    /* overflow:hidden; */
}
.TabDiv .tabItem {
    padding: 20px;
    height: 320px;
    width: 100%;
    float: left;background:#fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05); 
}
.TabDiv .tabItem.bk2{
	height: 380px;
}
.gkJg {
    width: 23.5%;
    height: 300px;
    float: left;
}
.gkJg a.gkico1 {
    height: 70px;
}
.gkJg a:hover {
    color: #2779de;
    border: 1px solid #2779de;
}
.gkJg a {
	height: 90px;
    border: 1px solid #d1d1d1;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.gkJg a.gkico1 i {
    background-position: 60px -330px;
}
.gkJg a.gkico1 i {
    width: 40%;
    height: 70px;
    float: left;
}
.gkJg a i {
    background-image: url(../images/gkIcon.png);
    background-repeat: no-repeat;
    width: 77px;
    height: 45px;
    margin: 0 auto;
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.gkJg a.gkico1 span {
    width: 50%;
    height: 70px;
    display: block;
    float: right;
    line-height: 70px;
    text-align: left;
}
.gkJg a span {
    width: 100%;
    height: 35px;
    display: block;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    color: #333;
}
.gkJg a:hover span {
    color: #2779de;
    font-weight: bold;
}
.gkJg a.gkico1:hover i {
    background-position: 60px -412px;
}
.gkJg a.gkico2 i {
    background-position: 13px 10px;
}
.gkJg a.gkico2:hover i {
    background-position: -95px 10px;
}
.gkJg a.gkico3 i {
    background-position: 13px -83px;
}
.gkJg a.gkico3:hover i {
    background-position: -95px -83px;
}
.gkJg a.gkico4 i {
    background-position: 13px -173px;
}
.gkJg a.gkico4:hover i {
    background-position: -95px -173px;
}
.gkJg a.gkico5 i {
    background-position: 13px -253px;
}
.gkJg a.gkico5:hover i {
    background-position: -95px -253px;
}
.clear15 {
    clear: both;
    overflow: hidden;
    height: 15px;
}
.width47{
	width:47%;
}

.h_left-four{
    height: 140px;
}
.h_left-four a{
    width: 100%;
    height: 100%;
}
.h_left-four li{
    width: 23.5%;
    height: 70px;
    background-color: #EFF5F7;
    float:left;
    margin-left: 2%;
}
.h_left-four li:hover{
    border-top: 3px solid #2d66a5;
    background:#fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
}
 .h_left-four li h3{
    margin-left: 10px;
    line-height: 70px;
    font-size:14px;
    display: inline-block;
}
 .h_left-four li:hover h3{
    color:#212121;
}
 .h_left-four li:nth-child(4n+1){
    margin-left: 0;
}
 .h_left-four li a.tab1{
    display:block;
    width: 138px;
    height: 70px;

}

 .h_left-four li a.tab1 span{
    display:inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/blue/xuebi.png) no-repeat 0 -96px;
    background-size: 768px 433px;
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 5px;
}

 .h_left-four li a.tab2{
    display:block;
    width: 133px;
    height: 70px;
}

 .h_left-four li a.tab2 span{
    display:inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/blue/xuebi.png) no-repeat -36px -96px;
    background-size: 768px 433px;
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 5px;
}

 .h_left-four li a.tab3{
    display:block;
    width: 138px;
    height: 70px;

}
 .h_left-four li a.tab3 span{
    display:inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/blue/xuebi.png) no-repeat -72px -96px;
    background-size: 768px 433px;
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 5px;
}

 .h_left-four li a.tab4{
    display:block;
    width: 138px;
    height: 70px;

}
 .h_left-four li a.tab4 span{
    display:inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/blue/xuebi.png) no-repeat -108px -96px;
    background-size: 768px 433px;
    vertical-align: middle;
    margin-left: 12px;
    margin-bottom: 5px;
}
 .h_left-four li .tab11{
    position: absolute;
    z-index: 99;
    display: none;
    width: 422%;
    height: 80px;
    top: 56px;
    background: #fff;
    padding: 10px;
}
 .h_left-four li .tab22{
    position: absolute;
    z-index: 99;
    display: none;
    width: 422%;
    height: 110px;
    left: -148px;
    top: 56px;
    background: #fff;
    padding: 10px;
}
 .h_left-four li .tab33{
    position: absolute;
    z-index: 99;
    display: none;
    width: 422%;
    height: 80px;
    left: -296px;
    top: 56px;
    background: #fff;
    padding: 10px;
}
 .h_left-four li .tab44{
    position: absolute;
    z-index: 99;
    display: none;
    width: 422%;
    height: 80px;
    right: 0;
    top: 56px;
    background: #fff;
    padding: 10px;
}
 .h_left-four li .tab11 .span1, .h_left-four li .tab22 .span1{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #2d66a5;
    margin-right: 10px;
    margin-bottom: 3px;
}
 .h_left-four li .tab33 .span1{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #2d66a5;
    margin-right: 10px;
    margin-bottom: 3px;
}
 .h_left-four li .tab44 .span1{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #2d66a5;
    margin-right: 10px;
    margin-bottom: 3px;
}
 .h_left-four li .tab11 dt, .h_left-four li .tab22 dt{
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    float:left;
    display: inline-block;
    width: 140px;
}
 .h_left-four li .tab33 dt{
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    float:left;
    display: inline-block;
    width: 140px;
}
 .h_left-four li .tab44 dt{
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    float:left;
    display: inline-block;
    width: 134px;
}
 .h_left-four li .tab11,  .h_left-four li .tab22,  .h_left-four li .tab33,  .h_left-four li .tab44{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
}
 .h_left-four li .tab11 a:hover,  .h_left-four li .tab22 a:hover, .h_left-four li .tab33 a:hover, .h_left-four li .tab44 a:hover{
   color:#2d66a5;
}

.bk1 .gov-open-swiper{
	margin-top:-65px;width:100%;
}
.bk1 .gov-open-swiper .tabs{
	margin-left:0;
}
.bk1 .gov-open-swiper .tabs ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}

.bk1 .gov-open-swiper .tabs ul li{
	width:33%;display: flex;margin-bottom:10px;
    align-items: center;
}
.bk1 .gov-open-swiper .tabs ul li a{
	width:100%;padding:0;line-height:44px;height:44px;
}

.gkNew {
    height: 280px;
    margin: 0 20px;
    width:51%;
    float: left;
}
.gkTab-Title {
    width: 100%;margin-top:-65px;
    height: 50px;
    display: block;
    float: left;
    font-size: 17px;
    border-bottom: 1px solid #b9c6d6;
}
.gkTab-Title a.selected, .gkTab-Title a:hover {
    border-bottom: 2px solid #2779de;
    display: block;
    color: #2779de;
    height: 50px;
    font-weight: bold;
}
.gkTab-Title a {
    padding: 0px 16px;
    display: block;
    float: left;
    height: 50px;
    background: url(../images/titleLine.png) no-repeat right center;
    text-align: center;
    line-height: 50px;
    color: #8a929d;
    cursor: pointer;
}
.gkTab-Title a:last-child {
    background-image: none;
}
.gk-news {
    clear: both;
/*     height: 250px; */
    overflow: hidden;
}
.gk-news ul {
    overflow:hidden
}
.gk-news ul li {
    position:relative;
    overflow: hidden;
    color: #333333;
    display: block;
    font-size: 16px;
    clear: both;
	padding:10px 0 9px 10px;
	border-bottom:1px solid #ddd;
}
.gk-news ul li:hover {
   background-color:#f0f3f8;transition:all .3s;
}
.gk-news ul li a {
    display: block;width:80%;margin:5px 0 10px;font-weight:700;font-size:16px;
    overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
}
.gk-news ul li a h4{
	margin-bottom: 15px;
    padding-left: 5px;
}
.gk-news ul li p {
    font-size: 14px;
}	
.gk-news ul li b {
    top: 20px;
    position: absolute;
    right: 10px;
    width: 16%;
    background-color: #ff9402;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.gk-news ul li a:hover {
    color: #2779de;
}
.date {
    float: right;
}

.gkItem{ width: 22%; float: left;height: 298px; }
.gkItem ul{padding-left: 0px;}
.gkItem ul li{ height: 48px; border-bottom:1px solid #dae1ea; clear: both;}
.gkItem ul li:last-child{ border-bottom:none;}
.gkItem ul li a{ height: 48px; line-height: 48px; display: block; clear: both; font-size: 17px; color: #333; background: url(../images/gkIcon2.png) no-repeat 230px -265px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.gkItem ul li a:hover{color: #2779de; background-position: 230px -315px;}
.gkItem ul li a i{ width: 60px; height: 48px; background-image: url(../images/gkIcon2.png); background-repeat: no-repeat; display: block; float: left; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.gkItem ul li a span{width: 60%; height: 45px; float: left;  color: #333;}
.gkItem ul li a:hover span{ color: #2779de;font-weight:bold;}
.gkItem ul li a i.gkItemIcon1{ background-position:10px 10px ;}
.gkItem ul li a:hover i.gkItemIcon1{ background-position:-80px 10px;}
.gkItem ul li a i.gkItemIcon2{ background-position:10px -48px ;}
.gkItem ul li a:hover i.gkItemIcon2{ background-position:-80px -48px;}
.gkItem ul li a i.gkItemIcon3{ background-position:10px -100px ;}
.gkItem ul li a:hover i.gkItemIcon3{ background-position:-80px -100px;}
.gkItem ul li a i.gkItemIcon4{ background-position:10px -155px ;}
.gkItem ul li a:hover i.gkItemIcon4{ background-position:-80px -155px;}
.gkItem ul li a i.gkItemIcon5{ background-position:10px -209px;}
.gkItem ul li a:hover i.gkItemIcon5{ background-position:-80px -209px;}
.gkItem ul li a i.gkItemIcon6{ background-image: url(../images/zhongdian.png); background-repeat: no-repeat;   background-position:-5px -3px;}
.gkItem ul li a:hover i.gkItemIcon6{ background-position:-68px -3px;}

/* 内容二 */
.huanping {
    width: 22%;
    height: 345px;
    float: left;margin-left:0;
}
.huanping .title{
    background: url(../images/hjt_7.png) left bottom repeat-x;
    position: relative;
    padding-left: 15px;
    padding-bottom: 20px;
    margin-bottom: 10px;font-size: 24px;
    font-weight: bold;
    color: #287ade;
}
.huanping .title:before {
    position: absolute;
    left: 0;
    content: "";
    width: 4px;
    top: 3px;
    height: 22px;
    border-radius: 1px;
    background: #205bbb;
}
.huanping ul li {
    height: 56px;
    border-bottom: 1px solid #dae1ea;
    clear: both;
}
.huanping ul li a {
    height: 56px;
    line-height: 56px;
    display: block;
    clear: both;
    font-size: 17px;
    color: #333;
    background: url(../images/gkIcon2.png) no-repeat 230px -262px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.huanping ul li a:hover {
    color: #2779de;
    background-position: 230px -317px;
    font-weight: bold;
}
.huanping ul li a span {
    height: 30px;
    margin: 4px 5px;
    padding-left: 20px;
    border-left: 2px solid #2779de;
}

/* 政务服务链接部分 */
.h_middle{
	width: 25%;
    float: left;
    height:340px;
/*     border-right: 1px solid #dae1ea;
    padding-right: 15px; */
}
.h_middle-img {
    width: 100%;
/*     margin-top: 10px; */
}
.h_middle-img img{
    width:100%;height:95px;
}
.h_middle-ul {
    display: flex;
    flex-wrap: wrap;
    background: #EFF5F7;
}
.h_middle-ul li{
	flex: 0 0 25%;
    text-align: center;
}
.h_middle-ul .h_middle-ul-bg{
  height: 91px;
}
.h_middle-ul .h_middle-ul-bg .span1{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat 0 -114.6px;
  background-size: 1270.3px 716.2px;
  margin-top: 15px;
}

.h_middle-ul .h_middle-ul-bg .span2{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -44.1px -114.6px;
  background-size: 1270.3px 716.2px;
  margin-top: 15px;
}

.h_middle-ul .h_middle-ul-bg .span3{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -88.2px -114.6px;
  background-size: 1270.3px 716.2px;
  margin-top: 15px;
}

.h_middle-ul .h_middle-ul-bg .span4{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -132.3px -114.6px;
  background-size: 1270.3px 716.2px;
  margin-top: 15px;
}
.h_middle-ul .h_middle-ul-bg .active{
  color: #0068B7;
}
.h_middle-ul .h_middle-ul-bg h3{
  color: #212121;
  font-size: 14px;
}
.h_middle-ul .middle-tab1{
  position: absolute;
  background:#fff;
  border: 1px solid #eee;
  width: 290px;
  padding: 18px 10px 10px;
  display: none;
  z-index: 98;
}
#tab1 h3{
	color: #0068B7;
}
.h_middle-ul .middle-tab1 .arrow{
  position: absolute;
  top:-6px;
  left: 30px;
  width: 12px;
  height: 6px;
  margin: 0;
}
.h_middle-ul .middle-tab1 .arrow img{
  width: 100%;
  height: 100%;
}
.h_middle-ul .middle-tab1 h3{
  font-size: 16px;font-weight:700;
  color: #212121;
  text-align: left;
}
.h_middle-ul .middle-tab1 dl{

}
.h_middle-ul .middle-tab1 dt{
  width: 50%;
  float: left;
  padding: 10px 0 0;
/*   height: 44px;
  line-height: 44px; */
}
.h_middle-ul .middle-tab1 dt a{
  height: 44px;
  line-height: 44px;
}
.h_middle-ul .middle-tab1 dt a:hover{
  color: #0068B7;
}
.h_middle-ul .middle-tab1 dt a .span1_icon{
  display: inline-block;
  float:left;
}
.h_middle-ul .middle-tab1 dt a .span1_icon1{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat 0px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab1 dt a .span1_icon2{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -44px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab1 dt a .span1_icon3{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -88px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab1 dt a .span1_icon4{
  display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -132px 0px;
  background-size: 1584px 893px;
}
.h_middle-ul .middle-tab1 dt a span{
  float: left;
  display: inline-block;
  margin-left: 10px;
  height: 44px;
  line-height: 44px;
  text-align: left;
  width: 76px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

/*  */
.h_middle-ul .middle-tab2{
  position: absolute;
  background:#fff;
  border: 1px solid #eee;
  width: 290px;
  left:-72px;
  padding: 10px 10px 10px;
  display: none;
  z-index: 99;
}
.h_middle-ul .middle-tab2 .arrow{
  position: absolute;
  top:-6px;
  left: 105px;
  width: 12px;
  height: 6px;
  margin: 0;;
}
.h_middle-ul .middle-tab2 .arrow img{
  width: 100%;
  height: 100%;
}
.h_middle-ul .middle-tab2 h3{
  font-size: 16px;font-weight:700;
  color: #212121;
  text-align: left;
}
.h_middle-ul .middle-tab2 dl{

}
.h_middle-ul .middle-tab2 dt{
  width: 50%;
  float: left;
  padding: 10px 0 0;
/*   height: 44px;
  line-height: 44px; */
}
.h_middle-ul .middle-tab2 dt a{
  height: 44px;
  line-height: 44px;
}
.h_middle-ul .middle-tab2 dt a:hover{
  color: #0068B7;
}
.h_middle-ul .middle-tab2 dt a .span2_icon{
  display: inline-block;
  float:left;
}
.h_middle-ul .middle-tab2 dt a .span2_icon1{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -176px 0px;
  background-size: 1584px 893px;
}
.h_middle-ul .middle-tab2 dt a .span2_icon2{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -220px 0px;
  background-size: 1584px 893px;
}
.h_middle-ul .middle-tab2 dt a span{
  float: left;
  display: inline-block;
  margin-left: 10px;
  height: 44px;
  line-height: 44px;
  width:76px;
}
/*  */
/*  */
.h_middle-ul .middle-tab3{
  position: absolute;
  background:#fff;
  border: 1px solid #eee;
  width: 290px;
  left:-145px;
  padding: 18px 10px 10px;
  display: none;
  z-index: 99;
}
.h_middle-ul .middle-tab3 .arrow{
  position: absolute;
  top:-6px;
  left: 180px;
  width: 12px;
  height: 6px;
  margin: 0;;
}
.h_middle-ul .middle-tab3 .arrow img{
  width: 100%;
  height: 100%;
}
.h_middle-ul .middle-tab3 h3{
  font-size: 16px;font-weight:700;
  color: #212121;
  text-align: left;
}
.h_middle-ul .middle-tab3 dl{

}
.h_middle-ul .middle-tab3 dt{
  width: 50%;
  float: left;
  padding: 10px 0 0;
/*   height: 44px;
  line-height: 44px; */
}
.h_middle-ul .middle-tab3 dt a{
  height: 44px;
  line-height: 44px;
}
.h_middle-ul .middle-tab3 dt a:hover{
  color: #0068B7;
}
.h_middle-ul .middle-tab3 dt a .span3_icon{
  display: inline-block;
  float:left;
}

.h_middle-ul .middle-tab3 dt a .span3_icon1{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -264px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a .span3_icon2{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -308px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a .span3_icon3{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -352px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a .span3_icon4{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -396px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a .span3_icon5{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -440px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a .span3_icon6{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -484px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab3 dt a span{
  float: left;
  display: inline-block;
  margin-left: 10px;
  height: 44px;
  line-height: 44px;
  text-align: left;
  width: 76px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
/*  */
/*  */
.h_middle-ul .middle-tab4{
  position: absolute;
  background:#fff;
  border: 1px solid #eee;
  width: 290px;
  right:0;
  padding: 18px 10px 10px;
  display: none;
  z-index: 99;
}
.h_middle-ul .middle-tab4 .arrow{
  position: absolute;
  top:-6px;
  left: 255px;
  width: 12px;
  height: 6px;
  margin: 0;;
}
.h_middle-ul .middle-tab4 .arrow img{
  width: 100%;
  height: 100%;
}

.h_middle-ul .middle-tab4 h3{
  font-size: 16px;font-weight:700;
  color: #212121;
  text-align: left;
}
.h_middle-ul .middle-tab4 h3.mt{
	margin:10px 0 0;
}
.h_middle-ul .middle-tab4 dl{
	overflow:hidden;
}
.h_middle-ul .middle-tab4 dt{
  width: 50%;
  float: left;
  padding: 10px 0 0;
/*   height: 44px;
  line-height: 44px; */
}
.h_middle-ul .middle-tab4 dt a{
  height: 44px;
  line-height: 44px;
}
.h_middle-ul .middle-tab4 dt a:hover{
  color: #0068B7;
}
.h_middle-ul .middle-tab4 dt a .span4_icon{
  display: inline-block;
  float:left;
}

.h_middle-ul .middle-tab4 dt a .span4_icon1{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -528px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon2{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -572px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon3{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -616px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon4{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -660px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon5{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -704px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon6{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -748px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon7{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -792px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a .span4_icon8{
    display:inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/xuebi.png) no-repeat -836px 0px;
  background-size: 1584px 893px;
}

.h_middle-ul .middle-tab4 dt a span{
  float: left;
  display: inline-block;
  margin-left: 10px;
  height: 44px;
  line-height: 44px;
  text-align: left;
  width:76px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

/* 内容三 */
.hdItem {
    width: 24%;
    height: 270px;
    float: left;
}
.clear10 {
    clear: both;
    overflow: hidden;
    height: 10px;
}
.hdItem a {
    height: 80px;
    border: 1px solid #dae1ea;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.hdItem a i {
    background-image: url(../images/hdIcon.png);
    background-repeat: no-repeat;
    width: 40%;
    height: 80px;
    float: left;
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.hdItem a span {
    width: 60%;
    height: 80px;
    display: block;
    font-size: 17px;
    text-align: left;
    float: right;
    line-height: 80px;
    color: #333;
}
.hdItem a span.longZi {
    font-size: 16px;
}
.hdItem a.hdIcon1 i{ background-position: -10px 12px;}
.hdItem a.hdIcon2 i{ background-position: -140px 12px;}
.hdItem a.hdIcon3 i{ background-position: -285px 12px;}
.hdItem a.hdIcon4 i{ background-position: -440px 12px;}
.hdItem a.hdIcon5 i{ background-position: -598px 10px;}
.hdItem a.hdIcon6 i{ background-position: -727px 10px;}
.hdItem a.hdIcon1:hover i{ background-position: -10px  -55px;}
.hdItem a.hdIcon2:hover i{ background-position: -140px -55px;}
.hdItem a.hdIcon3:hover i{ background-position: -285px -55px;}
.hdItem a.hdIcon4:hover i{ background-position: -440px -55px;}
.hdItem a.hdIcon5:hover i{ background-position: -598px -55px;}
.hdItem a.hdIcon6:hover i{ background-position: -727px -55px;}

.hdInfor {
    width: 37%;margin-bottom:10px;
    height: 270px;
    float: left;
    margin-left: 20px;margin-right:20px;
}
.hdTab-Title {
    width: 100%;
    height: 50px;
    display: block;
    float: left;
    font-size: 18px;
    height: 50px;
    border-bottom: 1px solid #b9c6d6;
}
.tab2 a.on {
    border-bottom: 2px solid #2779de;
    display: block;
    color: #2779de;
    height: 50px;
    font-weight: bold;
}
.hdTab-Title a.on, .hdTab-Title a:hover {
    border-bottom: 2px solid #2779de;
    display: block;
    color: #2779de;
    height: 51px;
}
.hdTab-Title a {
    padding: 0px 20px;
    display: block;
    float: left;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #8a929d;
    cursor: pointer;
}

.hdFangtan{width: 35%;float: left;height: 280px;background: url(../images/huiX.png) repeat-y 6px center;/* border-right: 1px solid #dae1ea; */}
.ftTitle{ height: 45px; line-height: 45px; background: url(../images/ftIcon.png) no-repeat left center; padding-left: 30px; font-size: 18px; color: #2779de; }
.ftTitle a{height: 45px; color: #2779de; display: block;font-weight:bold;}
.ftFirst{background: url(../images/ftIcon2.png) no-repeat left center; padding-left: 30px; overflow:hidden;margin-bottom:20px;}
.ftFirst:hover{background: url(../images/ftIcon.png) no-repeat left center; color: #2779de;}
.ftFirst span{ /* height: 110px; */ display: block;}
.ftFirst span.ftimg{ width: 130px; height:90px; float: left; background: url(../images/ftImg.png) no-repeat center center;}
.ftFirst span.ftFirstInfo{ width:215px; margin-right: 15px; float: right; font-size: 15px; line-height:28px; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:4;-webkit-box-orient:vertical;}
.ftFirst span.ftFirstInfo a:hover{color: #2779de;}
.ftBody ul{ clear: both;}
.ftBody ul li{ height: 30px; line-height: 30px; padding-left: 30px; font-size: 16px;background: url(../images/ftIcon2.png) no-repeat left center; }
.ftBody ul li a{ height: 30px; float:left;width: 85%; }
.ftBody ul li b{float:left;}
.ftBody ul li:hover{background: url(../images/ftIcon.png) no-repeat left center; color: #2779de;}

/* 数据中心 图解 */
.gov-hdjl-box .sj-logo{
	position:absolute;top:58px;left:0;width:40px;height:40px;
}
.gov-hdjl-box .sj-logo img{
	width:100%;height:100%;
}
.gov-hdjl-box h3.title {
    background: url(../images/hjt_7.png) left bottom repeat-x;
    position: relative;
    padding-left: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.gov-hdjl-box h3.title:before {
    position: absolute;
    left: 0;
    content: "";
    width: 4px;
    top: 3px;
    height: 22px;
    border-radius: 1px;
    background: #205bbb;
}
.gov-hdjl-box h3.title a {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}
.gov-hdjl-box .sj,.gov-hdjl-box .tj{
	padding:0;overflow:hidden;position:relative;
}
.gov-hdjl-box .tj{
	padding-left:20px;
}
.gov-hdjl-box .tj .title a{
	font-weight:normal;font-size:20px;
}
.gov-hdjl-box .tj .title a + a{
	margin-left:20px;
}
.gov-hdjl-box .tj .title a.selected{
	font-weight: bold;font-size:24px;color:#287ade;
}
.gov-hdjl-box .tj .topic .tj-box{
	height:180px;position:relative;
}
.gov-hdjl-box .tj .topic li a {
    border: 6px solid #e7f2fc;
    border-radius: 0px;
    position: relative;
    width: 100%;
}
.gov-hdjl-box .tj .topic li a {
    display: block;
    width: 100%;
}
.gov-hdjl-box .tj .topic li a .box {
    height: 100%;
    overflow: hidden;
}
.gov-hdjl-box .tj .topic li img {
    width: 100%;
    display: block;
}
.gov-hdjl-box .tj .topic li span {
    background: rgba(91, 142, 222, 0.7490196078431373);
    color: #fff;
    display: block;
    padding: 3px 7px;
    height: 40px;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    overflow: hidden;
    bottom: 6px;
}
.gov-hdjl-box .tj .topic .topic-prev {
    background: url(../images/left_07_07.png);
    width: 18px;
    height: 18px;
    left: 0;
    margin-top: -9px;
	position: absolute;
    top: 50%;
    z-index: 999;
}
.gov-hdjl-box .tj .topic .topic-next {
    background: url(../images/right_07_07.png);
    width: 18px;
    height: 18px;
    right: 0;
    margin-top: -9px;
	position: absolute;
    top: 50%;
    z-index: 999;
}
.gov-hdjl-box .tj .topic .topic-prevs {
    background: url(../images/left_07_07.png);
    width: 18px;
    height: 18px;
    left: 0;
    margin-top: -9px;
	position: absolute;
    top: 50%;
    z-index: 999;
}
.gov-hdjl-box .tj .topic .topic-nexts {
    background: url(../images/right_07_07.png);
    width: 18px;
    height: 18px;
    right: 0;
    margin-top: -9px;
	position: absolute;
    top: 50%;
    z-index: 999;
}
html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
}

/* 移动端政府信息公开 */
.gov-about-box-mobile{
	display:none;
}
/* 移动端政务服务网链接 */
.link-pic{
	display:none;
}
/* 移动端互动交流 */
.hdjl-mobile{
	display:none;
}