/* @font-face {
    font-family: "COMFORTAA-LIGHT";
    src:url("../fonts/comfortaa-light.woff2") format("woff2"),
        url("../fonts/comfortaa-light.woff") format("woff"),
        url("../fonts/comfortaa-light.ttf") format("truetype"),
        url("../fonts/comfortaa-light.eot") format("embedded-opentype"),
        url("../fonts/comfortaa-light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "COMFORTAA-REGULAR";
    src:url("../fonts/comfortaa-regular.woff2") format("woff2"),
        url("../fonts/comfortaa-regular.woff") format("woff"),
        url("../fonts/comfortaa-regular.ttf") format("truetype"),
        url("../fonts/comfortaa-regular.eot") format("embedded-opentype"),
        url("../fonts/comfortaa-regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
} */
::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #e60012;
  /*border-radius: 4px;*/
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #e60012;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #e60012;
}
/* *{
    touch-action: none;
} */

@media (min-width: 768px) {
  html {
    font-size: 28px!important;
  }
}
@media (min-width: 1025px) {
  html {
    font-size: 30px!important;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 34px!important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px!important;
  }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
	resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
body{
    overflow: hidden;
}
.w1400{
    max-width: 1400px;
    margin:0 auto;
    width: 72.9%;
}
.sub-banner{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.sub-banner .text-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.sub-banner .text-box .text{
    width: 77%;
}
.sub-banner .text-box .text .tit{
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #fff;
}
.form-view{
    width: 70.3125%;
    margin:0 auto;
}
.contact-form-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 3.125rem 0 2.25rem;
}
.contact-form .contact-inp{
    width: 45.185%;
    float: left;
    border-bottom: 1px solid rgba(179, 191, 186, .6);
    padding: .25rem 0;
    margin-bottom: 1.25rem;
}
.contact-form .contact-inp:nth-child(2n){
    float: right;
}
.contact-form .contact-text{
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(179, 191, 186, .6);
    padding: .25rem 0;
}
.contact-form .tit{
    /* font-family: "COMFORTAA-REGULAR"; */
    font-size: .45rem;
    line-height: .7rem;
    height: .7rem;
    color: #224534;
    float: left;
    position: relative;
}
.contact-form .tit span{
    font-family: arial;
    font-size: .6rem;
    position: absolute;
    right: -.375rem;
    top: 50%;
    transform: translateY(-40%);
}
.contact-form input[type=text]{
    float: right;
    width: 60%;
    height: .7rem;
    line-height: .7rem;
    background-color: transparent;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    font-size: .45rem;
    text-align: right;
}
.contact-form textarea{
    float: left;
    width: 86%;
    margin-left: 2.6%;
    background-color: transparent;
    line-height: .7rem;
    height: .7rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    font-size: .45rem;
    color: #224534;
}
.contact-form .contact-inp .select-box{
    float: right;
    width: 27.86%;
    position: relative;
}
.contact-form .contact-inp .select-box>a{
    font-size: .4rem;
    color: #224534;
    line-height: 1.2rem;
    height: 1.2rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../images/select-arrow.png');
    background-size: .4rem;
    padding: 0 .3rem;
}
.contact-form .contact-inp .sub{
    display: none;
    position: absolute;
    top: 1.2rem;
    width: 100%;
    left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    max-height: 4.5rem;
    overflow: hidden;
}
.contact-form .contact-inp .sub a{
    font-size: .4rem;
    line-height: .9rem;
    height: .9rem;
    display: block;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    padding: 0 .3rem;
    background-color: #fff;
    transition: all .2s;
}

.contact-form .contact-select{
    padding: 0;
}
.contact-form .contact-select .tit{
    height: 1.2rem;
    line-height: 1.2rem;
}
.contact-form .submit-box{
    float: left;
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 1.5rem;
}
.contact-form .submit-box input[type=submit]{
    width: 5rem;
    height: 1.4rem;
    background-image: url('../images/submit-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    color: #fff;
    font-size: .6rem;
    
}

.contact-form .contact-inp .sub .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.contact-form .contact-inp .sub .mCSB_scrollTools{
    width: 4px;
}
.contact-form .contact-inp .sub .mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
}
.contact-form .contact-inp .sub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    margin: 0;
    background: #224534;
}
.city-box{
    position: relative;
    overflow: hidden;
}
.city-box .swiper-slide{
    position: relative;
    overflow: hidden;
}
.city-box .swiper-slide .img img{
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.city-box .swiper-slide .img .m-img{
    display: none;
}

.city-box .swiper-slide .img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.city-box .swiper-slide .blur-img{
    position: absolute;
    width: 41.15%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 3;
    filter: blur(18px);
    overflow: hidden;
}
.city-box .swiper-slide .blur-img .img{
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
}
.city-box .swiper-slide .bule-bg{
    position: absolute;
    width: 41.15%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #006835;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.city-box .swiper-slide .img img{
    width: 100%;
}
.city-box .swiper-slide .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 41.15%;
    transform: translateY(-50%);
    z-index: 3;
    box-sizing: border-box;
    padding: 0 5.2% 0 9.375%;
}
.city-box .swiper-slide .text-box .city{
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    
}
.city-box .swiper-slide .text-box .desc{
    font-size: 16px;
    line-height:30px;
    color: #fff;
    
    margin-top: 5.1%;
}
.city-box .swiper-slide .text-box .list{
    margin-top: 7.7%;
}
.city-box .swiper-slide .text-box .list .item{
    font-size: .45rem;
    line-height: .85rem;
    color: #fff;
    
    margin-bottom: .625rem;
    padding-left: 1.125rem;
    background-repeat: no-repeat;
    background-position: left .1rem;
    background-size: .5rem;
}
.city-box .swiper-slide .text-box .list .item:last-child{
    margin-bottom: 0;
}

.city-box .swiper-slide .text-box .list .item:nth-child(1){
    background-image: url('../images/city-icon1.png');
}
.city-box .swiper-slide .text-box .list .item:nth-child(2){
    background-image: url('../images/city-icon2.png');
}
.city-box .swiper-slide .text-box .list .item:nth-child(3){
    background-image: url('../images/city-icon3.png');
}
.city-box .btns{
    position: absolute;
    left: 41.15%;
    bottom: 9%;
    font-size: 0;
    transform: translateX(-50%);
    z-index: 5;
}
.city-box .btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3.85rem;
    height: 1.45rem;
    line-height: 1.45rem;
    color: #fff;
    /* font-family: "COMFORTAA-REGULAR"; */
    font-size: .45rem;
    background-color: #006835;
    text-align: center;
    transition: all .2s;
}
.city-box .btns a.cur{
    background-color: #fff;
    color: #2a5440;
}
/* contact end */
.ban-partner .text-box{
    top: 23.16%;
    transform: translateY(0);
}
.partner-box{
    padding: 2.75rem 0 1.75rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.partner-box .left{
    float: left;
    width: 44.44%;
}
.partner-box .left .tit{
    font-size: 1.2rem;
    color: #224534;
    line-height: 1.3rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.partner-box .left .con{
    font-size: .55rem;
    line-height: 1.2rem;
    color: #224534;
    
    margin-top: 1rem;
}
.partner-box .partner-form{
    float: right;
    width: 45.2%;
}
.partner-form .contact-inp{
    width: 100%;
    margin-bottom: 0;
    padding: .5rem 0;
    float:none;
}
.partner-form .contact-inp:nth-child(2n){
    float: none;
}
.partner-form .contact-inp .select-box{
    width: 40%;
}
.partner-form textarea{
    width: 60%;
    float: right;
    text-align: right;
}
.partner-form .contact-select{
    padding: 0;
}
.partner-form .contact-select .tit{
    height: 1.7rem;
    line-height: 1.7rem;
}
.partner-form .contact-inp .select-box>a{
    height: 1.7rem;
    line-height: 1.7rem;
}
.partner-form .contact-inp .sub{
    top: 1.7rem;
}
.partner-form .contact-text{
    padding: .5rem 0;
}
.partner-form .submit-box{
    text-align: left;
    margin-top: 1.125rem;
}
/* partner end */
.support-page header .logo .init{
    display: none;
}
.support-page header .logo .hover{
    display: block;
}
.support-page header .nav .tit{
    color: #224534;
    border-color: #224534;
}
.support-page header .nav .tit:before{
    background-color: #224534;
}
.faq-box{
    position: relative;
    border-bottom: 1px solid #d3d3d3;
}
.faq-box .tab-box{
    float: left;
    width: 41%;
    overflow: hidden;
    position: relative;
}
.faq-box .tab-box img{
    width: 100%;
}
.faq-box .tab-box .btns{
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 3.95%;
    width: 100%;
    z-index: 3;
}
.faq-box .tab-box .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 .375rem;
    border-radius: 100%;
}
.faq-box .tab-box .btns .swiper-pagination-bullet-active{
    background-color: #71b12c;
    opacity: 1;
    filter: alpha(opacity=100);
}
.faq-box .tab-box h3{
    left: 12.69%;
    font-size: 1rem;
    line-height: 1.4rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    position: absolute;
    top: 16.58%;
    z-index: 4;
    color: #224534;
    width: 100%;
}
.faq-box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 59%;
    height: 100%;
}
.support-tit{
    font-size: 1rem;
    line-height: 1.3rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    color: #224534;
}

.faq-box .right .support-tit{
    position: absolute;
    left: 0;
    top: 16.58%;
    padding: 0 12.8%;
}
.faq-box .right .list{
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 1.75rem;
    box-sizing: border-box;
    height: 76%;
    width: 100%;
    overflow: hidden;
}
.faq-box .right .list .mCSB_scrollTools{
    width: 4px;
}
.faq-box .right .list .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: none;
}
.faq-box .right .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.faq-box .right .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #224534;
}
.faq-box .right .list li{
    padding: 0 12.8%;
    background-color: #fff;
    transition: all .3s;
}
.faq-box .right .list li.on{
    background-color: #f5f5f5;
}
.faq-box .right .list .tit{
    display: block;
    font-size: .6rem;
    line-height: .75rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    padding: .75rem 12.35% .75rem 5.55%;
    border-bottom: 1px solid rgba(220,219,224,.9);
    background-repeat: no-repeat;
    background-position: 1% .8rem;
    background-image: url('../images/ques.png');
    position: relative;
    background-size: .55rem;
}
.faq-box .right .list .tit:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 1rem;
    width: .35rem;
    height: .2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/faq-arrow.png');
    transition: all .3s;
}
.faq-box .right .list .sub{
    font-size: .45rem;
    line-height: .75rem;
    background-position: left top;
    padding: .75rem 12.35% 1.75rem 5.55%;
    color: #224534;
    background-size: .55rem;
    display: none;
    background-repeat: no-repeat;
    background-position: 1% .8rem;
    background-image: url('../images/ans.png');
}
.page-box{
    font-size: 0;
    text-align: center;
}
.page-box a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .75rem;
    width: .75rem;
    height: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/page-bg1.png');
    color: #2a5440;
    /* font-family: "COMFORTAA-REGULAR"; */
    margin: 0 2px;
    vertical-align: top;
    transition: all .2s;
}
.page-box a.prev,
.page-box a.next{
    background-repeat: no-repeat;
    background-position: center;
}
.page-box a.prev{
    margin-right: 1.25rem;
    background-image: url('../images/page-prev.png');
}
.page-box a.next{
    margin-left: 1.25rem;
    background-image: url('../images/page-next.png');
}
.page-box a.active{
    color: #fff;
    background-image: url('../images/page-bg2.png');
}

.faq-box .right .list .page-box{
    margin-top: 1.875rem;
}
.faq-box .right .list li.on .tit:before{
    transform: rotate(-180deg);
}
.data-box{
    background-color: #f5f5f5;
    position: relative;
}
.data-box .img{
    float: right;
    width: 41%;
}
.data-box .img img{
    width: 100%;
}
.data-view{
    padding: 0 5.2%;
}
.data-box .left{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.data-box .left .support-tit{
    padding: 0 3.3%;
}
.data-box .left .data-con-box{
    width: 50.55%;
    margin-top: 5%;
}
.data-box .left .light-list{
    padding: 1rem 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/data-bg.jpg');
    float: left;
    width: 56.5%;
    box-sizing: border-box;
}
.data-box .left .light-list .tit{
    font-size: .65rem;
    line-height: .75rem;
    color: #fff;
    text-align: center;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.data-box .left .light-list .list{
    border-top: 1px solid rgba(255,255,255,.2);
    margin-top: .5rem;
}
.data-box .left .light-list .list .item{
    border-bottom: 1px solid rgba(255,255,255,.2);
    text-align: center;
}
.data-box .left .light-list .list .item a{
    padding: .375rem 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .55rem;
    line-height: .65rem;
    color: #fff;
    /* font-family: "COMFORTAA-REGULAR"; */
    padding-right: 1.25rem;
    position: relative;
}
.data-box .left .light-list .list .item a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .65rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../images/data-icon.png');
}

.data-box .left .light-list .list .item:nth-child(3n+2){
    text-align: center;
}
.data-box .left .light-list .list .item:nth-child(3n){
    text-align: right;
}
.data-box .left .top-box{
    position: relative; 
}
.data-box .left .top-list{
    position: absolute;
    width: 41.3%;
    right: 0;
    top: 0;
    height: 100%;
    /* transform: translateY(calc(-50% - .25rem)); */
}
.data-box .left .top-list a{
    font-size: .6rem;
    line-height: .7rem;
    padding: .5rem 0;
    display: block;
    position: relative;
    color: #224534;
    border-bottom: 1px solid rgba(191,191,191,.5);
    /* font-family: "COMFORTAA-REGULAR"; */
    margin-bottom: .8rem;
}
.data-box .left .top-list a:last-child{
    margin-bottom: 0;
}
.data-box .left .top-list a span{
    display: block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.data-box .left .top-list a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .35rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/data-arrow.png');
}
.data-box .bottom-box{
    padding-left: 1.25rem;
    margin-top: .5rem;
}
.data-box .bottom-list a{
    width: 44%;
    float: left;
    font-size: .6rem;
    line-height: .7rem;
    padding: .5rem 0;
    display: block;
    position: relative;
    color: #224534;
    border-bottom: 1px solid rgba(191,191,191,.5);
    /* font-family: "COMFORTAA-REGULAR"; */
    margin-bottom: .2rem;
}
.data-box .bottom-list a span{
    display: block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.data-box .bottom-list a:nth-child(2n){
    float: right;
}

.data-box .bottom-list a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .35rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../images/data-arrow.png');
}
.customer-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2rem 0 1.75rem;
}
.customer-box .support-tit{
    text-align: center;
    color: #fff;
}

.customer-box .customer{
    margin-top: 1.25rem;
}
.customer-box .item{
    width: 49.3%;
    height: 7.5rem;
    box-sizing: border-box;
    padding: 1rem 1.5rem 1.5rem;
    float: left;
    background-color: rgba(42,84,64,.2);
    text-align: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    position: relative;
}
.customer-box .item:nth-child(2n){
    float: right;
}

.customer-box .item .num-tit{
    font-size: .6rem;
    line-height: .7rem;
    
}
.customer-box .item .num{
    font-size: 1rem;
    line-height: 1.35rem;
    color: #fff;
    /* font-family: "COMFORTAA-REGULAR"; */
    margin: .5rem 0;
}
.customer-box .item .con{
    font-size: .5rem;
    line-height: .9rem;
    
    opacity: .6;
    filter: alpha(opacity=60);
}
.customer-box .item .con-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1.5rem;
    box-sizing: border-box;
}
.customer-box .item .mail-tit{
    font-size: .8rem;
    line-height: 1rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.customer-box .item .mail{
    display: block;
    font-size: .5rem;
    width: 6.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/mail-bg.png');
    background-size: cover;
    color: #fff;
    margin: .625rem auto 0;
    line-height: 1.5rem;
}
/* support end */
.ban-about .text-box .text{
    width: 100%;
}

.about-box{
    padding: 3rem 0 2.5rem;
    position: relative;
    background-color: #f5f5f5;
}
.about-view{
    max-width: 1320px;
    margin: 0 auto;
    /* width: 68.75%; */
    padding: 0 5%;
}
.about-box .text-box{
    float: right;
    width: 50.38%;
}
.about-box .tit{
    /* float: left;
    width: 41.67%; */
    font-size: .9rem;
    line-height: 1.25rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.about-con{
    color: #224534;
    font-size: .45rem;
    line-height: .9rem;
}
.about-box .about-con{
    /* float: right; */
    margin-top: 1rem;
}

.about-box .about-img{
    width: 44.27%;
    height: 63%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-box .about-img img{
    display: none;
    max-width: 100%;
}
.mission-box{
    padding: 1.625rem 0 1.75rem;
    position: relative;
    background-color: #f5f5f5;
}
.mission-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 67.7%;
    height: 100%;
    background-color: #fff;
}
.mission-box .img{
    float: right;
    width: 54.0625%;
    position: relative;
    z-index: 3;
}
.mission-box .img img{
    width: 100%
}
.mission-box .mission{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 3;
}
.about-tit{
    font-size: 1rem;
    line-height: 1.1rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.mission-box .mission-con{
    width: 40%;
}
.mission-box .about-con{
    margin-top: 1rem;
    height: 7.2rem;
    overflow: hidden;
}
.mission-box .about-con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    /* background: none; */
}
.mission-box .about-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #224534;
}
.vision-box{
    padding: 4.75rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.vision-box .vision{
    text-align: center;
}
.vision-box .vision .about-tit{
    color: #fff;
}
.vision-box .vision .about-con{
    width: 68%;
    margin: .5rem auto 0;
    color: #fff;
}
/* about end */
.ban-factory .text-box{
    top: 52%;
}
.ban-system .text-box .txt{
    font-size: .65rem;
    line-height: 1rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    color: #fff;
    margin-top: .5rem;
}
.factory-box{
    background-color: #f8f8f8;
    position: relative;
}
.factory-box .img{
    float: right;
    width: 50%;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.factory-box .img img{
    width: 100%;
}
.factory-box .img .buttons{
    font-size: 0;
    z-index: 3;
    position: absolute;
    right: 8.33%;
    bottom: 4.23%;
}
.factory-box .img .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.375rem;
    height: 1.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: .25rem;
    transition: all .2s;
}
.factory-box .img .buttons .prev{
    background-image: url('../images/factory-prev.png');
}
.factory-box .img .buttons .next{
    background-image: url('../images/factory-next.png');
}
.factory-box .text-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.factory-box .text{
    width: 42.857%;
}
.factory-box .text .tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #2a5440;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.factory-box .text .about-con{
    margin-top: 1rem;
    height: 9rem;
}
.factory-box .text .about-con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    /* background: none; */
}
.factory-box .text .about-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #224534;
}
.factory-icon-box{
    padding: 3.25rem 0 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    position: relative;
}
.factory-icon-box .row{
    margin: 0 -.625rem;
}
.factory-icon-box .item{
    box-sizing: border-box;
    padding: 0 .625rem;
    margin-bottom: 1.25rem;
}
.factory-icon-box .con-box{
    background-color: #f8f8f8;
    text-align: center;
    padding: 2rem 1rem 1.5rem;
    color: #224534;
    border-radius: 4px;
}
.factory-icon-box .item:nth-child(3) .con-box{
    background-color: rgba(248, 248, 248, .8);
}
.factory-icon-box .icon{
    width: 4rem;
    margin: 0 auto;
}
.factory-icon-box .icon img{
    width: 100%;
}
.factory-icon-box .tit{
    font-size: .7rem;
    line-height: .8rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    margin-top: 1.25rem;
}
.factory-icon-box .con{
    font-size: .45rem;
    line-height: .75rem;
    margin-top: .5rem;
    height: 3.75rem;
    word-break: break-word;
}
.factory-icon-box .bg{
    position: absolute;
    left: 0;
    bottom: -13%;
    width: 18.6%;
}
.factory-icon-box .bg img{
    width: 100%;
}

/* factory end */

.ban-system .text-box{
    /* top: 31.57%;
    transform: translateY(0); */
}
.ban-system .text-box .text{
    width: 42.14%;
    
}
.ban-system .text-box .text .tit{
    font-size: 1.75rem;
    line-height: 2rem;
}
.system-box{
    padding: 3rem 0 1.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #f5f5f5;
}
.system-tit{
    font-size: 1rem;
    line-height: 1.3rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.system-box .system-tit{
    float: left;
    width: 22.14%;
} 
.system-box .about-con{
    float: right;
    width: 66.43%;
}
.system-box .about-con img{
    max-width: 100%;
}
.group-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.group-box .img{
    float: right;
    width: 40.1%;
}
.group-box .img img{
    width: 100%;
}
.group-box .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.group-box .text-box .text{
    width: 50%;
}
.group-box .text-box .system-tit{
    color: #fff;
}
.group-box .text-box .about-con{
    color: #fff;
    margin-top: 1rem;
    height: 8.1rem;
    overflow: hidden;
}
.group-box .text-box .about-con .mCSB_scrollTools{
    width: 4px;
}
.group-box .text-box .about-con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: none;
}
.system-icon-box{
    position: relative;
}
.system-icon-box .bg-box{
    width: 100%;
    overflow: hidden;
}
/* .system-icon-box .bg-box .swiper-slide{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */

.system-icon-box .bg-box img{
    width: 100%;
}
.system-icon-box .text-list{
    position: absolute;
    right:0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    z-index: 3;
    box-sizing:border-box;
    transition:all .4s;
}

.system-icon-box .text-list .list{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.77%;
    transition:all .4s;
    max-height: 100%;
    overflow: hidden;
}
.system-icon-box .text-list .list .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
.system-icon-box .text-list .list .mCSB_scrollTools{
    width: 4px;
}
.system-icon-box .text-list .list .mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
}
.system-icon-box .text-list .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    margin: 0;
    background: #224534;
}
.system-icon-box .text-list .item{
    border-bottom: 1px solid #f8f8f8;
    padding: 1rem 0;
    transition:all .4s;
}
.system-icon-box .text-list .item:last-child{
    border-bottom: none;
}
.system-icon-box .text-list .txt{
    display: none;
    margin-top: .25rem;
}
.system-icon-box .text-list .icon{
    float: left;
    width: 2.8rem;
}
.system-icon-box .text-list .icon img{
    width: 100%;
}
.system-icon-box .text-list .text{
    float: left;
    margin-left: 1.25rem;
    margin-top: .5rem;
    transition: all .5s;
}
.system-icon-box .text-list .tit{
    font-size: .65rem;
    line-height: .75rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    color: #224534;
}
.system-icon-box .system-btn{
    position: absolute;
    background-image: url('../images/system-arrow.png');
    width: 1.45rem;
    height: 2.925rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: -1.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.system-icon-box .text-list.on{
    transform: translateX(-50%);
    width: 67.7%;
    height: 100%;
    left: 50%;
    right: auto;
    /* padding: 2.5rem 0 2rem; */

}
.system-icon-box .text-list.on .list{
    padding: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(0);
    padding: 2.5rem 0 2rem;
    box-sizing: border-box;
}

.system-icon-box .text-list.on .txt{
    /* display: block; */
}
.system-icon-box .text-list.on .item{
    padding: .5rem 1.5rem .5rem 1.25rem;
}
.system-icon-box .text-list.on .item:first-child{
    border-top: 1px solid #f8f8f8;
}
.system-icon-box .text-list.on .item:last-child{
    border-bottom: 1px solid #f8f8f8;
}
.system-icon-box .text-list.on .text{
    float: right;
    width: 86.3%;
    margin: 0;
}
.system-icon-box .text-list.on .txt{
    display: block;
}
.advantage-box{
    padding: 3.25rem 0 2.75rem;
    background-color: #f5f5f5;
}
.advantage-box .system-tit{
    text-align: center;
    text-transform: capitalize;
}
.advantage-box .adv-box{
    position: relative;
}
.advantage-box .adv-tab{
    margin-top: 1.625rem;
    overflow: hidden;
    padding: .75rem 2px;
    position: relative;
}
.advantage-box .adv-tab .swiper-slide{
    width: 20%;
    border: 1px solid #dcdcdc;
    border-left: none;
    box-sizing: border-box;
    transition: all .2s;
}
.advantage-box .adv-tab .icon{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 1.25rem 0;
    text-align: center;
    position: relative;
}
.advantage-box .adv-tab .icon img{
    width: 2.65rem;
}
.advantage-box .adv-tab .icon .hover{
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}
.advantage-box .adv-tab .text{
    padding: 1.25rem .75rem 2rem;
    font-size: .45rem;
    line-height: .75rem;
    color: #224534;
    height: 5.25rem;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    transition: all .2s;
}
.advantage-box .adv-tab .swiper-slide-active{
    border:none;
    transform:scale(1.2);
    background-image: url('../images/h-adv-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}
.advantage-box .adv-tab .swiper-slide-active .icon .init{
    opacity: 0;
    filter: alpha(opacity=0);
}
.advantage-box .adv-tab .swiper-slide-active .icon .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.advantage-box .adv-tab .swiper-slide-active .text{
    color: #fff;
    padding-top: .5rem;
    border-color: rgba(255,255,255,.2);
}

.adv-box .prev,
.adv-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .4rem;
    height: .7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .2s;
}
.adv-box .prev{
    left: -1.5rem;
    background-image: url('../images/adv-prev.png');
}
.adv-box .next{
    right: -1.5rem;
    background-image: url('../images/adv-next.png');
}
.adv-tab .btns{
    font-size: 0;
    text-align: center;
    margin-top: .4rem;
    display: none;
}
.adv-tab .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    background-color: #666;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 .2rem;
    border-radius: 100%;
}
.adv-tab .btns .swiper-pagination-bullet-active{
    background-color: #71b12c;
    opacity: 1;
    filter: alpha(opacity=100);
}

.environment-box{
    padding:2.75rem 0;
    position: relative;
}
.environment-box .world-img{
    position: absolute;
    right: 2.45%;
    width: 45.83%;
    top: 3.75rem;
}
.environment-box .world-img .point{
    position: absolute;
    width: 9.85%;
    padding-top:9.85%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/point-bg.png');
    transform-origin: center;
    transform: scale(.5);
    animation:pointAni 2s infinite;
    -webkit-animation:pointAni 2s infinite;
}
@-webkit-keyframes pointAni {
    0 {
        transform: scale(.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.5);
    }
}
@-o-keyframes pointAni {
    0 {
        transform: scale(.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.5);
    }
}
@-moz-keyframes pointAni {
    0 {
        transform: scale(.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.5);
    }
}
@keyframes pointAni {
    0 {
        transform: scale(.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.5);
    }
}
.environment-box .world-img .point:nth-child(1){
    left: 14.55767%;
    top:2.5%;
}
.environment-box .world-img .point:nth-child(2){
    left: 68.3%;
    top:0;
}
.environment-box .world-img .point:nth-child(3){
    left: 52%;
    top:19.85%;
}
.environment-box .world-img .point:nth-child(4){
    left: 62.15%;
    top:39.7%;
}
.environment-box .world-img .point:nth-child(5){
    left: 78.39%;
    top:32.258%;
    width: 5.375%;
    padding-top: 5.375%;
}
.environment-box .world-img .point:nth-child(6){
    left: 83.4%;
    top:26%;
    width: 5.375%;
    padding-top: 5.375%;
}

.environment-box .world-img img{
    width: 100%;
}
.environment-box .text-box{

}
.environment-box .text-box .text{
    width: 48.57%;
}
.environment-box .text-box .about-con{
    margin-top: .75rem;
}
.system-img img{
    width: 100%;
}
/* system end */
.ban-grow .text-box .text{
    width: 41.7%;
} 
.ban-grow .text-box .text .tit{
    font-size: 1.4rem;
    line-height: 1.7rem;
}
.ban-grow .text .txt-list{
    margin-top: 1.5rem;
}
.ban-grow .text .txt-list .item{
    line-height: .75rem;
    font-size: 0;
    color: #fff;
}
.ban-grow .text .txt-list .num,
.ban-grow .text .txt-list .txt{
    line-height: 1.25rem;
}
.ban-grow .text .txt-list .num{
    float: left;
    font-size: .45rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.ban-grow .text .txt-list .txt{
    float: right;
    font-size: .5rem;
    width: 92.1%;
}
.led-box{
    padding:4rem 0 2.75rem;
    position: relative;
}
.led-box .img{
    position: absolute;
    right: 0;
    top: 4rem;
    width: 37.9%;
}
.led-box .img img{
    width: 100%;
}
.led-box .text{
    width: 53.68%;
}
.led-box .text .about-con{
    margin-top: 1rem;
}
.led-box .list{
    margin-top: 3.5rem;
}
.led-box .list .row{
    margin:0 -10px;
}
.led-box .list .item{
    padding:0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.led-box .list .con-box{
    display: block;
}
.led-box .list img{
    width: 100%;
}
.led-box .list .con-box .txt{
    position: absolute;
    left: 0;
    bottom:8.8%;
    width: 100%;
    text-align: center;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.led-box .list .con-box .soon{
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: .8rem;
    line-height: .875rem;
    color: #224534;
}
.grow-icon-box{
    padding:2.75rem 0 3rem;
    background-color: #f8f8f8;
}
.grow-icon-box .icon-box{
    text-align: center;
}
.grow-icon-box .icon-box .row{
    margin:0 -10px;
}
.grow-icon-box .icon-box .item{
    width: 20%;
    box-sizing: border-box;
    padding:0 10px;
    float: left;
}
.grow-icon-box .icon-box .icon{
    width: 58.8%;
    margin:0 auto;
}
.grow-icon-box .icon-box .icon img{
    width: 100%;
}
.grow-icon-box .icon-box .txt{
    margin-top: .5rem;
}
.grow-icon-box .data-list{
    margin-top: 2.75rem;
}
.grow-icon-box .data-list .row{
    margin:0 -1.25rem;
}
.grow-icon-box .data-list .item{
    box-sizing: border-box;
    padding:0 1.25rem;
}
.grow-icon-box .data-list img{
    width: 100%;
}
.grow-dialog-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.grow-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .45;
    filter: alpha(opacity=45);
}
.grow-dialog-box .top-box{
    position: relative;
}
.grow-dialog-box .tab-box{
    float: left;
    width: 56.25%;
    overflow: hidden;
    background-color: #fff;
}
.grow-dialog-box .dialog-tab{
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}
.grow-dialog-box .tab-box img{
    width: 100%;
}
.grow-dialog-box .right{
    position: absolute;
    right: 0;
    height: 100%;
    width: 43.75%;
}
.grow-dialog-box .right .img{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
}
.grow-dialog-box .right .img:nth-child(1){
    top: 0;
}
.grow-dialog-box .right .img:nth-child(2){
    bottom: 0;
}
.grow-dialog-box .right img{
    display: none;
    width: 100%;
}
.grow-dialog-box .down-box{
    padding:1.5rem 0 1.5rem;
    background-color: #fff;
    text-align: center;
}
.grow-dialog-box .down-box .tit{
    font-size: 1.125rem;
    color: #224534;
    line-height: 1.225rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.grow-dialog-box .down-box .con{
    margin: .25rem auto 0;
    font-size: .5rem;
    line-height: .75rem;
    color: #224534;
    width: 50%;
}
.grow-dialog-box .down-box .list{
    margin-top: 1rem;
}
.grow-dialog-box .down-box .row{
    margin: 0 -12px;
}
.grow-dialog-box .down-box .item{
    width: 25%;
    float: left;
    padding:0 12px;
    box-sizing: border-box;
}
.grow-dialog-box .down-box .item a{
    display: block;
    height: 2rem;
    border:1px solid #e5e5e5;
    line-height: 2rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    font-size:0;
    transition: all .2s;
}
.grow-dialog-box .down-box .item span{
    display: inline-block;
    line-height: 2rem;
    padding-left: .875rem;
    background-repeat: no-repeat;
    background-position: left 45%;
    background-size: .65rem;
}
.grow-dialog-box .down-box .item:nth-child(1) span{
    background-image: url('../images/down-icon1.png');
}
.grow-dialog-box .down-box .item:nth-child(2) span{
    background-image: url('../images/down-icon2.png');
}
.grow-dialog-box .down-box .item:nth-child(3) span{
    background-image: url('../images/down-icon3.png');
}
.grow-dialog-box .down-box .item:nth-child(4) span{
    background-image: url('../images/down-icon4.png');
}
.grow-dialog-box .down-box .item:nth-child(5) span{
    background-image: url('../images/down-icon5.png');
}
.grow-dialog-box .down-box .con-box{
    border: 1px solid #e5e5e5;
    /* padding: .2rem 0; */
    font-size: 0;
}
.grow-dialog-box .down-box .down-tit,
.grow-dialog-box .down-box .down-con{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.grow-dialog-box .down-box .down-tit{
    font-size: .5rem;
    line-height: 2rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.grow-dialog-box .down-box .down-con{
    font-size: .4rem;
    line-height: .6rem;
    text-align: left;
    margin-left: .5rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.grow-dialog-box .dialog-tab .dialog-close{
    position: absolute;
    right: 5.2%;
    top: 4%;
    width: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.grow-dialog-box .dialog-tab .dialog-close img{
    width: 100%;
    transition: all .2s;
}
.grow-dialog-box .dialog-tab .buttons{
    position: absolute;
    right: 5.2%;
    bottom: 1.5rem;
    font-size: 0;
    z-index: 3;
    width: 1.5rem;
}
.grow-dialog-box .dialog-tab .prev,
.grow-dialog-box .dialog-tab .next{
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: .3rem;
    transition: all .2s;
}
.grow-dialog-box .dialog-tab .prev{
    background-image: url('../images/app-prev.png')
}
.grow-dialog-box .dialog-tab .next{
    background-image: url('../images/app-next.png')
}
/* grow end */
.ban-indoor{
    overflow: hidden;
}
.ban-indoor .swiper-slide{
    height: 100%;
    position: relative;
}
.ban-indoor .swiper-slide .img{
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-attachment: fixed; */
}
.ban-indoor .text .txt{
    float: none;
    font-size: .75rem;
    line-height: 1rem;
    color: #fff;
    margin-top: .75rem;
}
.ban-indoor .text-box{
    top: 31.58%;
    transform: translateY(0);
}
.ban-indoor .text-box .text .tit{
    font-size: 1.3rem;
    line-height: 1.7rem;
}
.ban-indoor .btns{
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
    text-align: center;
    z-index: 3;
    font-size: 0;
}
.ban-indoor .btns .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 .375rem;
    border-radius: 100%;
}
.ban-indoor .btns .swiper-pagination-bullet-active{
    background-color: #71b12c;
    opacity: 1;
    filter: alpha(opacity=100);
}
.works-box{
    padding:3rem 0;
    border-bottom: 1px solid #ddd;
}
.indoor-view{
    max-width: 1300px;
    padding:0 5%;
    width: 67.7%;
    margin:0 auto;
}
.works-box .tit{
    font-size: 1rem;
    line-height: 1.2rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.works-box .text-box{
    width:42.1%;
    float: left;
}
.works-box .text-box .con{
    margin-top: 1rem;
    line-height: .9rem;
    font-size: .5rem;
    margin-top: 1rem;
    color: #224534;
}
.works-box .works-img{
    float: right;
    width: 35.143%;
    margin-right: 7.14%;
    margin-top: 1.25rem;
    position: relative;
}
.works-box .works-img img{
    width: 100%;
}
.works-box .icon-box .item{
    position: absolute;
    width: 2.35rem;
    height: 2.35rem;
    background-position: center;
    background-size: cover;
    background-image: url('../images/works-bg.png');
}
.works-box .icon-box .item:nth-child(1){
    left: 50%;
    transform:translateX(-50%);
    top: -1rem;
}
.works-box .icon-box .item:nth-child(2){
    top: 26.4%;
    right: -7%;
}
.works-box .icon-box .item:nth-child(3){
    bottom: 10%;
    right:2%;
}
.works-box .icon-box .item:nth-child(4){
    bottom: 10%;
    left:2%;
}
.works-box .icon-box .item:nth-child(5){
    top: 26.4%;
    left: -7%;
}
.works-box .icon-box .con-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    width: 100%;
    text-align: center;
}
.works-box .icon-box .img{
    width: 1.075rem;
    margin:0 auto;
}
.works-box .icon-box .img img{
    width: 100%;
}
.works-box .icon-box .txt{
    font-size: .35rem;
    line-height: .375rem;
    color: #fff;
    font-family: arial;
    margin-top: .125rem;
}
.works-box .works-img .works-txt{
    font-size: .6rem;
    line-height: .7rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    text-align: center;
    margin-top: .25rem;
}
.indoor-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 10.65rem;
    position: relative;
}
.indoor-box .text{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}
.w1200{
    max-width: 1200px;
    margin:0 auto;
}
.indoor-box .text .tit{
    font-size: 1rem;
    line-height: 1.45rem;
    color: #fff;
}
.indoor-box .text .buy-btn{
    width: 5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .6rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/buy-bg.jpg');
    display: block;
    text-align: center;
    margin-top: .75rem;
}
.app-box{
    padding:2.5rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.app-box .con{
    color: #2a5440;
    font-size: .5rem;
    line-height: .9rem;
    width: 82%;
    margin:.75rem auto 0;
}
.app-box .img-tab{
    margin-top: 1rem;
    overflow: hidden;
}
.app-box .img-tab img{
    width: 100%;
}
.app-box .img-tab .txt{
    font-size: .6rem;
    line-height: .7rem;
    margin-top: .375rem;
}
.app-box .img-tab .btns{
    font-size: 0;
    text-align: center;
    margin-top: 1rem;
}

.app-box .img-tab .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #2a5440;
    opacity: .3;
    filter: alpha(opacity=30);
    border-radius: 100%;
    margin:0 .375rem;
    transition: all .2s;
}
.app-box .img-tab .btns .swiper-pagination-bullet-active{
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #299e55;
}
.app-box .prev,
.app-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    transition: all .2s;

}
.app-box .prev{
    background-image: url('../images/app-prev.png');
    left: 5.2%;
}
.app-box .next{
    background-image: url('../images/app-next.png');
    right: 5.2%;
}
/* indoor3 end */
.type-wrap{
    position: relative;
    overflow: hidden;
}
.type-box .img{
    float: right;
    width: 50%;
}
.type-box .img img{
    width: 100%;
}
.type-box .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform:translateY(-50%);
}
.type-box .text-box .text{
    width: 37.14%;
}
.type-box .text-box .con{
    font-size: .5rem;
    line-height: .9rem;
    color: #2a5440;
    margin-top: 1rem;
    height: 10rem;
    overflow: hidden;.
}
.type-box .text-box .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    /* background: none; */
}
.type-box .text-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #224534;
}
.type-box .text-box .con img{
    max-width: 100%;
}
.type-wrap .prev,
.type-wrap .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    transition: all .2s;
}
.type-wrap .prev{
    background-image: url('../images/app-prev.png');
    left: 5.2%;
}
.type-wrap .next{
    background-image: url('../images/app-next.png');
    right: 5.2%;
}
/* indoor1 end */
.type-box2{
    position: relative;
}
.type-box2 .text-box{
    position: relative;
    transform:translateY(0);
    z-index: 3;
}
.type-box2 .text-box .w1400{
    position: relative;
}
.type-box2 .img{
    float: left;
}
.type-box2 .text-box .right{
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
}
.type-box2 .swiper-slide:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #f5f5f5;
}
.type-box2 .text-box .right .text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 75.7%;
    right: 8.57%;
}
/* indoor2 end */
header{
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 90;
    padding:.75rem 0;
    transition: all .2s;
}

.header-view{
    padding:0 5.2%;
}
header .logo{
    float: left;
    width: 3rem;
}
header .logo img{
    width: 100%;
}
header .logo .hover{
    display: none;
}
header .nav{
    float: right;
    font-size: 0;
    margin-top: .75rem;
}
header .nav li{
    display: inline-block;
    *display: inline;
    zoom:1;
    margin-left: 1.5rem;
}
header .nav .tit{
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding:2px 0;
    transition: all .2s;
    position: relative;
    /* font-family: "COMFORTAA-REGULAR"; */
    font-weight: bold;
    text-transform: uppercase;
}
header .nav .tit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: right center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
}
header .nav-btn{
    display: none;
}

header.white{
    background-color: #fff;
    padding:.25rem 0;
    box-shadow: 0 3px 7px rgba(0,0,0,.18);
}
header.white .logo .init{
    display: none;
}
header.white .logo .hover{
    display: block;
}
header.white .nav .tit{
    color: #224534;
    border-color: #224534;

}
header.white .nav .tit:before{
    background-color: #224534;
}

.full-nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.full-nav .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-image: url('../images/full-nav-bg.jpg'); */
    background-color: #f5f5f5;
    opacity: .98;
    filter: alpha(opacity=98);
}
.full-nav .top-box{
    position: absolute;
    left: 0;
    top: .75rem;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}
.full-nav .top-box .logo{
    float: left;
    width: 3rem;
}
.full-nav .top-box .logo img{
    width: 100%;
}
.full-nav .top-box .nav-close{
    float: right;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 1.25rem;
}
.full-nav .top-box .nav-close img{
    width: 100%;
    transition: all .3s;
}
.nav-view{
    max-width: 1600px;
    margin:0 auto;
    padding:0 5%;
}
.full-nav .nav-list{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 0;
}
.full-nav .nav-list li{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
    margin-right: 15%;
    vertical-align: top;
    opacity: 0;
    filter: alpha(opacity=0);
    transform:translateX(30px);
    transition: transform .3s,opacity .3s;
}
.full-nav .nav-list li:last-child{
    margin-right: 0;
}
.full-nav .nav-list li .tit{
    font-size: .85rem;
    line-height: 1rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    text-transform: uppercase;
}
.full-nav .nav-list li .navson{
    margin-top: 1rem;
}
.full-nav .nav-list li .navson a{
    display: inline-block;
    font-size: .5rem;
    line-height: .75rem;
    color: #224534;
    margin-bottom: .25rem;
    position: relative;
    text-transform: capitalize;
}
.full-nav .nav-list li .navson a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #224534;
    transform-origin: right center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
}
.full-nav.active .top-box{
    opacity: 1;
    filter: alpha(opacity=100);
}
.full-nav.active .nav-list li{
    opacity: 1;
    filter: alpha(opacity=100);
    transform:translateX(0);
}
.full-nav.active .delay1{
    transition-delay: .1s;
}
.full-nav.active .delay2{
    transition-delay: .2s;
}
.full-nav.active .delay3{
    transition-delay: .3s;
}
.full-nav.active .delay4{
    transition-delay: .4s;
}
/* header end */

.index-wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-wrap>.swiper-wrapper{
    transition-timing-function: cubic-bezier(.7, 0, 0, 1);
}
.index-wrap>.swiper-wrapper>.swiper-slide{
    height: 100%;
}
.banner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner .swiper-slide{
    height: 100%;
}
.banner .swiper-slide .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner .swiper-slide video{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120%;
    /* height: 120%; */
    transform: translate(-50%, 0);
    background-color: #000;
}
.banner .text-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.banner .text-box .text{
    width: 45%;
}
.banner .text-box .en{
    font-size: 1.4rem;
    line-height: 1.75rem;
    text-shadow: 3px 0 14px rgba(1,42,44,.97);
    color: #fff;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.banner .text-box .desc{
    font-size: .55rem;
    line-height: .95rem;
    color: #fff;
    margin-top: .5rem;
}
.banner .btns{
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
    text-align: center;
    z-index: 3;
    font-size: 0;
}
.banner .btns .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 .375rem;
    border-radius: 100%;
}
.banner .btns .swiper-pagination-bullet-active{
    background-color: #71b12c;
    opacity: 1;
    filter: alpha(opacity=100);
}
.banner.m-box{
    display: none;
}
.i-grow-box{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.line-box{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.line-box .w1400{
    height: 100%;
    position: relative;
}
.line-box .line{
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.1);
}
.line-box .line:nth-child(1){
    left: 0;
}
.line-box .line:nth-child(2){
    left: 25%;
}
.line-box .line:nth-child(3){
    left: 50%;
}
.line-box .line:nth-child(4){
    left: 75%;
}
.i-grow-box .swiper-slide .bg{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.i-grow-box .swiper-slide .bg img{
    display: none;
    width: 100%;
}
.i-grow-box .swiper-slide .text-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 3;
}
.i-grow-box .swiper-slide .text-box .tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 2.5rem;
    line-height: 2.6rem;
    font-family: "COMFORTAA-REGULAR";
    color: #fff;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    transition: all .2s;
}
.i-grow-box .swiper-slide .text-box .list-box{
    margin-top: 1.5rem;
}
.i-grow-box .swiper-slide .list{
    float: left;
}
.i-grow-box .swiper-slide .list .item{
    color: #f2f2f2;
    margin-bottom: .5rem;
    font-size: 0;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.i-grow-box .swiper-slide .list .item:last-child{
    margin-bottom: 0;
}
.i-grow-box .swiper-slide .list span{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: middle;
}
.i-grow-box .swiper-slide .list:nth-child(1){
    width: 25%;
}
.i-grow-box .swiper-slide .list .num{
    font-size: .35rem;
}
.i-grow-box .swiper-slide .list .txt{
    font-size: .55rem;
    line-height: .7rem;
    margin-left: .5rem;
}
.i-grow-box .swiper-slide .list:nth-child(1) .txt{
    width: 90%;
    margin-left: .5rem;
}
.i-grow-box .prev,
.i-grow-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 1.2rem));
    z-index: 2;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    transition: all .2s;
}
.i-grow-box .prev{
    background-image: url('../images/i-grow-prev.png');
    left: 2%;
}
.i-grow-box .next{
    background-image: url('../images/i-grow-next.png');
    right: 2%;
}
.i-grow-box .swiper-slide.green .text-box .tit{
    color: #224534;
    -webkit-text-stroke: 2px #224534;
}
.i-grow-box .swiper-slide.green .list .item{
    color: #224534;
}
.i-product-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
}
.i-product-box .line-box .line{
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
}
.i-product-box .top-box{
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
}
.i-product-box .top-box .i-product-tab{
    margin-top: 1.25rem;
    overflow: hidden;
}
.i-product-box .top-box .swiper-slide{
    width: 25%;
}
.i-product-box .top-box .swiper-slide .img{
    padding-left: 1px;
    box-sizing: border-box;

}
.i-product-box .top-box img{
    width: 100%;
}
.i-product-box .top-box .swiper-slide .num{
    font-size: .4rem;
    line-height: .5rem;
    color: #2a5440;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.i-product-box .top-box .swiper-slide .line{
    width: .325rem;
    height: 1px;
    background-color: #2a5440;
    margin:.5rem 0;
}
.i-product-box .top-box .swiper-slide .txt{
    line-height: .75rem;
}
.i-product-box .top-box .prev,
.i-product-box .top-box .next{
    display: none;
}
.i-product-box .bottom-box{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    z-index: 3;
}
.i-product-box .bottom-box .tit-box .system-tit{
    float: left;
}
.i-product-box .bottom-box .buttons{
    float: right;
    font-size: 0;
    margin-top: .5rem;
}
.i-product-box .bottom-box .buttons a{
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 1.55rem;
    height: .225rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: top;
    margin-left: 1rem;
}
.i-product-box .bottom-box .buttons .prev{
    background-image: url('../images/pll.png');
}
.i-product-box .bottom-box .buttons .next{
    background-image: url('../images/prr.png');
}
.i-product-box .bottom-box .pc-box{
    padding:.75rem 0 .5rem;
}

.i-product-box .bottom-box .list-box{
    background-color: #fcfcfc;
    margin-top: 1rem;
}
.i-product-box .bottom-box .swiper-slide{
    width: 10%;
    text-align: center;
}
.i-product-box .bottom-box .swiper-slide .pic{
    height: 66px;
}
.i-product-box .bottom-box .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
}
.i-product-box .bottom-box .swiper-slide .text{
    font-size: .4rem;
    line-height: .45rem;
    color: #7aa28f;
}
.i-product-box .bottom-box .pc-box{
    overflow: hidden;
}
.i-product-box .bottom-box .m-box{
    display: none;
}
.i-city-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.i-city-box .swiper-slide .img{
    height: 100%;
}
.index-wrap>.swiper-wrapper>.swiper-slide.foot{
    height: auto;
}
.index-page header .nav .tit{
    color: #224534;
    border-color: #224534;
}
.index-page header .nav .tit:before{
    background-color: #224534;
}
/* welcome end */
footer{
    padding:1.75rem 0 3rem;
}
footer .top-box{
    padding-bottom: .625rem;
    border-bottom: 1px solid #dfdfdf;
}
footer .f-logo{
    float: left;
    width: 3rem;
}
footer .f-logo img{
    width: 100%;
}
footer .f-nav{
    float: right;
    font-size: 0;
    margin-top: 1.25rem;
}
footer .f-nav li{
    display: inline-block;
    *display: inline;
    zoom:1;
    margin-left: 1.25rem;
}
footer .f-nav li .tit{
    display: block;
    font-size: .5rem;
    line-height: .6rem;
    color: #224534;
    padding-bottom: 2px;
    position: relative;
    /* font-family: "COMFORTAA-REGULAR"; */
    text-transform: uppercase;
}
footer .f-nav li .tit:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #224534;
    transform-origin: right center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
}
footer .f-nav li .sub{
    display: none;
}
footer .bottom-box{
    margin-top: 2rem;
}
footer .bottom-box .left{
    width: 40.77%;
    float: left;
}
footer .bottom-box .left .txt{
    /* font-family: "COMFORTAA-REGULAR"; */
}
footer .bottom-box .left input[type=submit]{
    display: none;
}
footer .bottom-box .left .mail{
     border-bottom: 1px solid #224534;
     padding-bottom: .5rem;
     margin-top: 1rem;
}
footer .bottom-box .left .mail input[type=text]{
    width: 100%;
    height: .75rem;   
    line-height: .75rem;
    opacity: .5;
    filter: alpha(opacity=50);
    /* font-family: "COMFORTAA-REGULAR"; */
}
footer .bottom-box .right{
    float: right;
    width: 30%;
    text-align: right;
}
footer .bottom-box .right .tit{
    /* font-family: "COMFORTAA-REGULAR"; */
}
footer .bottom-box .list{
    margin-top: .75rem;
    font-size: 0;
}
footer .bottom-box .list a{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: .675rem;
    height: .6rem;
    display: inline-block;
    *display: inline;
    zoom:1;
    margin-left: .5rem;
}
footer .bottom-box .list a:nth-child(1){
    background-image: url('../images/share-icon1.png');
}
footer .bottom-box .list a:nth-child(2){
    background-image: url('../images/share-icon2.png');
}
footer .bottom-box .list a:nth-child(3){
    background-image: url('../images/share-icon3.png');
}
footer .bottom-box .list a:nth-child(4){
    background-image: url('../images/share-icon4.png');
}
footer .bottom-box .copy,
footer .bottom-box .build,
footer .bottom-box .build a{
    margin-top: .75rem;
    font-size: 13px;
    line-height: 20px;
    color: #000;
    /* font-family: "COMFORTAA-REGULAR"; */
}
footer .bottom-box .build{
    margin-top: 5px;
}
.pagination{
    margin: 0;
}
.soon-box{
    height: 100vh;
    box-sizing: border-box;
}
.customer-wrap{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.ban-factory .text-box .text{
    width: 100%;
}
.ban-factory .text .txt-list .txt{
    width: 97%;
}
/* footer end */
.case-box{
    padding-bottom: 2.5rem;
    background-repeat: no-repeat;
    background-position: center 3.5rem;
    background-size: cover;
    position: relative;
    z-index: 3
}
.case-box .case-text{
    padding: 1.5rem 2.25rem 0;
    background-color: #fff;
    margin-top: -3.5rem;
}
.case-box .case-text .tit{
    font-size: .9rem;
    color: #2a5542;
    line-height: 1.1rem;
}
.case-box .case-text .con{
    font-size: .45rem;
    line-height: .7rem;
    color: #2a5542;
    width: 75.72%;
    margin-top: .625rem;
}
.case-box .case-text .con img{
    max-width: 100%;
}
.video-box{
    margin-top: 1.25rem;
    position: relative;
}
.video-box .pc-box{
    position: relative;
}
.video-box .m-box{
    display: none;
}
.case-box .case-text video{
    width: 100%;
    background-color: #000;
    display: block;
}

.video-box .img-list{
    overflow: hidden;
    position: relative;
}
.video-box .img-list .item{
    margin-bottom: .5rem;
}

.video-box .img-list .btns{
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 3.95%;
    width: 100%;
    z-index: 3;
}
.video-box .img-list .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 .375rem;
    border-radius: 100%;
}
.video-box .img-list .swiper-pagination-bullet-active{
    background-color: #71b12c;
    opacity: 1;
    filter: alpha(opacity=100);
}
.video-box .img-list .item:last-child{
    margin-bottom: 0;
}
.video-box .img-list img{
    width: 100%;
}
.video-box .watch{
    position: absolute;
    left: .75rem;
    bottom: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/play-btn.png');
    background-size: .9rem;
    padding-left: 1.375rem;
    line-height: .9rem;
    font-size: .45rem;
    color: #feffff;
}
.video-box .watch.on{
    background-image: url('../images/pause.png');
}
.case-box .list{
    margin-top: 2.5rem;
}
.case-box .list .row{
    margin: 0 -.25rem;
}
.case-box .list .item{
    float: left;
    box-sizing: border-box;
    padding: 0 .25rem;
    width: 20%;
    margin-bottom: .5rem;
}
.case-box .list .con-box,
.case-box .list .con-box2{
    display: block;
    
}
.case-box .list .img{
    transition: all .2s;
}
.case-box .list img{
    width: 100%;
}
.case-box .list .txt{
    font-size: .5rem;
    line-height: .6rem;
    text-align: center;
    color: #2a5542;
    margin-top: .375rem;
}
.loading{
    margin-top: 2.25rem;
    display: none;
}
.loading .img{
    width: 1.75rem;
    margin: 0 auto;
}
.loading .img img{
    width: 100%;
}
.loading .txt{
    font-size: .5rem;
    line-height: .6rem;
    text-align: center;
    color: #2a5542;
    margin-top: .25rem;
}
.case-box .list .item.cur .img{
    box-shadow: 0 0 16px rgba(0,0,0,.13);
}

.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../images/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
/* case end */
.news-box{
    padding: 2.5rem 0 1.25rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.year-btns{
    font-size: 0;
    text-align: left;
}
.year-btns .swiper-slide{
    width: auto;
    margin-right: 1.25rem;
    position: relative;
}

.year-btns .swiper-slide:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #2a5542;
    transform-origin: right center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
}
.year-btns a{
    display: block;
    font-size: .6rem;
    line-height: .7rem;
    color: #2a5542;
}
.year-btns .swiper-slide.cur:before{
    transform: scaleX(1);   
}
.news-box .news-list{
    margin-top: 1.25rem;
}
.news-box .news-list .grid-sizer{
    width: 33.33%;
}
.news-box .news-list .gutter-sizer{
    width: 0;
}
.news-box .news-list .row{
    margin: 0 -.675rem;
}
.news-box .news-list .item{
    box-sizing: border-box;
    padding: 0 .675rem;
    margin-bottom: 2rem;
}
.news-box .news-list img{
    width: 100%;
}
.news-box .news-list .time{
    font-size: .45rem;
    line-height: .45rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .45rem;
    background-image: url('../images/time.png');
    padding-left: .75rem;
    color: #2a5542;
    margin-top: 1.125rem;
}
.news-box .news-list .tit{
    font-size: .7rem;
    line-height: .95rem;
    color: #2a5542;
    margin-top: .625rem;
}
.news-box .news-list .more{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .5rem;
    line-height: .6rem;
    color: #2a5542;
    margin-top: 1rem;
    border-bottom: 1px solid #2a5542;
    position: relative;
}
.news-box .news-list .more:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #2a5542;
    transform-origin: right center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scaleX(0);
}
/* news end */
.newsinfo-box{
    padding: 6.25rem 0 4.25rem;
}
.newsinfo-box .left{
    width: 73.4%;
    float: left;
}
.newsinfo-box .left .tit-box{
    padding-bottom: .625rem;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.newsinfo-box .left .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #2a5542;
}
.newsinfo-box .left .time{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/newsinfo-time.png');
    background-size: .4rem;
    margin-top: .25rem;
    color: #999;
}
.newsinfo-box .left .con{
    font-size: .45rem;
    line-height: .9rem;
    margin-top: 1.25rem;
    color: #2a5542;
}
.newsinfo-box .left .con img{
    max-width: 100%;
}
.newsinfo-box .left .ctrl-box{
    margin-top: 1.25rem;
    border-top: 1px solid #ccc;
    padding-top: .75rem;
}
.newsinfo-box .left .ctrl{
    float: left;
    width: 80%;
    font-size: 0;
}
.newsinfo-box .left .ctrl a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: .4rem;
    line-height: .75rem;
    color: #2a5542;
    max-width: 100%;
    border-bottom: 1px solid transparent;
    transition: all .2s;
}
.newsinfo-box .back{
    float: right;
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/news-back.png');
    transition: all .2s;
}
.newsinfo-box .right{
    float: right;
    width: 19.23%;
    margin-top: 2rem;
}
.newsinfo-box .right .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #2a5542;
    /* font-family: "COMFORTAA-REGULAR"; */
    padding-bottom: .375rem;
    border-bottom: 1px solid #ccc;
}
.newsinfo-box .right .list{
    margin-top: .625rem;
}
.newsinfo-box .right .list a{
    font-size:  .4rem;
    line-height: .625rem;
    color: #666;
    padding-left: .75rem;
    display: block;
    position: relative;
    margin-bottom: .5rem;
    transition: all .2s;
}
.newsinfo-box .right .list a:last-child{
    margin-bottom: 0
}
.newsinfo-box .right .list a:before{
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    width: .15rem;
    height: .15rem;
    background-color: #ccc;
    border-radius: 100%;
    transition: all .2s;
}

.expertise2-box{
    padding: 2.75rem 0 2.5rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-align: center;
}
.expertise2-box img{
    max-width: 100%;
}
.expertise2-icon-box{
    padding: 2.5rem 0 2.25rem;
    background-color: #f5f5f5;
}
.expertise2-icon-box .icon-box{
    overflow: hidden;
    position: relative;
}

.expertise2-icon-box .icon-box .swiper-slide{
    text-align: center;
}
.expertise2-icon-box .icon-box .swiper-slide:before{
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px;
    height: 2.9rem;
    background-color: #d5d5d5;
}
.expertise2-icon-box .icon-box .swiper-slide:first-child:before{
    display: none;
}
.expertise2-icon-box .icon-box .img{
    width: 2.35rem;
    margin: 0 auto;
}
.expertise2-icon-box .icon-box .img img{
    width: 100%;
}
.expertise2-icon-box .icon-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    margin-top: .375rem;
}
.expertise2-icon-box .icon-box .con{
    font-size: .4rem;
    line-height: .6rem;
    color: #224534;
    margin-top: .25rem;
    padding: 0 .5rem;
}
.expertise2-icon-box .icon-box .btns{
    font-size: 0;
    text-align: center;
    width: 100%;
    z-index: 3;
    margin-top: 1rem;
}
.expertise2-icon-box .icon-box .btns .swiper-pagination-bullet {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    background-color: #fff;
    margin: 0 .375rem;
    border-radius: 100%;
}
.expertise2-icon-box .icon-box .btns .swiper-pagination-bullet-active {
    background-color: #71b12c;
}
.ban-btn{
    position: absolute;
    left: 50%;
    bottom: 4.2%;
    width: 8.25rem;
    height: 1.65rem;
    border-radius: .825rem;
    background-color: #fff;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-position: .15rem center;
    background-image: url('../images/ban-circle1.png');
    font-size: .75rem;
    line-height: 1.65rem;
    /* font-family: "COMFORTAA-REGULAR"; */
    color: #70ba2e;
    background-size: 1.35rem;
}
.ban-btn2{
    color: #0a68a7;
    background-image: url('../images/ban-circle2.png');
    padding: 0 2rem;
    background-position: 6.75rem center;
}
.expertise-list{
    padding: 2.5rem 0 2.125rem;
}
.expertise-list .row{
    margin: 0 -.75rem;
}
.expertise-list .item{
    box-sizing: border-box;
    padding: 0 .75rem;
    margin-bottom: 1rem;
}
.expertise-list .item .img{
    overflow: hidden;
}
.expertise-list .item img{
    width: 100%;
    transition: all .2s;
}
.expertise-list .item .txt{
    color: #224534;
    font-size: .6rem;
    line-height: .75rem;
    text-align: center;
    margin-top: .5rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.expertise-list .loading{
    margin-top: .75rem;
}
.expertise-icon-box{
    padding: 2.375rem 0;
    background-color: #f5f5f5;
}
.expertise-icon-box .row{
    margin: 0 -4vw;
}
.expertise-icon-box .item{
    box-sizing: border-box;
    padding: 0 4vw;
}
.expertise-icon-box .item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 2.9rem;
    background-color: #d5d5d5;
}
.expertise-icon-box .item:last-child:before{
    display: none;
}
.expertise-icon-box .item .img{
    float: left;
    width:7.55vw;
}
.expertise-icon-box .item .img img{
    width: 100%;
}
.expertise-icon-box .item .text{
    float: left;
    margin-left: .5rem;
    margin-top: 1rem;
}
.expertise-icon-box .item .tit{
    font-size: .6rem;
    line-height: .6rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
}

.expertise-icon-box .item .con{
    font-size: .45rem;
    line-height: .6rem;
    color: #224534;
    margin-top: .25rem;
}
.member-box{
    padding: 2.5rem 0;
    overflow: hidden;
}
.member-box .member{
    margin-top: 1.25rem;
}
.member-box .member .m-box{
    display: none;
}
.member-box .member .swiper-slide{
    width: 17.875vw;
    margin-right: .75%;
    position: relative;
    transition: width .3s;
}
.member-box .member .swiper-slide:last-child{
    margin-right: 0;
}
.member-box .member .swiper-slide .img{
    position: relative;
    width: 17.1875vw;
}
.member-box .member .swiper-slide img{
    width: 100%;
}
.member-box .member .swiper-slide .txt{
    font-size: .55rem;
    line-height: .65rem;
    color: #2a5440;
    position: absolute;
    left: 0;
    bottom: -1.25rem;
    text-align: center;
    width: 100%;
    /* font-family: "COMFORTAA-REGULAR"; */
}

.member-box .member .swiper-slide .text-box{
    position: absolute;
    right: 0;
    width: 57.32%;
    height: 100%;
    top: 0;
    box-sizing: border-box;
    padding: 0 1.25rem;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    transition: opacity .2s;
}
.member-box .member .swiper-slide .text-box .tit{
    color: #224534;
    font-size: .9rem;
    line-height: 1rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.member-box .member .swiper-slide .text-box .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #224534;
    /* font-family: "COMFORTAA-REGULAR"; */
    margin-top: .75rem;
}

.member-box .member .swiper-slide.cur{
    width: 40.8vw;
}
.member-box .member .swiper-slide.cur .text-box{
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: .2s;
}
.member .text-box .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: #d3d5cf;
}
.member .text-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: url('../images/scroll-bg.png') repeat-y;
}

.i-expertise-box{
    height: 100%;
    box-sizing: border-box;
}
.i-expertise-box .item{
    position: absolute;
    height: 100%;
    width: 50%;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.i-expertise-box .item:nth-child(1){
    left: 0;
}
.i-expertise-box .item:nth-child(2){
    right: 0;
}
.i-expertise-box .item .bg{
    height: 100%;
    width: 100%;
    
}
.i-expertise-box .item .text-box{
    position: absolute;
    left: 20.3125%;
    top: 52.63%;
    transition: all .3s;
}
.i-expertise-box .item .text-box .tit{
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #fff;
    white-space: nowrap;
    text-shadow: 0 0 10px rgba(1,42,44,.97);
}
.i-expertise-box .item .text-box .expertise-list-box{
    margin-top: .75rem;
    width: 39.84375vw;
    visibility: hidden;
}
.i-expertise-box .item .text-box .expertise-list-box .item-list{
    margin-right: 2.6vw;
    color: #fff;
    line-height: .75rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 100%;
}
.i-expertise-box .item .text-box .expertise-list-box .item-list:last-child{
    margin-right: 0;
}
.i-expertise-box .item .text-box .expertise-list-box .item-list:nth-child(1){
    /* width: 12.5vw; */
}

.i-expertise-box .item .text-box .expertise-list-box .list-item{
    margin-bottom: .5rem;
    text-shadow: 0 0 10px rgba(1,42,44,.97);
}

.i-expertise-box .item .text-box .expertise-list-box .list-item .num,
.i-expertise-box .item .text-box .expertise-list-box .list-item .txt{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;

}
.i-expertise-box .item .text-box .expertise-list-box .list-item .num{
    font-size: .35rem;
    /* font-family: "COMFORTAA-REGULAR"; */
}
.i-expertise-box .item .text-box .expertise-list-box .list-item .txt{
    font-size: .55rem;
    margin-left: .5rem;
}
.i-expertise-box .item:nth-child(2) .text-box .tit,
.i-expertise-box .item:nth-child(2) .text-box .expertise-list-box .list-item .num,
.i-expertise-box .item:nth-child(2) .text-box .expertise-list-box .list-item .txt{
    color: #2a5542;
}
.i-expertise-box .item:nth-child(2) .text-box .tit,
.i-expertise-box .item:nth-child(2) .text-box .expertise-list-box .list-item{
    text-shadow: 0 0 10px rgba(255,255,255,.97);
}
.i-product-box{
    height: 100%;
    font-size: 0;
    position: relative;
    overflow: hidden;
}
.i-product-box .pc-box{
    height: 100%;
}
.i-product-box .row{
    width: 105%;
    height: 100%;
}

.i-product-box .item{
   float: left;
    width: 25vw;
    height: 100%;
    position: relative;
}
.i-product-box .item .bg-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.i-product-box .item .init,
.i-product-box .item .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
.i-product-box .item .hover{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}

.i-product-box .item .text{
    position: absolute;
    width: 70.83%;
    left: 20.8%;
    top: 23.68%;
    
}
.i-product-box .item .text .tit{
    font-size: .95rem;
    line-height: 1rem;
    color: #2a5542;
}
.i-product-box .item .text .con{
    font-size: .45rem;
    line-height: .9rem;
    color: #2a5542;
    margin-top: .5rem;
}
.i-product-box.active .item .text{
    opacity: 0;
    filter: alpha(opacity=0);
}
.i-product-box.active .item .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.i-product-box.active .item.cur .text{
    opacity: 1;
    filter: alpha(opacity=100);
    
}
.i-product-box .item.cur .text{
    width: 27.34375vw;
}
.i-product-box .item.cur .text .tit{
    font-size: 1.4rem;
    line-height: 1.5rem;
}
.i-product-box .item.cur .text .con{
    font-size: .6rem;
    line-height: .9rem;
}

.i-product-box .m-box{
    display: none;
}


@media (max-width: 1800px){
    .full-nav .nav-list li .tit{
        font-size: .8rem;
        line-height: .9rem;
    }
    .system-tit{
        font-size: 1rem;
        line-height: 1.1rem;
    }
   /*  .ban-about .text-box .text{
        width: 55%;
    } */
    .app-box{
        padding: 2rem 0;
    }
    .app-box .con{
        width: 80%;
        /* font-size: .6rem;
        line-height: 1rem; */
    }

    .i-grow-box .swiper-slide .text-box .tit{
        font-size: 2rem;
        line-height: 2.1rem;
    }
    .i-grow-box .swiper-slide .list:nth-child(1) .txt{
        width: 85%;
    }
    .i-expertise-box .item .text-box .expertise-list-box .list-item .txt{
        font-size: .5rem;
    }
}
@media (max-width: 1680px){
    .app-box .prev{
        left: 1%;
    }
    .app-box .next{
        right: 1%;
    }
    .type-box .prev{
        left: 2%;
    }
    .type-box .next{
        right: 2%;
    }
    .banner .text-box .text{
        width: 50%;
    }
    /* welcome end */

}
@media (max-width: 1366px){
    
    .i-grow-box .swiper-slide .text-box .tit{
        font-size: 1.8rem;
        line-height: 1.9rem;
    }
	.advantage-box .adv-tab .swiper-slide{
        width: 33.33%;
    }
    .banner .text-box .text{
        width: 60%;
    }
    .banner .text-box .en{
        font-size: 1.5rem;
        line-height: 1.6rem;
    }
    .i-grow-box .swiper-slide .list .txt{
        font-size: .55rem;
    }
    footer .bottom-box .right{
        width: 40%;
    }
    .indoor-view{
        width: 72.9%;
    }
    .full-nav .nav-list li{
        /* margin-right: 6.9%; */
    }
    .full-nav .nav-list li .tit{
        font-size: .7rem;
        line-height: .8rem;
    }
    .full-nav .nav-list li .navson a{
        font-size: .5rem;
        line-height: .7rem;
    }
    .city-box .swiper-slide .text-box .list .item{
        font-size: .45rem;
        line-height: .7rem;
    }
    /* welcome end */
    .ban-about .text-box .text{
        /* width: 70%; */
    }
    .form-view{
        width: 72.9%;
    }
    .contact-form input[type=text]{
        width: 58%;
    }
    /* contact end */
    .partner-form .contact-inp .select-box{
        width: 45%;
    }
    .partner-box .left .tit{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .faq-box .tab-box h3{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .support-tit{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .data-box .left .data-con-box{
        margin-top: 2%;
    }
    .factory-box .text .tit{
        font-size: .8rem;
        line-height: .9rem;
    }
    .factory-icon-box .item{
        width: 50%;
    }
    .factory-icon-box .item:nth-child(3) .con-box{
        background-color: #f8f8f8;
    }
    .factory-icon-box .item:nth-child(2) .con-box{
        background-color: rgba(248, 248, 248, .8);
    }
    .factory-icon-box .bg{
        bottom: -7%;
    }

    .ban-system .text-box .text{
        width: 60%;
    }
    .system-tit{
        font-size: .9rem;
        line-height: 1rem;
    }
    .group-box .text-box .about-con{
        margin-top: .5rem;
    }
    .system-icon-box .text-list .item{
        padding: .5rem 0;
    }
    .system-icon-box .text-list .tit{
        font-size: .6rem;
    }
    .system-icon-box .text-list.on .list{
        padding: 1rem 0;
    }
    .system-icon-box .text-list.on .text{
        width: 82%;
    }
    .works-box{
        padding: 2rem 0;
    }
    .works-box .text-box{
        width: 45%;
    }
    .works-box .tit{
        font-size: .7rem;
        line-height: .8rem;
    }
    .works-box .works-img{
        width: 45%;
        margin-right: 0;
    }
    .works-box .tit{
        font-size: .7rem;
        line-height: .8rem;
    }
    .app-box{
        padding: 1.5rem 0;
    }
    .app-box .con{
        width: 100%;
        font-size: .5rem;
        line-height: .8rem;
    }
    .type-box .text-box .con{
        font-size: .5rem;
        line-height: .8rem;
        height: 5.6rem;
        margin-top: .5rem;
    }
    .app-box .img-tab{
        margin-top: 1rem;
    }
    .i-product-box .top-box .i-product-tab{
        margin-top: .5rem;
    }
    .i-product-box .bottom-box .list-box{
        margin-top: .5rem;
    }
    .ban-grow .text-box .text{
        width: 58%;
    }
    .ban-grow .text-box .text .tit{
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .ban-factory .text-box .text{
        width: 100%;
    }
    .ban-factory .text .txt-list .txt{
        /* width: 94%; */
    }
    .i-expertise-box .item .text-box{
        left: 15%;
    }
    .i-expertise-box .item .text-box .tit{
        font-size: 1.5rem;
        line-height: 1.6rem;
    }
    .i-expertise-box .item .text-box .expertise-list-box .item-list,
    .i-expertise-box .item .text-box .expertise-list-box .item-list:nth-child(1){
        width: 100%;
        margin: 0;
    }
    .i-product-box .item.cur .text{
        width: 35vw;
    }
    .expertise-icon-box .item .text{
        margin-top: .6rem;
    }
    .expertise-icon-box .item .tit{
        font-size: .5rem;
    }
    .expertise-icon-box .item:before{
        height: 2rem;
    }
    .factory-icon-box .con-box{
        padding: 2rem 2rem 1.5rem;
    }
}