/*首页*/
.banner{position: relative;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color: #fff;z-index: 2; width: 100%; top:25%; padding: 0 5%; text-align: left;transition: all .6s ease;}
.banner .txt h2,.banner .txt h3{ line-height: 1.2; max-height: 2.4em; overflow: hidden;}
.banner .txt h2{font-weight: bold;}
.banner .txt h3{ margin-top: 2%; text-transform: uppercase;}
.banner .swiper-pagination{ display: none; bottom:5%;}
.banner .swiper-pagination-bullet{opacity: 1; background: #CFD4D9; width:12px; height:12px;}
.banner .swiper-pagination-bullet-active{background: #00BCFF;}
.banner .swiper-button-prev,.banner .swiper-button-next{background: none;color: #fff;width: 48px;height: 96px;margin-top: -48px;text-align: center;line-height: 96px;
    transition: all .4s;
    background: rgba(0,0,0,0);
    opacity: 0;
}
.banner .swiper-button-prev{left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.banner .swiper-button-next{right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.banner span{ cursor: pointer; color: #fff; position: absolute; z-index: 10; bottom:0.3rem; left:0;height: 0.4rem; line-height: 0.4rem;font-size: 12px;width: 100%;text-align: center;}
.banner span i{margin-right: 0.14rem;}
.banner .swiper-slide:nth-child(2) span,.banner .swiper-slide:nth-child(3) span{ color: #fff;}
.customer_02-img .swiper-button-prev,.customer_02-img .swiper-button-next{background: none;color: #fff;width: 48px;height: 96px;margin-left: 0px;text-align: center;line-height: 96px;
    transition: all .4s;
	    background: rgba(0,0,0,0);
		    opacity: 0;
}
.customer_02-img .swiper-button-prev{top: -22px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;transform: rotate(90deg);left: 50%;margin-top: 0}
.customer_02-img .swiper-button-next{bottom: -22px;top: auto;border-top-left-radius: 8px;border-bottom-left-radius: 8px;transform: rotate(90deg);left: 50%}
.customer_02-img .swiper-slide {cursor: pointer;overflow: hidden}
.customer_02-img .swiper-slide img {transition: all .4s;}
.customer_02-img .swiper-slide:hover img {transform: scale(1.2)}


.banner .txt{
    opacity: 0;
    transform: translateY(-60px)
}
.banner .swiper-slide.swiper-slide-active .txt{
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity 1s linear,transform 1s cubic-bezier(.215,.61,.355,1)
}


.tit{color: #00BCFF; padding-top:0.25rem;position: relative;}
.tit::before{content: ""; position: absolute; left: 0; top:0; width: 0.36rem; height:0.03rem; background: #000; }
@media only screen and (min-width: 1025px) {
    .banner .swiper-container:hover .swiper-button-prev,.banner .swiper-container:hover .swiper-button-next{
        opacity: 1;
    }
    .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{
        background: rgba(255,255,255,.1);
    }
}
@media only screen and (max-width: 1024px) {
    .banner .swiper-button-prev,.banner .swiper-button-next{opacity: 1;}
}
@media only screen and (max-width: 767px) {
    .banner .txt h2{text-align: center;}
    .banner span{bottom: 15px;}

}


/*index01*/
.index01{padding: 0.8rem 1.2rem 1.4rem;box-sizing: border-box;overflow: hidden;color: #2a2a2a;}
.index_tit h2{line-height: 1.2;font-weight: bold;}
.index_tit p{margin-top: 0.1rem;line-height: 1.5;}
.index01 .index_tit{padding: 0 0.22rem;box-sizing: border-box;}
.index01-list{margin-top: 1rem;}
.index01-list ul{font-size: 0;}
.index01-list li{width: 50%;padding: 0 0.22rem;box-sizing: border-box;display: inline-block;vertical-align: top;margin-bottom: 0.44rem;min-height: 100px;}
.index01-list li:nth-child(2n){margin-top: -1rem;}
.index01-list dl{box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative;transition: all .3s;}
.index01-list dl:after{content: "";display: block;width: 100%;height: 100%;border: 0.04rem solid rgba(0,255,1,0);position: absolute;left: 0;top: 0;box-sizing: border-box;transition: all .3s;display: none;}
.index01-list dt{position: absolute;right: 0.6rem;bottom: 0.6rem;z-index: 3;}
.index01-list dt p{font-weight: bold;line-height: 1.2;color: #000;}
.index01-list dt a,.index01-list dt span{display: inline-block;padding: 5px 18px;box-sizing: border-box;border: 0.02rem solid #2a2a2a;border-radius: 10px;margin-top: 0.2rem;
    position: relative;overflow: hidden;transition: all .3s;}
.index01-list dt span{display: none;}
.index01-list dt a em,.index01-list dt span em{position: relative;z-index: 2;color: #000;}
.index01-list dt a::before,.index01-list dt span::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width:0; height: 100%; background: #00ff01;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}
.index01-list li:last-child p{color: #fff;}
.index01-list dd{position: relative;}
.border-left {
    width: 0.04rem;
    height: 0.04rem;
    background: #00ff01;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}
.border-bottom