body {min-width: 1400px;margin:0 auto; font-size:16px; font-family: "宋体" "微软雅黑"; color:#000;background: #fff url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/banner_b.jpg) no-repeat top center;}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{-webkit-text-size-adjust:100%;font-family: "Microsoft Yahei";font-size: 18px;}
a{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}

*{margin:0 auto;padding:0;list-style-type:none;border: 0;/*letter-spacing:0.5px*/ }
a {text-decoration:none; color:#4a4a4a;border:0;font-size: 18px;}
img{border:0;}
a:hover {text-decoration:none; overflow:hidden;/* color:#ff0700;*/}
ul{ margin:0px auto; padding:0px; list-style-type:none;}
/*li{ width:95%; line-height:33px; padding-left:28px; background: url(../images/fangkuai.jpg) no-repeat 10px 19px;}*/
.top01m .topjz .list{width: 220px !important;}
.top01m .topjz .right{width: 935px !important;}

.tbgd {width: 100%; height: 102px;position: fixed;top: 0px;z-index: 999;transition: top 0.3s ease; /* 添加过渡效果，使隐藏和显示更平滑 */  }
.gdwz{width: 100%;height: 70px;font-size: 20px;margin: 0 auto;background: #fff;border-bottom: 2px #dbd9db solid;position: sticky;z-index: 999;}
.logo {width: 1240px;height: 70px;margin: 0 auto;}
.logo .z{float: left;width:335px;height: 50px;margin-top:10px ;}
.logo .z p{float: right;font-size: 22px;line-height:50px;color: #000;}
.logo .y{float: right;width: 780px;height: 50px;margin-top:10px ;}
.logo ul{float: right;}
.logo ul li{float: left;line-height: 50px;font-size: 20px;color: #4A4A4A;}
.logo ul .li{padding: 0 12px;}
.logo .y ul li a{text-decoration:none;}
.gh {width: 350px;height:105px;position: absolute;top: 0px;right:560px;}
.top01m .topjz {width: 1240px !important;}

.navbar {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    background-color: #333;  
    color: #fff;  
    transition: top 0.3s ease-in-out;  
    /* 初始状态隐藏导航栏 */  
    top: -105px; /* 或者使用其他方式来隐藏，比如透明度或display: none（但使用display: none会跳过过渡效果） */  
}  
  
.navbar.show {top: 0; /* 滚动后显示导航栏 */ }  


.banner{width: 100%;height:750px;margin: 0 auto;position: relative;}
.tit01 {-webkit-animation:zoomIn 0.5s 0.5s ease-out both;animation:zoomIn 0.5s 0.5s ease-out both;opacity: 1;width:1100px;height:450px;
		padding-top: 100px;background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_ban.png) no-repeat bottom center;}

.lhyw{width:1260px;height:485px ;margin-top:280px ;}
.lhyw_1 {width:1260px;height: auto;margin: 0 auto;}
.lhyw .biaot{width: 1260px;height:50px;background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_01.png) no-repeat  top center;margin-bottom: 40px;text-align: center;}
.biaot a{font-weight: bold;color: #cd2533;font-size: 42px;line-height: 50px;}
.lhyw .z{width: 610px;height: 390px;float: left;}
.lhyw .y{width: 610px;height: 390px;float: right;}
.lhyw .y li{width: 560px;height:55.7px ;line-height:55.7px;background: url(http://www.huaian.gov.cn/images/ztzl/2024/ggzqjj/ico_1.jpg) no-repeat left;transition: background 0.5s ease;padding-left: 20px;}
.lhyw .y li span{float: right;color: #9e9e9e;margin-right: 0;transition: margin-right 0.5s ease;}
.lhyw .y li:hover span{margin-right:20px;color: #cd2533;}

/*.lhyw .y li:hover{background: url(http://www.huaian.gov.cn/images/ztzl/2024/ggzqjj/ico_2.jpg) no-repeat  left;;padding-left: 20px;}*/
.lhyw .y li:hover a{color: #cd2533;font-weight:bold ;display: block;}


.bgjd{width: 1332px;height:500px ;margin-top:80px ;}
.bgjd_1 {width: 1330px;height:460px;margin: 0 auto;background: #fff;}
.bgjd .biaot{width: 1200px;height: 50px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_01.png) no-repeat  top center;margin-bottom: 40px;text-align: center;}



.db_gc_bj{width: 100%;height: auto;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_lhgc_bj.png) no-repeat bottom center;margin: 0 auto;}

.dhwj_lhgc{width:1260px;height:510px ;margin-top: 40px;}
.dhwj_lhgc_1 {width:1260px;height: auto;margin: 0 auto;}
.dhwj_lhgc .biaot{width: 1200px;height: 50px;background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_02.png) no-repeat  top center;margin-bottom:52px;}
.dhwj_lhgc .biaot .juz{width: 375px;}
.dhwj_lhgc .biaot .a1{float: left;}
.dhwj_lhgc .biaot .a2{float: right;}


.dhwj_lhgc .z{width:610px;height: 385px;float: left;}
.dhwj_lhgc .z li{width:610px;height:58px ;line-height:58px;background: #f7f1e6;margin-top: 8px;position: relative;}
.dhwj_lhgc .z li:first-child {margin-top: 0px;}
.dhwj_lhgc .z li a{padding-left:20px ;display: block;transition: padding 0.5s ease;}
.dhwj_lhgc .z li:hover{/*border-left:4px #ecab65 solid;*/background: #eee1ca;}
.dhwj_lhgc .z li:hover a{padding-left:40px;color: #cd2533;font-weight:bold ;}

.dhwj_lhgc .z li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0px; /* 初始高度为 0 */
    background-color: #ecab65; /* 边框颜色 */
    transition: height 0.5s ease; /* 过渡效果，延迟 0.5 秒后开始 */
    overflow: hidden; /* 防止内容溢出 */
}
/* 鼠标移入时改变伪元素的高度 */
.dhwj_lhgc .z li:hover::before {
    height: 100%; /* 高度变为 100%，即填满整个列表项的高度 */
    transition-delay: 0s; /* 移除延迟，因为动画已经在之前被延迟了 */
}

.dhwj_lhgc .y{width: 610px;height: 385px;float: right;background: #CCCCCC;}


.dbwy{width:1310px;height:575px ;margin-top:70px;}
.dbwy .biaot{width: 1260px;height:50px;background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_03.png) no-repeat  top center;margin-bottom: 40px;text-align: center;}

.dbwy .con{width: 1310px;height: 470px;background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_db_bj.png) no-repeat  top center;position: relative;}


.tab-links{width: 350px;height: 370px;position: absolute;top:50px;right: 50px;}
.tab-content{width: 750px;height: 230px;position: absolute;top:115px;left: 70px;}
.tab {display: none;width: 750px;height: 230px;}
.tab.active {display: block;width: 750px;height: 230px;}

.tab-links li{width: 350px;height: 40px;margin-top:11px ;position: relative;}
.tab-links li a{height: 40px;display: block;line-height: 40px;padding-left: 30px;color: #fff;}
.tab-links .active{background: #c92123;border-radius: 50px;}

.tab-links .active::before {
	content: '';
    position: absolute;
    top: 18px;
    left: 10px;
    width: 5px;
    height: 5px; /* 初始高度为 0 */
    background-color: #fff; /* 边框颜色 */
}

.tab-content h2{color: #c59760;font-size: 28px;text-align: center;}
.tab-content p{color: #646464;justify-content: space-around;line-height: 33px;font-size: 16px;margin-top: 58px;}
.tab-content p a{color: #c92123;line-height: 33px;font-size: 16px;}
/*background: #c92123;*/





.lhgc{width:100%;height:415px ;margin-top:50px;}
.lhgc_1 {width:1260px;height: auto;margin: 0 auto;}
.lhgc .biaot{width: 1260px;height:50px;background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/cio_01.png) no-repeat  top center;margin-bottom: 40px;text-align: center;}

	.sanlunf{width:1250px;height:300px;margin: 0 auto;}
	.xiangx{width:325px;height: 170px;padding:30px;position: relative;float: left;background: #fff;border-radius:15px;
			box-shadow: 0px 0px 10px #d6d6d6;margin: 5px;}
	.xiangx .p1 {width:325px;text-align: justify;}
	.xiangx .p1 a{line-height:35px;font-size:20px;color:#4A4A4A;}
	.xiangx .p2{width:325px;line-height:30px;color:#646464 ;font-size: 16px;position: absolute;bottom: 30px;text-align: justify;}
	.xiangx .p2 a{color: #c92123;font-size: 16px;line-height:30px;}
	.xiangx1{margin-left:34px ;}
	.Box {position: relative;margin-top: 40px;}
	.Box .content {width:1250px;margin: 0 auto;}
	.Box .Box_con {position: relative;}
	.Box .Box_con .btnl {position: absolute;}
	.Box .Box_con .btn {display: block;width: 56px;height: 56px;position: absolute;top:90px;cursor: pointer;}
	.Box .Box_con .btnl {background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/bannerBtn.png) no-repeat 0px -23px;left: -72px;}
	.Box .Box_con .btnr {background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/bannerBtn.png) no-repeat -64px -23px;right: -72px;}
	.Box .Box_con .btnl:hover {background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/bannerBtn.png) no-repeat 0px -23px;}
	.Box .Box_con .btnr:hover {background: url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/bannerBtn.png) no-repeat -64px -23px;}
	.Box .Box_con .conbox {position: relative;overflow: hidden;width: 1245px;height:245px;}
	.Box .Box_con .conbox ul {position: relative;list-style: none;}
	.Box .Box_con .conbox ul li {float: left;width:395px;height:240px;margin-left:30px;overflow: hidden;border: none;}
	.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
	.Box .BoxSwitch {margin-top: 30px;text-align: center;}
	.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
	.Box .BoxSwitch span.cur {background: red;}
	.xiangx:hover{ background:#fff linear-gradient(to bottom, rgba(255, 214, 196, 0.8), rgba(255, 214, 196, 0));}










/*----------------------------footer----------------------------------------*/
.footer-wrap{width: 100%; background-color: #e8e8e8;  padding-bottom:46px;padding-top: 30px; font-size:18px ;clear: both;}
.footer{width: 1200px; margin: 0 auto;}
.footer .link2 {position: relative;}
.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;
  }
}