body {margin:0 auto; font-size:16px;color:#000;background: #f4f9fc;min-width: 1550px;}
*{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;}


  /* 确保video元素覆盖整个容器 */  
  #video-banner {  
    position:absolute; /* 或者 absolute，取决于你的布局需求 */  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100vh; /* 或者使用固定高度 */  
    z-index: -1; /* 确保视频在内容之下 */  
    object-fit: cover; /* 确保视频覆盖整个容器而不失真 */  
  }  

.banner_bj{width: 100%;height:750px;margin:  0 auto;position: relative;}
.top_bg{width: 100%;height: 100%;background:#2c7df8; }

.top_ban_bj{width: 100%;height:auto;min-width:1200px ;}
.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; color: #000000;}
.logo ul .li{padding: 0 12px;}
.logo .y ul li a{text-decoration:none;color: #000;}
.navbar {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    /*background-color: #333;*/  
    color: #fff;  
    transition: top 0.3s ease-in-out;  
    /* 初始状态隐藏导航栏 */  
    top: -100px; /* 或者使用其他方式来隐藏，比如透明度或display: none（但使用display: none会跳过过渡效果） */  
    z-index: 999;
}  
  
.navbar.show {top: 0; /* 滚动后显示导航栏 */}  

.banner{width: 1240px;height:450px; margin: 0 auto;padding-top: 120px;}
.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%;}
*/
.zhengwen{width: 100%;height: auto;margin: 0 auto;clear: both;}
.xwdt{width: 1240px;height:615px;padding-top:80px;margin-bottom: 50px;}
.xwdt .biaoti{width: 1240px;height: 95px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/xwdt.png) top center no-repeat;margin-bottom: 50px;}
.xwdt .biaoti a{width: 270px;height: 80px;display: block;font-size: 0;}

.xwdt .z{width: 610px;height: 380px;float: left;}
.xwdt .y{width: 610px;height: 380px;float: right;}
.xwdt .y li{margin-bottom:25px;line-height: 60px;}
.xwdt .y li a span{float: right;transition: margin-right 0.5s ease;margin-right: 0;}
.xwdt .y li a{font-size: 18px;display: block;width: 610px;height: 60px;padding-left:20px ;border-left: 4px #1d83f2 solid;background: linear-gradient(90deg, #e6e6e6, #f4f9fc);}
.xwdt .y li a:hover{background: #1d83f2;color: #fff;}
.xwdt .y li a:hover span{margin-right: 20px;}

.zcwj_bj{width: 100%;height:647px ;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/zcwj_bj.jpg)  top center no-repeat;;}
.zcwj{width: 1240px;height:615px;padding-top:40px;position: relative;}
.zcwj .biaoti{width: 1240px;height: 95px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/zcwj.png) top center no-repeat;}
.zcwj .biaoti a{width: 270px;height: 80px;display: block;font-size: 0;}

.zcwj .sj{width: 1000px;height:50px ;margin: 0 auto;margin-top: 50px;}
.zcwj .sj li{float: left;width: 200px;line-height: 40px;text-align: center;
display: inline-block;
    cursor: pointer;
    padding-top: 30px;
    font-size: 16px;
    color: #000;
   /* margin: 0 20px;*/
    position: relative;
}

/*.zcwj .sj li:after {
    content: '';
    background: url(../images/dot_ico.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 20;
    top: -12px;
    left: 50%;
    margin-left: -12px;
}
.zcwj .sj li:hover:after {
    content: '';
    background: url(../images/cat.png) no-repeat;
}*/

.sj:after {
    content: '';
    width: 65%;
    height: 1px;
    background: #580000;
    position: absolute;
    right: 18%;
    top: 32%;
    z-index: 0;
}

.Box{height: 285px;width: 1240px;margin: 0 auto;margin-top:60px;text-align: center;}
.sj .qha11{background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/cat.png) 88px 0px no-repeat;z-index: 99;color:#0663e4 !important;font-weight: bold;transition: letter-spacing 0.5s ease;letter-spacing:1.5px;}
.sj .qha22{background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/dot_ico.png) 88px 0px no-repeat;z-index: 99;transition: letter-spacing 0.5s ease;letter-spacing:0px;}
.Box h4{position:relative;font-size:22px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;margin-top: 40px;}
.Box h4 a:hover{color: #0663e4 ;}
.Box p{line-height:180%;font-size:16px;width:90%;margin:0 auto;text-align: left;text-align: justify;line-height: 40px;}



.sczx{width: 1240px;height:530px;padding-top:65px;}
.sczx .biaoti{width: 1240px;height: 95px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/sczx.png) top center no-repeat;margin-bottom:30px;}
.sczx .biaoti a{width: 270px;height: 80px;display: block;font-size: 0;}

.sczx li{margin:10px 0px;line-height: 50px;padding-left: 45px;position: relative;width: 610px;float:left ;margin-right: 20px;}
.sczx li:nth-child(2n) {margin-right: 0; }
.sczx li span {float: right;transition: margin-right 0.5s ease;margin-right: 0;}
.sczx li:hover span {margin-right:20px;}
.sczx li a{font-size: 18px;}
.sczx li a::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/dot_ico.png);
  position: absolute;
    left:0%;
    top: 13%;
    z-index: 99;
}
.sczx li a:hover::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/cat.png);
  position: absolute;
    left:0%;
    top: 13%;
    z-index: 99;
}



.sczx .y li a{font-size: 18px;display: block;}
/*.fsxd .y li a{font-size: 18px;background: #F4F9FC;display: block;width: 610px;height: 60px;padding-left:20px ;border-left: 4px #1292ff solid;}*/
/*.fsxd li:hover{background: url(../images/cat.png) 0px 14px no-repeat;}*/
.sczx li a:hover{font-weight: bold;color: #0663e4;}

.sczx li:not(:nth-last-of-type(-n+2))::after {
    content: '';
    width:1px;
    height:100%;
    background: #580000;
    position: absolute;
    left:1.9%;
    top: 70%;
    z-index: 0;}


.fsxd_bj{width: 100%;height:585px ;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/fsxd.jpg)  bottom center no-repeat;}
.fsxd{width: 1240px;height:615px;padding-top:40px;}
.fsxd .biaoti{width: 1240px;height: 95px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/fsxd.png) top center no-repeat;margin-bottom: 50px;}
.fsxd .biaoti a{width:370px;height: 80px;display: block;font-size: 0;}

.fsxd .z{width: 610px;height: 332px;float: left;background: #CCCCCC;}
.fsxd .y{width: 610px;height: 332px;float: right;}
.fsxd .y li{margin-bottom: 20px;line-height: 50px;padding-left: 45px;position: relative;}
.fsxd .y li span{float: right;}
.fsxd .y li a::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/dot_ico.png);
  position: absolute;
    left:0%;
    top: 13%;
    z-index: 99;
}
.fsxd .y li a:hover::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/cat.png);
  position: absolute;
    left:0%;
    top: 13%;
    z-index: 99;
}

.fsxd .y li a{font-size: 18px;display: block;}
/*.fsxd .y li a{font-size: 18px;background: #F4F9FC;display: block;width: 610px;height: 60px;padding-left:20px ;border-left: 4px #1292ff solid;}*/
/*.fsxd li:hover{background: url(http://www.huaian.gov.cn/images/xztzl/2024/2024sjhh/cat.png) 0px 14px no-repeat;}*/
.fsxd li a:hover{font-weight: bold;color: #0663e4 ;}

.fsxd li:not(:nth-last-of-type(-n+1))::after {
    content: '';
    width:1px;
    height:100%;
    background: #580000;
    position: absolute;
    left:1.9%;
    top: 70%;
    z-index: 0;}
.fsxd .z .lnk_q{width: 610px;height:332px;position: relative;overflow: hidden;}
.fsxd .z .img{position: absolute;top: 38%;left:43%;z-index: 99;}
.fsxd .z .img1{transition: all 0.5s;}
.fsxd .z .lnk_q:hover .img1{transform: scale(1.1);}




.zskp_bj{width: 100%;height:749px ;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/zswd.jpg)  top center no-repeat;}
.zskp{width: 1240px;height:615px;padding-top:40px;}
.zskp .biaoti{width: 1240px;height: 95px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/zskp.png) top center no-repeat;margin-bottom: 50px;}
.zskp .biaoti a{width:270px;height: 80px;display: block;font-size: 0;}

.zskp .zw1{width:1240px;height:235px;padding: 25px;box-shadow: 0px 0px 10px #cccccc;background: #fff;margin-bottom: 45px;}
.zskp .zw1 h2{font-size:22px; line-height: 35px;margin: 6px 0 16px 0;}
.zskp .zw1 h2 a:hover{color: #0663e4 ;}
.zskp .zw1 p{color: #646464;line-height:35px;}
.zskp .zw1 h2::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/w.png);
  display: block;
  float: left;
  width: 31px;
  height: 32px;
  z-index: 99;
  margin-right: 15px;
}
.zskp .zw1 p::before {
  content:url(http://www.huaian.gov.cn/images/ztzl/2024/2024sjhh/d.png);
  display: block;
  float: left;
  width: 31px;
  height:100px;
  z-index: 99;
  margin-right: 15px;
}

.laiy{width: 100%;height: 40px;background: #f7f7f7;margin-top: 13px;}
.laiy .span1{float: left;}
.laiy .span2{float: right;margin-right: 40px;}
.laiy span{line-height: 40px;color: #848484;}


/*----------------------------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;
  }
}