@charset "utf-8";
:root{--headercolor:#ffffff}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content{height:auto;}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text{padding-top:0px;}
@media (max-width: 769px) {.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li{height:auto;}}
@media(min-width:769px){header .header-nav .header-nav-logo img{max-height: 90px;}}
body {padding-top:146px;}
header .header-info{background:var(--color)}
.index-main{top:0;margin-bottom:30px}
.index-main .swiper-container{margin-top:0}
.inner-banner{height:auto!important;margin:0!important}
.breadcrumbs-nav{margin-top:0!important}
@media (max-width:960px){body {padding-top:134px;}}
@media (max-width:768px){body {padding-top:55px;}}
@media (min-width:961px){body {padding-top:126px}
header .header-nav {height:100px;}
header .header-nav .header-nav-logo a {display:flex;align-items:center;height:100%;}
header .header-nav .header-nav-logo img {max-height:90%}}
header .header-nav .header-nav-list{height:100%;}
@media (max-width:769px){.knowledges-main .breadcrumbs-nav {display:flex;padding:0px .3333rem;}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages {display:flex;flex-wrap: wrap;margin-top: 25px;height: auto;}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages span, .knowledges-main .knowledges-container .knowledges-main .knowledges-pages a{margin:5px}
.knowledges-main .breadcrumbs-nav .breadcrumbs-text{display:none}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content a{font-size:14px}}
header .header-nav {background:#fff}
header .header-nav .header-nav-list ul li a:hover,header .header-nav .header-nav-list ul li a {color:var(--color);opacity:1}
header .header-nav .nav-btn span {background:#000;}
@media screen and (max-width:960px){header .header-nav .header-nav-list,header .header-nav .header-nav-list ul li,header .header-nav .header-nav-list ul li .submenu li,header .header-nav .header-nav-list ul{background:#fff}
header .header-nav .header-nav-list ul li{border-color:#ccc}
header .header-nav .header-nav-list ul li span:nth-of-type(1),header .header-nav .header-nav-list ul li span:nth-of-type(2){background:#000}
header .header-nav .header-nav-list ul li .submenu li a{color:var(--color)}}
@media (min-width:769px){header.headerscroll{border-bottom:1px solid #ccc}}
@media (min-width:961px){header .header-nav .header-nav-list>ul>li{padding:0}
header .header-nav .header-nav-list .nav>li>a{padding:0 15px;display: block;height:100%;width:100%;position:relative;}
header .header-nav .header-nav-list .nav>li>a:after{content:'';width:100%;height:3px;display:block;display: block;position: absolute;bottom:0;left:0;transition: all .5s;background: transparent;}
header .header-nav .header-nav-list .nav>li>a.inmenu_1:after,header .header-nav .header-nav-list .nav>li>a:hover:after{background: var(--color);}
header.headerscroll .header-nav {height:70px}
header.headerscroll .header-nav .header-nav-list ul li{line-height:70px}
.index-header .header-nav .header-nav-list ul li .submenu{top:100%}}
.index-main .advantage-container .more-btn+.content-wrap+.advantage-wrap{height:auto}
.index-main .more-btn+.content-wrap {padding-top:4%;}
.advantage-wraplist {display:flex;justify-content:space-between;flex-wrap:wrap;}
.advantage-wraplist li {width:24%;margin-top:20px;}
.advantage-wraplist li a {overflow:hidden;display:block;width:100%;}
.advantage-wraplist li .advantage-wrapitem{position:relative}
.advantage-wraplist li .advantage-wrappic{overflow:hidden;}
.advantage-wraplist li a img {width:100%;transition:.3s;display:block;}
.advantage-wraplist li:hover a img {transform:scale(1.05)}
.advantage-wraplist li .advantage-wrappop{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);transition:all .5s ease;color:#fff;padding:20px;display:flex;align-items:center;}
.advantage-wraplist li .advantage-wrappop p{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;}
.advantage-wraplist li:hover .advantage-wrappop{opacity:1}
.advantage-wraplist li .advantage-wraptit{text-align:center;font-weight:bold;font-size:18px;margin-top:6px}
@media (max-width:1200px){.advantage-wraplist li .advantage-wrappop p{-webkit-line-clamp:7;}}
@media (max-width:900px){.advantage-wraplist li .advantage-wrappop p{-webkit-line-clamp:6;}}
@media (max-width:768px){.index-main .more-btn+.content-wrap {padding-top:30px;}
.advantage-wraplist li {width:48%;margin-top:10px;}
.advantage-wraplist li .advantage-wrappop p{-webkit-line-clamp:9;}}
@media (max-width:500px){.advantage-wraplist li .advantage-wrappop p{-webkit-line-clamp:6;}
.advantage-wraplist li .advantage-wraptit{font-size:15px}}
@media (min-width:769px){footer .contact-container{flex-wrap:nowrap}
footer .contact-container .contact-us{width:23%;}}
@media (min-width:769px) and (max-width:1280px){footer .contact-container .contact-qr-code{width:12%;margin-top:0;}
footer .contact-container .contact-us{margin-top:0;}}
@media(min-width:769px){.breadcrumbs-nav {margin-top: 25px !important;}}
.product-main .product-container .product-left .product-lastest-products ul li .product-img>a{display: block;width: 100%;height: 100%;position: relative;padding-bottom: 100%;}
.product-main .product-container .product-left .product-lastest-products ul li .product-img>a img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: contain;}
.product-main .product-container .product-left .product-lastest-products ul li{height:auto;}
.product-main .product-container .product-left .product-lastest-products ul li .product-img{height:auto;}
.wmkc-prodetail-sscsaboutus-box{background:#EFEFEF;max-width:1240px;margin:0 auto;padding:25px}
.wmkc-prodetail-sscsaboutus-box .icon-box{display:flex;margin-bottom:10px;align-items:center;}
.wmkc-prodetail-sscsaboutus-box .icon-box .title{color:var(--fontcolor);font-size:40px;font-weight:var(--fontbold7);margin-left:15px;}
.wmkc-prodetail-sscsaboutus-box .des{color:#555}
.wmkc-prodetail-sscsaboutus-box .more a{background: var(--color);color:#fff;display:block;text-align:center;padding:10px 0;border-radius: 7px;font-weight:var(--fontbold7);transition: all .3s;text-transform: uppercase;margin-top:10px;}
.wmkc-prodetail-sscsaboutus-box .more a:hover{background: var(--fontcolor);}
@media (max-width:768px){.wmkc-prodetail-sscsaboutus-box{padding:15px;}
.wmkc-prodetail-sscsaboutus-box .icon-box .title{font-size:26px;}}
.detaillink {position:relative;}
a.detaillinkbtn {position:absolute;bottom:45%;width:20%;height:6%;left:50%;transform:translateX(-50%);}
.index-main .swiper-container .swiper-button-next, .index-main .swiper-container .swiper-button-prev{color:#fff}
.index-main .swiper-pagination-bullet{background:#fff;opacity:.5}
.index-main .swiper-pagination-bullet-active{background:#fff;opacity:1}
.whatapp-im{display: flex;justify-content: space-between;}
.wmkc-list>li:hover .wmkc-itemcont{height: auto !important;}