* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-buy-link-ctn > a:nth-child(1){
    opacity: 1;
}
@media screen and (max-width:768px){
    .online-service-btn-ctn{
        position: absolute;
    }
    .page_banner{margin-top:84px;}
    .page_banner .caption{text-align:center;padding-top:30px;color:white;}
    .page_banner .caption .mainCaption{font-size:20px;}
    .page_banner .caption .subCaption{font-size:12px;}
    .page_banner .caption .viewVideo,.page_banner .caption .viewTxt{display:none;}
    
    /* 内容部分 */
    .topFixed{width:100%;height:50px;padding:0 10px;line-height:49px;}
    .scroll{position:fixed;top:84px;left:0;z-index:5000;background:#fff;}
    .topFixed .m_auto{height:49px;border-bottom: 1px solid #d0d0d0;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-around; justify-content:space-around;align-items:center;}
    .topFixed .m_auto .changeTab{width:80%;}  
     
    .topFixed .pName{display:none;}
    .topFixed .changeTab span{margin-right:6px;color:#999999;display:inline-block;font-size:12px;}
    .topFixed .changeTab span.loadTab{margin-right:0;}
    .topFixed .changeTab span.act{color:#333333;}
    .buyNow{/*width:20%;*/width:106px;height:29px;line-height:29px;text-align:center; background:#aab7c0;text-align:center;color:white;border-radius:4px;}
     
    .boxOuter .sumCommon{width:100%;}
    .boxOuter .sumCommon .description{padding:30px 15px 0;}
    .boxOuter .description .total{font-size:14px;text-align:center;} 
    .boxOuter .description .supplement{margin-top:10px;font-size:12px;text-align:center;line-height:22px;}
    
    .boxOuter .params{width:100%;background:white;padding:0 15px;}
    .boxOuter .paramData{margin:0 auto;border-bottom:1px solid #efefef;padding:26px 0;}
    .boxOuter .params .paramName{float:left;width:15%;color:#aaaaaa;font-size:12px;}
    .boxOuter .params .paramValue{float:left;width:85%;}
    .params .paramData .captionName,.paramData .captionTotal{float:left;font-size:10px;}  
    .params .paramData .captionName{float:left;color:#666666;width:45%;}
    .params .paramData .captionTotal{color:#aaaaaa;width:55%;}
    /*.params .paramData:nth-child(2) .captionName{width:50%;}
    .params .paramData:nth-child(2) .captionTotal{width:50%;}*/
    .paramData .captionTotal .captionValue{margin-bottom:16px;font-size:10px;}
    .params .partsDetail,.params .packageDetail{float:left;width:85%;font-size:10px;color:#666666;}
    .params .partsDetail .partsType{width:50%;float:left;margin-bottom:10px;}
    .partsDetail .pName{display:inline-block;width:80%;}
    
    .boxOuter .params .packageData{border-bottom:0;padding-bottom:40px;}
    .boxOuter .params .packageData .packSpec{width:20%;}
    .boxOuter .params .packageData .packageDetail{width:80%;}
    .packageDetail .pack{width:100%;}
    .packageDetail .pack .packName{margin-bottom:12px;}
    .packageDetail .pack .packValue{color:#aaaaaa;margin-bottom:20px;}
    
    
    .boxOuter .downloadDetail{background:white;padding:22px 10px 5px;}
    .downloadDetail .detail_load{width:100%;display:-webkit-box; display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between; justify-content:space-between;}
    .downloadDetail .detail_load .fl{width:48%;text-align:center;margin-bottom:18px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
    .detail_load .perList .picture img{width:50px;height:50px;}
    .detail_load .perList .loadTitle,.detail_load .perList .firmTitle {font-size:12px;color:#666666;margin-top:8px;margin-bottom:10px;}
    
    .detail_load .perList .subTheme {font-size:10px;color:#aaaaaa;width:88%;margin:0 auto;overflow:hidden;}
    .detail_load .perList .subTheme span{float:left;font-family:"Noto Sans S Chinese Medium","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important; }
    .detail_load .perList .firmLink,.detail_load .perList .instrSmooth{height:25px;line-height:25px;}
    .detail_load  .adjust .adjustMac,.detail_load .drive .driveMac{margin-bottom:20px;}
    
    .detail_load .fl .adjustMore,.detail_load .fl .driveMore,.detail_load .fl .camera{margin-top:20px;}
    .detail_load .perList .subTheme .download{float:right;display:inline-block;color:#aaaaaa;height:25px;line-height:25px;padding:0 8px;border:1px solid #aaaaaa;}
    .detail_load .perList .viewMore {width:88%;margin:0 auto;text-align:left;color:#aaaaaa;font-size:10px;}
    .downloadDetail .qrCode{position:relative;}
    .downloadDetail .qrCode .zyTitle{font-family:"Noto Sans S Chinese Bold","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important; font-size:12px;color:#595757;padding-bottom:16px;;border-bottom:1px solid #aaaaaa;}
    .downloadDetail .qrCode .perList{margin-top:12px;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-around; justify-content:space-around;align-items:center;}
    .qrCode .perList .iosCode,.qrCode .perList .googleCode{width:50%;text-align:center;}
    .downloadDetail .qrCode .perList div p{color:#999999;font-size:10px;color:#aaaaaa;text-align:center;margin-top:7px;}
    
    .applyCode{margin-top:5px;font-size:12px;color:#999999;}
    .applyCode .getQrCode{color:#666666;padding-bottom:2px;border-bottom:1px solid #999999; position:relative;}
    .applyCode .s_block{display:inline-block;position:relative;z-index:1000;}
    .applyCode a.direct{color:#666666;padding-bottom:2px;border-bottom:1px solid #999999;}
    .alertCode{padding:15px;width:160px;height:160px;text-align:center;position:absolute;top:32px;left:50%;margin-left:-90px;z-index:100000;background:#f2f2f2;}   
    .alertCode img{vertical-align:middle;}
    .alertCode p{margin-top:10px;font-size:10px;margin-bottom:0!important;color:#aaaaaa;}
    .alertCode em {display:block; border-width: 10px; position: absolute;z-index:6666;top: -20px;right:70px; border-style: solid dashed dashed;border-color: transparent transparent  #f2f2f2;font-size: 0;line-height: 0;}
    .loadText{margin-top:22px;color:#999999;}
    .textTwo{margin-top:18px;color:#999999;}
    
    .boxOuter .sumDetail{margin-bottom:50px;}
    .boxOuter .designDetail{margin-bottom:50px;}
    
    .videoOuter{width:100%;margin:0 auto;background:black;max-height:400px;}
    .videoOuter video{background:black;max-height:400px;}
    .videoOuter iframe{width:100%;height:300px;}    
    .mfp-close {position:absolute;top:-36px!important;right:0!important;border-radius:50%;color:white!important;}
    /* 视频 */
    .videoList{margin:30px auto;padding:0 15px;}
    .videoDetail{margin-top:50px;}
    .videoDetail .perList{width:100%;overflow:hidden;margin-bottom:50px;}
    .videoDetail .perList a{display:block;/*width:100%;height:100%;*/} 
    .videoPic .videoCover{position:relative;width:100%;height:100%;}
    .videoDetail .perList img.coverPic {position:relative;width:100%;height:100%;object-fit:cover;border:0;vertical-align:middle;text-align:center;margin:0 auto;}  
    i.start{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;} 
    .videoDetail .perList .videoText{}
    .videoDetail .perList .videoTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;padding:18px 0 10px;color:#000;}
    .videoDetail .perList .videoCon{}
    .perList .videoCon a{color:#656565; }
    .videoList .page {
        margin: 0 auto!important;
        width: 100%;
        text-align: center;
    } 
    .page ul {
        display: inline-block;
        margin: 0 auto!important;
        
        
    }
    
    }
    .boxOuter{overflow:hidden;}
    .buyNow a{color:white;display:inline-block;width:100%;height:100%;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .buyNow a:hover{color:white;}
    .boxOuter .designDetail .parts .peijian1 p{margin-top:10px;text-align:center;color:#666666;}
    .boxOuter  .description .picture .last{margin-right:0;}
    
            
              
    .instruction div{line-height:22px;}
    .instruction p{line-height:22px;margin-bottom:0!important;}
    .loadText p,.textTwo p{line-height:16px;}
    
    
    
    .mCSB_scrollTools{opacity:0.2!important;}
    .mCSB_dragger_bar{background:black!important;opacity:1!important;}
    .mCSB_dragger{height:46px!important;}
    
    table {margin:15px 0;width:100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #dedede;border-bottom:0;}
    tbody { display: table-row-group;vertical-align: middle;}
    tr{ display:table-row;}
    td {border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;padding:20px 10px!important;}
    td.modelKey{width:20%;text-align:center;}
    td.modelVal{width:80%;}
    td.last{border-right:0;}
    .iosType{height:auto;word-wrap:break-word;word-break:break-all;overflow: hidden;}
    .videoList .page ul li{float:left;}
    .pageClass li a,.pageClass li span{display:inline-block;height:26px;line-height:26px;font-size:14px;color:#aaaaaa;margin-right:17px;}
    .pageClass li.active span.current{color:#d70c18;}
    /* .videoList .pageClass li a,.pageClass li span{display:inline-block;height:26px;line-height:26px;font-size:14px;color:#aaaaaa;margin-right:17px;}
    .videoList .pageClass li.active a{color:#d70c18;} */
    /*.pageClass  li:nth-child(2) a{color:#d70c18;}*/
    .videoList .pageClass .prev{display:inline-block;background:url(/images/about/pagePrev.png) no-repeat center;width:26px;height:26px;line-height:25px;text-align:center;background-color:#aaaaaa;}
    .videoList .pageClass .next{display:inline-block;width:26px;height:26px;line-height:25px;text-align:center;background:url(/images/about/pageNext.png) no-repeat center;}
    @media screen and (min-width:769px){
    .page_banner{height:790px;} 
    .videoOuter{width:60%;margin:0 auto;max-height:800px;background:black;}
    .videoOuter video{max-height:800px; background:black;}
    .videoOuter iframe{width:100%;height:600px;}  
    .videoOuter .mfp-close{position:absolute;top:-30px!important;right:18%!important;border-radius:50%;color:white!important;}
    
    .page_banner .caption .mainCaption{font-size:54px;}
    .page_banner .caption .subCaption{font-size:24px;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .page_banner .caption .viewVideo{position:relative;width:220px;height:120px;cursor:pointer;}
    .caption .viewVideo .coverPic{width:100%;height:100%;}
    .caption .viewVideo i{ position: absolute;top:50%;left: 50%;margin-left: -24px; margin-top: -24px;}
    .page_banner .caption .viewTxt{margin-top:160px;font-size:14px;margin-bottom:12px;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    
    .m_auto{width:1178px;margin:0 auto;}
    .topFixed{width:100%;margin:0 auto;height:90px;line-height:89px;background:#fff;}
    .topFixed .m_auto{border-bottom:1px solid #d9d9d9;position:relative;}
    .topFixed .m_auto .fl{float:left;}
    .scroll{position:fixed;top:0;left:0;z-index:16666;}
    .topFixed .pName{font-size:22px;color:#333333;}
    .topFixed .changeTab{position:absolute;right:160px;}
    .topFixed .changeTab span{font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;margin:0 20px;color:#aaaaaa;font-size:14px;display:inline-block;cursor:pointer;}
    .topFixed .changeTab span.act{color:#656565;}
    .buyNow{background:#aab7c0;cursor:pointer;float:right;font-size:14px;margin-top:25px;height:38px;line-height:38px;padding:0 30px;text-align:center;color:white;border-radius:4px;}
    .cloudSub {width:100%;background:white;padding:40px 0;position:absolute;z-index:6666;left:0;top:50px;} 
    .page_banner .swiper-slide a{width:100%;height:692px;}
    .designDetail .sumThree .description{color:#999999;}
    .designDetail .sumTwo .description{width:450px;}
    
    .boxOuter .sumDetail{margin-bottom:170px;}
    .boxOuter .designDetail{margin-bottom:170px;}
    
    .boxOuter .designDetail .designPart{margin-top:50px;}
    
    .boxOuter .sumCommon{width:100%;}
    .boxOuter .description .total{font-size:36px;line-height:38px;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;} 
    .boxOuter .sumCommon .description{color:#666666;text-align:left;word-wrap:break-word;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .boxOuter .description .supplement{font-size:14px;margin-top:22px;line-height:30px;} 
    
    .boxOuter .parts{background:#efefef;padding:130px 0 120px 0;overflow:hidden;text-align:center;margin:0 auto;}
    .boxOuter .designDetail .partsPic{margin:0 auto;text-align:center;overflow:hidden;display:inline-block;}
    .boxOuter .parts .partsMore{padding-top:40px;text-align:center;font-size:30px;color:#666666;}
    .boxOuter .designDetail .parts .peijian1{margin-top:40px;float:left;margin-right:100px;}
    .boxOuter .designDetail .parts .partsPic .last{margin-right:0;}
    .boxOuter .params{width:100%;background:white;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .boxOuter .paramData{width:1178px;padding:40px 0 72px 0;margin:0 auto;border-bottom:1px solid #d9d9d9;}
    .boxOuter .params .paramName{float:left;padding-top:20px;width:190px;margin-right:36px;font-size:20px;color:#aaaaaa;}
    .boxOuter .params .paramValue{float:left;width:952px;} 
    .paramData .captionName,.paramData .captionTotal{float:left;} 
    .paramData .captionName{min-width:240px;margin-right:36px;font-size:14px;color:#656565;}
    .paramData .captionTotal .captionValue{line-height:26px;font-size:14px;color:#aaaaaa;} 
    .paramData .paramBorder{padding:20px 0;border-bottom:1px solid #f2f2f2;}
    .paramData .paramBorder:last-child{border-bottom:0;}
    .paramData .borderLast{border-bottom:0;}
    .boxOuter .params .dataDetail{float:left;}
    
    
    .params .partsDetail,.params .packageDetail{float:left;width:952px;}
    .boxOuter .partsData{padding-top:60px;padding-bottom:60px;}
    .boxOuter .paramData .partsName{padding-top:0;}
    .partsDetail .partsType{float:left;line-height:30px;width:33%;/*margin-right:60px;*/font-size:14px;color:#656565; }
    .partsDetail .partsType .pName{display:inline-block;min-width:140px;}
    
    .boxOuter .params .packageData{border-bottom:0;padding-bottom:100px;}
    .boxOuter .params .packageData .paramName{padding-top:0;}
    .packageDetail .pack{float:left;width:33%;}
    .packageDetail .pack .packName{font-size:14px;color:#656565;margin-bottom:12px;}
    .packageDetail .pack .packValue{font-size:14px;color:#aaaaaa;margin-bottom:20px;}
    
    
    .boxOuter .downloadDetail{background:white;padding:60px 0 70px;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important; }
    .detail_load .fl{float:left;width:25%;padding:0 10px;}
    .boxOuter .downloadDetail .loadTitle{margin-top:40px;font-size:22px;color:#666666;text-align:center;}
    .boxOuter .downloadDetail .viewMore{cursor:pointer;color:#aaaaaa;width:42%;text-align:center;}
    .perList .picture{text-align:center;margin:0 auto;}
    .subTheme{margin: 0 auto;text-align:center;overflow:hidden;}
    .drive .subTheme,.adjust .subTheme{padding:0 30px 10px 0;margin:0 auto;display:flex;}
    
    .subTheme .des{font-family:"Noto Sans S Chinese Medium","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;margin-top:40px;float:left;width:50%;text-align:center;color:#aaaaaa;font-size:14px;display:inline-block;}
    .firmWare .subTheme .des{/*width:66%;*/}
    .illustrate .subTheme .useInstr{width:55%;}
    .subTheme .link{float:right;height:30px;}
    .subTheme a{margin-top:36px;box-sizing:border-box;cursor:pointer;display:inline-block;color:#aaaaaa ;font-size:14px;padding:0 16px;height:30px;line-height:28px;border:1px solid #aaaaaa;}
    .illustrate .subTheme a{float:right;}
    .firmTitle{margin-top:40px;text-align:center;}
    .firmTitle .name{font-size:22px;color:#666666;}
    .firmTitle .instr {color:#aaaaaa;margin-left:10px;cursor:pointer;border-bottom:1px solid #aaaaaa;}
    .zyTitle{font-size:22px;color:#333333;padding-bottom:22px;border-bottom:1px solid #b2b2b2;margin-bottom:30px;font-family:"Noto Sans S Chinese Bold","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .firmWare{position:relative;}
    .qrCode{margin-top:55px;position:relative;}
    .qrCode .perList div{float:left;}
    .qrCode .perList div p{color:#999999;text-align:center;margin-top:10px;font-size:14px!important;}
    .qrCode .perList .iosCode{margin-right:100px;}
    .applyCode{margin-top:5px;color:#999999;}
    .applyCode .getQrCode{cursor:pointer;padding-bottom:2px;border-bottom:1px solid #999999; position:relative;}
    .applyCode .s_block{display:inline-block;position:relative;z-index:10000;}
    .applyCode a.direct{color:#999999;padding-bottom:2px;border-bottom:1px solid #999999;}
    .alertCode{padding:20px;width:180px;height:180px;text-align:center;position:absolute;top:32px;left:50%;margin-left:-90px;z-index:100000;background:#f2f2f2;}   
    .alertCode img{vertical-align:middle;}
    .alertCode p{margin-top:10px;font-size:14px;margin-bottom:0!important;color:#aaaaaa;}
    .alertCode em {display:block; border-width: 10px; position: absolute;z-index:6666;top: -20px;right:80px; border-style: solid dashed dashed;border-color: transparent transparent  #f2f2f2;font-size: 0;line-height: 0;}
    
    .loadText{margin-top:70px;color:#999999;}
    .textTwo{margin-top:48px;color:#999999;}
    /* 视频 */
    .videoList{padding-bottom:80px;}
    .videoDetail{padding:50px 0 80px;font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;}
    .videoDetail .perList{float:left;width:380px;height:300px;overflow:hidden;margin-right:19px;margin-bottom:40px;cursor:pointer;}
    .videoDetail .perList:nth-child(3n){margin-right:0;}
    .videoDetail .perList a{display:block;/*width:100%;height:100%;*/} 
    .videoPic .videoCover{position:relative;width:100%;height:200px;}
    .videoPic .videoCover img.coverPic{width:100%;}
    .videoPic .videoCover .start{display:none;}
    .videoPic .videoCover:hover .start{display:block;}
    .videoDetail .perList img.coverPic {position:relative;width:100%;height:100%;object-fit:cover;border:0;vertical-align:middle;text-align:center;margin:0 auto;}  
    i.start{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;} 
    .videoDetail .perList .videoText{height:100px;}
    .videoDetail .perList .videoTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;padding:18px 0 10px;color:#000;}
    .videoDetail .perList .videoCon{}
    .perList .videoCon a{
        color:#656565; text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;

        }
    
    .videoList .page{margin:60px auto 0!important;width:100%;text-align:center;}
    .videoList .page ul{margin:0 auto;display:inline-block;cursor:pointer;overflow:hidden;}
    
    pre{
        padding:0!important; 
        font-size: 12px!important;
        line-height:0!important; 
        color: #999999!important;
        background-color:#fff!important; 
        border:0!important; overflow:hidden;
    }
    .instruction{
        width:200px;
        position:absolute;
        background-color: #f2f2f2;
        top: 180px;
        left:70px;
        padding:20px;
        font-size:14px;
        color:#000000;
        z-index:10000;
      }
    .instruction em
            {
                display: block;
                border-width: 10px;
                position: absolute;
                top: -20px;
                left:50%;
                margin-left:-5px;
                border-style: solid solid solid;
                border-color:transparent transparent #f2f2f2;
                font-size: 0;
                line-height: 0;
            }
    
    
    }