@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: #43c800;background-color: #43c800;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: #43c800;}
.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: #43c800;color: #fff;border-color: #43c800;}
.paging-hint span{color: #43c800;}
@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: #43c800;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #43c800;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: #43c800 !important;}
.search-link:hover h2{color: #43c800;}

/* 隐私协议 */
.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: #43c800;}
.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: #43c800;}
.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 .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);}


.pagesBan2{overflow: hidden;background-color: #000;height:6.8rem}

.pro-content .pro-term li.active{color:#000}
@keyframes w200 {0%{width: 200%;}100%{width: 100%;}}
@keyframes banIcon {0%{opacity: 0;transform: translateY(-60%);}100%{opacity: 1;transform: translateY(0);}}


/* contact */
.form-content input{margin-top:10px;}
.form-content textarea{margin-top:10px;height:160px}
.form-content .form-item .title{font-size: 16px;font-weight:400;}
.form-content .form-item .desc{font-size: 16px;font-weight:400;margin-top:20px;}
.form-content .form-item{margin-bottom:30px}
.form-content .form-item .upload{margin-top:30px;align-items:center;}
.form-content .form-item .upload-btn{width:130px;height:130px;border:1px dashed #000000;text-align: center;line-height:130px;cursor:pointer}
.form-content .submit-btn{width:256px;height:50px;background-color: #000;color:white;display:block;text-align: center;line-height:50px;font-size: 18px;font-weight: 500;}

.contact{background-color: #FAFAFA;}
.contact .content{display:flex;justify-content: space-between;flex-wrap:wrap;}
.contact .content .left-con{width:40%;}
.contact .content .right-con{width:40%;}
.contact .content .title{padding:20px 0; border-bottom:1px solid #ebebeb;position:relative}
.contact .content .title:after{position:absolute;content:'';width:73px;height:3px;left:0;bottom:0;background-color: #000;}


/* login */
.form-item{margin-bottom:30px;}
.form-item .title{color:#000;}
.form-item .login-btn{display:block;width:100px;height:50px;text-align: center;line-height:50px;border:1px solid #000;margin-right:20px;}
.form-item .register-btn{display:block;width:100px;height:50px;text-align: center;line-height:50px;background-color: #000;}
.form-item .forget-btn{display:block;width:180px;height:50px;text-align: center;line-height:50px;background-color: #000;}


/* about */
.company{background-color: #000;color:white;flex-wrap:wrap;}
.brand{display:flex;justify-content: space-between;}
.brand .brand-list{width:49%;}
.brand .brand-list .content{padding:0px 100px;}
.earth{background: url('../images/pages/earth.png') no-repeat center/cover;}
.earth .content{margin-left:-20px;}
.earth .num-list{width:calc( 25% - 20px);background: rgba(255, 255, 255, 0.8);margin-left:20px;padding:30px 0;text-align: center;}


/* verify */
.bottom-content{background-color: #000;margin-top:.8rem;border-radius: .4rem;padding:100px 0 90px 0;text-align: center;}
.verify-form{width:600px;margin:0 auto;}
.verify-form input{border-radius: 6px;color:white;position:relative;border:1px solid #25D366;background-color: #000;}
.verify-form .btn{position:absolute;display:block;right:1px;top:11px;width:135px;height:48px;background-color: #25D366;color:#fff;text-align: center;line-height:48px;font-size: 18px;font-weight: 500;border-radius: 0 6px 6px 0;}

/* lab */
.lab-item{margin-bottom:50px;}
.lab-item:nth-child(even){flex-direction: row-reverse;}
.lab-item .item-text{width:50%; padding-right:60px;display:flex;flex-direction: column;justify-content: center;}
.lab-item:nth-child(even) .item-text{padding-left:60px;padding-right:0px;}
.lab-item .img{width:50%;}

/* pro-list */
.pro-top{height:40px;background: #000000;;}
.pro-nav{height:100px;line-height:100px;font-size:18px}
.pro-term{width:20%;border-right:3px solid #020200;}
.pro-term li a{display:block;margin-bottom:30px;font-size: 18px;font-weight: 400;}
.pro-list{padding-left:30px;width:80%;}
.pro-list .list-item{width:calc( 100% / 3 - 20px);margin-left:20px;margin-bottom:50px;}
.pro-list .list-item .img{border:1px dashed #ccc;}
.pro-list .list-item .more{display:block;background: #020200;width:180px;height:50px;text-align: center;line-height:50px;color:white;margin:20px auto;border-radius:6px;}

/*pro-info */
.pro-content .content .spec{display:none;}
.proDet-pagination{user-select: none;}
.proDet-pagination .swiper-pagination-bullet{width: max(10px,0.12rem);height: max(10px,0.12rem);opacity: 1;background: transparent;border: 2px solid rgba(67, 200, 0, .2);margin: 0 5px;}
.proDet-pagination .swiper-pagination-bullet-active{background: #43c800;border-color: #43c800;}
.proDet-show{background: url('../images/pages/proShow-bg.jpg') no-repeat center/cover;}
.proDet-show-flex{justify-content: space-between;}
.proDet-show-swp{background: #fff;width: 50%;height:600px}
.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-top:70px;height:500px}
.proDet-show-thumbs .swiper-container{height: 90%;}
.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: 1.05rem;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: #000;}
.proDet-show-con{width: 44%;}
.proDet-show-link .btn{border: 2px solid #43c800;width: max(120px,1.84rem);height: max(40px,0.5rem);transition: background .4s ease,color .4s ease;}
.proDet-show-link .btn i,.proDet-show-link .btn span{position: relative;z-index: 2;}
.proDet-show-link .btn i{display: block;margin-right: max(8px,0.12rem);font-size: max(12px,0.18rem);}
.proDet-show-link .btn::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #43c800;transition: all .4s ease;}
.proDet-show-link .btn:nth-child(2){margin-left: 0.2rem;}
.proDet-show-link .btn:hover{color: #fff;background: #43c800; transition: background .4s .3s ease,color .4s ease;}
.proDet-show-link .btn:hover::after{height: 100%;}
.proDet-show-link .btn.hover::after{bottom: auto;top: 0;height: 100%;}
.proDet-show-link .btn.hover:hover{color: #43c800;background: #fff;transition: background .4s .3s ease,color .4s ease;}
.proDet-show-link .btn.hover:hover::after{height: 0;}
.proDet-td-slide{flex-direction: column;}
.proDet-td-slide .icon{height: max(30px,0.54rem);}
.proDet-td-slide .icon img{max-height: 100%;}
.proDet-params-flex{justify-content: space-between;align-items: center;}
.proDet-params-left{width: 44%;}
.proDet-params-img .bg{width: 100%;}
.proDet-params-img .img{position: absolute;left: 60%;top: 50%;transform: translate(-50%,-50%);max-width: 60%;max-height: 90%;}
.proDet-params-btn .btn{width: max(120px,1.7rem);height: max(34px,0.4rem);box-shadow: 1.744px 0.24rem 0.26rem 0px rgba(49, 143, 2, 0.15);}
.proDet-params-btn .btn i{display: block;font-size: max(12px,0.14rem);margin-left: max(8px,0.12rem);}
.proDet-params-btn .btn:hover{background: #fff;color: #43c800;}
.proDet-params-right{width: 48%;}
.proDet-params-table td{padding: 9px 0;width: 70%;}
.proDet-params-table td.one{font-weight: 400;color: #666;width: 30%;}
.proDet-params-tips{width: 78%;}
.proDet-params-tips span{color: #43c800;}
.proDet-params-tips a{font-weight: 700;text-decoration: underline;transition: all .4s ease;}
.proDet-params-tips a:hover{color: #333;}
.proDet-app-slide{flex-direction: column;}
.proDet-app-slide .img-box .bg{width: 2.3rem;}
.proDet-app-slide .img-box .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 88%;height: 88%;border-radius: 50%;}
.proDet-app .abFZ-btn,.proDet-td .abFZ-btn{position: absolute;left: -0.6rem;top: 50%;transform: translateY(-50%);}
.proDet-app .abFZ-btn.next,.proDet-td .abFZ-btn.next{left: auto;right: -0.6rem;}
.proDet-app .abFZ-btn.next::before,.proDet-td .abFZ-btn.next::before{display: block;transform: rotate(180deg);}

.proDet-hot-swp .proItem{background: #fff;}
.proDet-hot-swp .proItem:hover{background: #f8f8f8;}

.proDet-show-con .options .right{width:150px;}
.proDet-show-con .list{align-items: center; padding:23px 0;border-bottom:1px dashed #e7e7e7;display:flex;justify-content: space-between;}
.proDet-show-con .extract .ext-btn{display:block;padding:10px 10px;text-align: center;line-height:20px;border: 1px solid #DCDCDC;color:#999999;margin-right:10px;font-size:18px;}
.proDet-show-con .list .option-select{margin-top:10px;}
.proDet-show-con .list .option-select .ext-btn{margin-bottom:10px;}
.proDet-show-con .extract .ext-btn:first-child{margin-right:10px;}
.proDet-show-con .extract .ext-btn.active{border: 1px solid #000;color:#000}
.proDet-show-con .quality .right{border: 1px solid #DCDCDC;}
.proDet-show-con .quality .right .btn{display:block;width:40px;height:40px;text-align: center;line-height:40px;font-size:20px;}
.proDet-show-con .quality .right .num{border-left:1px solid #DCDCDC;text-align: center;border-right:1px solid #DCDCDC;}
.proDet-show-con .addcart{width:100%;height:88px;line-height:88px;text-align: center;background-color: #000;color:white;cursor:pointer}
.pro-content .nav{width:100%;height:60px;background: #F4F4F4;}
.pro-content .nav .contain{display:flex;justify-content: space-around;}
.pro-content .nav a{display:block;padding:0 10px; line-height:60px;font-size:20px;font-weight: 400;position: relative;}

/*.pro-content .nav a.active{border-bottom:2px solid #000;font-weight: 700;}*/

.pro-content .nav a.active::after{position:absolute;content:'';width:100%;height:2px;background-color: #000;left:0;bottom:5px;}

.first-screen .text{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;flex-direction: column;justify-content: center;}
.first-screen .text .title{font-size:1.6rem;}

.third-screen .text{position:absolute;left:35%;top:50%;height:100%;width:100%;}
.third-screen .text .kuang{border:1px solid #fff;width:4.8rem;height:.54rem;}

.four-screen .text{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;flex-direction: column;justify-content: center;}

.five-screen .title{color:#171717;}
.five-screen .five-btn{position:absolute;top:calc( 50% - 35px);width:70px;height:70px;background-color: #000;border-radius:50%;color:white;cursor:pointer}
.five-screen .five-btn.prev{left:-116px;}
.five-screen .five-btn.next{right:-116px;}
.five-screen .five-btn.next::before{transform:rotate(180deg);}
.option .xiala{align-items: center; cursor:pointer;}
.option i{display:block;transform: rotate(-90deg);margin-left:5px;}

.video-btn-pro{position:absolute;display:block;width:.8rem;left:calc( 50% - .4rem); top: calc( 50% - .4rem);z-index:10;}


/* ck4000 */
.choosetitle{color:#171717;}
.third-screen .ck_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
.four-screen .ck_text{position:absolute;left:0;top:0;height:100%;width:100%;text-align: center;}
.six-screen .ck_text{position: absolute;left:0;top:0;text-align: center;width:100%;height:100%;}
.left-thumbs .swiper-container{padding:0 40px;}
.five-screen .left-thumbs{width:60%;align-items: center;display:flex;padding:0 30px;}
.thumbs-year2 img{opacity: .5;}
.thumbs-year2.active img{opacity: 1;}
.five-screen .right-gallery{width:40%;padding-left:30px;}
.five-screen .ck-btn{position:absolute;top:calc( 50% - .8rem);width:.46rem;height:1.1rem;background-color: #f1f1f1;color:#000;cursor:pointer;z-index: 10;}
.five-screen .ck-btn.prevaa{left:0;}
.five-screen .ck-btn.nextaa{right:0;}
.five-screen .ck-btn.nextaa::before{transform:rotate(180deg);}
.info-pagination .swiper-pagination-bullet-active{background-color: #000;}

/* gr30000 */
.four-screen .gr_text{position:absolute;left:10%;top:50%;}
.five-screen .gr_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
.six-screen .six-btn{position:absolute;top:calc( 50% - 35px);width:70px;height:70px;background-color: #000;border-radius:50%;color:white;cursor:pointer}
.six-screen .six-btn.prev{left:-116px;}
.six-screen .six-btn.next{right:-116px;}
.six-screen .six-btn.next::before{transform:rotate(180deg);}

.seven-screen .gr_text{position: absolute;left:0;top:0;text-align: center;width:100%;height:100%;}

/* ss25000 */
.second-screen .sscontent{padding:10px;background-color: #fff;border-radius: 10px;}
.second-screen .sscontent .title{color:#00AFEC;border-bottom:1px solid #000;}
.five-subscreen .swiper-container{width:90%;margin:0 auto;}
.five-subscreen .six-btn{position:absolute;top:calc( 50% - 55px);width:48px;height:109px;background-color: #F1F1F1;color:#333;cursor:pointer}
.five-subscreen .six-btn.prev{left:10px;}
.five-subscreen .six-btn.next{right:30px;}
.five-subscreen .six-btn.next::before{transform:rotate(180deg);}
.six-subscreen .ss_text{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;}
.six-subscreen .ss_text .title2{width:4.6rem;height:.66rem;border-radius: 4.28rem;background-color: #0082E0;}

/* tp35000 */
.third-screen .tp_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
.seven-screen .six-btn{position:absolute;top:calc( 50% - 35px);width:70px;height:70px;background-color: #000;border-radius:50%;color:white;cursor:pointer}
.seven-screen .six-btn.prev{left:-116px;}
.seven-screen  .six-btn.next{right:-116px;}
.seven-screen  .six-btn.next::before{transform:rotate(180deg);}
.eight-screen .tp_text{position:absolute;right:15%;top:0;}

/* mt50000 */
.third-screen .mt_text{position:absolute;left:10%;bottom:30%;}
.four-screen .mt_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
.six-screen .mt_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
.seven-screen .mt-btn{position:absolute;top:calc( 50% - 35px);width:70px;height:70px;background-color: #000;border-radius:50%;color:white;cursor:pointer}
.seven-screen .mt-btn.prev{left:-116px;}
.seven-screen .mt-btn.next{right:-116px;}
.seven-screen .mt-btn.next::before{transform:rotate(180deg);}
.eight-screen .mt_text{position:absolute;text-align: center;left:0;top:0;width:100%;height:100%;}
/* .four-screen .text .con{width:600px;} */
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    
}

@media all and (max-width:1430px){
    /* 1360 */
}

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

@media all and (max-width:1270px){
    /* 1152 × (700) */
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
   .proDet-show-thumbs{height:270px;margin-top:30px;}
    .contact .content .left-con{width:100%;}
    .contact .content .right-con{width:100%;}
    .pro-nav{line-height:20px}
    .pagesBan-con{width:100%;}
    .brand .brand-list{width:100%;}
    .brand .brand-list .content{padding:0 10px;}
    .verify-form{width:100%;}
    .bottom-content{padding:100px 10px 90px 10px;}
    
    .lab-item .img{order:1;width:100%}
    .lab-item .item-text{order:2;width:100%;text-align:center;margin-top:10px;}
    .lab-item .item-text{padding-right:0px;}
    .lab-item:nth-child(even) .item-text{padding-left:0px;}
    .pro-term{width:100%;border:none;display:none}
    .pro-list{width:100%;padding-left:0;}
    .pro-list .list-item{width:100%;margin-left:0;}
    
    .proDet-show-swp{width:100%;}
    .proDet-show-con{width:100%;margin-top:20px}
    .proDet-show-btn.thumbs-next{bottom: -310px;}
    .proDet-show-thumbs-year{height:1.65rem;}
    
    .third-screen .text{left:20%;top:20%;}
    .third-screen .text .kuang{height:1rem;}

    .third-screen .mt_text{left:5%;bottom:10%;}
    .five-screen .left-thumbs{width:100%;order:2;margin-top:30px;}
    .five-screen .right-gallery{width:100%;order:1;padding-left:0;}
    .proDet-show-swp{height:330px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}