/*banner*/
.bg01_block img{width: 100%;margin: 0 auto;display: block;}
.banners .swiper-pagination-bullet-active{background: #fff !important;}
.bg01_block p{font-size: 0.32rem;color: #818181;position: absolute;right: 0.2rem;bottom: 0.3rem;}
.bg01_block p span{font-size: 0.48rem;color: #0d90d4;}
.banners .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;background: rgba(255,255,255,0.5);border-radius: 50%;opacity: 1;display: inline-block;}
.banners .swiper-pagination-bullet-active{background:rgba(255,255,255,1);width: 0.15rem !important;height: 0.15rem !important;position: relative;}



#banner{position:relative;}



.xz{padding-top: 0.3rem;width: 2.5rem;height: 2rem;position: relative;margin:0 auto;cursor: pointer;}
.xz img{display: block;width:0.81rem;margin:0 auto;margin-top:0.3rem;}
.xz .wz{width:1.42rem;position:absolute; top:0.33rem;left:0.55rem;background: url(/statics/images/index/wz.png) no-repeat;
    background-size: 100% 100%;height: 1.42rem;animation: animi-rotate 12s linear infinite;}

@keyframes animi-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}


#cpbg a:hover #zhuti{z-index:1;}
#cpbg a:hover p,#cpbg a:hover span,#cpbg a:hover img{position:relative;z-index:5;color:#fff;}


#zhuti {
  --bg-size: 200px;
  display: grid;
  place-items: center;
  place-content: center;
  grid-template-areas: "body";
  overflow: hidden;
  font-family: "Dela Gothic One", sans-serif;
  background-color: var(--bg-color);
  width:100%;
  height:100%;
  position:absolute;top:0;left:0;
  z-index:-1;

}

#zhuti::before {
  --size: 100vmax;
  grid-area: body;
  content: "";
  inline-size: var(--size);
  block-size: var(--size);
  background-image: url("/statics/images/index/gun.jpg");
  transform: rotate(90deg);
  animation: bg 3s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  #zhuti::before {
    animation-duration: 0s;
  }
}

@keyframes bg {
  to {
    background-position: 0 calc(var(--bg-size) * -1);
  }
}




#bg1{margin-top: -1rem;position: relative;z-index: 2;}

body{background: url(/statics/images/brand/bg1.jpg)no-repeat center;background-size:cover;}

#bg1{width: 100%;height: 10.03rem;background: url(/statics/images/index/bg1.png)no-repeat center;background-size:cover;}
#bg1 .title{width:90%;padding-top:0.2rem;margin:0 auto}
#bg1 .title span{font-size:0.26rem;color:#333333;}
#bg1 .title p{font-size: 0.3rem;color: #6c7589;padding-bottom: 0.15rem;padding-top: 0.1rem;border-bottom: 1px solid #b1b6bf;font-weight: bold;}
#bg1 .xia p{font-size: 0.5rem;color: #333333;padding-top: 0.2rem;padding-bottom: 0.2rem;font-weight: bold;}
#bg1 .xia .wen{font-size: 0.22rem;color: #666666;line-height: 0.3rem;}


#bg1 .xz img{transition:0.5s}


.sid{width:100%;height:0rem;transition:1s;overflow:hidden;}
.sid ol{width:50%;float:left;text-align:center;font-size:0.22rem;color:#999;margin-bottom:0.25rem;}
.sid ol p{font-size:0.64rem;color:#333333;margin-bottom:0.1rem;font-family: 'Oswald-Medium';letter-spacing:-3px;}
.sid ol hr{width:0.8rem;height:1px;background:#d8d8da;outline:none;border:none;margin-bottom:0.1rem;}
.sid ol p span{font-size:0.22rem;color:#fff;background:#01cdd7;width:0.24rem;height:0.24rem;display:inline-block;border-radius:50%;line-height:0.24rem;margin-left:0.1rem;}


#bg1 .wrap{height:100%;}
#bg1 .on img{transform:rotate(225deg);}

.aa{height:4rem;}





.tab-menu{width:100%;margin-bottom:0.5rem;}

.tab-menu ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.24rem;
color: #333;
width: 33.3%;
float: left;
height: 1.55rem;
line-height: 1.55rem;
letter-spacing: 1px;
background:url(/statics/images/index/kuai1.png)no-repeat center;
background-size: 70%;
text-align: center;
margin-top: 0.5rem;
}
.tab-menu ul li.active{
color: #fff;
background:url(/statics/images/index/kuai2.png)no-repeat center;
background-size: 70%;
}
.tab-menu ul li:last-child{margin-right: 0;}
.tab-menu ul li.active span{
color: #fff;font-size: 0.24rem;}


.tab-con .lll{display: none;width: 100%;float: right;}
.tab-con .lll img{width: 100%;display: block;}
.tab-con .lll:first-child{display: block;}

.tab-con .lll .xia{width:90%;margin:0 auto;font-size:0.22rem;}



#bg2{width: 100%;padding-bottom:1rem;background: url(/statics/images/index/bg2.jpg)no-repeat center;background-size:cover;}
#bg2 .shang .fl{font-size: 0.5rem;color: #333333;}
#bg2 .shang .fr{font-size: 0.22rem;color: #666666;line-height: 0.3rem;padding-top: 0.2rem;}
#bg2 .shang{padding-bottom: 0.7rem;padding-top: 0.8rem;height: 0.8rem;width:90%;margin:0 auto;}



.tab-menu2 ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.24rem;
color: #333;
width: 2.4rem;
float: left;
height: 0.8rem;
line-height: 0.8rem;
letter-spacing: 1px;
background-size: cover;
text-align: center;
border-radius: 0.8rem;
background: #f5f8f9;
margin-top: 0.3rem;
margin-left: 0.3rem;
border:3px solid #ffffff;}
.tab-menu2 ul li.active{
color: #444854;
font-weight: bold;
}

.tab-menu2 ul li span{color:#444854;font-weight: bold;}
.tab-menu2 ul li:last-child{margin-right: 0;}
.tab-menu2 ul li.active{background:-webkit-linear-gradient(top,#04cfd9,#7fe1e7);border:3px solid #ffffff;}
.tab-menu2 ul li.active span{color: #fff;}


.tab-con2 .lll{display: block;width: 100%;padding-top: 0.8rem;}
.tab-con2 .lll .zuo{width: 90%;font-size: 0.24rem;color: rgba(108,117,137,0.5);text-transform: uppercase;margin:0 auto;}
.tab-con2 .lll .zuo p{font-size: 0.6rem;color: #444854;padding-bottom: 0.2rem;border-bottom: 1px solid #b1b2b9;font-weight: bold;}
.tab-con2 .lll .zuo p:hover{color:#01cdd7}
.tab-con2 .lll .zuo span{font-size: 0.22rem;color: #666666;line-height: 0.38rem;padding-top: 0.3rem;display: block;}
.tab-con2 .lll .zuo a{display: block;color: #01cdd7;font-size: 0.22rem;margin-top: 0.3rem;}
.tab-con2 .lll .you{width: 95%;margin:0.2rem auto 0;}
.tab-con2 .lll .you img{width: 100%;display: block;}

.tab-con2 .lll:first-child{display: block;}


#cpbg{width: 100%;height: 17rem;background: url(/statics/images/index/cpbg.jpg)no-repeat center;background-size: cover;font-size: 0.18rem;}
#cpbg .wrap{margin-top: 0.5rem;}
#cpbg .title{text-align: center;font-size: 0.22rem;color: #666666;}
#cpbg .title p{font-size: 0.5rem;color: #333333;padding-top: 0.7rem;padding-bottom: 0.2rem;font-weight: bold;}
#cpbg .fl{width: 4.4rem;height: 6rem;background: #fff;border-radius: 0.1rem;text-align: center;position:relative;overflow:hidden;}
#cpbg img{display: block;margin: 0 auto;margin-top: 0.5rem;width: 3.4rem;}
#cpbg p{font-size: 0.36rem;padding-top: 0.8rem;padding-bottom: 0.2rem;font-weight: bold;}
#cpbg .zhong{width: 90%;margin: 0 auto;}
#cpbg .zhong .shang>img{position: absolute;top:0rem;right: 0.5rem;margin-top: 0.25rem;width: 2rem;}
#cpbg .zhong .shang{width: 100%;height: 2.5rem;background: #fff;color:#333;border-radius: 0.1rem;position: relative;display:block;overflow:hidden;margin-bottom:0.2rem;}
#cpbg .zhong .shang span{padding-left: 0.5rem;font-size:0.22rem;}
#cpbg .zhong .shang p{padding-left: 0.5rem;}
#cpbg .xia a{width: 3.82rem;height: 2.95rem;border-radius: 0.1rem;background: #fff;float: left;margin-top:0.1rem;position: relative;display:block;overflow:hidden}
#cpbg .xia a>img{position: absolute;top:0rem;right: 0rem;margin-top: 0.3rem;width: 2.32rem;}
#cpbg .xia a p{font-size: 0.26rem;padding-left: 0.35rem;}
#cpbg .xia a{font-size}
#cpbg .xia a span{padding-left: 0.35rem;}

#cpbg .xjt img{margin-top:0;width:0.1rem !important;}
#cpbg a:hover .xjt img{margin-top:-0.15rem;}





#jiaoq{width: 100%;background: url(/statics/images/index/bg3.jpg)no-repeat center;background-size: cover;}
#jiaoq .title{text-align: center;font-size: 0.22rem;color: #666666;}
#jiaoq .title p{font-size: 0.5rem;color: #333333;padding-top: 0.7rem;padding-bottom: 0.2rem;font-weight: bold;}
#jiaoq .wrap{border-radius: 0.2rem;overflow: hidden;position: relative;margin-top: 0.5rem;}
#jiaoq .fl{width:95%;height: 6rem;background: url(/statics/images/index/zuo.png)no-repeat center;background-size: cover;color: #fff;cursor:pointer;}
#jiaoq .wen1 p{padding-top: 2.4rem;font-size: 0.46rem;padding-left: 1rem;letter-spacing: 2px;font-weight: bold;}
#jiaoq .wen1 a{width: 1.7rem;height: 0.55rem;display: block;background: #fff;border-radius: 0.55rem;color: #333333;font-size: 0.18rem;line-height: 0.55rem;margin: 0.3rem 2.2rem 0;text-align: center;}

#jiaoq .fl.on{width: 90%;height: 5.2rem;background: url(/statics/images/index/zuo2.png)no-repeat left;background-size: cover;margin:0 auto;margin-bottom:0.5rem;}




#jiaoq .fr{width: 90%;height: 6rem;background: url(/statics/images/index/jiaoq.png)no-repeat right;background-size: cover;cursor:pointer;margin:0 auto;}
#jiaoq .nei{width: 4.7rem;margin-left: 0.5rem;}
#jiaoq .ti{font-size: 0.22rem;color: #333333;line-height: 0.8rem;padding-top:0.5rem;}
#jiaoq .dian li{width: 45%;border-left:1px solid #28d4dd;float: left;padding-left: 4%;font-size: 0.22rem;color: #333333;}
#jiaoq .dian li p{font-size: 0.46rem;font-weight: bold;}
#jiaoq .lg{margin: 0.5rem 0 0.3rem;}
#jiaoq .lg img{width:0.8rem;margin-right: 0.25rem;}
#jiaoq .wen{font-size: 0.22rem;line-height: 0.35rem;color: #333333;}


#jiaoq .fl .nei{display:none;}
#jiaoq .fl.on .nei{display:block;margin-left:0.5rem;}
#jiaoq .fl.on .wen1{display:none;}
#jiaoq .fr.on{width: 7.1rem !important;height: 6rem;background: url(/statics/images/index/you2.png)no-repeat center;background-size: cover;position: absolute;top:0;right: 0;display:block;}
#jiaoq .fr.on .nei{display:none;}
#jiaoq .fr .wen1{display:none;}
#jiaoq .fr.on .wen1{display:block;color:#fff;width:5rem;float:right;}

#jiaoq .xjt img{margin-top:0;}

#jiaoq .fr{display:block;}

#bg4{width: 100%;background: url(/statics/images/index/bg4.jpg)no-repeat center;background-size: cover;}
#bg4 .title{text-align: center;font-size: 0.5rem;color: #333333;padding-top: 1rem;font-weight: bold;}
#bg4 .li{width: 46%;float: left;background: #fff;height: 2.88rem;border-radius: 0.2rem;text-align: center;margin-left: 2.5%;margin-top: 0.5rem;}
#bg4 .li .shang{padding-top: 0.4rem;position:relative;}
#bg4 .li .shang .fl{font-size: 0.4rem;color: #01cdd7;line-height: 0.3rem;font-weight: bold;}
#bg4 .li .shang img{width: 0.33rem;display: block;float: right;transition:0.5s;position:absolute;right:0.5rem;top:0.4rem;}
#bg4 .li p{font-size: 0.3rem;color: #333333;padding:0.5rem 0 0.3rem;font-weight: bold;}
#bg4 .li span{font-size: 0.22rem;color: #999999;display:block;}
#bg4 .li:last-child{margin-right: 0;}

#bg4 .li:hover .shang img{transform:rotate(45deg);}

#bg4 .li a .xjt img{margin-top:0;}

#bg4 .li:hover p{color:#00d5de;}
#bg4 .li:hover{box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1);}


#bg5{width: 100%;height: 13.89rem;background-size: cover;position: relative;}
#bg5 .title{text-align: center;font-size: 0.22rem;color: #666666;padding-top:1rem;}
#bg5 .title p{font-size: 0.5rem;color: #333333;padding-bottom: 0.2rem;font-weight: bold;}


#bg5 .bottom{position: absolute;bottom: 0rem;left:1.1rem;padding-bottom: 0.5rem;}
#bg5 .bottom .fl{font-size: 0.2rem;color: #333334;padding-top: 0.8rem;}
#bg5 .bottom .fl p{font-size: 0.26rem;color: #6c7589;padding-top: 0.2rem;font-weight: bold;}
#bg5 .bottom .fl2{font-size: 0.36rem;color: #6c7589;float: left;margin-left: 0.8rem;}
#bg5 .bottom .fl2 span{font-size: 1.5rem;background-image: -webkit-linear-gradient(bottom,#04cfd9,#7fe1e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-family: 'sz';}
#bg5 .bottom .fl2 sup{font-size: 1rem;}
#bg5 .bottom .fr{font-size: 0.16rem;color: #333333;text-align: right;float: right;padding-top: 0.9rem;}
#bg5 .bottom .fr a{display: block;float: right;margin-top: 0.25rem;}


#bg6{width: 100%;height: 8.7rem;position: relative;}
 
#bg6 .info_box_pic_box{width:95%;overflow:hidden;position:relative;margin: 0 auto;padding-top: 0.5rem;height:6.7rem;}
#bg6 .swiper-slide li{width: 33.3%;float: left;}
#bg6 .swiper-slide li img{width: 100%;display: block;margin:0 auto;}
#bg6 .swiper-slide p{text-indent: 0.3rem;font-size: 0.15rem;color: #666666;line-height: 0.5rem;display: none;}

#bg6 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.24rem !important;height: 0.36rem !important;overflow: hidden;left: auto;bottom:1.7rem;top:auto;right:1.3rem;}
#bg6 .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.24rem !important;height: 0.36rem !important;overflow: hidden;right:0.7rem;bottom:1.7rem;top:auto;}
#bg6 .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{margin-top: 0px;width: 100%;}
#bg6 .swiper-button-prev:hover img, .swiper-container-rtl .swiper-button-next:hover img{margin-top: -0.36rem;}
#bg6 .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{margin-top: 0px;width: 100%;}
#bg6 .swiper-button-next:hover img, .swiper-container-ltl .swiper-button-prev:hover img{margin-top: -0.36rem;}
#bg6 .info_box_pic_box .swiper-slide img{display: block;margin: 1%;width: 98%;}

#bg6 .bsk{width: 31%;height: 2rem;background:#fff;position: absolute;bottom:0.9rem;right: 0.2rem;z-index:2;}






#hengfu{width: 100%;height: 3rem;background: url(/statics/images/index/heng.jpg)no-repeat center;background-size: cover;text-align: center;}
#hengfu span{font-size: 0.22rem;color: #01cdd7;padding-top: 0.7rem;display: block;}
#hengfu p{font-size: 0.35rem;color: #fff;padding-top: 0.1rem;font-weight: bold;}







#quan .fl{width: 100%;height: 6.3rem;position: relative;}
#quan .wrap{margin-top: 1rem;}
.yuan {
    position: absolute;
    z-index: 2;
    width: 0.18rem;
    height: 0.33rem;
    top: 0;
    left: 0;
    background:url(/statics/images/index/dt.png)no-repeat center;
    background-size: cover;
  }
.yuan:after{
    content: "";
    display: block;
    position: absolute;
    top: 0.1rem;
    left: -0.13rem;
    -webkit-animation: fang1 2s linear infinite;
    animation: fang1 2s linear infinite;
    border: 2px solid #01cdd7;
    opacity: 1;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
  }
.zhong:after {
    -webkit-animation: fang2 2s linear infinite;
    animation: fang2 2s linear infinite;
  }
.xiao:after {
    -webkit-animation: fang3 2s linear infinite;
    animation: fang2 3s linear infinite;
  }

.yuan1{top:2.65rem;left: 3.5rem;}
.yuan2{top:2.55rem;left: 8.2rem;}
.yuan3{top:2.6rem;left: 8.8rem;}
.yuan4{top:3.8rem;left: 12.6rem;}
.yuan5{top:2.7rem;right: 3.3rem;left:auto;}



#quan .tw{width: 100%;height: 6.3rem;position: relative;}
#quan .tw li{position:absolute;}
.tw .tu{width:1rem;height:1rem;margin-bottom:1rem;}
.tw .tu img{width:100%;display:block;}
.tw p{text-align:center;width:1rem;}

#quan .tw li .tu span{display:none;background:#fff;}

#quan .tw li:first-child{top:1.35rem;left: 3.1rem;}
#quan .tw li:nth-child(2){top:1.25rem;left: 7.8rem;}
#quan .tw li:nth-child(3){top:3rem;left: 8.4rem;z-index:11;height:1rem;}
#quan .tw li:nth-child(3) p{padding-top:0.25rem;float:left;}
#quan .tw li:nth-child(4){top:3.2rem;left: 8.4rem;}
#quan .tw li:nth-child(4) p{padding-top:0.25rem;}
#quan .tw li:nth-child(4) .tu{margin-top:0.3rem !important;}
#quan .tw li:nth-child(5){top:4.4rem;left: 12.2rem;}
#quan .tw li:nth-child(6){top:1.4rem;left: 13.1rem}






#quan .tw li:hover .tu{width:2rem;margin-left:-0.5rem;}
#quan .tw li:hover .tu img{display:none;}
#quan .tw li:hover .tu span{display:block;background:#fff;border-radius:0.2rem;padding:0.2rem;}

  /*地图闪*/

@keyframes fang1 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes fang2 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes fang3 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}


#quan .shili{width: 7rem;float: right;}
#quan .shili .tit{font-size: 0.26rem;color: #333333;margin-bottom: 0.6rem;}
#quan .shili ul{width: 100%;margin: 0 auto;}
#quan .shili ul span{text-align: center;width: 0.75rem;height: 0.3rem;line-height: 0.3rem;display: inline-block;font-size: 0.16rem;color: #0d0d0d;cursor: pointer;margin-bottom: 0.2rem;}
#quan .shili ul span.on{background: #e60012;color: #fff;}


#quan .shili .mid{position: relative;}
#quan .shili .mid .case_bg .case{width:7rem;height: 4.5rem; overflow: hidden;position: absolute;left:0rem;top: 0.7rem;border-top: 1px solid #b2b7bd;}
#quan .shili .case_con{width:7rem; position: absolute; top: 0; left: 0;}
#quan .shili .case_box{width:6rem; float: left; position: relative;padding: 0 0.5rem;}

#quan .shili .case_box .biaoti{font-size: 0.32rem;color:#333333;margin: 0.6rem 0 0.4rem;}
#quan .shili .case_box .zuo{width: 1.16rem;display: block;float:left;border: 6px solid #e60012;}
#quan .shili .case_box .zuo img{width: 100%;display: block;}
#quan .shili .case_box .you{font-size: 0.16rem;line-height: 0.32rem;color: #333333;margin-left: 0.5rem;float: left;}





#zixun{width: 100%;background: url(/statics/images/index/bg7.jpg)no-repeat center;background-size:cover;}
#zixun .shang .fl{font-size: 0.5rem;color: #333333;font-weight:bold;}
#zixun .shang .fr{font-size: 0.18rem;color: #666666;line-height: 0.3rem;padding-top: 0.1rem;}
#zixun .shang{padding-bottom: 0.7rem;padding-top: 0.8rem;height: 0.8rem;}



.tab-menu3 ul a{ 
display: inline-block;
cursor: pointer;
font-size: 0.2rem;
color: #333;
float: left;
height: 0.8rem;
line-height: 0.8rem;
float:left;
letter-spacing: 1px;
text-align: center;
margin-right: 0.9rem;
}


.tab-menu3 ul a span{color:#444854;font-weight: bold;padding-bottom: 0.1rem;}
.tab-menu3 ul a:last-child{margin-right: 0;}
.tab-menu3 ul a.active span{color: #00d5de;border-bottom:3px solid #00d5de;}


.tab-con3 .lll{display: none;width: 100%;}
.tab-con3 .lll a{width:90%;height: 5.2rem;background: #fff;overflow: hidden;display: block;border-radius: 0.2rem;transition:0.5s;margin:0 auto;margin-bottom:0.5rem;}
.tab-con3 .lll a:hover{margin-top:-0.8rem;}
.tab-con3 .lll a img{width:100%;display:block;}
.tab-con3 .lll a .div{background: #fff;display: block;width:90%;padding:0 10%;font-size:0.22rem;}
.tab-con3 .lll a .div p{font-size: 0.3rem;color: #333333;padding-top: 0.4rem;padding-bottom: 0.25rem;font-weight:bold;}
.tab-con3 .lll a .div span{font-size: 0.22rem;color: #01cdd7;}
.xjt{width: 0.1rem;height: 0.15rem;overflow: hidden;display: inline-block;margin-left: 0.1rem;transition:0.5s}
.xjt img{margin-top: -0.15rem;width: 100%;display: block;}
.tab-con3 .lll:first-child{display: block;}

#bg6 .title{font-size:0.5rem;font-weight:bold;text-align:center;}
#banq{margin-top:0;}

.xtj:hover{margin-left:0.3rem;}


.tab-con3 .lll a .tu{width:100%;height:3.5rem;overflow:hidden;}
.tab-con3 .lll a .tu img{width:100%;}