@charset "utf-8";

.indexbox1-l{width: 54.5%; float: left;}
.indexbox1-l .tpxwbox{ position: relative; height: 432px;}
.tpxwlb{width: 100%; position: relative; height: 100%; overflow: hidden;}
.tpxwlb .hd{height:12px; overflow:hidden; position:absolute; right:0; bottom:25px; z-index:2;}
.tpxwlb .hd ul{overflow:hidden; zoom:1;}
.tpxwlb .hd ul li{float:left; margin-right:10px; width:12px; height:12px; line-height:12px; border-radius:50%; background:#fff; cursor:pointer; text-indent:99999em;}
.tpxwlb .hd ul li.on{background:#A2E5D3;}

.tpxwlb .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.tpxwlb .bd ul{width:100%; height:100%;}
.tpxwlb .bd ul li{position:relative; height:432px;}
.tpxwlb .bd li img{width:100%; height:368px; display: block;}
.tpxwlb .bd li b{display:block; position:absolute; width:100%; height:64px; bottom:0;left:0;background: url(index2025_r22_c2_s1.png) left top repeat-y; z-index:1;
background: linear-gradient(to right,  #3cc4d9 0%,#49c89f 100%);
}
.tpxwlb .bd li span{display:block; bottom:0; left:0; z-index:2; height: 64px; line-height: 64px; width: 80%;  background-size: 100%;}
.tpxwlb .bd li span a{color:#fff; display:block; position:relative; z-index:3; font-size:18px; padding-left: 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.tpxwlb .bd li span a:hover{color:#fff;}

.indexbox1-r{width: 43%; float: right;}
.ttlist1 li{line-height: 1.2; display: block; width: 100%; height: 58px; position: relative; text-align: justify; margin-bottom: 21px; font-weight: bold; color: #000;}
.ttlist1 li a{font-size: 24px; color: #000; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ttlist1 li:hover a{color: #005bac;}
.line{border-top: 2px #E1ECF1 dashed; clear: both;}
.ttlist2 li{display: block; line-height: 1.2; width: 100%; height: 53px; position: relative; text-align: justify; margin-top: 22px; color: #000;}
.ttlist2 li a{font-size: 22px; color: #000; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ttlist2 li:hover a{color: #005bac;}
.ttmore{margin-top: 10px; text-align: right;}
.ttmore a{font-size: 16px; color: #333;}

.indexbox2{padding:40px 0; background: #F4F9FD;}
.indexbox2-l{width: 47%; float: left;}
.tybox{width: 100%; padding-bottom: 23px; background: url(index2024_r9_c4_s1.png) top center no-repeat; background-size: 100%;}
.tytitle{height: 47px; position: relative; margin-bottom: 27px;}
.tytitle h1{display: inline-block; border-bottom: 2px #005BAC solid; line-height: 1; margin-left: 20px; height: 45px; font-size: 30px; color: #010f24;}
.tytitle h1 a{font-size: 30px; color: #010f24;}
.tytitle .more{position: absolute; bottom: 0; right: 20px; width: 50px; text-align: center; line-height: 22px; height: 22px; border-radius: 3px; background: #fff;}
.tytitle .more a{display: block; color: #666; font-size: 14px;}
.tylist{padding: 0 20px;}
.tylist li{margin-bottom: 25px; line-height: 1.2;}
.tylist li a{display: block; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}

.tabbox2 .hd{margin-bottom: 10px;}
.index_list1 li{position:relative; padding:0 100px  0 20px; height:61px; line-height:61px;  vertical-align:top;}
.index_list1 li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 8px; height: 8px; background: #07AFC9; border-radius: 50%;}
.index_list1 li span{position:absolute; right:0; top:0; color:#aaa; font-size: 16px;}
.index_list1 li a{float:left; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.index_list2 li{position:relative; padding:0 100px  0 20px; height: 42px; line-height: 42px; vertical-align:top;}
.index_list2 li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 8px; height: 8px; background: #07AFC9; border-radius: 50%;}
.index_list2 li span{position:absolute; right:0; top:0; color:#aaa; font-size: 16px;}
.index_list2 li a{float:left; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.index_list3 li{position:relative; padding:0 0 0 20px; height: 42px; line-height: 42px;  vertical-align:top;}
.index_list3 li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 8px; height: 8px; background: #07AFC9; border-radius: 50%;}
.index_list3 li a{display: block; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.canvas-div {width: 137px; height: 139px; padding-top: 29px; text-align: center; background: url(/global/qrcode.png) no-repeat; position: absolute;
  z-index: 9; top:35px;}

/* 业务频道 */
.ywpd-list{padding-top: 30px;}
.ywpd-list li{width: 10%; border: 2px #fff solid; background: url(index2025_r26_c57_s1.png) top left repeat-x #F4F9FF; 
    text-align: center; float: left; box-shadow: 0 0 6px 0 #E1EEF6; margin-right: 14px; height: 114px;}
.ywpd-list li a{display: block;}
.ywpd-list li img{display: block; margin: 30px auto 15px;}
.ywpd-list li .txt{text-align: center; color: #333; font-size: 16px;}
.ywpd-list li.last{margin-right: 0;}

/* 业务系统 */
.ywxt-list{padding-top: 30px;}
.ywxt-list li{width: 15.69%; border: 2px #fff solid; background:#F4F9FD; 
 float: left; box-shadow: 0 0 6px 0 #E1EEF6; margin-right: 14px; height: 56px; line-height: 1.2;}
.ywxt-list li a{display: block;}
.ywxt-list li img{display: inline-block; margin-left: 10px; margin-right: 5px; vertical-align: top;}
.ywxt-list li .txt{color: #333; font-size: 16px; padding-top: 8px; display: inline-block;}
/* .ywxt-list li.xx1 img, .ywxt-list li.xx4 img{vertical-align: top;} */
/* .ywxt-list li.xx1 .txt, .ywxt-list li.xx4 .txt{display: inline-block; line-height: 1.2; padding-top: 8px;} */

.ywxt-list li.xx1 .txt{display: inline-block; line-height: 56px; padding-top: 0;}
.ywxt-list li.xx4 .txt{display: inline-block; line-height: 56px; padding-top: 0;}
.ywxt-list li.xx6{margin-right: 0;}

/* 政务公开 */
.zwgk{width: 61.5%; float: left;}
.zwgk-con, .hdjl-con{margin-top: 30px;}
.zwgk-con-l{width: 37.1%; float: left;}
.zwgk-con-l img{display: block; width: 100%; height: auto;}
.zwgk-con-r{width: 59.5%; float: right;}

.zwgk-menu{margin-top: 8px;}
.zwgk-menu li{float: left; margin-right: 21px; width: 31.4%; background: #F4F9FD; margin-top: 14px; height: 75px; line-height: 75px;}
.zwgk-menu li a{display: block;}
.zwgk-menu li img{display: inline-block; margin-left:45px; margin-right: 10px; vertical-align: middle;}
.zwgk-menu li .txt{color: #333; font-size: 16px;}
.zwgk-menu li.xx4 img{vertical-align: text-bottom;}
.zwgk-menu li.xx4 .txt{display: inline-block; line-height: 1.2; padding-top: 20px;}
.zwgk-menu li.xx3, .zwgk-menu li.xx6{margin-right: 0;}

/* 互动交流 */
.hdjl{width: 35%; float: right;}
.yjzj-list li{padding-left: 65px; margin-top: 25px; position: relative;}
.yjzj-list li .state{ position: absolute; top: 0; left: 0; text-align: center; }
/* .yjzj-list li .state img{display: block; margin: 10px auto 5px;} */
.yjzj-list li .star{display:block; color: #fff; font-size: 14px; background: url(index2025_r33_c46_s1.png) 12px 9px no-repeat #6FBCFF; padding-top: 38px; width: 50px; height: 62px; border-radius: 5px;}
.yjzj-list li .end{display:block; color: #aaa; font-size: 14px; background: url(index2025_r37_c45_s1.png) 12px 9px no-repeat #F4F9FD; padding-top: 38px; width: 50px; height: 62px; border-radius: 5px;}
.yjzj-list li .yjzj{position: relative; height: 62px;}
.yjzj-list li .yjzj .zjbt{line-height: 1.2;}
.yjzj-list li .yjzj .zjbt a{font-size: 16px; color: #333; display: -webkit-box;
-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.yjzj-list li .yjzj .zjsj{color: #aaa; font-size: 16px; position: absolute; bottom: 0; left: 0;}
.yjzj-list li .yjzj .zjsj img{display: inline-block; width: auto; vertical-align: middle;}

.hdjl-menu{margin-top: 29px;}
.hdjl-menu li{margin-right: 39px; float: left; text-align: center;}
.hdjl-menu li img{display: block; margin: 0 auto 10px; width: auto;}
.hdjl-menu li span{display: block; text-align: center; font-size: 16px;}
.hdjl-menu li.xx4{margin-right: 0;}

/* 专题专栏 */
.ztzl-con{background: #F4F9FD; border: 1px #EFEFEF solid; margin-top: 30px; padding-left: 50px; position: relative;}
.ztzl-con .zt-tit{position: absolute; top: 0; left: 0; width: 50px; height: 116px; background: url(index2025_r52_c2_s1.png) top left repeat-x #3CC5D7; 
    text-align: center; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.5; padding-top: 25px;
}
.ztzl-scroll{height: 116px; position: relative; *overflow: hidden; overflow: hidden; padding: 15px 64px 0;}
.ztzl-scroll .bd{overflow: hidden;}
.ztzl-scroll .bd li{float: left; margin-right: 30px;}
.ztzl-scroll .bd li img{display: block; width:320px; height:85px; border-radius: 4px;}

.ztzl-scroll .hgan{display: block;}
.ztzl-scroll .hgan a{ position:absolute; top:16px; width:62px; height:85px; cursor:pointer;}
.ztzl-scroll .hgan .prev{background: url(index2025_r54_c10_s1.png) center no-repeat; left:0; right: auto;}
.ztzl-scroll .hgan .next{right:0; left: auto; background: url(index2025_r54_c69_s1.png) center no-repeat;}


@media (max-width: 1280px) {
	
}

@media (max-width: 1024px) {
    .zwgk-menu li{width: 31.3%;}
    .zwgk-menu li img{margin-left: 30px;}
    .tabbox2 .hd ul li{margin-right: 25px;}
    .hdjl-menu li{margin-right: 30px;}
    .ztzl-scroll .bd .tempWrap{width: 1026px !important;}
    .ztzl-scroll .bd li{margin-right: 22px;}
    .ztzl-scroll .bd li img{width: 220px; height: 125px;}
    .yjzj-list li{margin-top: 25px;}
    .index_list3 li{margin-top: 27px;}
    .ywxt-list li .txt{font-size: 15px;}
    .ywxt-list li{width: 15.6%;}
}
@media (max-width: 768px) {
body{min-width: 1200px;}

}