/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2023-05-08 11:55:15
*/
/*banner*/

.wrap{width: 17rem !important;}


#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline:none;background: none;width: 0.13rem;height: 0.2rem;right:10% !important;left:auto;}
#banner .swiper-button-next {outline:none;background: none;width: 0.13rem;height: 0.2rem;right:6% !important;left:auto;}
#banner .swiper-pagination-bullets{bottom: 1.2rem !important;margin-left:7%;text-align: left;}
#banner .swiper-pagination-bullet{width:0.13rem;height: 0.24rem;opacity:0.5;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem !important;background: url(/statics/images/index/dian.png)no-repeat center;background-size: cover;margin-right: 0.25rem !important;}
#banner .swiper-pagination-bullet-active{opacity:1;}

#banner img{width: 100%;display: block;}
#banner .biao p{padding-top: 2.8rem;font-size: 0.6rem;color: #fff;margin-bottom: 0.5rem;}
#banner .biao span{font-weight: bold;display: block;}
#banner .biao{font-size: 0.22rem;color: #fff;}

#banner .more{width: 1.4rem;height:0.5rem;line-height:0.5rem;background: #0059aa;color: #fff;display: block;text-align:center;margin-top: 0.7rem;border-radius: 0.5rem;font-size: 0.14rem;}

#banner .dian a{width: 1.83rem;height: 0.54rem;display: block;margin-right: 0.5rem;float: left;margin-top: 0.8rem;}
#banner .tu{width: 7.41rem;height: 2.02rem;display: block;margin-top: 25%;}

#banner .swiper-button-next,#banner .swiper-button-prev{bottom:1.25rem !important;top:auto;}




.xz{padding-top: 0.3rem;width: 2.5rem;height: 2.5rem;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: 42vmax;
  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;}

#bg1{width: 100%;height: 10.03rem;background: url(/statics/images/index/bg1.png)no-repeat center;background-size:cover;}
#bg1 .title{position:absolute;width:6.9rem;}
#bg1 .title span{font-size:0.2rem;color:#333333;}
#bg1 .title p{font-size: 0.26rem;color: #6c7589;padding-bottom: 0.3rem;padding-top: 0.2rem;border-bottom: 1px solid #b1b6bf;font-weight: bold;}
#bg1 .xia p{font-size: 0.64rem;color: #333333;padding-top: 0.7rem;padding-bottom: 0.4rem;font-weight: bold;}
#bg1 .xia .wen{font-size: 0.18rem;color: #666666;line-height: 0.3rem;}


#bg1 .xz img{transition:0.5s}


#banner .sid{width:14rem;height:2.33rem;background:url(/statics/images/index/bk.png)no-repeat center;background-size:cover;position:absolute;left:13.3%;bottom:-3rem;z-index:1;border-radius:0.2rem;transition:1s;}
#banner .sid ol{width:25%;float:left;text-align:center;font-size:0.16rem;color:#999;line-height:0.22rem;}
#banner .sid ol p{font-size:0.64rem;color:#333333;padding-top:0.5rem;margin-bottom:0.2rem;font-family: 'Oswald-Medium';letter-spacing:-3px;}
#banner .sid ol hr{width:0.8rem;height:1px;background:#d8d8da;outline:none;border:none;margin-bottom:0.2rem;}
#banner .sid ol p span{font-size:0.22rem;color:#fff;background:#01cdd7;width:0.24rem;height:0.24rem;display:inline-block;border-radius:50%;margin-left:0.1rem;}


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

#banner .aa{bottom:1.5rem;}

.tab-menu{width:7.5rem;position:absolute;left:0;bottom:1rem;}

.tab-menu ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.24rem;
color: #333;
width: 1.83rem;
float: left;
height: 1.55rem;
line-height: 1.55rem;
letter-spacing: 1px;
background:url(/statics/images/index/kuai1.png)no-repeat center;
background-size: cover;
text-align: center;
margin-top: 1.6rem;
margin-right: 0.9rem;
}
.tab-menu ul li.active{
color: #fff;
background:url(/statics/images/index/kuai2.png)no-repeat center;
background-size: cover;
}
.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: 8.36rem;display: block;float:right;}
.tab-con .lll:first-child{display: block;}

.tab-con .lll .xia{width:6.9rem;float:left;margin-top:1rem;}



#bg2{width: 100%;height: 11.78rem;background: url(/statics/images/index/bg2.jpg)no-repeat center;background-size:cover;}
#bg2 .shang .fl{font-size: 0.64rem;color: #333333;}
#bg2 .shang .fr{font-size: 0.18rem;color: #666666;line-height: 0.3rem;padding-top: 0.1rem;}
#bg2 .shang{padding-bottom: 0.7rem;border-bottom:1px solid #dad6d3;padding-top: 1.2rem;height: 0.8rem;}



.tab-menu2 ul li{ 
display: inline-block;
cursor: pointer;
font-size: 0.2rem;
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: 1rem;
margin-right: 0.42rem;
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 a{display:block;width:100%;}
.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: none;width: 100%;padding-top: 1.2rem;}
.tab-con2 .lll .zuo{width: 7.3rem;float: left;font-size: 0.2rem;color: rgba(108,117,137,0.5);text-transform: uppercase;}
.tab-con2 .lll .zuo p{font-size: 0.6rem;color: #444854;padding-bottom: 0.2rem;border-bottom: 1px solid #b1b2b9;padding-top: 0.1rem;font-weight: bold;}
.tab-con2 .lll .zuo p:hover{color:#01cdd7}
.tab-con2 .lll .zuo span{font-size: 0.18rem;color: #666666;line-height: 0.38rem;padding-top: 0.3rem;display: block;}
.tab-con2 .lll .zuo a{display: block;color: #01cdd7;font-size: 0.18rem;margin-top: 0.7rem;}
.tab-con2 .lll .you{width: 8.64rem;float: right;}
.tab-con2 .lll .you img{width: 100%;display: block;}

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


#cpbg{width: 100%;height: 9.36rem;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.18rem;color: #666666;}
#cpbg .title p{font-size: 0.64rem;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.7rem;padding-bottom: 0.2rem;font-weight: bold;}
#cpbg .zhong{width: 7.75rem;float: left;margin: 0.1rem;margin-top: 0rem;}
#cpbg .zhong .shang>img{position: absolute;top:0rem;right: 1rem;margin-top: 0.3rem;width: 2.4rem;}
#cpbg .zhong .shang{width: 7.75rem;height: 2.95rem;background: #fff;border-radius: 0.1rem;position: relative;display:block;overflow:hidden;}
#cpbg .zhong .shang p,#cpbg .zhong .shang span{padding-left: 0.85rem;}
#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 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%;height: 9.51rem;background: url(/statics/images/index/bg3.jpg)no-repeat center;background-size: cover;}
#jiaoq .title{text-align: center;font-size: 0.18rem;color: #666666;}
#jiaoq .title p{font-size: 0.64rem;color: #333333;padding-top: 0.7rem;padding-bottom: 0.2rem;font-weight: bold;}
#jiaoq .wrap{height: 6rem;border-radius: 0.2rem;overflow: hidden;position: relative;margin-top: 0.7rem;}
#jiaoq .fl{width: 7.09rem;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: 11.87rem;height: 6rem;background: url(/statics/images/index/zuo2.png)no-repeat center;background-size: cover;}




#jiaoq .fr{width: 11.87rem;height: 6rem;background: url(/statics/images/index/jiaoq.png)no-repeat center;background-size: cover;position: absolute;top:0;right: 0;cursor:pointer;}
#jiaoq .nei{width: 4.7rem;margin-left: 3.3rem;margin-top: 0.6rem;}
#jiaoq .ti{font-size: 0.2rem;color: #333333;line-height: 0.8rem;}
#jiaoq .dian li{width: 45%;border-left:1px solid #28d4dd;float: left;padding-left: 4%;font-size: 0.18rem;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.16rem;line-height: 0.35rem;color: #333333;}


#jiaoq .fl .nei{display:none;}
#jiaoq .fl.on .nei{display:block;margin-left:1rem;}
#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%;height: 6.33rem;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: 0.5rem;font-weight: bold;}
#bg4 .li{width: 20%;padding:0 2%;float: left;background: #fff;height: 2.88rem;border-radius: 0.2rem;text-align: center;margin-right: 1%;margin-top: 1rem;}
#bg4 .li .shang{padding-top: 0.4rem;}
#bg4 .li .shang .fl{font-size: 0.36rem;color: #01cdd7;line-height: 0.3rem;font-weight: bold;}
#bg4 .li .shang img{width: 0.33rem;display: block;float: right;transition:0.5s}
#bg4 .li p{font-size: 0.3rem;color: #333333;padding:0.5rem 0 0.3rem;font-weight: bold;}
#bg4 .li span{font-size: 0.18rem;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: url(/statics/images/index/bg5.jpg)no-repeat center;background-size: cover;position: relative;}
#bg5 .title{text-align: center;font-size: 0.18rem;color: #666666;}
#bg5 .title p{font-size: 0.64rem;color: #333333;padding-bottom: 0.2rem;font-weight: bold;}


#bg5 .bottom{position: absolute;bottom: 0rem;left:1.1rem;width: 17rem;border-bottom:1px solid #dbdbdd;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;background: url(/statics/images/index/bg6.jpg)no-repeat center;background-size: cover;position: relative;}
 
#bg6 .info_box_pic_box{width:16.8rem;overflow:hidden;position:relative;margin: 0 auto;padding-top: 1rem;height:6.7rem;}
#bg6 .swiper-slide li{width: 20%;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.5rem;top:auto;right:2rem;}
#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:1rem;bottom:1.5rem;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: 3.2rem;height: 3.2rem;background:#fff;position: absolute;bottom:0.1rem;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.2rem;color: #01cdd7;padding-top: 0.7rem;display: block;}
#hengfu p{font-size: 0.42rem;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;width:2.5rem;margin-left:-0.5rem;z-index:99;position:relative;}

#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:nth-child(7){top:3.3rem;left: 3.1rem;z-index:11;height:1rem;}
#quan .tw li:nth-child(7) p{padding-top:0.25rem;float:left;}
#quan .tw li:nth-child(8){top:3.5rem;left: 3.1rem;}
#quan .tw li:nth-child(8) p{padding-top:0.25rem;}
#quan .tw li:nth-child(8) .tu{margin-top:0.3rem !important;}





#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%;height: 9.79rem;background: url(/statics/images/index/bg7.jpg)no-repeat center;background-size:cover;}
#zixun .shang .fl{font-size: 0.64rem;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.6rem;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%;padding-top: 1.2rem;}
.tab-con3 .lll a{width:4.8rem;height: 4.5rem;background: #fff;overflow: hidden;display: block;border-radius: 0.2rem;float: left;margin-right: 1.2rem;transition:0.5s}
.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:80%;padding:0 10%;}
.tab-con3 .lll a .div p{font-size: 0.26rem;color: #333333;padding-top: 0.2rem;padding-bottom: 0.05rem;font-weight:bold;}
.tab-con3 .lll a .div span{font-size: 0.18rem;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 a:last-child{margin-right: 0;}
.tab-con3 .lll:first-child{display: block;}


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


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