﻿@import url(https://js01.v15cdn.com/single-template/public.css);

.home-about .item1 .about-img {background-image: url(/Content/uploads/2025895513/20250901164628ae513c8161bc4b9cb442ea4dfa6effcb.jpg);}
.home-about .item2 .about-img {background-image: url(/Content/uploads/2025895513/2025090116463376a98e4c9082456cac053a7b0aabcda4.jpg);}
.wmkc-wrap{max-width:1500px;padding:50px;margin:0 auto}
.wmkc-science{padding:0 0 60px;}
.wmkc-science .wmkc-wrap1{max-width:1680px;padding:0 40px;margin:0 auto}
.wmkc-title{font-size:40px}
.wmkc-science .science-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmkc-science .science-title{position:relative;width:25%}
.wmkc-science .wmkc-title{position:relative;line-height:1;background:linear-gradient(to right,#2888ac 0,#2a2a2a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wmkc-science .science-text{width:70%;font-size:var(--fontsize14)}
.wmkc-science .science-text span{font-weight:700}
.wmkc-science .science-swiper-wrap{position:relative}
.wmkc-science .science-swiper{overflow:hidden}
.wmkc-science .science-swiper-btn1,.wmkc-science .science-swiper-btn2{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.2);z-index:1}
.wmkc-science .science-swiper-btn1{left:-20px}
.wmkc-science .science-swiper-btn2{right:-20px}
.wmkc-science .science-swiper-pagination{width:100%!important;transform:translateX(0)!important;text-align:center;margin-top:30px}
.wmkc-science .swiper-pagination-bullet-active{background:#000!important}
.wmkc-science .science-slide img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain;border:1px solid #eee}
@media (max-width:1700px){.wmkc-wrap{max-width:1300px;}
.wmkc-science .wmkc-wrap1{max-width:1480px;}}
@media (max-width:1500px){.wmkc-title{font-size:35px}
.wmkc-wrap{max-width:1230px;padding:40px 15px}
.wmkc-science .science-title{width:26%}
.wmkc-science .wmkc-wrap1{max-width:1280px;}}
@media (max-width:1300px){.wmkc-title{font-size:32px}
.wmkc-wrap{max-width:1150px;padding:30px 15px}
.wmkc-science .wmkc-wrap1{max-width:1130px;padding:0 30px}}
@media (max-width:990px){.wmkc-title{font-size:30px}
.science-title-img{transform:scale(.8)}}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize30)}
.wmkc-science .science-title{width:100%;margin-bottom:5px;text-align:center}
.wmkc-science .wmkc-title{line-height:inherit}
.wmkc-science .science-title-img{display:none}
.wmkc-science .science-text{width:100%}
.wmkc-science .wmkc-wrap1{padding:0 15px}
.wmkc-science .science-swiper-btn1,.wmkc-science .science-swiper-btn2{display:none!important}}
@media (max-width:500px){.wmkc-science{padding:0 0 30px 0;}
.wmkc-title{font-size:var(--fontsize26)}}
@media (max-width:390px){.wmkc-title{font-size:var(--fontsize22)}}
.home-certi .home-title{margin-bottom:20px}
.home-certi .home-title span{color:#fff;}
.home-certi .home-title span:after{background:#fff;}
.home-certi .home-des{color:#fff;margin:0 auto 30px;text-align:center;max-width:900px;}
.home-choose{position:relative;padding:3% 0;background-color:#DDDDDD}
.home-choose .choose-text{width:80%;text-align:center;margin:0px auto;margin-top:20px}
.home-choose .choose-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-choose .choose-list{display:flex;justify-content:space-between;margin-top:3%}
.home-choose .choose-list .item{height:auto;width:32%;border:1px solid #DDDDDD;border-radius:5px;overflow:hidden;position:relative;box-sizing:border-box;padding:30px;transition:all .2s ease}
.home-choose .choose-list .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-list .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-list .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center}
.home-choose .choose-list .item .item-text{margin:10px 0px}
.home-choose .choose-list .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-list .item .hover-item{background-color:var(--color);position:absolute;width:100%;height:100%;left:0px;top:0px;box-sizing:border-box;padding:40px;z-index:10;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;opacity:0}
.home-choose .choose-list .item .hover-item .item-tit{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .item-text p{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .read-more{background-color:#FFFFFF;color:var(--color);border-radius:5px;width:110px;box-sizing:border-box;padding:6px 0px;display:inline-flex;align-items:center;justify-content:center}
.home-choose .choose-list .item:hover{transform:translateY(-10px);border-color:transparent}
.home-choose .choose-list .item:hover .hover-item{opacity:1}
.home-choose .choose-container{display:flex;justify-content:space-between;margin-top:10px}
.home-choose .choose-container .item{height:auto;width:24%;border:1px solid #DDDDDD;border-radius:5px;overflow:hidden;position:relative;box-sizing:border-box;padding:20px;transition:all .2s ease}
.home-choose .choose-container .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-container .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-container .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center;line-height:1.3}
.home-choose .choose-container .item .item-text{margin:10px 0px}
.home-choose .choose-container .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-container .item:hover{transform:translateY(-10px);background:var(--color);color:#fff}
.home-choose .choose-container .item:hover em{color:#fff;}
.home-choose .choose-container .item:hover .item-tit{color:#fff;}
.home-choose .choose-container .item:hover .item-text p{color:#fff;}
@media (max-width:1080px) and (min-width:769px){.home-choose .choose-container .item{width:49%;}
.home-choose .choose-container .item:nth-child(n+3){margin-top:20px}
.home-choose .choose-container{flex-wrap:wrap}}
@media(max-width:768px){.home-choose{padding:30px 0px}
.home-choose .home-title{margin-bottom:20px}
.home-choose .swiper-container{padding-bottom:40px}
.home-choose .swiper-pagination{bottom:10px}
.home-choose .choose-text{width:100%}
.home-choose .choose-list .item{padding:20px}
.home-choose .choose-list .item .hover-item{padding:20px}
.home-choose .choose-container .item{padding:20px}
.home-choose .choose-container .item .hover-item{padding:20px}}
@media(max-width:500px){.home-choose .choose-list .item .item-tit{font-size:var(--fontsize20)}
.home-choose .choose-container .item .item-tit{font-size:var(--fontsize20)}}
.home-hbavideo{position:relative}
.home-hbavideo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.home-hbavideo video{width:100%;min-height:initial;vertical-align:bottom}
.home-hbavideo .hba{position:absolute;top:30%;left:10%;z-index:2}
.share-modify{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.3);z-index:9999}
.share-modify-pro{width:50%;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);height:500px;background:#fff;padding:50px}
.share-modify-guan{position:absolute;top:20px;right:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f07f00;transition:all .1s linear;z-index:99999}
.share-modify-guan em{width:20px;height:3px;background-color:#fff;border-radius:3px;position:absolute}
.share-modify-guan em:first-child{top:17px;transform:rotate(45deg)}
.share-modify-guan em:last-child{bottom:20px;transform:rotate(-45deg)}
.bainquiry{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.hba .title{color:#fff;font-size:52px}
/*.hba .text{display:flex}*/
.hba .text span{color:#fff;font-size:20px;margin-right:20px}
.hba .more{display:inline-block;background:var(--color);padding:8px 30px;border-radius:10px;transition:all .3s ease;color:#fff;font-style:italic;font-weight:var(--fontbold6);font-size:20px;margin-top: 5%;cursor: pointer;}
@media(max-width:768px){.hba .title{font-size: 20px;line-height:1.4}
.hba .text span{font-size:14px;}
.hba .more{font-size: 16px;padding: 3px 15px;}
.share-modify-pro{width:100%;}
.home-hbavideo .hba{top:10%;}}
.home-certi .l-wrap{padding:0 10px}
.home-certi .our-swiper-wrap{position:relative;padding:0 20px}
.home-certi .our-swiper{overflow:hidden;padding:15px 0}
.home-certi .our-swiper .our-slide img{width:100%;box-shadow:0 0 10px rgba(0,0,0,.4)}
.home-certi .our-swiper .swiper-slide{height:auto;display:flex;flex-direction:column}
.home-certi .our-swiper .swiper-slide>div{background:#fff;flex:1;padding:10px 6px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize16);text-transform:capitalize;line-height:1.4}
.home-certi .our-swiper-btn1,.home-certi .our-swiper-btn2{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.2);z-index:1}
.home-certi .our-swiper-btn1{left:-42px}
.home-certi .our-swiper-btn2{right:-42px}
.home-certi .our-btn{text-align:center;margin-top:50px}
.home-certi .our-btn a{display:inline-block;font-style:italic;padding:8px 30px;border-radius:10px;border:1px solid #2c2c2c;transition:all .3s ease}
.home-certi .our-btn a:hover{border-color:#fff;background:#fff;border:1px solid var(--color)}
@media (max-width:1200px){.home-certi .l-wrap{padding:0 50px}}
@media (max-width:768px){.home-certi .l-wrap,.home-certi .our-swiper-wrap{padding:0}}
@media (max-width:1024px){.home-certi .our-swiper-btn1,.wmkc-our .our-swiper-btn2{width:36px;height:36px}
.home-certi .our-swiper-btn1{left:-30px}
.home-certi .our-swiper-btn2{right:-30px}
.home-certi .our-top{margin-bottom:40px}
.home-certi .our-btn{margin-top:30px}}
@media (max-width:990px){.home-certi .our-title{width:30%}
.home-certi .our-title-img{top:10%;left:22%;transform:scale(.8)}}
@media (max-width:768px){.home-certi .our-top{margin-bottom:25px}
.home-certi .our-title{width:100%;margin-bottom:5px;text-align:center}
.home-certi .our-title-img{position:relative;top:0;left:0;margin-top:5px}
.home-certi .our-text{width:100%}
.home-certi .our-btn a{padding:4px 20px}
.home-certi .our-swi-btn{display:flex;justify-content:center;align-items:center;margin-top:40px}
.home-certi .our-swiper-btn1,.home-certi .our-swiper-btn2{position:static;display:flex;margin:0 10px}}
@media (max-width:500px){.home-certi .our-top{margin-bottom:15px}
.home-certi .our-btn a{padding:4px 16px}
.home-certi .our-btn{margin-top:20px}}
.home-product-list .home-product-name{max-height:inherit;padding-top:3px;padding-bottom:3px;}

.wmpage167-page5{position:relative;overflow:hidden}
.wmpage167-page5-mySwiper{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage167-page5-mySwiper::after{content:'';position:absolute}
.wmpage167-page5-mySwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.wmpage167-page5-title .wmpage-title{text-align:center;position:relative;display:inline-block;padding-bottom:5px;line-height:1;margin-bottom:15px}
.wmpage167-page5-title{margin-bottom:35px;display:flex;flex-direction:column;align-items:center}
.wmpage167-page5-title .wmpage-title::after{position:absolute;content:'';background:var(--color);border-radius:20px;width:100%;height:35%;left:0;bottom:0;background-repeat:no-repeat;z-index:-1;opacity:.4}
.wmpage167-page5-mySwiper .swiper-slide img{position:relative;opacity:1;transition:all .5s ease;aspect-ratio: 4 / 3;object-fit: contain;}
.wmpage167-page5-mySwiper .swiper-slide:hover img{opacity:.4;transform:scale(1.03)}
.wmpage167-page5-title span{position:relative;display:block;font-size:14px;color:#c6a47e;line-height:20px;font-weight:var(--fontbold3);margin-bottom:1px;text-transform:uppercase}