@charset "utf-8";
/* CSS Document */

/*中间*/
.one{padding:20px;margin-top:20px;background:#fff;}
/**轮播图**/
.twbox {width: 660px;height: 370px;overflow: hidden;}
.ind-flash .flash-slide{position: relative;height:100%; width: 100%;}
.ind-flash .ind-flashPic,.ind-flash .ind-flashPic ul,.ind-flash .ind-flashPic li,.ind-flash .ind-flashPic img,.ind-flash .ind-flashPic a{height:100% !important; width: 100%; }
.ind-flash .ind-flashPic{ position:relative; z-index:0;}
.ind-flash .ind-flashPic li{ zoom:1; vertical-align:middle; text-align: center}
.ind-flash .ind-flashPic a{display:block; color: #fff; position: relative;}
.ind-flash .ind-flashPic img{display:block;width: auto !important; margin:0 auto;  max-width: 100% !important;}
.ind-flash .ind-flashPic .title{display: block; height: 40px; line-height:40px; padding: 0 120px 0 10px; font-size: 16px; background: rgba(0, 0, 0, 0.45); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; }
.ind-flash .ind-flashPic a:hover .title{color: #fff;}
.ind-flash .ind-flashNum{ height:12px; overflow:hidden; position:absolute; right:8px; bottom:14px; z-index:1; }
.ind-flash .ind-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.ind-flash .ind-flashNum ul li{ float:left; margin-right:8px; width:12px; height:12px; text-indent: -20em; font-size: 0; background:#fff!important;border-radius:12px;overflow: hidden; cursor: pointer;}
.ind-flash .ind-flashNum ul li.on{background: #ff9600!important;}
/*tab切换*/
.tab {width: 470px;height:370px;}
.tab_top {width:100%;height:22px;}
.tab_top ul li{float: left;line-height:22px;font-size: 20px;margin-right: 30px;}
.tab_top ul li a{color: #505050;}
.tab_top ul li.active a{color:#5db6fb;}
.tab_title { clear: both;}
.tab_title2 {display: none;}
.tab_title2.active {display: block;}
.tab_title2 ul{margin-top:12px;}
.tab_title2 ul li{height:28px;line-height:28px;overflow: hidden;background: url(../images/dot.png) 0 center no-repeat;padding:2px 60px 2px 10px;font-size: 16px; position: relative;}
.tab_title2 ul li a{ display: inline-block; max-width: 380px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab_title2 ul li .starting{float: right;margin-right: 5px;color:#5db6fb;}
.tab_title2 ul li .nostart{float: right;margin-right: 5px;color:#fa8400;}
.tab_title2 ul li .over{float: right;margin-right: 5px;color:#ff0000;}
.tab_title2 ul li a:hover{color:#5db6fb;}
.tab_title2 ul li .date{color: #999999;font-size: 14px; position: absolute; right: 0; top: 2px;}
.tab_title2 ul li img{vertical-align: middle;}
.tab_zjlist ul li{padding-right: 105px; }
.tab_zjlist ul li a{ max-width: none !important;  display: block; float: none;}
.tab_zjlist  ul li .starting,.tab_zjlist ul li .nostart,.tab_zjlist ul li .over{ position: absolute; right: 45px; top: 0;}

.gklist{margin-top:12px;}
.gklist li{height:32px;line-height:28px;vertical-align:bottom;padding:0 50px 0 10px;background: url(../images/dot.png) left center no-repeat;overflow:hidden;position:relative;}
.gklist li .col-block{float:left;max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 2px 0;}
.gklist li .date{white-space:nowrap;position:absolute;right:0;top:2px;color:#999;font-size:14px;}
.gklist li .title{display:block;float:none;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:0;border-bottom: none;}
.gklist li .explain-list,
.gklist li .policy-list{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gklist li .explain-list .split-line,
.gklist li .policy-list .split-line{padding:0 2px;color:#666;font-size:13px;}
.gklist li .explain-list a,
.gklist li .policy-list a{display:inline;color:#ff0000;float:none;background:none;max-width:none;padding:0;margin:0;}
.gklist li .explain-list a:hover,
.gklist li .policy-list a:hover{color:#ff0000;}


.tab_title3 ul li.num1{height:67px;line-height:67px;font-size:15px;border-bottom: 1px dashed #CCCCCC; padding:0; background:none; text-align:center;margin-bottom:8px;}
.tab_title3 ul li.num1 a{display: block;overflow: hidden;float:none;text-overflow: ellipsis;white-space: nowrap; font-size:24px; font-weight:bold;color: #d10000;max-width: none;}
.tab_title3 ul li.num1 .date,.tab_title3 ul li.num1 img{ display:none;}
.xbxw{height:67px;line-height:67px;font-size:15px;border-bottom: 1px dashed #CCCCCC;}
.xbxw a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #d10000;}
.tab_top2 {width: 100%;height: 30px;}
.zyxx .tab_top2 ul li{font-size: 16px;margin-right:0;padding-left:0;float: left;background: none;padding-right: 20px;}
.zyxx .tab_top2 ul li a{color:#ff0000;}
.zyxx .tab_title2 ul li{height:26px;line-height:26px;}
/*前台部门信箱*/
/*通知公告*/
.tzgg{width:1164px;height: 80px;overflow: hidden;padding-top:20px;border-top:1px solid #e4e4e4;margin-top: 20px;}
.tzgg_left a{display: block;width:60px;height: 60px;}
.tzgg_right{width: 1089px;height: 60px;overflow: hidden;}
.tzgg_right ul li{margin: 0 13px;height:25px;line-height:25px;overflow: hidden;background: url(../images/dot.png) 0 center no-repeat;padding:2px 0 2px 10px;font-size:15px;float: left;width: 30%;position: relative;}
.tzgg_right ul li a{max-width: 80%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tzgg_right ul li:hover a{color:#5db6fb;}
.tzgg_right ul li img{vertical-align: middle;}
.tzgg_right ul li .date{color: #999999;font-size: 14px;display: block;position: absolute;right: 0;top: 2px;white-space: nowrap;}
/*第二板块*/
.tow{padding: 10px 20px;margin-top:20px;background: #fff;}
/*专题轮播*/
.zhbanner { width: 100%; height: 70px; }
.zhbanner .j-scroll { position: relative; overflow: hidden; height: 70px; padding: 0 30px; }
.zhbanner .j-scroll .prev { display: block; width: 20px; height: 50px; position: absolute; top: 12px; background: url(../images/prev.png) 0 0 no-repeat !important; cursor: pointer; left: 0; }
.zhbanner .j-scroll .next { display: block; width: 20px; height: 50px; position: absolute; top: 12px; background: url(../images/next.png) 0 0 no-repeat!important; cursor: pointer; right: 0; }
.zhbanner .j-scroll .scroll-wrap { width: 100%; overflow: hidden; }
.zhbanner .img_title { display: none; }
.zhbanner ul li{ float: left; width: 260px; margin-right: 20px; }
.zhbanner ul li img{width:100%;}

/*政务服务网*/
.zuww{padding: 10px 20px;margin-top: 20px;background: #fff;position: relative;}
.zuww ul.zuww-links li{float: left;width: 48%;height: 77px;}
.zuww ul.zuww-links li img{width: 100%;}
.zuww ul.zuww-links li.num2{float: right;}
.zuww ul.zuww-links li .img_title{display: none;}
.zuww .zuww-links2{position: absolute;display:none;bottom:10px;right:-280px;background:#95c5f7;padding:10px 0;z-index: 99;}
.zuww .zuww-links2 li{float: left;position: relative;width:80px;margin:0 10px;padding-top:36px;}
.zuww .zuww-links2 li .img_title{height:36px;line-height:16px;text-align: center;color:#fff;position: absolute;top:0;left:0;}
/*第三板块*/
.three{margin-top: 20px;}
.three_left{width: 725px;}
/*互动交流*/
.three_right{width: 460px;}
.zwgk{padding: 15px;height:334px;background:#ffffff;}
.zwgk_top{height: 33px;border-bottom: 1px solid #dddddd;}
.zwgk_top a{font-size: 20px;color: #5db6fb;padding: 0 10px 3px;border-bottom:3px solid #5db6fb;}
.zwgk_left{width: 190px;}
.zwgk_left ul li{height: 42px;line-height: 42px;border-radius: 3px;border: solid 1px #5db6fb;margin-top: 15px;font-size: 16px;}
.zwgk_left ul li span{margin-left: 10px;}
.zwgk_left ul li img{margin-left: 9px;transition: all .6s;}
.zwgk_left ul li:hover img{transform: translateX(10px);-ms-transform: translateX(10px);-moz-transform: translateX(10px);-webkit-transform: translateX(10px);}
/*最新公开*/
.zwgk_right{width: 490px;height: auto;overflow: hidden;margin-top: 15px;}
.zwgk_right .zxgk_top{padding-left: 15px;height: 42px;line-height: 42px;background:#f8f8f8;border-left: 4px solid #5db6fb;font-size: 19px;color: #5db6fb;}
.zwgk_right .tab_title2{margin-top: 10px;}
.zwgk_right .tab{width: 100%;height: auto;}
.zwgk_right .tab_top{height: 42px;background-color: #f8f8f8;border-left:4px solid #5db6fb;padding-left:10px;}
.zwgk_right .tab_top ul li{line-height: 42px;font-size: 19px;}
/*政务，个人，短信*/
.grdx{width:694px;background-color: #ffffff;padding:12px 15px;margin-top:15px;overflow:hidden;}
.grdx .img_title{display: none;}
/*互动交流*/
.three_right{width:434px;background:#ffffff;padding: 13px 15px;overflow: hidden;}
.three_right .tab{width:auto;height:306px;margin-top: 16px;}
.three_right .tab_top{height: 47px;}
.three_right .tab_top ul li{background:#f8f8f8;line-height:45px;margin-right: 0;width: 143px;height: 45px;text-align: center;}
.three_right .tab_top ul li.active{background:url("../images/tab.png") top center no-repeat;height: 47px;line-height:47px;}
.three_right .tab_top ul li a:hover{color:#5db6fb;}
.three_right .tab_top ul li.active a,.three_right .tab_top ul li.active a:hover{color: #fff;}
/*互动广告位*/
.hdgw ul li{width: 96px;height: 99px;background-color: #f6f6f6;border-radius: 5px;float: left;margin-right: 15px;text-align:center;}
.hdgw ul li a{display: block;cursor: pointer;height: 100%;}
.hdgw ul li img{margin-top: 17px;margin-bottom: 16px;transition: all 1.5s;}
.hdgw ul li:hover img{transform: rotateY(360deg);}
.hdgw ul li.num4{margin-right:0;}
.hdgw ul li .img_title{display: block;}
/*部门信箱*/
.tab_title2 .hd_telbox{height: 28px;background: #fafafa;margin-top: 8px;position:relative;}
.tab_title2 .hd_telbox p,.tab_title2 .hd_telbox div{display:block;position: absolute;height: 28px;line-height: 28px;font-size: 15px;color: #535353;top:0;}
.tab_title2 .hd_telbox .p1{width:110px;text-indent:10px;left:0;}
.tab_title2 .hd_telbox .p2{left:110px; right:65px;}
.tab_title2 .hd_telbox .p3{width:65px;text-align: center;right:0;}
.tab_title2 .hd_xdbox li{height:28px;line-height:28px;background: none;padding:2px 0;position:relative;font-size: 15px;}
.tab_title2 .hd_xdbox li p,.tab_title2 .hd_xdbox li div{position: absolute; height: 28px; top:2px;}
.tab_title2 .hd_xdbox li .p1{width: 110px;left:0; text-align: left; text-indent: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999;}
.tab_title2 .hd_xdbox li .p2{ left:110px; right:65px; }
.tab_title2 .hd_xdbox li .p2 a{ display: block; max-width: none; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab_title2 .hd_xdbox li .p3{width: 65px;text-align: center; right:0;}
.tab_title2 .hd_xdbox li .p3 span{color: #fa8400;}
@media only screen and (max-width:1199px) and (min-width:992px){
    /*焦点图*/
    .twbox{width: 540px; height: 303px;}
    .tab_top ul li{margin-right: 18px; }
    .tab{width: 392px; height: 300px; overflow: hidden;}
    .tab_title2 ul li{ height: 34px; line-height: 34px;}
    .tab_title2 ul li a{max-width: 305px;}
    .tab_title3 ul li.num1 a{ max-width: none;}
    .tzgg_right ul li{ margin: 0 1.5%;box-sizing:border-box;}
    /*通知公告*/
    .zhbanner ul li{width: 215px; margin-right:10px;}
    .three_left{width: 585px;}
    .zwgk_left{ width: 180px;}
    .zwgk_left ul li span{margin-left: 5px;}
    .zwgk_right{  width: 360px;}
    .zwgk_right .tab_title2 ul li a{max-width: 300px;}
    .three_right{width: 357px;}
    .three_right .tab_top ul li{  width: 118px;}
    .hdgw ul li{ margin-right: 10px; width: 81px;}
}
@media only screen and (max-width:991px) {
    .one{ padding: 15px; margin-top: 15px;}
    .twbox,.tab,.three_left,.three_right{float: none; width: auto;}
    .twbox{height: 414px;}
    .tab,.tow,.three,.three_right{margin-top: 15px;}
    .tab_title3 ul li.num1{height:56px;line-height:56px;margin-bottom:5px;}
    .tzgg{padding-top: 15px; margin-top: 15px;}
    .zwgk_right{ width: 530px;}
    .zwgk_right .tab{ margin-top: 0;}
    .tab{height: auto;}
    .tab_title2 ul li a{ float: none; display: block; max-width: none !important;}
    .tab_title2 ul li img{display: none;}
    .tzgg_right ul li{width: 47%; box-sizing: border-box; margin: 0 1.5%;}
    .zhbanner ul li{margin-right: 10px; width: 219px;}
    .hdgw{margin-top: 10px;}
    .hdgw ul li{ width: 23%; margin: 0 1%;}
    .tow{padding: 10px 15px;}
    .three_right .tab{height: auto;}
    .three_right .tab{margin-top: 12px;}
}
@media only screen and (max-width:767px) {
    /*焦点图*/
    .twbox{height: 336px;}
    .one{ padding: 10px 10px 0 10px; margin-top: 10px;}
    .tab,.tow,.three{margin-top: 10px;}
    .tab_title3 ul li.num1{height:48px;line-height:40px;}
    .tab_title3 ul li.num1 a{font-size: 22px;}
    .tzgg{padding-top: 10px; margin-top: 10px;}
    .tow{padding: 10px;}
    .zwgk_right{margin: 10px 0 0; width: auto; float: none;}
    .three_right .tab_top{height: auto;}
    .three_right .tab_top ul li.active{ height: 45px;line-height: 45px; background: #5db6fb;}
    .zuww{   padding: 10px;margin-top: 10px;}
    .zwgk{height: auto; padding: 10px;}
    .zwgk_left{float: none; width: auto;}
    .zwgk_left ul li{float: left; width: 48%; box-sizing: border-box; margin: 10px 1% 0;}
    .grdx{margin-top: 10px; padding: 10px;}
    .grdx img{height: auto;}
    .three_right{margin-top: 10px; padding: 10px; margin-bottom: 10px;}
}
@media only screen and (max-width:619px) {
    .twbox{height: 258px;}
    .tab_top{height: auto;}
    .tab_top ul li{margin-right: 10px; height: 30px;line-height: 30px;}
}
@media only screen and (max-width:479px) {
    .twbox{height: 227px;}
    .tzgg_right ul li{width: 100%; margin-left: 0; margin-right: 0;}
    .zuww ul.zuww-links li{ width: 100%; margin-bottom: 10px;}
    .zwgk_left ul li{ width: 100%; margin-right: 0;}
    .hdgw ul li {width: 48%; margin-bottom: 10px;}
}
@media only screen and (max-width:424px) {
    .twbox{height: 199px;}
}
@media only screen and (max-width:374px) {
    .twbox{height: 168px;}
}