@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 42px;height: 42px;border: 1px solid #f4f4f4;margin: 5px;font-size: 15px;color: #888;transition: all .4s ease;font-weight: 700; border-radius: 15px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #226DA6;background-color: #226DA6;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #226DA6;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #226DA6;color: #fff;border-color: #226DA6;}
.paging-hint span{color: #226DA6;}
@media all and (max-width:1000px){.paging-menu a{margin: 4px;width: 34px;height: 34px;font-size: 12px;border-radius: 10px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #226DA6;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #226DA6;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #226DA6 !important;}
.search-link:hover h2{color: #226DA6;}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #226DA6;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #226DA6;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}

/* 内页公共 */
.pagesBan{overflow: hidden;}
.pagesBan-con{width: 50%;align-items: center;padding-left: var(--widDb);padding-right: 1.3rem;}
.pagesBan-con::after{animation: w200 1.2s ease both; content: "";position: absolute;left: 0;top: 0;width: 200%;height: 100%;background: linear-gradient(to right,#37a500,#adc60d);}
.pagesBan-con .text-box{position: relative;z-index: 4;}
.pagesBan-con .logo-box{z-index: 2; position: absolute;left: 50%;top: 50%;width: 100%;height: 108%;transform: translate(-50%,-50%);display: flex;justify-content: center;}
.pagesBan-con .logo{height: 100%;animation: banIcon 1.5s .7s ease both;}
.pagesBan-con .logo-box img{height: 100%;}
.pagesBan-img{width: 50%;}
.pagesBan-img img{width: 100%;height: 27vw;transition: all 2s linear;}
.pagesBan-img:hover img{transform: scale(1.1);}

@keyframes w200 {0%{width: 200%;}100%{width: 100%;}}
@keyframes banIcon {0%{opacity: 0;transform: translateY(-60%);}100%{opacity: 1;transform: translateY(0);}}

/* pro-info轮播 */
.proDet-show-flex{justify-content: space-between;}
.proDet-show-swp{background: #fff;width: 50%;}
.proDet-show-gallery{width:85%;padding-left:20px;}
/* .proDet-show-gallery-more{height: 5.5rem;} */
.proDet-show-gallery-more img{max-width: 100%;max-height: 100%;}
.proDet-show-thumbs{width: 15%;margin: auto 0;}
.proDet-show-thumbs .swiper-container{height: 80%;}
.proDet-show-btn{user-select: none;cursor: pointer;font-size: 14px;position: absolute;left: 73;top: -35px;}
.proDet-show-btn.thumbs-prev{transform: rotate(90deg);left:calc( 50% - 5px);}
.proDet-show-btn.thumbs-next{left:calc( 50% - 5px);bottom:-520px; transform: rotate(-90deg);}
.proDet-show-btn:hover{color: #333;}
.proDet-show-thumbs-year{height: 105px;border: 1px solid #ccc;background-color: #eee;}
.proDet-show-thumbs-year img{max-width: 80%;max-height: 80%;opacity: .5;}
.proDet-show-thumbs-year:hover img,.proDet-show-thumbs-year.active img{opacity: 1;}
.proDet-show-thumbs-year.active{border-color: #226DA6;}
.proDet-show-con{width: 44%;}

.videos .video-list .video-item .img::after{content:'\ea82';font-family: 'icon';z-index:9; position:absolute;width:60px;height:60px;
    background-color: rgba(0, 0, 0, .5);left:calc( 50% - 30px);top:calc( 50% - 50px);border-radius:50%;text-align:center;line-height:60px;color:white;font-size:16px;}
.video-item .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}
        .video-item:hover .img{display:none;}

.nav-mb{width:100%;height:30px;text-align:center;background-color: #eee;line-height:30px;border-radius:10px;display:none}
.faq-nav{width:22%;}
.faq-nav .first-nav{border-bottom: 1px solid #DDDDDD;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD}
.faq-nav .first-nav:first-child{border-top:1px solid #DDDDDD}
.faq-nav .first-nav .title{padding:0 20px;position:relative;display:block;height:max(50px,.73rem);background: #F7F7F7;line-height:max(50px,.73rem);}
.faq-nav .first-nav .title::after{position:absolute;content:'\e614';right:20px;font-family: 'icon';transform: rotate(-90deg);}
.faq-nav .first-nav .second-nav{display:none;padding:20px;}
.faq-nav .first-nav .second-nav .title2{padding:10px 0;display:block;}
.faq-nav .first-nav .second-nav .title2.active{color:#226DA6;}
.faq-nav .first-nav .second-nav .title2:hover{color:#226DA6;}
.faq-nav .first-nav.active .second-nav{display:block;}
.faq-text{width:78%;padding-left:40px}

.faqs .zan{border-top: 1px solid #DDDDDD;}
.faqs .zan .cai{transform: rotate(180deg);display:block}
.faqs .zan-btn .cai{transform: rotate(180deg);display:block}

.service .text-con .text{width:80%;margin:0 auto;}
.service .service-con{background: #F7F8F9;}
.service .service-form{margin-left:-20px}
.service .service-con .select-item{width:calc( 30% - 20px );margin-left:20px;}
.service .service-con .search{width: calc( 10% - 20px );margin-left:20px;margin-top:0px;}
.service .service-con .search .search-btn{width:100%;background-color: #226DA6;height:40px;line-height:40px;text-align: center;color:white;display:block;}
.service .isSelect label{height:50px;}
.service .customSelect-name{height:50px;background-color: #fff;}

.table-con table{width:100%;border-radius:10px;overflow:hidden;}
.table-con thead td{background-color: #226DA6;border-right: 1px solid #fff;color:white;font-size:16px;font-weight:500;padding:10px 10px;}
.table-con tbody tr td{border:1px solid #e0e0e0;color:#333;padding:10px 10px;font-size:16px;background-color: #fff;}
.table-con tbody tr:nth-child(even) td{background-color: rgb(249,249,249);}
.table-con tbody tr td.one{background:rgb(240,240,240);}
.table-con tbody tr:hover td{background:rgb(240,240,240);}

.contact .contact-item{padding:40px 0;}
.contact .contact-item .title{align-items: center;width:50%}
.contact .contact-item .desc{padding-left:60px;}
.contact .contact-item .dian{width:6px;height:6px;background-color: #000;display:block;margin-right:20px;}

.contact .after-sales .left{width:50%;border-right:2px dashed #226DA6;padding-right:102px;display:flex;justify-content:right}
.contact .after-sales .right{width:50%;padding-left:100px;}

.contact-depart .titleaa{border-top: 1px solid #DDDDDD;padding-top:40px;}
.contact-depart .left{width:50%;border-right:2px dashed #226DA6;padding-right:60px;}
.contact-depart .rightaa{width:50%;padding-left:60px;}

.contact .contact-item{padding:40px 0;}
.contact .contact-item .title{align-items: center;width:50%}
.contact .contact-item .desc{padding-left:20px;}
.contact .contact-item .dian{width:6px;height:6px;background-color: #000;display:block;margin-right:20px;}

#videoFrame{height:200px;}

/*.repair li .repair-item img.s{display:block;}*/
/*.repair li .repair-item img.h{display:none;}*/
/*.repair li.active .repair-item{background:#226DA6;color:white}*/

/*.repair li.active .repair-item .text .title{color:white}*/
/*.repair li.active .repair-item .text .desc{color:white;}*/
/*.repair li.active .repair-item img.s{display:none;}*/
/*.repair li.active .repair-item img.h{display:block;}*/
.repair li.active {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.repair-item{background: #F7F7F7;padding:20px;align-items: center;border-radius:10px;}
.repair-item .images{width:20%}
.repair-item .text{width:80%}
.repair-item .text .title{color:#121212}
.repair-item .text .desc{color:#808080;min-height:50px;}
.repair-form .con{border: 1px solid #DDDDDD;padding:50px 20px;}

.form-con{border-top: 1px solid #DDDDDD;}

.no-result{color:red;display:none;}
.upload-tips{display:none;}
        
.repair-btn .store-btn{background: #E7F0F7;padding:12px 20px;}
.repair-btn .offline-btn{background: #FAF6E8;padding:12px 20px;}
.repair-btn .amazon-btn{background: #F2F6F2;padding:12px 20px;}
.repair-btn .btn-item{width:163px;height:40px;background-color: #fff;text-align:center;line-height:40px;padding:7px 30px;}
.repair-btn .btn-item.active{background-color: #226DA6;color:white}
.repair-btn .amazon-btn .btn-item{margin-top: 10px;margin-right:5px;}
.repair-btn .amazon-btn .btn-item:nth-child(1){margin-left:0;}
.require-star{color:#FF0000;}
.form-con .form-rows{justify-content: space-between;}
.form-con .form-item{width:48%}
.form-con .form-item2{width:100%}
.form-con .input{border: 1px solid #DDDDDD;height:44px;padding-left:10px;border-radius:5px;width:100%;margin-top:20px;}
.form-con .isSelect{margin-top:20px;}
.form-con .textarea{border: 1px solid #DDDDDD;height:150px;padding:10px;border-radius:5px;width:100%;margin-top:20px;}
.form-con .upload-btn{width:150px;height:150px;border: 0.5px dashed #9098A4;background: #FBFDFF;border-radius: 6px;color:#B2B8C4;font-size:21px;display:flex;justify-content: center;align-items: center;}
.pic-view li{border:1px dashed #eee;display:flex;justify-content: center;align-items: center;}
.form-rows2{justify-content: center;}
.form-rows2 .submit-btn{width:120px;height:44px;background-color: #226DA6;color:white;display:flex;justify-content:center;align-items: center;border-radius:4px;}
.form-rows2 .reset-btn{width:120px;height:44px;background-color: #F2F5F7;color:#000;display:flex;justify-content:center;align-items: center;border-radius:4px;}
.form-rows2 .input2{border: 1px solid #DDDDDD;height:44px;padding-left:10px;border-radius:5px;width:200px}
.radio-item{align-items: center;margin-left:20px;margin-top:10px;cursor:pointer}
.radio-item .radio-btn{width:14px;height:14px;border-radius:50%;border: 1px solid #DDDDDD;display:flex;justify-content: center;align-items: center;}
.radio-item .radio-btn .dian{background-color: #fff;width:4px;height:4px;border-radius:50%;display:block;}
.radio-item .text{margin-left:5px}
.radio-item.active .text{color:#226DA6}
.radio-item.active .radio-btn{border: none;background:#226DA6}

.track-con{background:url('/static/home/default/images/pages/earth.png') no-repeat center/cover;padding:140px 0 300px 0;}
.track-con .search-form form{width:100%}
.track-con .search-form .search-input{width:60%;height:64px;padding:10px;border-radius: 2px;border: 0.5px solid #F0F0F0;}
.track-con .search-form .submit-btn{width:10%;height:64px;border-radius: 2px;color:white;background: #226DA6;}

.parts{background-color: rgb(247,248,249);padding:50px 0;}
.parts-con{padding:50px 60px;background-color: #fff;}
.parts-con .search-item{width:40%}
.parts-con .search-btn{width:15%;height:44px;background: #226DA6;color:white;display:flex;justify-content: center;align-items: center;}
.parts-table table{width:100%;}
.parts-table thead td{background: #F2F5F7;border-right: 1px solid #ddd;color:#666;font-size:16px;font-weight:500;padding:10px 10px;}
.parts-table tbody tr td{border:1px solid #e0e0e0;color:#333;padding:10px 10px;font-size:16px;background-color: #fff;}
.parts-table tbody tr td a{color:#226DA6}
.parts-table tbody tr:nth-child(even) td{background-color: rgb(249,249,249);}
.parts-table tbody tr td.one{background:rgb(240,240,240);}
.parts-table tbody tr:hover td{background:rgb(240,240,240);}


.download-con{padding-left:50px;width:70%}
.download-con .title{padding-bottom:30px;border-bottom:1px solid #DDDDDD;;}
.download-con .video-title{justify-content: space-between;}
.download-con .more{display:flex;align-items: center;}
.download-con .more i{transform: rotate(180deg);display:inline-block;margin-left:5px;font-size:12px}
.download-con .faq-con{border-top: 1px solid #DDDDDD;}
.download-con .faq-con .faq-list .faq-item{justify-content: space-between;padding:10px 0;}
.download-con .faq-con .faq-list .faq-item .left{width:70%;}
.download-con .faq-con .faq-list .faq-item .right{width:30%;justify-content:right;}
.download-con .manual-list li{margin-right:20px;margin-bottom:20px;}
.download-con .manual-list li:first-child{margin-left:0;}
.download-con .manual-item{padding:15px 15px;background: #F7F7F7;display:flex;justify-content: center;
    align-items: center;font-size:16px;font-weight:400;color:#121212;text-align:center;min-height:70px;}
.repair .repair-item .text{padding-left:10px;}

.download-con .faq-con .faq-item .likes{min-width:30px;display:inline-block;}
.download-con .faq-con .faq-item .oppose{min-width:30px;display:inline-block;}

.parts{background-color: rgb(247,248,249);padding:50px 0;}
.parts-con{padding:50px 60px;background-color: #fff;}
.parts-con .search-item{width:40%}
.parts-con .search-btn{width:15%;height:40px;background: #226DA6;color:white;display:flex;justify-content: center;align-items: center;margin-top:0px;}
.parts-table table{width:100%;}
.parts-table thead td{background: #F2F5F7;border-right: 1px solid #ddd;color:#666;font-size:14px;font-weight:500;padding:10px 10px;text-align:center;}
.parts-table tbody tr td{border:1px solid #e0e0e0;color:#333;padding:10px 10px;font-size:14px;background-color: #fff;}
.parts-table tbody tr td a{color:#226DA6}
.parts-table tbody tr:nth-child(even) td{background-color: rgb(249,249,249);}
.parts-table tbody tr td.one{background:rgb(240,240,240);}
.parts-table tbody tr:hover td{background:rgb(240,240,240);}

.faq-nav .close-btn{position: absolute;right:-40px;top:5px;font-size:30px;color:#226DA6;display:none}
.faq-nav .first-nav:first-child{border-top: 1px solid #DDDDDD;}

.adddiv{width:100%;text-align:center; margin-top:30px;}
.add{padding:10px;background:#226DA6;color:#fff;border-radius:5px;}
.popup{width:100%;height:100vh;position:fixed;left:0;top:0%;background:rgba(0,0,0,.4);z-index:99;display:flex;justify-content: center;align-items:center;opacity:0;visibility: hidden;transition:all .4s ease;}
.popup.show{opacity: 1;visibility: visible;}
.popup-container{width:60%;height:600px;background:#fff;padding:20px;position:relative;border-radius:5px;}
.popup-container .closeaa-btn{position:absolute;top:10px;right:10px;font-size:20px;}
.popup-container .add-btn{width:100%;margin-top:70px;}
.popup-container .add-btn a{padding:10px;background:#226DA6;color:#fff;border-radius:5px;}

.select2-container{width:100% !important}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
    #videoFrame{height:245px;}
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
     #videoFrame{height:215px;}
}

@media all and (max-width:1430px){
    /* 1360 */
     #videoFrame{height:200px;}
     .uli.ml10.uli8 li {   width: calc(100% / 6 - max(6px, 0.1rem));}
}

@media all and (max-width:1350px){
    /* 1280 */
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    #videoFrame{height:170px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    
    /* 1024 横屏 */
    .banner img{height:300px}
    .pagesBan-img img{height: 150px;}
    .pagesBan-con{padding-right: 10px;}
    .pagesBan-con .title{font-size: 16px;}
    .pagesBan-con .text{font-size: 12px;}
    .nav-mb{display:block;}
    
    .contact .after-sales .left{padding-right:20px;}
    .contact .after-sales .right {padding-left:20px;}
    
    .contact-depart .left{padding-right:10px;}
    .contact-depart .rightaa{padding-left:10px;}

    
     #videoFrame{height:150px;}
    
    .uli.ml20.uli3 li{width:100%}
    .repair-btn .store-btn{padding:10px 10px;}
    .repair-btn .offline-btn{padding:10px 10px;}
    .repair-btn .btn-item{padding:7px 10px;}

    .form-rows2 .submit-btn{margin-top:10px;}
    .form-rows2 .reset-btn{margin-top:10px;}
    .parts-con{padding:30px 10px;}

    .parts-table{overflow-x: auto;overflow-y:hidden;}
    .parts-con .search-item{width:100%;margin-left:0;margin-bottom:10px;}
    .parts{padding-top:20px;}
    .parts-con .search-btn{width:25%;margin-left:0;}

    .service .text-con .text{width:100%}
    .service .service-form{margin-left:-5px;}
    .service .service-con .select-item{margin-left:5px;width:calc( 28% - 5px);}
    .service .service-con .search {width: calc(16% - 5px);margin-left: 5px}
    .table-con{overflow-x:auto;}

    .uli.ml40.uli4 li {
        width: calc(100% / 2 - max(16px, 0.4rem));
    }

    .faq-nav{width:100%}
    .faq-text {width: 100%;padding-left: 0px;margin-top:20px}

    .faq-nav{position:fixed;left:0;top:60px;width:0%;height:100vh;z-index:99;background-color: #fff;visibility: hidden;transition: all .4s ease;opacity:0;}
    .faq-nav.show{width:70%;visibility: visible;opacity:1;}
    

    .contact .contact-item{width:100%}
    .contact .contact-item .desc{padding-left:10px;padding-top:10px;}
    .contact .contact-item .title{width:100%;flex-wrap:nowrap;}
    .download-con{width:100%;padding-left:0;margin-top:20px;}
    .uli.ml10.uli3 li{width:100%}
    .uli.ml20.uli4 li {width: calc(100% / 2 - max(8px, 0.2rem));}
    .download-con .manual-item {padding:12px 20px;}

    .faq-nav .first-nav .second-nav{padding:10px}
    
    .popup-container{width:90%;}
    
    .uli.ml10.uli8 li {   width: calc(100% / 2 - max(6px, 0.1rem));}
}