body {margin:0 auto; font-size:16px;color:#000;background: #f4f9fc;min-width: 1240px;}
*{margin:0 auto;padding:0;list-style-type:none;border: 0; box-sizing: border-box;box-sizing: border-box;/*letter-spacing:0.5px*/}
a {text-decoration:none; color:#000;border:0;font-family: "微软雅黑";}
img{border:0;}
a:hover {text-decoration:none; overflow:hidden;/* color:#ff0700;*/}
ul{ margin:0px auto; padding:0px; list-style-type:none;}
li{list-style:none;}


.top_ban_bj{width: 100%;height:810px;min-width:1200px ;background: #f4f9fc url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/banner_ban_01.jpg) no-repeat top center;}
.gdwz{width: 100%;height: 100px;font-size: 20px;margin: 0 auto;/*position: fixed;top: 0px;*/z-index: 9999;background: #fff;border-bottom: 2px #dbd9db solid;position: sticky;}
.logo {width: 1200px;height: 70px;}
.logo .z{float: left;width:270px;height: 50px;margin-top:10px ;}
.logo .z p{float: right;font-size: 22px;line-height:50px;color: #000;}
.logo ul{float: right;}
.logo ul li{float: left;line-height: 70px;font-size: 20px;}
.logo ul .li{padding: 0 12px;}
.logo .y ul li a{text-decoration:none;color: #000;}

.banner{width: 1200px;height:410px; margin: 0 auto;position: relative;}
.gh {width: 1200px;height:105px;margin: 0 auto;padding-top:120px;}
.tbgd{width: 100%; height: 70px;position: fixed;top: 0px;z-index: 999;}
.tit01 {width:1200px;height:230px;-webkit-animation:zoomIn 0.9s 0.9s ease-out both;animation:zoomIn 0.9s 0.9s ease-out both;opacity: 1;position: absolute;top:120px;left:0%;}

.bottom_bj{width: 100%;height:2300px;background: #f4f9fc url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/banner_ban_02.jpg) no-repeat top center;}
.content_01{width: 1240px;height: 580px;background:#FFFFFF ;border-radius: 15px;background: linear-gradient(to top, transparent, rgba(255, 255, 255, 1) 30%);padding-top:40px;}
.gzdt{width: 1200px;height: 500px;}
.gzdt .biaoti{width: 1200px;height: 94px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/gzdt.png) center top no-repeat;margin-bottom:28px;position: relative;}
.gzdt .biaoti a{font-size: 16px;color: #565252;position: absolute;top: 30px;right: 0;}
.gzdt .biaoti  p{width: 300px;height: 90px;margin: 0 auto;text-align: center;display: block;font-size: 0;}

.gzdt_z{width: 590px;height: 365px;float: left;}
.gzdt_y{width: 590px;height: 365px;float: right;}


/*列表页背景变色*/
.btn:active, .btn:hover,.btn:focus {
  outline: 0!important;
  outline-offset: 0;
}
.btn::before,
.btn::after {
  position: absolute;
  content: "";
}

.btn {position: relative;display: inline-block; width:590px; height: auto;background-color: transparent;
  border: none;cursor: pointer;min-width: 150px;background: #f3f3f3;border-left:4px solid #424ca3;margin-bottom: 24px;}
.btn  .li_jb { position: relative;display: inline-block;font-size: 14px;font-size: 18px;
    /*letter-spacing: 2px;*/text-transform: uppercase;top: 0; left: 0;width: 100%;padding: 15px 20px;transition: 0.3s; }

/*--- btn-2 ---*/
.btn-2::before { background-color:#424ca3; transition: 0.3s ease-out;}
.btn-2  .li_jb {color: rgb(28, 31, 30);transition: 0.2s;}  
.btn-2  .li_jb span{float: right;}
.btn-2  .li_jb:hover {transition: 0.2s 0.1s;}
.btn-2  .li_jb:hover  a{color: #fff;transition: 0.1s;}
.btn-2  .li_jb:hover  span{color: #fff;transition:0.1s;}

/* 9. hover-slide-right */
.btn.hover-slide-right::before {top: 0; bottom: 0; left: 0; height: 100%; width: 0%;}
.btn.hover-slide-right:hover::before {width: 100%;}


.tzgg{width: 1200px;height:460px;}
.tzgg .biaoti{width: 1200px;height: 94px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/tzgg.png) center top no-repeat;margin-bottom:28px;position: relative;}
.tzgg .biaoti a{font-size: 16px;color: #565252;margin-top: 30px;position: absolute;top:0px;right: 0;}
.tzgg .biaoti  p{width: 300px;height: 90px;margin: 0 auto;text-align: center;display: block;font-size: 0;}


.tzgg .con_zw{width: 590px;height:295px;float: left;background: #fff;margin-right: 0px;margin-bottom:30px;}
.tzgg .con_zw:hover{box-shadow: 0px 0px 17px -4px #424ca3;/* 添加投影效果 */transition: 0.3s; }

.tzgg .con_zw:nth-child(2n) {margin-right: 20px; /* 每组的第二个元素没有margin-right */ }
.tzgg .con_zw h2{font-size: 20px;padding: 20px 0;border-left: 4px solid #424ca3;padding-left: 25px;}
.tzgg .con_zw h2 a:hover{color:#424ca3 ;}
.tzgg .con_zw p{padding:0px  29px 0px  29px;font-size: 18px;line-height:40px;}




.xmsk{width: 1200px;height:460px;margin-top: 20px;}
.xmsk .biaoti{width: 1200px;height: 94px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/xmsk.png) center top no-repeat;margin-bottom:28px;position: relative;}
.xmsk .biaoti a{font-size: 16px;color: #565252;margin-top: 30px;position: absolute;top:0px;right: 0;}
.xmsk .biaoti  p{width: 300px;height: 90px;margin: 0 auto;text-align: center;display: block;font-size: 0;}

.xmsk_z{width: 590px;height: 330px;float: left;position: relative;}
.xmsk_y{width: 590px;height: 330px;float: right;}
.xmsk_z_1{width: 426px;height: 330px;position: absolute;left: 0;}
.xmsk_z_2{width: 164px;height: 330px;position: absolute;right: 0;z-index:9;}
.qha1{width: 164px;height:110px;background: #424ca3;position: relative;text-align: justify;}
.qha2{width: 164px;height:110px;background:#fff;}
.qha1 a{color: #fff;line-height: 24px;}
.qha2 a{line-height: 24px;text-align: justify;color: #8d8d8d;}

.qha1::before {  
    content: "";  
    display: block;  
    width: 11px;  
    height: 21px;  
    background-image:url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/jiant.png);  
    position: absolute;
    left: -11px;
    top: 42%;
}  
.xmsk_z_2 a{display: block;padding:20px 20px;}

#ba2,#ba3{display:none;}

.xmsk_y span{float: right;color: #707070;}
.xmsk_y li{line-height:66px;padding-left: 25px;position: relative;}
.xmsk_y li a{font-size:18px ;}
.xmsk_y li a:hover{color: #424ca3;font-weight: bold;}
.xmsk_y li::before {  
    content: "";  
    display: block;  
    width: 10px;  
    height: 10px;  
    background:#424ca3 ;float: left;
    position: absolute;
    left: 0;
    top:30px;border-radius: 50px;
}  


.tpsd{width: 1200px;height:460px;margin-top:55px;}
.tpsd .biaoti{width: 1200px;height: 94px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/tpsd.png) center top no-repeat;margin-bottom:28px;position: relative;}
.tpsd .biaoti a{font-size: 16px;color: #565252;margin-top: 30px;position: absolute;top:0px;right: 0;}
.tpsd .biaoti  p{width: 300px;height: 90px;margin: 0 auto;text-align: center;display: block;font-size:0px;}



/*响应式头尾样式，如果专题不做响应式，可以不用引用*/
@media only screen and (max-width:750px){
	.g-mobile .g_pub_header_box,.g-mobile .g_pub_footer_box{width:100%!important;max-width:100%!important;min-width:100%!important;}
	.g-mobile .m_head_nav,.g-mobile .m_foot_nav{display:none;}
	.g-mobile .g_pub_footer{height:auto!important;zoom:1!important;}
	.g-mobile .g_pub_footer:after{content:""!important;display:block!important;clear:both!important;}
	.g-mobile .g_pub_footer .u_logo.foot{width:100%;margin-left:0;}
}

.g-part3Box{width:100%;height:460px;}
.g-part3{width:1200px;margin-left:auto;margin-right:auto;}
.g-part3 .m-title .u-more2{position:absolute;right:200px;color:#fff;}
.m-part3{width:100%;margin-top:40px;position:relative;}
.m-part3 .poster-main{width:1200px;height:460px;position:relative;margin-left:auto;margin-right:auto;}
.m-part3 .poster-btn{width:168px!important;height:21px;position:absolute;top:0px;cursor:pointer;}
.m-part3 .poster-prev-btn{left:-68px;background:url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/btn_prev1.png) no-repeat;background-position:left center;}
.m-part3 .poster-prev-btn:hover{background-image:url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/btn_prev1_on.png);}
.m-part3 .poster-next-btn{right:-68px;background:url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/btn_next1.png) no-repeat;background-position:right center;}
.m-part3 .poster-next-btn:hover{background-image:url(http://www.huaian.gov.cn/images/ztzl/2024/fxplzt/btn_next1_on.png);}
.m-part3 .poster-list .list-item{position:absolute;top:0;left:0;}
.m-part3 .poster-list .list-item .u-pic{display:block;width:100%;height:100%;box-shadow:0 0 12px #0656b2;}
.m-part3 .poster-list .list-item .u-pic img{display:block;width:100%;height:100%;}
.m-part3 .poster-list .list-item p{width:100%;text-align:center;position:absolute;font-size:18px;left:0;bottom:0;height:50px;line-height:50px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);background:rgba(0,0,0,0.5);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m-part3 .poster-list .list-item p a{color:#fff;}








/*----------------------------footer----------------------------------------*/
.footer-wrap{width: 100%; background-color: #e8e8e8;  padding-bottom:30px;padding-top: 20px;}
.footer{width: 1200px; margin: 0 auto;}
.footer .link2 {position: relative;/* border-top: 1px solid #c2c3c5; */}
.footer .link2 p{text-align: center; line-height: 36px; padding-top: 20px;}
.footer .link2 .mk1{position:absolute; left: 5px; top: 20px;}
.footer .link2 .mk2{position:absolute; left: 123px; top: 26px;}
.footer .link2 .mk3{position:absolute; right:80px; top: 32px;}
.footer .link2 .mk4{position:absolute; right:5px; top: 20px;}




@-webkit-keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

