@charset "utf-8";
.compensate-for-scrollbar{margin-right: 0!important}
.banner{position:relative}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.banner .swiper-slide a{display:block;position:relative}
/*.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2.6rem;background:url(../images/blackms1.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: 1;}*/
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1.6rem;background:url(../images/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .5;}
.banner .swiper-slide .imgBox .img{padding-bottom:0;height:100vh;min-height:6rem;background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .swiper-slide a .txt{position: absolute;left: 0;right: 0;z-index: 5;top: 40%;color: #fff}
.banner .swiper-slide a .txt .tit h4{font-size: .6rem;font-weight: normal;}
.banner .swiper-slide a .txt .tit span{font-size: .2rem;text-transform: uppercase;}
.banner .swiper-slide a .txt .desc{font-size: .2rem;}
.banner .swiper-slide a .txt .tit:after{content: '';display: block;height: 4px;width: 1rem;background:#5454ea;margin-top: .3rem;margin-bottom: .3rem }

.banner .swiper-slide.video a:before{content: '';width: 1.05rem;height: 1.05rem;background: url(../images/play.png) no-repeat center;background-size: cover;position: absolute;top: 48%;margin-top: -.55rem;right: 20%;z-index: 3}
.banner .swiper-slide.video1 .vidTip{font-size: .2rem;background: url(../images/play1.svg) no-repeat left center;background-size:.36rem .36rem;padding-left: .4rem;line-height: .36rem ;margin-bottom: .1rem}
.banner .swiDots{position: absolute;left: 5%;right: 5%;bottom: .5rem;z-index: 10;text-align: center;}
.banner .swiDots span{width: .5rem;height: 3px;background: #fff;opacity: 1;border-radius: 0;margin: 0 5px}
.banner .swiDots span.active{background: #5454ea}
.banner .swiBtn a img{width: .7rem;height: .7rem;}
.banner .swiBtn a{position: absolute;width: .7rem;height: .7rem;top: 50%;margin-top: -.35rem;z-index: 10;border-radius:50%;border: 1px solid rgba(255,255,255,.8)}
.banner .swiBtn a.prev{left: 5%}
.banner .swiBtn a.next{right: 5%}

.banner .swiTool{position: absolute;left: 5%;right: 5%;bottom: 1rem;z-index: 10;}
.banner .swiTool .imgs{position: relative;z-index: 4}
.banner .swiTool .imgs li{width: 20%;position: relative;}
.banner .swiTool .imgs li i{width: .3rem;height: .3rem;border-radius: 50%;border: 2px solid #fff;position: absolute;left:-0.15rem;z-index: 3;background: #fff; top: 50%;margin-top: -.16rem;transform:scale(.7);transition: .5s;}
.banner .swiTool .imgs li i:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;background: #fff;border-radius: 50%;transition: .3s}
.banner .swiTool .imgs li:after{content: '';height: 2px;width: 100%;left: 0;bottom: 0;background:rgba(255,255,255,.3);position: absolute;z-index: 0}
.banner .swiTool .imgs li:before{content: '';height: 2px;width:100%;left: 0;bottom: 0;background: #fff;position: absolute;transition: .5s;z-index: 1}
.banner .swiTool .imgs li.active:before{width:0 }
.banner .swiTool .imgs li.active~li:before{width: 0;transition: none;}
.banner .swiTool .imgs li.active i{transform:scale(1);background: #5454ea;}
.banner .swiTool .imgs li.active i:before{opacity: 0}
.banner .swiTool .imgs li:last-child:after{display: none}
.banner .swiTool .imgs li:last-child{width: 0}
@media (max-width:1024px){
.banner .swiTool .imgs li i{width: 12px;height: 12px;background-image: none!important;transform:scale(1);margin-top: -7px;left: -6px;background-color:#fff;}
.banner .swiTool .imgs li i:before{display: none}
.banner .swiTool .imgs li.active i{transform:scale(1.5);}
.banner .swiper-slide a:before{height:1.5rem}
.banner .swiper-slide a:after{height:1.2rem}

.banner .swiper-slide .imgBox .img{padding-bottom:54%;height:auto;min-height:inherit}
.banner .swiTool{bottom: .4rem}
.banner .swiper-slide a .txt{top: 38%}
.banner .swiper-slide a .txt .tit h4{font-size: .4rem;}
.banner .swiper-slide a .txt .tit span{font-size: .16rem}
.banner .swiper-slide a .txt .desc{font-size: .16rem;}
.banner .swiper-slide.video a:before{content: '';width: .8rem;height: .8rem;top: 48%;margin-top: -.4rem;}
.banner .swiBtn{display: none}
.banner .swiDots{bottom: .3rem}
}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiper-slide .imgBox .img{padding-bottom:62%;}
.banner .swiper-slide a .txt .tit h4{font-size: 6vw;}
.banner .swiper-slide a .txt .tit span{font-size: .14rem}
.banner .swiper-slide a .txt .desc{font-size: .14rem;}
.banner .swiper-slide a .txt .tit:after{margin: .1rem 0;height: 3px;width: .8rem}
.banner .swiper-slide a .txt{top: 35%}
.banner .swiTool{bottom: .3rem}
.banner .swiper-slide.video a:before{width: 12vw;height: 12vw;top: 48%;margin-top:-6vw;right: 10%}
.banner .swiDots{bottom: .2rem}
.banner .swiper-slide.video1 a .txt{top:30% }
}



.intit{margin-bottom: .6rem}
.intit .h3 span{display: block;font-size: .54rem;font-weight: bold;}
.intit .h3 em{display: block;font-size: .24rem;color: #666666;text-transform: uppercase;position: relative;line-height: .3rem;font-weight: 300;}
.intit .h3 em:before{content: '';width: .13rem;height: .13rem;border: 3px solid #5454ea;border-radius: 50%;display: inline-block;margin-right: .1rem;}
.inmore a{display: block;width: 1.7rem;height: .46rem;background:#5454ea;color: #fff;border-radius: .3rem;text-align: center;line-height: .46rem;letter-spacing: .1em ;transition: .3s}
.inmore a:hover{letter-spacing: .3em}

.homea{padding: .8rem 0 1.9rem;background: url(../images/bga.png) #fff no-repeat bottom center;background-size: 100% auto}
.homea .txt{width: 58%}
.homea .txt p{text-indent: 2em;line-height: 2em;text-align: justify;font-size: .16rem;color: #666;margin-bottom: .2rem}
.homea .img{width: 2.71rem;padding-top: .5rem}
.homea .txt .inmore{padding-top: .4rem}


.homeb{padding: .8rem 0 .8rem;background: url(../images/bgb.jpg) no-repeat top center;background-size: cover;color: #fff}
.homeb .intit .h3 em{color: rgba(255,255,255,.8);}
.homeb ul:after{display: inline-block;content: '';width: 26%}
.homeb ul li{width: 26%;padding: .2rem 0}
.homeb ul li img{width: .66rem}
.homeb ul li .tit{font-size: .24rem;margin-top: .3rem;}
.homeb ul li .tit:after{content: '';width: .5rem;height: 4px;background:#5454ea;display: block;margin: .2rem 0 }
.homeb ul li .desc{font-size: .16rem;line-height: 1.8em}

.homec{padding: .8rem 0 1rem;background: #f2f1f6;}
.homec .pro__list li{width: calc(33.3333% - .2rem);border-radius: .15rem;overflow:hidden;position: relative;}
.homec .pro__list li .img{height: 5.8rem;padding-bottom: 0}
.homec .pro__list li .tit{position: absolute;left: 0;top: 16%;z-index: 5;text-align: center;color: #fff;font-size: .3rem;width: 100%;letter-spacing: .1em}
.homec .pro__list li .more{position: absolute;left:50%;bottom: 10%;z-index: 5;text-align: center;color: #666;width: 1.8rem;height: .46rem;background: #fff;border-radius: .4rem;margin-left: -.9rem;font-size: .18rem;line-height: .46rem;transition: .3s;letter-spacing: .1em}
.homec .pro__list li:hover .more{background: #5454ea;color: #fff;letter-spacing: .3em}


.homed{padding: .8rem 0 .8rem;position: relative;color: #fff}
.homed .slide__bg__e{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;}
.homed .slide__bg__e .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover}
.homed .intit{position: relative;z-index: 5;margin-bottom: .8rem}
.homed .intit .h3 em{color: rgba(255,255,255,.8);}
.homed  .nav__e{position: relative;z-index: 5;margin-top: .9rem}
.homed  .nav__e li{padding: 0 .2rem;cursor: pointer;position: relative;}
.homed  .nav__e li i{display: block;width: 15px; height: 15px;border: 1px solid #fff;border-radius: 50%;margin: 0 auto;position: relative;}
.homed  .nav__e li i:before{content: '';position: absolute;left: 3px; top: 3px ;bottom: 3px;right: 3px;border-radius: 50%;background: #fff}
.homed  .nav__e li span{display: block;margin-top: .15rem}
.homed  .nav__e li:before{content: '';height: 1px;width: 35%;background:#fff;position: absolute;right:0;top: 7px}
.homed  .nav__e li:after{content: '';height: 1px;width: 35%;background:#fff;position: absolute;left:0;top: 7px}
.homed  .nav__e li:last-child:before{display: none;}
.homed  .nav__e li:first-child:after{display: none;}
.homed  .nav__e li.active i{border-color: #5454ea}
.homed  .nav__e li.active i:before{background: #5454ea}
.homed  .nav__e li.active{color:#5454ea }
.homed .slide__con__e{overflow:visible;}
.homed .item .txt{width: 45%;display: flex;flex-direction: column;justify-content: center;}
.homed .item .txt .tit{margin-bottom: .4rem}
.homed .item .txt .tit h4{font-size: .36rem;margin-bottom: 5px}
.homed .item .txt .tit span{font-size: .16rem;text-transform: uppercase;opacity: .8}
.homed .item .txt .desc{font-size: .15rem;line-height: 1.8em;margin-bottom: .5rem;opacity: .8}
.homed .item .txt .icos{text-align: center;}
.homed .item .txt .icos img{width: .56rem}
.homed .item .imgp{width: 40%}
.homed .item .imgp .imgBox{z-index: 5}
.homed .item .imgp a{display: block;position: relative;}
.homed .item .imgp .img{height: 3.5rem;padding-bottom: 0}
.homed .item .imgp a:before{content: '';width: 50%;height: 1.4rem;background: #5454ea;z-index: 0;position: absolute;top: -.1rem;right: -.1rem;border-radius: 0 .1rem 0 0}
.homed .item .imgp a:after{content: '';width: 50%;height: 1.4rem;background: #5454ea;z-index: 0;position: absolute;bottom: -.1rem;left: -.1rem;border-radius: 0 0 0 .1rem}

.homee{padding: .8rem 0 1rem;background: #f2f1f6;}
.homee .hd{position: absolute;top: .4rem;width: 3.5rem;right: 0;z-index: 4;height: .5rem;background: #fff;border-radius: .3rem;line-height: .5rem}
.homee .hd ul li{width: 33.333%;text-align: center;cursor: pointer;}
.homee .hd ul li.on{background: #5454ea;color: #fff;border-radius: .3rem}
.homee .hd ul li.on a{color: #fff;}
.homee .tabCon ul li{width: calc(33.33333% - .2rem);margin-bottom: .3rem;border-radius: .15rem;overflow:hidden;}
.homee .tabCon .inmore{padding-top: .2rem}
@media (max-width: 1024px){
.ny_pro_con{padding:.8rem 0 1rem}
.homec .pro__list{display: block;overflow-y: hidden;overflow-x: auto;white-space: nowrap;padding-bottom: .3rem}
.homec .pro__list li{display: inline-block;width:4rem;margin-right: .3rem}
.homec .pro__list li:last-child{margin-right: 0}
.homec .pro__list li .img{height: 6rem}
.homea{padding: .8rem 0 1.3rem;}
.homea .txt p{text-indent: 2em;line-height: 2em;text-align: justify;font-size: .16rem;color: #666;margin-bottom: .2rem}
}
@media (max-width:900px){
.homea .txt{width: 100%;order: 2}
.homea .img{width: 2.71rem;padding-top: 0;margin-bottom: .3rem;order: 1}
.homea .txt .inmore{padding-top: .3rem}
.homeb ul li{width: 46%}
.homed .item .txt{width: 100%;order: 2;;margin-top: .5rem}
.homed .item .imgp{width: 90%;order: 1;}
.homed .item .imgp .img{height: 50vw}

.homee .tabCon ul li{width: calc(50% - .15rem)}
}
@media (max-width: 640px){
.homec .pro__list li{width:3.4rem;}
.homec .pro__list li .img{height: 5rem}
.intit .h3 span{ font-size: .46rem}
.intit{margin-bottom: .4rem}
.homea{padding: .6rem 0 1rem}
.intit{text-align: center;}
.homea .img{margin: 0 auto .3rem}
.homea .inmore{display: flex;justify-content: center;}
.homeb ul li{text-align: center;}
.homeb ul li{width: 48%}
.homeb ul li .tit{font-size: .22rem;margin-top: .15rem}
.homeb ul li .tit:after{margin: .2rem auto}
.homeb,.homed{padding: .6rem 0 .6rem}
.homec{padding: .6rem 0 .8rem}
.homed .intit{margin-bottom: .5rem}
.homed .item .imgp{margin: 0 auto;width: 96%}
.homed .item .txt{text-align: center;}
.homed .item .txt .tit{margin-bottom: .3rem}
.homed .nav__e{margin-top: .6rem}
.homed  .nav__e ul{display: block;white-space: nowrap;overflow-y: hidden;overflow-x: auto;padding-bottom: .2rem}
.homed  .nav__e li{padding: 0 .2rem;display: inline-block;}
.homed .nav__e li:after{left: -3px;}
.homed .nav__e li:before{right: -3px;}
.homed .item .txt .icos p{font-size: .16rem}
.homee{padding: .6rem 0 .8rem}
.homee .hd{position: static;margin: 0 auto .4rem}
.homee .tabCon ul li{width: calc(50% - .1rem);margin-bottom: .2rem}
}