﻿<style>
.dn{left:0px !important; top:0px !important}
/**飘窗动态**/
.pc_img li img{width:100%;}
/**统一标题**/
.tybt_zf{width: 1200px;border-bottom: 1px solid #e0e0e0;margin: 0 auto;padding-top: 30px;}
.tybt_zf p{color:#bd1b2b;font-size: 20px;float:cu1 left;border-bottom:3px solid#bd1a2d; text-align: center;height: 50px;line-height: 50px;font-weight: 600;}
.tybt_zf span{float:right;line-height: 50px; height:50px;}
.tybt_zf span a{color: #999;}
.tybt_zf span a:hover{    color: #bd1a2d;}
/**网上业务平台**/
.gryw{background:url(/web/uiFramework/commonResource/image/2020031912181484729.png) no-repeat; background-size:100%; height:345px;position: relative;}
.gryw_gr,.gryw_dw{width: 290px;height: 100px;line-height: 40px;border: 1px solidred;text-align: center;} 
.gryw_gr{background:url(/web/uiFramework/commonResource/image/2020031912182011382.jpg ) no-repeat; background-size:100%;position: absolute;top: 100px;left: 42px; }
.gryw_dw{background:url(/web/uiFramework/commonResource/image/2020031912182689301.png) no-repeat; background-size:100%; position: absolute;top: 200px;left: 42px;}
.gryw_gr a,.gryw_dw a{font-size:20px; color:#fff;margin-top: 20px;margin-left: 60px;display:block;}
.con1R4{width:380px;margin-top:2px; }
/**统一标题**/
.tybt{width:100%;border-bottom:1px solid #e0e0e0;}
.tybt p{color: #bd1b2b;font-size: 20px;float: left; border-bottom: 2px solid #bd1a2d; text-align: center; height: 48px; font-weight: 800; line-height: 48px;}
.tybt span{float:right;line-height: 48px;}
.tybt span a{color: #999;}
.tybt span a:hover{color: #bd1a2d;}
/**政务服务**/ 

.zwfw_rq{width: 1200px;margin: 0 auto;margin-bottom:50px;}
.zf_01 ul li{    float: left; background: #fff;padding: 26px 16px;width: 20%; margin-top: 30px; border-radius: 6px; margin-right: 16px; margin-left: 18px; box-shadow: 0px 0px 20px 0px #eee;text-align: center;    border: 1px solid #eee;}
.zf_01 ul li:hover{background: #bd1a2d;}
.zf_02 ul li{float: left;background:#fff;padding: 10px;width: 16%;margin-top: 45px;border-radius: 6px;margin-right: 20px;margin-left: 8px;}
.zf_02 ul li:hover{background:#bd1a2d;}
.zf_02 ul li a:hover{color:#fff;}
.zf_01 ul li>a{    display: block; margin-bottom: 20px;    margin-top: 20px;}
.zf_01 ul li p{padding-top: 10px;}
.zf_01 ul li p a{font-size: 16px;    line-height: 50px;}
.zf_01 ul li:hover p a{color: #fff;font-size: 20px;}
.zf_02 ul li p a{font-size: 16px; height: 40px;display: block;line-height: 40px; }
/**办事指南**/
.myddc{margin-top:50px;    margin-bottom: 50px;}
.con1{margin-top:35px;}
.bszn_rq{ width:1200px;margin:0 auto;}
.bszn_rq ul li{float: left;background:#fff;height: 60px;line-height: 60px;width: 30%; border-radius: 5px;}
.bszn_rq ul li a{text-align: center;display: block;font-size: 18px;}
.bszn_rq ul li:hover a{color: #fff;}
.bszn_rq ul li:hover{    background: #bd1a2d;}
.bszn_rq01{margin-top:63px;}
.bszn_rq02{margin-top:37px;}
.gl{margin-left:59px;}
/**政民互动**/
.bg_yc{background: #f5f5f5;}
.cjet p{font-size: 18px;font-weight: 600;border-left: 4px solid#bd1a2d;padding-left: 10px;}
.sdk_st{width:34%;border:1px solid #d0d0d0;padding: 20px;}
.tsjy ul li{float:left; margin-left: 20px;margin-bottom: 15px;border: 1px solid #cbcbcb;}
.xw_new{margin-top:50px;}
/**文字展示**/
.xw_new01{width: 1200px;margin: 0 auto; margin-top: 0px; margin-top: 30px;}
.wzzs_li{font-size: 14px;line-height: 30px;color:#000;padding-top: 30px;}
.wzzs{border-top: 1px solid #dedede;}

/**政府信息公开**/
.myddc{ width:100%; }
.tybt_zf04{width: 100%;border-bottom: 1px solid #e0e0e0;margin: 0 auto; }
.tybt_zf04 p{color:#bd1b2b;font-size: 20px;float: left;border-bottom: 3px solid #bd1a2d; text-align: center;height: 50px;line-height: 50px;font-weight: 800;}
.tybt_zf04 span{float:right;line-height: 50px; height:50px;}
.tybt_zf04 span a{color: #999;}
.tybt_zf04 span a:hover {color: #bd1a2d;}
.zfxx_02{width:100%; padding-bottom:10px;}
#xp_01{    line-height: 80px;}
.zfxx_02 p{float: left; background: #fff;width: 22%;text-align: center; border-radius: 7px;margin-left:8px; padding: 1%; box-shadow: 0px 0px 20px 0px #eee; margin-top: 20px;border: 1px solid #eee;}
.zfxx_02 p a{    font-size: 16px;  line-height: 40px;  display:block;       text-align: center;}
.zfxx_02 p:hover{    background: #bd1a2d;}
.zfxx_02 p:hover a{    color: #fff;}
.zfxx_03{width: 99%;border: 1px solid  #bebebe;border-radius: 6px;height: 40px;line-height: 36px;text-align: center;margin: 0 auto;margin-top: 0px;margin-top: 20px;}
.zfxx_02 p img{    margin-bottom: 7px;}
.zfxx_03 a{font-size: 16px;margin-left: 20px;}
.zfxx_04 p{float:left;}
.zfxx_04{margin-top:20px;}
.dp_s{margin-left:8px;}
.zfgk_icon{display: inline-block;height: 18px;width: 10px;}

.ljrk_zf{width:1200px; margin:0 auto;}
.ljrk_zf ul li{float:left;}
.ljrk_zf_01{margin-left:45px;}
/* 内容 */
.Tit1{display: block; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #bd1a2d; background-color: #fff;margin:17px 0;}
.con1{margin-bottom:50px; overflow:hidden; margin-top:50px;}
.con1L,.con1L .tpxw ul li{width:790px; overflow: hidden; position: relative;}
.con1L .tpxw ul li a{ display: block;}
.con1L .tpxw ul li a .titBg,.con1L .tpxw ul li a .tit{display:block; position: absolute; left: 0px; bottom:0px; height: 40px; line-height: 40px;}
.con1L .tpxw ul li a .titBg{background-color: rgba(255,255,255,.8); width: 100%;background-color:#fff; opacity:0.8;filter:alpha(opacity=80)}
.con1L .tpxw ul li a .tit{padding-left: 2%; width: 98%; overflow: hidden;;text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.con1L .tpxw div.swiper-pagination,.page{width:100px; position: absolute; right:0px; bottom: 17px;}
.con1L .tpxw div.swiper-pagination li,.tpxw .swiper-pagination-bullet{width: 10px; height: 10px; margin:0 5px; float: left; background-color: #fff; border-radius: 10px; text-indent: -2em; overflow: hidden; opacity: 1; display: inline-block;}
.con1L .tpxw div.swiper-pagination li.on,.con1L .tpxw .swiper-pagination-bullet-active{background-color:#e60012 !important; }
.con1R4{width:380px;margin-top:2px; }
h2.TabTit a{color: #000; font-size: 16px; display: inline-block;    margin-right:2%;}
h2.TabTit{border-bottom: 1px solid #e0e0e0;}
h2.TabTit a.current{    border-bottom:3px solid#bd1a2d;color: #bd1a2d;font-weight: 800; margin-bottom: -1px;font-size: 20px; line-height: 48px;}
.TabCon li{overflow: hidden;}
.TabCon{padding-top: 10px;}
.HideCon{display: none;}
.TabCon li a{float: left;display: block; width: 75%; height: 38px; line-height:38px; overflow: hidden;; text-overflow: ellipsis; white-space: nowrap;/** padding-left: 15px;**/ background:  url(icon.png) left center no-repeat; font-size: 16px;}
.deg_tab li a{height: 50px; line-height: 50px;}
.TabCon li span{display: inline-block; height: 38px; line-height: 38px; float: right; width: 25%; color: #999; text-align: right; font-size: 14px;}

.con2{overflow: hidden;}
 
.PubList{width: 100%;background-color: #f5f5f5;padding-bottom: 45px; margin-bottom: 30px; padding-top: 30px;}
.w1200{width:1200px;margin:0 auto;}

#gjj_ze{width: 100%;overflow: hidden;border-bottom: 1px solid #e0e0e0;}
#gjj_ze>a{ color: #bd1b2b;font-size: 20px; float: left;border-bottom: 3px solid #bd1a2d;text-align: center; height: 50px; line-height: 50px;font-weight: 600; }
#gjj_ze>#TabTit_h2{float: right;width: 72%;    border-bottom:0;}
#gjj_ze>#TabTit_h2>a{    font-size: 16px;}
#gjj_ze>#TabTit_h2 a.current{color: #bd1a2d; font-weight: 800; margin-bottom: -1px; font-size: 16px; line-height: 53px;    border-bottom: 0;}

.PubList .TabCon li a{width: 68%;/** padding-left: 15px; background:  url(icon.png) left center no-repeat;**/}
.Jcgz{margin-bottom:36px;}
.FyZj{width: 390px; height: 290px;background:url(yjzj.jpg) left top no-repeat;  background-size: cover;}
.FyZj a{display: block;}
.FyZj a.wsxzfy{margin-bottom:24px;}
.yjzj{}
.yjzjtxt{display: block; margin:15px auto 10px; }
.yjzj a{display: block; width: 90%; margin:5px auto 10px; background:  url(yjzjBg.png) 0 0 repeat; overflow: hidden; padding:10px 0;}
.yjzj a i{width: 30%; float: left; display: block;}
.yjzj a img{display: block; margin:0 auto;}
.yjzj a span{float:left; display: block; width: 70%;}
.yjzj a span font{display: block; font-size: 18px; color:#023b8f;}
.yjzj a span b{font-weight: normal;}


@media only screen and (max-width:768px){
.con1{margin-top: 20px;}
.psrc{margin-top:45px;}
.psrc .MyForm{height:40px;}
.psrc #serchid{height:40px;line-height:40px;    background: #fff;}
.psrc .MyForm input.btn{height:35px;}
.psrc .MyForm input.inp{height:40px;line-height:40px;}
/**业务平台**/
        .gryw_gr,.gryw_dw{width:55%;}
        .gryw_dw a,.gryw_gr a{font-size: 1.5rem;margin-top: 10px; margin-left:45px;}
        .gryw_gr{position: absolute;top: 66%;left: 22%; }
        .gryw_dw{position: absolute;top: 35%;left: 22%;}
        .Xzfyal, .Tagg{margin-left:0px;}
        .con1R4{width:100%; float:none;}
        .con1L{width: 100%;float: none; margin-bottom:20px;}
        .bszn_rq{width:100%; margin:0 auto;}
        .bszn_rq{height:100%;padding: 20px;}
        .bszn_rq ul li{float:none; border:1px solid #e0e0e0; width: 98%;margin-top: 20px;margin-bottom: 20px;}
        .gl{margin-left:0%;}
       .w1200{width:96%;}
        .myddc{height:75%;margin-top:0;padding: 20px 0;margin-bottom:0;}
         .zfxx_02 p{    width: 47%;}
         #xp_01{    line-height: 40px;}
         .zfxx_02 p a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:40px;}
        .PubList{    width: 96%;margin: 0 auto;padding:0;}
        .ljrk_zf{width: 96%;}
        .ljrk_zf_01{    margin-left: 0;    margin-top: 20px;}
        .zwfw_rq{width:100%;}
        .zf_01 ul li{width:100%; float:left; margin-left:0px!important;border: 1px solid #e0e0e0;    margin-top: 20px;}
         .zf_01 ul li>a{    float: left;width: 40%;margin:0;}
         .zf_01 ul li p{float: left;width: 60%;    text-align: left;}
        /**政民互动**/
        .xw_new01{width:96%; margin:0 auto;}
        /**政民互动**/
        .tsjy li a{ width: 100% !important; height: auto !important; line-height: 56px; background-position: 75px !important; padding: 20px 0;text-align: center;}
         .tsjy ul li{margin-bottom:0;padding:0 !important;}
        .sdk_st{width: 94%;margin:0 auto;}
        .tsjy ul li{margin-top: 20px;display: block;width: 100%;text-align: center;margin-left: 0;text-indent:0;padding: 20px 0;}
        .tsjy ul li img{width:100%;}

}
</style>