@charset "utf-8";

@media (min-width:1930px){
}
@media (max-width:1024px){
}
@media (max-width:640px){
}




body.home{}
.swiBtn.imgbtn a{position: absolute;width: .48rem;height: .72rem;top: 50%;margin-top: -.36rem;z-index: 5}
.swiBtn.imgbtn a img{width: 100%;height: 100%}
.swiBtn.imgbtn a.prev{left: 0}
.swiBtn.imgbtn a.next{right: 0}
.swiBtn.imgbtn.hasline a.prev:after{content: '';left: 100%;height: 1px;width: .65rem;top: 50%;background: linear-gradient(to right,#a12323,rgba(0,0,0,0));position: absolute;}
.swiBtn.imgbtn.hasline a.next:after{content: '';right: 100%;height: 1px;width: .65rem;top: 50%;background: linear-gradient(to left,#a12323,rgba(0,0,0,0));position: absolute;}


.homed{position: relative;/*padding-top: 1rem;*/position: relative;z-index: 2;overflow:hidden;background-size: 100% auto} 
.homed .wp{position: relative;}
.homed  .cirbig{content: '';position: absolute;width: 15rem;height: 15rem;border-radius: 50%;border: 1px solid #d1c4b6;top: 1.5rem;left: 50%;margin-left: -7.5rem;animation: rotedb linear 240s infinite;pointer-events: none;z-index: 0}
.homed  .cirbig:before{content: '';position: absolute;width: 14.8rem;height: 14.8rem;border-radius: 50%;border: 1px dashed #d1c4b6;top: .1rem;left: 50%;margin-left: -7.4rem}
.homed  .cirbig:after{content: '';position: absolute;left: 50%;top: -6px;width: 12px;height: 12px;background: #cc9f82; border-radius: 50%;margin-left: -6px}
.homed .slide-d{height: 6.6rem;padding-top: 0.8rem;margin-top: -.4rem}
.homed .data-list{padding: 0 .45rem}
.homed .item{position: relative;width: 1.42rem;margin: 0 auto;transition: .3s}
.homed .item .txt{left: 1.6rem;top: 50%;transform: translateY(-55%);position: absolute;width: 2.2rem}
.homed .item .ico{width: 1.42rem;height: 1.42rem;background: #e1d1af;border-radius: 50%;position: relative;padding: .1rem}
.homed .item .ico i{display: block;width: 1.22rem;height: 1.22rem;text-align: center;position: relative;margin:0 auto;position: relative;z-index: 5;padding: .1rem;background: #fff;border: 1px solid #b6a890;border-radius: 50%;z-index: 3}
.homed .item .ico i img{width:1rem; border-radius: 50%;}
.homed .item .ico i img.i1{position: relative;transition: .3s}
.homed .item .ico i img.i2{position: absolute;top: .1rem;left: .1rem;z-index: 0;opacity: 0;visibility: hidden;transition: .3s}
.homed .item:hover i{background: var(--color);border-color: var(--color) }
.homed .item:hover .ico i img.i1{opacity: 0;visibility: hidden;}
.homed .item:hover .ico i img.i2{opacity: 1;visibility: visible;}
.homed .item:hover .ico{background: transparent;}
.homed .item:hover .ico:after{content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom:-5px;border-radius: 50%;background: var(--color);opacity: .4;animation: scaleta 1.5s infinite;}
.homed .item:hover .ico:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background: var(--color);animation: scaletb 1.5s infinite;}
.homed .item .num{font-size: .4rem;color: var(--color);font-weight: bold;font-size: 24px;}
.homed .swiBtn.imgbtn a{top: auto;margin-top: 0;bottom: .2rem}
.homed .imgbg{padding-top:120px;text-align: center;margin-top: -4rem;pointer-events: none;user-select: none}
.homed .imgbg .xx{position: absolute;left: 50%;top:-25px;margin-left:-.82rem ;width: 1.65rem;z-index: 1}
.homed .imgbg .tsg{position: relative;z-index: 5}
.homed .imgbg .cir{position: absolute;left: 50%;top: 1.1rem;margin-left:-4.3rem ;width: 8.6rem;height: 8.6rem;background: url(//www.huaian.gov.cn/images/ztzl/2026/szha/cir.png) no-repeat center;background-size: cover;z-index: 0;animation: roted linear 120s infinite;pointer-events: none}
.homed .imgbg .cir:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px dashed #d1c4b6;border-radius: 50%}
.homed .imgbg .cir:after{content: '';position: absolute;left: 50%;top: .25rem;width: 12px;height: 12px;background: #cc9f82; border-radius: 50%;margin-left: -6px}

@keyframes scaletw{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}
@keyframes scalett{0%{transform:scale(1);opacity:.6}100%{transform:scale(2);opacity:0}}
@keyframes scaletc{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}

@keyframes scaleta{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.3);opacity:0}}
@keyframes scaletb{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.1);opacity:0}}


.homed .slide-d .swiper-slide-next .item{transform: translateX(80%) translateY(-.4rem);}
.homed .slide-d .swiper-slide-next+.swiper-slide .item .txt{right: 1.6rem;left: auto;text-align: right;}
.homed .slide-d .swiper-slide-next+.swiper-slide .item{transform: translateX(20%);}
.homed .slide-d .swiper-slide.pr2 .item{transform: translateX(-20%);}
.homed .slide-d .swiper-slide.pr3 .item{opacity: 0;visibility: hidden;}
.homed .slide-d .swiper-slide-prev .item{transform: translateX(-80%) translateY(-.4rem);}