body{
    background-color:#111;
}
@font-face {
    font-family: 'LanTingHei';
    src:url("../../font/FounderHei.TTF");
}
@font-face {
    font-family:'AcuminVariabl';
    src:url("../../font/acumin-semibold.ttf");
}
@font-face {
    font-family: 'LanTingZhongHei';
    src:url("../../font/FounderZhong.TTF");
}
@font-face{
    font-family:'myriad Pro';
    src:url("../../font/MyriadPro-Regular.ttf");
}
@font-face{
    font-family:'LanTingKaiHei';
    src:url("../../font/FounderkaiHei_GBK.TTF");
}
@font-face{
    font-family: 'AcuminPro';
    src:url("../../font/Acumin-Pro-Light.ttf");
}
@font-face{
    font-family: 'LanTingCuHei';
    src:url("../../font/FounderCuHei.TTF");
}
/*#topNav ul.navTab li.has-dropdown .downDrop:before{
    background:rgba(255,255,255,0.2)!important;
}*/

body[aos-duration='4000'] [aos], [aos][aos][aos-duration='4000']{
    transition-duration: 4000ms;
}
.eqc-3d{
    /*margin-bottom:440px;*/
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title{
    color:#fff;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--headline{
    font-size:36px;
    color:#fff;
    /*margin-top:150px;*/
    line-height: 1;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--name{
    font-size:80px;
    font-family: LanTingHei;
    line-height:1;
    margin:20px 0px 30px;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--price{
    color:#e50012;
    font-size:16px;
    line-height: 1;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--price span:first-child{
    font-size:16px;
    padding-right:15px;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--price span:nth-child(2){
    font-size:36px;
    font-family: MyriadPro;
    padding-right:15px;
}
.eqc-3d .eqc-3d--scroll .eqc-3d--header .eqc-3d--title .eqc-3d--subtitle{
    color:#fff;
    font-size:30px;
    line-height: 1;
    margin:30px 0px 30px;
}

.eqc-3d--content .parsys .container-oversize .paragraph-section.first .img-box{
    position:relative;
    max-width:50%;
    text-align:left;
}
.eqc-3d--content .parsys .container-oversize .paragraph-section.first .img-box img{
    max-width:100%;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first{
    position:absolute;
    left:73%;
    top:9%;
    width:67%;
    height:55.6%;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first>div{
    position: absolute;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .square{
     width:15px;
     height:15px;

     background: -webkit-linear-gradient(bottom right, #0BF7F0,#F0EE30);
     background: -o-linear-gradient(left top, #0BF7F0,#F0EE30);
     background: -moz-linear-gradient(left top, #0BF7F0,#F0EE30);
    background:linear-gradient(to bottom right ,#0BF7F0,#F0EE30);
 }
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .line1{
    width:48%;
    height:1px;
    top:7px;
    background: -webkit-linear-gradient(bottom right, #F0EE30,#0BF7F0);
    background: -o-linear-gradient(left top, #F0EE30,#0BF7F0);
    background: -moz-linear-gradient(left top, #F0EE30,#0BF7F0);
    background:linear-gradient(to bottom right ,#F0EE30,#0BF7F0);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .line2{
    width:1px;
    height:69%;
    left:48%;
    top:7px;
    background: -webkit-linear-gradient(bottom right, #0BF7F0,#F0EE30);
    background: -o-linear-gradient(left top, #0BF7F0,#F0EE30);
    background: -moz-linear-gradient(left top, #0BF7F0,#F0EE30);
    background:linear-gradient(to bottom right ,#0BF7F0,#F0EE30);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .line3{
    width:19%;
    height:1px;
    left:48%;
    top:70%;
    background: -webkit-linear-gradient(bottom right, #0BF7F0,#F0EE30);
    background: -o-linear-gradient(left top, #0BF7F0,#F0EE30);
    background: -moz-linear-gradient(left top, #0BF7F0,#F0EE30);
    background:linear-gradient(to bottom right ,#0BF7F0,#F0EE30);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .square.square2{
    left:67%;
    top:70%;
    margin-top:-7px;
    background: -webkit-linear-gradient(bottom right, #0BF7F0,#F0EE30);
    background: -o-linear-gradient(left top, #0BF7F0,#F0EE30);
    background: -moz-linear-gradient(left top, #0BF7F0,#F0EE30);
    background:linear-gradient(to bottom right ,#0BF7F0,#F0EE30);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .cricle{
    width:124px;
    height:124px;
    left:72%;
    top:70%;
    margin-top:-62px;

}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .cricle:after{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(#0BF7F0, #F0EE30);
    content: '';
    z-index: 1;
    border-radius: 50%;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .cricle .content{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1d1d1d;
    background-clip: padding-box;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.first .detail{
    font-size:18px;
    color:#fff;
    width:124px;
    height:124px;
    left:72%;
    top:85%;
    text-align: center;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second{
    position:absolute;
    left:55%;
    top:48%;
    width:89%;
    height:45%;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second>div{
    position: absolute;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .square{
    width:15px;
    height:15px;
    background: -webkit-linear-gradient(bottom right, #ED1C43,#5D85EC);
    background: -o-linear-gradient(left top, #ED1C43,#5D85EC);
    background: -moz-linear-gradient(left top, #ED1C43,#5D85EC);
    background:linear-gradient(to bottom right ,#ED1C43,#5D85EC);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .line1{
    width:43.3%;
    height:1px;
    top:7px;
    left:15px;
    background-color:#ED1C43;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .line2{
    width:1px;
    height:65%;
    left:43.3%;
    top:7px;
    margin-left:15px;
    background: -webkit-linear-gradient(bottom right, #ED1C43,#5D85EC);
    background: -o-linear-gradient(left top, #ED1C43,#5D85EC);
    background: -moz-linear-gradient(left top, #ED1C43,#5D85EC);
    background:linear-gradient(to bottom right ,#ED1C43,#5D85EC);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .line3{
    width:32%;
    height:1px;
    left:43.3%;
    top:65%;
    margin-top:7px;
    margin-left:15px;
    background:#ED1C43;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .square.square2{
    left:75.3%;
    top:65%;
    background: -webkit-linear-gradient(bottom right, #ED1C43,#5D85EC);
    background: -o-linear-gradient(left top, #ED1C43,#5D85EC);
    background: -moz-linear-gradient(left top, #ED1C43,#5D85EC);
    background:linear-gradient(to bottom right ,#ED1C43,#5D85EC);
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .cricle{
    width:124px;
    height:124px;
    left:80%;
    top:65%;
    margin-top:-62px;

}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .cricle:after{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(#ED1C43,#5D85EC);
    content: '';
    z-index: 1;
    border-radius: 50%;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .cricle .content{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1d1d1d;
    background-clip: padding-box;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.eqc-3d--content .parsys .container-oversize .img-box .eqc-3d--img_bg.second .detaile{
    font-size:18px;
    color:#fff;
    width:124px;
    height:124px;
    left:80%;
    top:85%;
    text-align: center;
}
.brandhub-parallax-text-image-section{
    position:relative;
}
.eqc-3d--content .parsys .container-oversize .brandhub-parallax-text-image-absolute{
    position:absolute;
    top:10%;
    text-align:left;
    will-change: transform;
}
.eqc-3d--content .parsys .container-oversize .brandhub-parallax-text-image-absolute .brandhub-paragraph-headline{
    margin-bottom:1.8rem;
    color:#fff;
    font-size:2.3rem;
}
.brandhub-parallax-text-image-relative{
  width:100%;
  position: relative;
}
.brandhub-parallax-text-image-transform-v{
    /*transform: translateY(-50%);*/
}
.brandhub-paragraph-text{
    font-size:1.38rem;
    color:#fff;
    line-height:1.5;

}
.brandhub-parallax-text-image-left{
    right:60px;
}
.eqc-3d .paragraph-section.three .img-box{
    position:relative;
    text-align: left;
}
.eqc-3d .paragraph-section.three .img-box img{
    max-width:100%;
}
.eqc-3d .paragraph-section.three .params{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.eqc-3d .paragraph-section.three .params li{
    color:#fff;
    margin:110px 0;
}
.eqc-3d .paragraph-section.three .params li .brandhub-paragraph-headline{
    font-size:36px;
    line-height:1;
    margin-bottom:30px;
}
.eqc-3d .paragraph-section.three .params li .brandhub-paragraph-subline{
    font-size:24px;
    color:#999;
}
.eqc-3d .paragraph-section.three .swiper-box{
    overflow: hidden;
}
.eqc-3d .paragraph-section.three .noload{
}
.eqc-3d .paragraph-section.three .noload>div{
    /*display:none;*/
}
.eqc-3d .paragraph-section.three .swiper-slide{
    overflow: hidden;
}
.eqc-3d .paragraph-section.three .swiper-slide .img-box img{
    position:relative;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    transition: all 0.5s ease-out 0.8s;
}
.eqc-3d .paragraph-section.three .swiper-slide.swiper-slide-active .img-box img{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.swiper-container .swiper-button-next:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform:rotate(45deg) translate3d(0,0,0);
    -moz-transform:rotate(45deg) translate3d(0,0,0);
    -ms-transform:rotate(45deg) translate3d(0,0,0);
    -o-transform:rotate(45deg) translate3d(0,0,0);
    transform:rotate(45deg) translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.swiper-container .swiper-button-next {
    background-color: rgba(51, 51, 51, 0.3);
    width: 42px;
    height: 80px;
    background-image: -webkit-linear-gradient(transparent, transparent, transparent);
    background-image: -o-linear-gradient(transparent, transparent, transparent);
    background-image: -moz-linear-gradient(transparent, transparent, transparent);
    background-image: linear-gradient(transparent, transparent, transparent) !important;
}
.eqc-3d--content .parsys .container-oversize .paragraph-section.three .swiper-slide.swiper-slide-active .brandhub-parallax-text-image-absolute{
    opacity: 1;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateY(-50%);*/
}
.eqc-3d--content .parsys .container-oversize .paragraph-section.three .swiper-slide .brandhub-parallax-text-image-absolute{
    top:50%;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateY(0);*/
    transition: all 0.5s ease-out 0.8s;
 }
.eqc-3d .paragraph-section.three{
    padding-bottom:150px;
}
.eqc-3d .paragraph-section.four{
    background-image: url("../../img/product-3_image4.jpg");
    background-repeat:no-repeat;
    height:1000px;
    position:relative;
    padding-top:75px;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content{
    padding:75px 75px 75px 30px;
    margin-left:143px;
    color:#fff;
    text-align: left;
    width:817px;
    height:379px;
    overflow: hidden;
    box-sizing: border-box;
    position:relative;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content .mask-bg{
    position:absolute;
    top:0px;
    left:0;
    width:0%;
    height:100%;
    background: linear-gradient(to right,rgba(0,0,0,0.8),transparent);
    transition: all 0.5s ease-out 0.3s;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content .brandhub-paragraph-headline{
    font-size:36px;
    margin-bottom:60px;
    line-height: 1;
    position: relative;
    left:-100%;
    transition: all 0.3s ease-out;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content.view .brandhub-paragraph-headline{
    left:0;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content.view .brandhub-paragraph-detail{
    left:0;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content.view .mask-bg{
    width:100%;
}
.eqc-3d .paragraph-section.four .brandhub-paragraph-content .brandhub-paragraph-detail{
    font-size:22px;
    margin-bottom:10px;
    position: relative;
    left:-100%;
    transition: all 0.5s ease-out 0.3s;
}
.eqc-3d .paragraph-section.five{
    background-color:#1d1d1d;
    padding-top:150px;
    padding-bottom:110px;
    background-image: url("../../img/product-3_image9.png");
    background-repeat:no-repeat;
    background-position: right top;
}
.eqc-3d .paragraph-section.five .brandhub-parallax-text-image-relative.parallax-text-image-right{
    float:right;
}
.eqc-3d .paragraph-section.five .img-box.parallax-text-image-left{
    float:left;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params{
    color:#fff;
    padding:0px 290px 0px 84px;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item{
    margin-bottom:100px;
}
.paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item h1.brandhub-paragraph-headline{
    font-size:36px;
    color:#fff;
    line-height:1;
    margin-bottom:25px;
    text-align: left;
    position:relative;
    -webkit-transform: translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    /*top:20px;*/
    opacity: 0;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(1) h1{
    transition: all 0.5s cubic-bezier(.175,.885,.32,1.275);
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(2) h1{
    transition: all 0.5s cubic-bezier(.175,.885,.32,1.275) 1s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(3) h1{
    transition: all 0.5s cubic-bezier(.175,.885,.32,1.275) 2.2s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(4) h1{
    transition: all 0.5s cubic-bezier(.175,.885,.32,1.275) 3s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    -webkit-transform:translate3d(0, 100px,0);
    -moz-transform: translate3d(0, 100px,0);
    -ms-transform: translate3d(0, 100px,0);
    -o-transform: translate3d(0, 100px,0);
    transform: translate3d(0, 100px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform:translate(0, 100px);*/
    opacity: 0;
    /*transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 0.3s;*/
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(1) ul{
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 0.3s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(2) ul{
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 1.5s;
}

.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(3) ul{
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 2.5s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params .brandhub-paragraph-item:nth-child(4) ul{
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 3.5s;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params.view>li .brandhub-paragraph-headline{
    -webkit-transform:translate3d(0, 0,0);
    -moz-transform: translate3d(0, 0,0);
    -ms-transform: translate3d(0, 0,0);
    -o-transform: translate3d(0, 0,0);
    transform: translate3d(0, 0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params.view>li>ul{
    -webkit-transform:translate3d(0, 0,0);
    -moz-transform: translate3d(0, 0,0);
    -ms-transform: translate3d(0, 0,0);
    -o-transform: translate3d(0, 0,0);
    transform: translate3d(0, 0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}

.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul li{

}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul li:nth-child(2n){
    margin-right:0px;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul li>div.border-btn{
    width:213px;
    height:70px;
    background-image: url("../../img/product-3_borderimage1.png");
    background-repeat:no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul li>div.border-btn1{
    width:585px;
    height:70px;
    background-image: url("../../img/product-3_borderimage2.png");
    background-repeat:no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eqc-3d .paragraph-section.five  .brandhub-paragraph-params li.brandhub-paragraph-item ul li>div p{
    font-size:20px;
    line-height:1.4;
}
.brandhub-parallax-text-image-image-right{
    float:right;
}
.eqc-3d .paragraph-section.six .brandhub-parallax-text-image-image{
    position:relative;
    padding:0;
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute{
    top:20%;
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute .brandhub-paragraph-headline{
    margin-bottom:4rem;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    opacity:0;
    transition: all 0.5s cubic-bezier(.175,.885,.32,1.275);
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute.view p.brandhub-paragraph-text{
    -webkit-transform:translate3d(0, 0,0);
    -moz-transform: translate3d(0, 0,0);
    -ms-transform: translate3d(0, 0,0);
    -o-transform: translate3d(0, 0,0);
    transform: translate3d(0, 0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute.view p.brandhub-paragraph-alert{
    -webkit-transform:translate3d(0, 0,0);
    -moz-transform: translate3d(0, 0,0);
    -ms-transform: translate3d(0, 0,0);
    -o-transform: translate3d(0, 0,0);
    transform: translate3d(0, 0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute p.brandhub-paragraph-text{
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    opacity:0;
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 0.3s;
}
.eqc-3d--content .parsys .container-oversize .six .brandhub-parallax-text-image-absolute.view .brandhub-paragraph-headline{
    -webkit-transform:translate3d(0, 0,0);
    -moz-transform: translate3d(0, 0,0);
    -ms-transform: translate3d(0, 0,0);
    -o-transform: translate3d(0, 0,0);
    transform: translate3d(0, 0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.eqc-3d .paragraph-section.six .brandhub-paragraph-alert{
    color:#fff;
    font-size:18px;
    font-family: LanTingKaiHei;
    margin-top:60px;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    opacity: 0;
    transition: all 0.8s cubic-bezier(.175,.885,.32,1.275) 0.3s;
}
.eqc-3d .paragraph-section.six .main-img{
    padding:267px 275px 180px 280px;
    position:relative;
}
@keyframes changebox {
    25%{

        transform: rotateZ(90deg);
        transform-origin: 60% 70%;
    }
    50%{
        transform: rotateZ(180deg);
        transform-origin: 60% 70%;
    }
    75%{
        transform: rotateZ(270deg);
        transform-origin: 60% 70%;
    }
    100%{
        transform: rotateZ(360deg);
        transform-origin: 60% 70%;
    }
}
.eqc-3d .paragraph-section.six .main-img .sub_img1 .bg-img{

    width:100%;
    height:100%;
    text-align: center;
}
.eqc-3d .paragraph-section.six .main-img:hover .sub_img1 .bg-img img{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    animation:changebox 0.5s infinite;
}
.eqc-3d .paragraph-section.six .main-img .sub{
    position:absolute;
}
.eqc-3d .paragraph-section.six .main-img .sub_img1{
    top:0;
    left:280px;
    right:275px;
    height:388px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2{
    left:7px;
    width:280px;
    height:100%;
    bottom:190px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .cricle::after{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(#0BF7F0, #F0EE30);
    content: '';
    z-index: 1;
    border-radius: 50%;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .cricle{
    width:124px;
    height:124px;
    position:absolute;
    left:0;
    bottom:18px;
}

.eqc-3d .paragraph-section.six .main-img .sub_img2 .cricle .content{
    width:100%;
    height:100%;
    border-radius: 50%;
    background-color:#1d1d1d;
    background-clip: padding-box;
    position:relative;
    z-index:2;
    color:#fff;
    font-size:22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 div{
    position:absolute;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .line1{
    width:65px;
    height:1px ;
    background-color: #0BF7F0;
    bottom:78px;
    left:145px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .line2{
    width:1px;
    height:373px ;
    left:210px;
    background: linear-gradient(#0BF7F0,#F0EE30);
    bottom:78px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .line3{
    width:113px;
    height:1px ;
    left:210px;
    background: linear-gradient(#0BF7F0,#F0EE30);
    bottom:451px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .square,
.eqc-3d .paragraph-section.six .main-img .sub_img3 .square,
.eqc-3d .paragraph-section.six .main-img .sub_img4 .square{
    width:15px;
    height:15px;
    background: -webkit-linear-gradient(bottom right, #0BF7F0,#F0EE30); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left top, #0BF7F0,#F0EE30); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left top, #0BF7F0,#F0EE30); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#0BF7F0,#F0EE30);
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .square1{
    left:130px;
    bottom:70px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img2 .square2{
    left:323px;
    bottom:443px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3{
    top:532px;
    left:280px;
    right:275px;
    bottom:0px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3>div{
    position: absolute;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .square1{
    left:168px;
    /*bottom:70px;*/
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .square2{
    left:268px;
    top:340px;
    /*bottom:70px;*/
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .line1{
    width:1px;
    top:15px;
    height:170px ;
    background: linear-gradient(#0BF7F0,#F0EE30);
    /*bottom:78px;*/
    left:176px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .line2{
    width:100px;
    height:1px ;
    top:185px;
    left:176px;
    background: #0BF7F0;
    /*bottom:78px;*/
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .line3{
    width:1px;
    top:185px;
    height:155px ;
    left:276px;
    background: linear-gradient(#0BF7F0,#F0EE30);
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .cricle::after{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(#0BF7F0, #F0EE30);
    content: '';
    z-index: 1;
    border-radius: 50%;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .cricle{
    width:124px;
    height:124px;
    position:absolute;
    left:214px;
    top:370px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img3 .cricle .content{
    width:100%;
    height:100%;
    border-radius: 50%;
    background-color:#1d1d1d;
    background-clip: padding-box;
    position:relative;
    z-index:2;
    color:#fff;
    font-size:22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4{
    top:279px;
    right:0px;
    width:303px;
    bottom:230px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4>div{
    position: absolute;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .square1{
    top:350px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .square2{
    left:139px;
    top:235px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .line1{
    width:56px;
    top:358px;
    height:1px ;
    background: #0BF7F0;
    left:15px;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .line2{
    width:1px;
    height:115px ;
    top:243px;
    left:71px;
    background: linear-gradient(#0BF7F0,#F0EE30);
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .line3{
    width:68px;
    top:243px;
    height:1px ;
    left:71px;
    background: #0BF7F0;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .cricle::after{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(#0BF7F0, #F0EE30);
    content: '';
    z-index: 1;
    border-radius: 50%;
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .cricle{
    width:124px;
    height:124px;
    position:absolute;
    left:170px;
    top:173px;
    /*bottom:3px;*/
}
.eqc-3d .paragraph-section.six .main-img .sub_img4 .cricle .content{
    width:100%;
    height:100%;
    border-radius: 50%;
    background-color:#1d1d1d;
    background-clip: padding-box;
    position:relative;
    z-index:2;
    color:#fff;
    font-size:22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.container-oversize .animate-box.container .animate_Box-image{
    width:1234px;
    margin: 0 auto;
    padding-top:170px;
    overflow: hidden;
}
.container-oversize .animate-box.container .animate_Box-image .brandhub-paragraph-headline{
    font-size:36px;
    color:#fff;
    margin-bottom:70px;
    opacity: 0;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    transition: all 0.5s ease-out ;
}
.container-oversize .animate-box.container .animate_Box-image .brandhub-paragraph-text{
    text-align: left;
    margin-bottom:80px;
    opacity: 0;
    -webkit-transform:translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    -ms-transform: translate3d(0,50px,0);
    -o-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,50px);*/
    transition: all 0.5s ease-out 0.3s;
}
.container-oversize .animate-box.container .animate_Box-image.view .brandhub-paragraph-text{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.container-oversize .animate-box.container .animate_Box-image.view .brandhub-paragraph-headline{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translate(0,0);*/
    opacity: 1;
}
.container-oversize .animate-box.container .animate_Box-image .animate-img{
    width:100%;
    position:relative;
    left:0;
    height:100%;
    overflow: hidden;
    /*position: absolute;*/
}
.container-oversize .animate-box.container .animate_Box-image .animate-img img{
    width:100%;
    max-width:100%;
    position: relative;
    -webkit-transform:translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateX(-100%);*/
    top:0;
    transition: all 0.8s ease-out;
}
.container-oversize .animate-box.container .animate_Box-image.view .animate-img img{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*transform: translateX(0);*/
}
.eqc-3d .eight .brandhub-paragraph-params{

    padding-bottom:50px;
    padding-top:150px
}
.eqc-3d .eight .brandhub-paragraph-params .brandhub-paragraph-headline{
    font-size:36px;
    line-height:1;
    margin-bottom:50px;
}
.eqc-3d .eight .brandhub-paragraph-params>ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li{
    position: relative;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li:nth-child(3)::after{
    width:0px;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li:after{
    position: absolute;
    content:'';
    top:10px;
    bottom:12px;
    width:1px;
    right:0;
    background-color: #e5e5e5;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li>ul>li>h1{
    font-size:22px;
    color:#333;
    line-height:1;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li>ul>li>p{
    font-size:18px;
    color:#666;margin-top:14px;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li>ul>li{
    padding:20px 25px;
    text-align: left;
}
.eqc-3d .eight .brandhub-paragraph-params>ul>li>ul>li>h2{
    font-size:20px;
    color:#333;
    line-height: 1;
}
.container-oversize,.eqc-3d--header{
    background-color:#111;
    /*padding-top:150px;*/
}
.eqc-3d--header{
    padding-top:90px;
    background-image:url("../../img/product-3_bg.png");
    background-position: top center;
}
.btn-box
{

    width:200px;
    height:60px;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:60px;
    border-radius:2px;
    position:relative;
    margin:0px auto 20px;
    /*background-color:#222;*/
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}
.btn-box a
{
    position:relative;
    z-index:8;
    width:100%;
    height:100%;
    display: inline-block;
    color:#fff;
}
.btn-box a:hover{
    color:#fff;
    text-decoration: none;
}
.btn-box a:after
{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-width:8px 0 8px 8px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 黄*/
    top:21px;
    right:35px;
    box-sizing: border-box;
}
.btn-box:after{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #fff;
    top:0;
    z-index:2;
    box-sizing: border-box;
}
.btn-box .btn-bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:-100%;
    z-index:5;
    background: -webkit-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(30deg, rgb(229,0,18) 0% ,rgb(228,34,116)100% ); /* 标准的语法 */
    /*transition: all 0.3s ease-out;*/
}