body{color: #fff; background-color: #000;}






.reveal-bg,
.reveal-container,
.u-fullParent{position: absolute;top: 0;width: 100%;background-position: center center;background-size: cover;left: 0}
.u-fullParent{height: 100%}
.reveal-bg{height: 100%;opacity: 0;visibility: hidden}
.reveal-container{height: 100%; will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000}
.reveal-inner{z-index: 3}
.reveal-lines{opacity: 1;-webkit-transition: opacity .4s linear;transition: opacity .4s linear}
#wrapper,
.background,
.section,
.section-inner{display: block;width: 100%; }
.section{height: 100%;margin: 0;padding: 0;text-align: center}
.section--auto{height: auto;min-height: 100%}
.background{position: absolute;height: 100%;margin: 0;padding: 0;background-color: #000;background-position: center center;background-repeat: no-repeat;background-size: cover}
.overflow-visible{overflow: visible !important}
.section-inner{position: relative;height: 100%;max-width: 1400px;margin: 0 auto}
.inner-center-bottom,
.inner-center-top{left: 50%;width: 90%;max-width: 960px;text-align: center}

.section-inner.thin{height: 250px}
.section-inner.grid{height: auto;margin: 100px auto}

.inner-left-middle{top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);position: absolute}
.inner-left-middle{left: 50px}
.inner-left-middle{text-align: left;width: 50%;max-width: 520px}
table{width: 100%;margin-top: 30px}
table td{font-size: 16px; line-height: 18px;text-align: left;color: #fff;padding: 20px 0;border-bottom: 1pt solid rgba(255, 255, 255, .3)}
table.data td{text-align: right}
table.data td:first-child{font-size: 14px; line-height: 18px;text-align: left}
table.data td span{color: #868686}

.gallery-background,
.swiper-slide{background-position: center center;background-repeat: no-repeat;background-size: cover}

.swiper-slide p{max-width: 85%}
.gallery-background{display: block;position: absolute;width: 100%;top: 0;left: 0;margin: 0;padding: 0;height: auto;bottom: 100px}
.gallery-background video{will-change: transform;-webkit-transform: translateZ(0);transform: translateZ(0)}
.gallery-full{height: 100%;bottom: 0}
.gallery-background video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.gallery-background img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}




.Smooth #scroller{position:fixed;top:0;left:0;width:100%;height:auto;will-change:transform}
.Smooth #wrapper{position:fixed;width:100%;height:100%}
.section{position: relative}

.banner_pro{position: relative; height: 100vh; overflow: hidden;}
.banner_pro .bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/banner_pro.jpg) no-repeat center center; background-size: 100% 100%!important;}
.banner_pro .text .box{position: absolute;top: 50%; left: 50%; width: 90%; max-width: 960px; text-align: center; transform: translate(-50%, -50%);}
.banner_pro .p1{font-size: 4.5rem; line-height: 0.8; font-weight: bold; text-transform: uppercase;}
.banner_pro .p2{font-size: 1rem; margin: 2rem 0 0;}
.banner_pro .inner-center{position: absolute; top: 50%; left: 50%; width: 90%; max-width: 960px; transform: translate(-50%,-50%) ; text-align: center;}
.banner_pro .section-inner{transition: all 1s;}
@media (max-width:767px){
    .banner_pro .p1{font-size: 30px;}
	.banner_pro .p2{font-size: 14px;}
}

#stats{padding: 8.875rem 0 0; background: #000;}
#stats .container{display: flex; justify-content: space-between;}
#stats .stat{text-align: center}
#stats .stat p{font-size: 5rem; line-height: 0.825;}
#stats .label{font-size: 1.125rem; margin: 1.875rem 0 0; line-height: 1; display: block;}
@media (max-width:767px){
   #stats{padding: 60px 0;}
   #stats .stat p{font-size: 20px;}
   #stats .label{font-size: 13px;}
}

.pro_info{z-index: 5;padding: 0 13.54%; }
.pro_contrast{ height: auto!important; padding-bottom: 4rem;  min-height: 100vh; display: flex; align-items: center;}
.pro_contrast .inner-left-middle{ position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
.pro_info .inner-left-middle{left: 0; max-width: 39.125rem;}
.pro_info .info{width: 39.125rem;}
.pro_info .tit{font-size: 2.25rem; color: #25BA9E; font-weight: bold; line-height: 1;}
.pro_info .desc::before{content: ''; width: 1.25rem; height: 2.1875rem; margin: 2.25rem 0 2.5rem; background: #9AB1AA; display: block;}
.pro_info .desc{font-size: 1rem; line-height: 2.125; margin: 0 0 3.25rem;}
.pro_info .desc span,
.pro_info .desc p{font-size: 1rem!important; line-height: 2.125!important; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif !important;}
.pro_info .btn_download{margin:3.25rem 0 0 ; display: inline-block;}
.pro_info .btn_download a{position: relative; padding: 0.875rem 3.75rem; line-height: 1; color: #fff; border-radius: 2.75rem; display: inline-block; font-size: 1rem; background: linear-gradient(87deg, #25BA9E 0%, #27D6B5 100%); box-shadow: 0px 13px 27px 0px rgba(37, 189, 160, 0.14); transition: .3s all;}
.pro_info .pic{text-align: center; }

/*ie 7 8 9 10 11 start*/
.pro_info{margin-top: 100px\9; margin-bottom: 100px\9;}
.pro_info{margin-top: 100px\0; margin-bottom: 100px\0;}
.inner-left-middle{position:static\9; transform: translate(0, 0)\9;}
.inner-left-middle{position:static\0; transform: translate(0, 0)\0;}
/*ie 7 8 9 10 11 end*/

@media (max-width:767px){
    .pro_info{padding: 0;}
    .pro_info .info{width: 100%;}
    .pro_info .inner-left-middle {position: relative; width: 100%; right: 0; left: 0; margin: auto; top: 160px; padding: 0 20px;}
    .pro_info .inner-left-middle p span,
    .pro_info .inner-left-middle p {font-size: 14px!important;}
    .pro_info .desc{font-size: 14px;}
    .pro_info .desc::before{ width: 10px; height: 20px; margin: 15px 0 ;}
    .pro_info .btn_download{margin: 0;}
    .product_slide .table td p,
    .product_slide .table td p span{font-size: 14px!important;}
    .pro_contrast{height: auto!important; padding-bottom: 30px; align-items: flex-start;}
    .pro_contrast .background {background: #000!important;}
    .pro_contrast .inner-left-middle{top: 0;}
} 

.product_slide .swiper-slide{padding: 0 13.54%;}
.product_slide .inner-left-middle{left: 0;max-width: 39.125rem;}
.product_slide .info{width: 39.125rem;}
.product_slide .tit{font-size: 2.25rem; color: #25BA9E; font-weight: bold; line-height: 1;}
.product_slide .desc::before{content: ''; width: 1.25rem; height: 2.1875rem; margin: 2.25rem 0 2.5rem; background: #9AB1AA; display: block;}
.product_slide .desc{font-size: 1rem; line-height: 2.125; margin: 0 0 3.25rem;}
.product_slide .table table{margin: 1.75rem 0 0; width: 100%;}
.product_slide .table td{width: auto; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 1rem; line-height: 1; padding: 1.275rem 0;}
.product_slide .table td:nth-child(2){text-align: right;}
.product_slide .table td p{max-width: none;}
.product_slide .btn_download{margin: 3.25rem 0 0; display: inline-block;}
.product_slide .btn_download a{position: relative; padding: 0.875rem 3.75rem; line-height: 1; color: #fff; border-radius: 2.75rem; display: inline-block; font-size: 1rem; background: linear-gradient(87deg, #25BA9E 0%, #27D6B5 100%); box-shadow: 0px 13px 27px 0px rgba(37, 189, 160, 0.14); transition: .3s all;}
.product_slide #gallery-prev-s,
.product_slide #gallery-next-s{display: none!important;}
.product_slide .swiper-pagination-bullets{position: absolute;bottom: 5rem; height: 4px; text-align: center; display: flex; justify-content: center; width: 100%;}
.product_slide .swiper-pagination-bullet{position: static; width: 1.75rem; height: 4px; margin: 0 4px 0 0; background-color: #9BB2AB; opacity: 1; border-radius: 0;}
.product_slide .swiper-pagination-bullet-active{width: 5.125rem; background: #26BB9F;}
.product_slide #controls,
.product_slide #reveal-overview{-webkit-transition: opacity .2s linear;transition: opacity .2s linear}
.product_slide #controls{position: absolute;bottom: 0;left: 0;display: block;width: 100%;z-index: 100}
@media (max-width:767px){
    .product_slide .swiper-slide{padding: 0 ;}
    .product_slide #controls {top: 0; bottom: auto;}
    .product_slide .gallery-background { position: relative; height: 400px; top: auto; right: auto; left: auto; bottom: auto;}
    .product_slide .section-inner {    height: auto!important;}
    .product_slide #reveal-overview { max-width: 100%;}
    .product_slide .info{width: 100%;}
    .product_slide .section-inner>div { position: relative; top: 0; left: auto; right: auto; transform: none; padding: 40px 20px;width: 100%; box-sizing: border-box;}
    .product_slide .table td,
    .product_slide .table span{font-size: 14px!important;}
    .product_slide .reveal-render,
    .product_slide .reveal-lines,
    .product_slide .gallery-background{background-size: 200% auto!important; background-position: center right 0%!important;}
    .product_slide .btn_download a{font-size: 13px;}
    .product_slide .desc{font-size: 13px; margin-bottom: 20px;}
    .product_slide .swiper-slide p{max-width: 100%;}
    .product_slide .table{margin: 0 0 20px;}
    .product_slide .btn_download{margin: 0;}
}