/*首页*/
.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 {
    width: 0.04rem;
    height: 0.04rem;
    background: #00ff01;
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
}
.border-top {
    width: 0.04rem;
    height: 0.04rem;
    background: #00ff01;
    position: absolute;
    right: 0;
    top: 0px;
    opacity: 0;
}
.border-right {
    width: 0.04rem;
    height: 0.04rem;
    background: #00ff01;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
/*index02*/
.news_group{overflow: hidden;position: relative;}
.index02{background: #e5e8e7;text-align: center;position: relative;float: left;width: 66%;min-height: 350px;}
.index02 img{width: 100%;}
.index_tit-div{position: absolute;top: 0.8rem;z-index: 3;width: 100%;text-align: left;padding-left: 1.5rem;box-sizing: border-box;}
.index02 .index_tit{margin: 0 auto;display: inline-block;text-align: left;}
.index02-list li{position: absolute;z-index: 3;border-radius: 20px;cursor: pointer;transition: all .3s;overflow: hidden;}
.index02-list li dl{text-align: left;}
.index02-list li dd{
    padding: 0.06rem 0.17rem;
    text-align: center;
    font-size: 0.14rem;
    background: #11fc11;border-radius: 0.3rem;display: inline-block;font-weight: bold;}
.index02-list li dd em{display: inline-block;width: 0.07rem;height: 0.07rem;border-radius: 100%;background: #000;vertical-align: middle;margin-right: 0.05rem;margin-top: -0.02rem;}
.index02-list li dt{padding: 0 0.2rem;padding-bottom: 0.1rem;transform: translateY(30px);display: none;width: 2.74rem;}
.index02-list li dt span{display: inline-block;font-weight: bold;margin: 0.05rem;}
.index02-list li.li01 dl{text-align: right;}
.index02-list li.li01 dl dd em{margin-right: 0;margin-left: 0.05rem;}
.index02-list li.li01 dl dt{text-align: left;}
.li01{right:64.6%;top: 50.9%;}
.li02{left: 12.1%;top: 40.9%;}
.li03{left: 66.8%;top: 49.3%;}
.li04{left:36.8%;top: 51.3%;}
.li05{left:42.1%;top: 47.8%;}
.li06{left:34.6%;top: 58.75%;}
.li07{left:33.1%;top: 64.3%;z-index: 4!important;}
.li08{left:34.1%;top: 67.4%;}
.li09{left:16.4%;top: 43.6%;}
.index02-list li.on{background: #11fc11;z-index: 5!important;}
.index02-list li.on dt{display: block;transform: translateY(0px);}
/*index03*/
.index03{position: absolute;float: left;width: 34%;height: 100%;right: 0;top: 0;}
.wrap2{width: 1420px;margin: 0 auto;max-width: 90%;}
.customer_02-img{height: 100%;}
.customer_02-img .swiper-container{height: 100%;}
.customer_02-img li{min-height: 20%;}
.customer_02-img li img{width: 100%;height: 100%;}
.customer_02-img-txt{color: #fff;width: 100%;text-align: center;}
/*.customer_02-img-txt div{transform: translateY(100px);transition: all 2s;opacity: 0;}*/
.customer_02-img-txt span{display: inline-block;vertical-align: middle;font-weight: bold;}
.customer_02-img-txt img{width: 3.88rem!important;display: inline-block;vertical-align: middle;margin-left: 0.5rem}
.customer_02-img li.swiper-slide-active .customer_02-img-txt div{transform: translateY(0px);opacity: 1;}
.customer_02-con{position: absolute;bottom: 0.56rem;left: 0;width: 100%;color: #fff;z-index: 3;}
.customer_02-con li{width: 16.66%;float: left;text-align: center;padding: 0.15rem 10px;box-sizing: border-box;border-radius: 20px;
    overflow: hidden;cursor: pointer;background: #fff;color: #000000;font-weight: bold;}
.customer_02-con li::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;
}
.customer_02-con li p{position: relative;z-index: 2;}
.customer_02-con li img{width: 0.64rem;display: inline-block;vertical-align: middle;margin-top: -0.04rem;margin-left: 0.1rem;}
.customer_02-con li.on{background: #00ff01;}

.customer_02-list{position: relative;}
.customer_02-list .lhl_but{display: none;}
.customer_02-list .lhl_but div{width: 30px;height: 30px;text-align: center;line-height: 30px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);
    margin-top: -15px;border-radius: 3px;font-size:14px;}
.customer_02-list .swiper-button-prev.swiper-button-disabled,.customer_02-list .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.customer_02-list .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;}
.customer_02-list .swiper-button-next.disabled{ cursor: default;opacity: 0.6;}
.customer_02-list .lhl_but div i{color: #000;}
.customer_02-list .lhl_but div.swiper-button-prev{left: -20px;}
.customer_02-list .lhl_but div.swiper-button-next{right: -20px;}

/*.index04*/
.index04{padding: 6% 6% 0.8rem;box-sizing: border-box;overflow: hidden;}
.index04-list{margin-top: 0.8rem;}
.index04-list ul{margin-left: -0.3rem;margin-right: -0.3rem;}
.index04-list li{float: left;width: 33.3%;padding: 0 0.3rem;}
.index04-list li a{display: block;}
.index04-list dl{transition: all .5s;}
.index04-list dd{position: relative;overflow: hidden;min-height: 100px;}
.index04-list dd p{width: 100%;padding: 0 0.35rem;box-sizing: border-box;position: absolute;left: 0;top: 0.4rem;line-height: 1.2;height: 3.6em;overflow: hidden;visibility: hidden;color: #fff;transition: all .3s;opacity: 0;
    display: none!important;}
.index04-list dt{padding: 0.25rem;box-sizing: border-box;transition: all .3s;}
.index04-list dt h3{font-weight: bold;line-height: 1.2;height: 2.4em;overflow: hidden;margin-bottom: 0.15rem;color: #2a2a2a;}
.index04-list dt span{display:block;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #2a2a2a;}

/*.index05*/
.index05 li{min-height: 0px;overflow: hidden;}
.index05 li dl{position: relative;}
.index05 li dd{position: relative;}
.blank_30{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
.index05 li dl{transform: scale3d(.6,.6,.6);transition: all 2s;}
.index05 li dt{width: 74%;color: #fff;position: absolute;margin: 0 auto;left: 13%;z-index: 3;top: 0;height: 100%;padding-top: 1.1rem;}
.index05-text{margin-top: 0.45rem;}
.index05-text p{font-weight: bold;line-height: 1.2;height: 2.4em;overflow: hidden;margin-bottom: 0.12rem;}
.index05-text span{line-height: 1.6;height: 4.8em;overflow: hidden;display: block;font-weight: bold;}
.index05-link{position: absolute;bottom: 0.9rem;opacity: 0;transition: all 1s;visibility: hidden;display: none;}
.index05-link a{display: block;width: 180px;height: 40px;line-height: 40px;background: #fff;text-align: center;border-radius: 15px;font-weight: bold;position: relative;overflow: hidden;}
.index05-link a em{position: relative;z-index: 3;}
.index05-link a::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;
}
.index05 li.swiper-slide-active .index05-link{opacity: 1;visibility: visible;}
.index05 li.swiper-slide-active dl{transform: scale3d(1,1,1);}
.index05 li dl{opacity: 1!important;}
.index05-swiper .swiper-button-prev,.index05-swiper .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);
}
.index05-swiper .swiper-button-prev{left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.index05-swiper .swiper-button-next{right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.phone-img{display: none;}
@media only screen and (min-width: 1025px) {
    .index01-list dl:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);}
    .index01-list dl:hover .border-left,.index01-list dl:hover .border-right,.index01-list dl:hover .border-top,.index01-list dl:hover .border-bottom{opacity: 1;}
    .index01-list dl:hover:after{border-color: #9eff26;}
    .index01-list dl:hover dt a,.index01-list dl:hover dt span{border-color: #00ff01;}
    .index01-list dl:hover dt a::before,.index01-list dl:hover dt span::before{width: 100%;}

    .customer_02-con li:hover::before{width: 100%;}
    .index04-list li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
    .index04-list li a:hover dd p{visibility: visible;opacity: 1;}
    .index04-list li a:hover dt{background: #e5e8e7 url(../images/index16.png) no-repeat center;background-size: cover;background-size: 100% 100%;}
    .index04-list li:nth-child(2) a:hover dd p,.index04-list li:nth-child(3) a:hover dd p{color: #fff;}
    .index05-link a:hover{color: #000!important;}
    .index05-link a:hover::before{width: 100%;}
    .index05-swiper .swiper-button-prev:hover,.index05-swiper .swiper-button-next:hover{background: rgba(0,0,0,.3);}

}
@media only screen and (max-width: 1024px) {

    .index02-list li dt{width: 3.5rem;}
    .customer_02-list{padding: 0 0.5rem;}
    .customer_02-list .lhl_but{display: block;}
    .customer_02-img-txt img{width: 2.6rem!important;margin-left: 0.2rem;}
    .index05 li dt{padding-top: 30px;}
    .index05-link{bottom: 0.6rem;}
    .index05-link a{width: 130px;}
}
@media only screen and (max-width: 767px) {
    .index_tit p{margin-top: 5px;line-height: 1.3;}
    .index01{padding: 30px 20px;}
    .index01 .index_tit{padding: 0;}
    .index01-list{margin-top: 20px;}
    .index01-list li{width: 100%;padding: 0;margin-bottom: 20px;}
    .index01-list li:nth-child(2n){margin-top: 0;}
    .index01-list li:last-child{margin-bottom: 0;}
    .index01-list dt{right: 10px;bottom: 10px;}
    .index02{width: 100%;height: auto!important;}
    .index02-list li dd{background: none;}
    .index02-list li dt{width: 4.4rem;}
    .index03{position: static;overflow: hidden;width: 100%;}
    .index_tit-div{top: 15px;padding-left: 20px;}
    .index02-list{padding-bottom: 25px;background: #fff;}
    .index02-list li{position: static;box-shadow: none;}
    .index02-list li dl{background: #fff;}
    .index02-list li dt{display: block;width: 100%;transform: none;padding: 0 15px;}
    .index02-list li dd{padding: 15px 15px 5px;font-size: 14px;}
    .index02-list li dd em{display: none;}
    .index02-list li.li01 dl{text-align: left;}
    .customer_02-list{padding: 0 35px;}
    .customer_02-con{bottom: 20px;}
    .customer_02-con li{font-size: 12px;padding: 8px 10px;}
    .customer_02-con li img{width: 40px;margin-top: -2px;}
    .customer_02-img-txt img{width: 80px!important;}
    .customer_02-list .lhl_but div.swiper-button-prev{left: -5px;}
    .customer_02-list .lhl_but div.swiper-button-next{right: -5px;}
    .index04{padding: 30px 20px;}
    .index04-list{margin-top: 20px;}
    .index04-list ul{margin-left: 0;margin-right: 0;}
    .index04-list li{width: 100%;padding: 0;}
    .index04-list li:last-child dt{padding-bottom: 0;}
    .index04-list dt{padding: 20px;}
    .index05{background: #e5e8e7;}
    .index05 li dt{position: static;width: 100%;padding: 20px;color: #000;}
    .index05-link{position: static;margin-top: 20px;}
    .index05-link a{box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 20px;}

    .index05-swiper .swiper-button-prev,.index05-swiper .swiper-button-next{top: 17.5%;}
    .pc-img{display: none;}
    .phone-img{display: block;}
}