@charset "utf-8";
@import url(https://fonts.font.im/css?family=Philosopher);*{font-family:Philosopher,sans-serif!important}
.headtel{padding-right:40px}
footer{background:url(/uploads/32664/fbg.png) no-repeat center bottom}
.foot-b,.foot-t{background:0 0}
footer,footer a{color:#fff}
.copy,.copy a{color:#000}
.head-email a:hover{color:var(--color)}
body{font-family:new element}
@media (min-width:769px){.head-t-contact{width:78%}
.head-email{margin:0 15px}}
@media (max-width:768px){.head-email,.headtel{display:none}}
@media (min-width:1024px) and (max-width:1200px){.search-box{width:200px}}
a.floatwindow_mob i{background:url(/Content/C_IMG/Common/mob-b.png) no-repeat 0 center!important}
.floatwindow_im-tel li:hover a.floatwindow_mob i{background-image:url(/Content/C_IMG/Common/mob-b-w.png)!important}
@media(min-width:769px){#xyz ul{display:flex;flex-wrap:wrap;width:600px;position:absolute;right:0;z-index:-1;margin-top:35px;box-shadow:0 1px 4px rgb(0 0 0 / 13%);background:#fff}
#xyz ul li{width:200px}
#xyz ul li:nth-child(1){text-align:right;padding-right:35px;background:0 0;z-index:-1;position:absolute;top:-35px;right:0}
#xyz ul li:nth-child(1):hover{background:0 0}
#xyz .xyz12 li a{font-size:14px}
#xyz .xyz12 span{z-index:9999}
#xyz ul li:nth-child(1){width:auto}}
.our-switch{display:flex;justify-content:center}
.case-list li{width:15.5%;border-radius:0}
.headtel{background:0 0;padding:0}
.hcontact,.hcontact a,.head-email{color:#000}
.head-email:before,.headtel:before{content:'\e638';font-family:iconfont!important;color:#000;margin-right:5px}
.headtel:before{content:"\e8ec"}
.icon-whatsapp:before{content:"\e8ec"}
@media (min-width:769px){.logo img{max-width:70%}
.nav>li>a{font-size:20px}}
.newspage-text,.products-list-text{font-size:16px}
.our .our-act lite-youtube{max-width:100%;height:100%;width:100%;position:absolute;top:0;left:0}
.hotpro-img{min-height:0;height:0;padding-bottom:100%;position:relative}
.hotpro-img img{height:100%;position:absolute;top:0;left:0;object-fit:contain}
video{max-width:100%}
video#video{width:100%;min-height:inherit}
#swiper-about{margin-bottom:0}
.inner-banner .crumbs h1{display:none;}
.ab-tab-box{display:flex;justify-content:center;flex-wrap:wrap;}
.ab-tab-box>a{padding:10px 20px;background:var(--color);color:#fff;margin:0 15px;border-radius:5px;margin-bottom:15px;transition:all .3s}
.ab-tab-box>a:hover{transition: all 2s ease 0s;transform: rotate3d(0,1,0,360deg);}
@media (max-width:480px){.ab-tab-box>a{margin:0 10px 10px 0;padding:10px}   }
.cert-swiper .swiper-wrapper {flex-wrap:nowrap}
.aboutus-iframe .box{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.aboutus-iframe .box iframe{position:absolute;top:0;left: 0;width:100%;height:100%;}
.product {padding:80px 0 60px;background:var(--color);}
.product .home-title {color:#fff;margin-bottom:10px;line-height:1.3;}
.home-txt {text-align:center;color:#fff;margin-bottom:30px;font-size:20px;}
.pro_cat {display:flex;justify-content:space-evenly;margin-bottom:40px;}
.pro_cat li {width:30%;text-align:center;border-radius:10px;border:4px solid #fff;position:relative;background:#fff;overflow:hidden;}
.pro_cat li a {display:block;position:relative;width:100%;height:0;padding-bottom:100%;}
.pro_cat li:hover img {transform:scale(0.95);}
.pro_cat li img {width:100%;height:100%;object-fit:cover;opacity:.7;transition:.5s;position:absolute;top:0;left:0;border-radius:10px;}
.pro_cat li .hidebox {position:absolute;left:0;top:0;width:100%;height:100%;}
.pro_cat li .hidebox p {font-size:25px;font-weight:bold;line-height:1.3;margin-top:5vw;}
.pro_cat li .hidebox .duo {font-size:16px;width:150px;line-height:40px;color:#fff;border-radius:5px;background:var(--color);position:absolute;left:50%;bottom:110px;margin-left:-75px;}
@media (max-width:1200px) {.pro_cat li .hidebox .duo {bottom:80px}}
@media (max-width:1024px) {.pro_cat li .hidebox .duo {bottom:40px}}
@media (max-width:768px) {.pro_cat {display:block;}
.pro_cat li {width:100%;margin-bottom:20px}
.pro_cat li .hidebox {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.pro_cat li .hidebox p {font-size:22px;margin:0 0 25px;}
.pro_cat li .hidebox .duo {position:static;margin:0;}}
@media (max-width:560px){.product{padding:40px 0 20px}
.home-txt{font-size:16px}}
.about-us .container{max-width: 100%;}
.about-us .kche-wrap-width{max-width:1400px}
.wmkc-core-box{background:url(/uploads/32664/rese-bg.png) no-repeat center;background-size: cover;padding:3% 0;position: relative;}
.wmkc-core-box a{width:100%;display:block;z-index:2;position:relative}
.wmkc-core-box .wmkc-core-inner{display: flex;align-items:center;justify-content: space-around;max-width:1550px;margin:0 auto;position: relative;z-index:2;}
.wmkc-core-box .wmkc-core-inner .left,.wmkc-core-box .wmkc-core-inner .right{width:20%;text-align: center;}
.wmkc-core-box .wmkc-core-inner .left .img,.wmkc-core-box .wmkc-core-inner .right .img{overflow: hidden;border-radius: 50%;}
.wmkc-core-box .wmkc-core-inner .left .img img,.wmkc-core-box .wmkc-core-inner .right .img img{transition: all .3s linear;border-radius: 50%;width:100%;display:block}
.wmkc-core-box .wmkc-core-inner .left:hover .img img,.wmkc-core-box .wmkc-core-inner .right:hover .img img{transform: scale(1.1);}
.wmkc-core-box .wmkc-core-inner .middle{z-index:3;width:50%;text-align: center;position: relative;padding:90px}
.wmkc-core-box .wmkc-core-inner .middle .img{position: relative;width: 100%;height: 0;padding-bottom: 100%;background: url(/uploads/32664/rese-mid.png) no-repeat center;background-size: 102% 102%;box-shadow: 0px 0px 12px rgba(4,34,23,0.35);border-radius: 50%;z-index:4;}
.wmkc-core-box .wmkc-core-inner .middle p a,.wmkc-core-box .wmkc-core-inner .left a,.wmkc-core-box .wmkc-core-inner .right a{color:#fff;z-index:4;}
.wmkc-core-box .wmkc-core-inner .middle:before{content: " ";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/uploads/32664/circle-out.png) no-repeat center;background-size: 100% 100%;animation: circle_out 20s linear infinite;}
.wmkc-core-box .wmkc-core-inner .middle:after{content: " ";position: absolute;left: 45px;right: 45px;top: 45px;bottom: 45px;background: url(/uploads/32664/circle-in.png) no-repeat center;background-size: 100% 100%;animation: circle_in 20s linear infinite;}
@keyframes circle_in{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes circle_out{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg)}
100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}
.wmkc-core-box .wmkc-core-inner .middle p{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;font-size:40px;font-weight:var(--fontbold7);z-index:2}
.wmkc-core-box .wmkc-core-inner p.text{color:#fff;font-weight:var(--fontbold7);font-size:28px}
.wmkc-carbon-box{background: url(/uploads/32664/carbon-bg.jpg) no-repeat center;background-size:cover;padding:5% 20px}
.wmkc-carbon-box .kche-t103 .kche-t103-title,.wmkc-carbon-box .kche-t103 .kche-t103-des,.wmkc-carbon-box .kche-t87 .kche-t87-info-list>.kche-info-item p,.wmkc-carbon-box .kche-t87 .kche-t87-content>.kche-info-r>.tit{color:#fff}
.wmkc-aboutus-cer-box{background:url(/uploads/32664/high-bg.jpg) no-repeat center;background-size:cover;padding:5% 20px}
@media (max-width:768px){
.wmkc-core-box .wmkc-core-inner .middle{padding:50px;}
.wmkc-core-box .wmkc-core-inner .middle:before{background-size: 90% 90%;}
.wmkc-core-box .wmkc-core-inner .middle:after{left:30px;right:30px;top:30px;bottom:30px;}
.wmkc-core-box .wmkc-core-inner .middle p{font-size:30px;}
.wmkc-core-box .wmkc-core-inner p.text{font-size:18px;}
.wmkc-carbon-box .kche-t87 .kche-t87-content>.kche-info-r{margin-top:0;}}
@media (max-width:550px){.wmkc-core-box .wmkc-core-inner{flex-direction: column;}
.wmkc-core-box .wmkc-core-inner .left, .wmkc-core-box .wmkc-core-inner .right,.wmkc-core-box .wmkc-core-inner .middle{width:100%;}
.wmkc-core-box .wmkc-core-inner .left .img img, .wmkc-core-box .wmkc-core-inner .right .img img{margin:0 auto;width:70%;}}
@media (min-width:769px){p.gotop{bottom:70px}}
section.case>a{display:block;width:100%}
.case .case-top-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding:10px}
.case .case-top-list .case-top-item{width:15.5%;}
.case .case-top-list .case-top-item .img{overflow: hidden;}
.case .case-top-list .case-top-item .img img{width:100%;display: block;transition: all .3s;}
.case .case-top-list .case-top-item .img img:hover{transform: scale(1.05);}
@media (max-width:1024px){.case .case-top-list .case-top-item{width:32%;margin-bottom:10px}}
.about .home-title p{position:relative;overflow:hidden;width:0;margin:0 auto;white-space:nowrap;animation:width 2s steps(13) forwards}
.about .home-title p::after{content:"";position:absolute;right:0;border-right:1px solid #000;animation:showInfinite .5s 5 both}
.about .home-title p:nth-child(1){animation-delay:0s}
.about .home-title p:nth-child(2){animation-delay:2s}
.about .home-title p:nth-child(2)::after{animation-delay:2s}
.about .home-title p:nth-child(3){animation-delay:4s}
.about .home-title p:nth-child(3)::after{animation-delay:2s}
.about .home-title p:nth-child(4){animation-delay:6s}
.about .home-title p:nth-child(4)::after{animation-delay:2s}
.about .home-title p:nth-child(5){animation-delay:8s}
.about .home-title p:nth-child(5)::after{animation-delay:8s;animation:showInfinite .5s infinite both}
@keyframes width{0%{width:0}
100%{width:13em}}
@keyframes showInfinite{0%{opacity:1}
100%{opacity:0}}
.activities .honor-title{font-size:20px;color:var(--color);margin-bottom:20px}
.activities .honor-list{overflow:hidden;border-top:1px solid #f2f2f2}
.honor-list{display:flex;flex-wrap:wrap}
.honor-li{display:block;width:33%;padding:15px 0;position:relative}
.honor-li:before{content:" ";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#f2f2f2}
.honor-li:after{content:" ";position:absolute;bottom:0;right:0;top:0;width:1px;background-color:#f2f2f2}
.honor-li:nth-child(3n)::after{width:0}
.honor-li-img{height:137px;min-height:137px;max-height:137px;position:relative}
.honor-li-img .img-box{position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.honor-li-img .img-box img{display:block;max-width:85%;max-height:137px;margin:0 auto}
.honor-li:hover .honor-li-img img{-webkit-transform:rotate3d(0,1,0,360deg);-moz-transform:rotate3d(0,1,0,360deg);transform:rotate3d(0,1,0,360deg);transition:-webkit-transform 2s ease-in-out;transition:-moz-transform 2s ease-in-out;transition:all 2s ease 0s}
.honor-list .honor-li .honor-li-text1{padding:0 10px;color:#333;font-weight:bold;font-size:18px;line-height:28px;margin-bottom:5px}
.honor-li .honor-li-text2{padding:0 10px;font-size:14px;color:#999;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:768px){
.honor-list .honor-li{width:50%}
.honor-li:after{width:0}
}
.exhibition-box{display:flex}
.exhibition-box .exhibition-img{width:1000px}
.exhibition-box .exhibition-swiper{height:100%;max-height:750px;padding-left:10px;flex:1}
.exhibition-box .exhibition-swiper .swiper-slide{height:288px}
.exhibition-box .exhibition-swiper .swiper-slide .exhibition-li-ts{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);width:100%;height:100%;color:#fff;justify-content:center;align-items:center;text-align:center}
.exhibition-box .exhibition-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover}
.exhibition-box .exhibition-swiper .swiper-slide.active .exhibition-li-ts{display:flex}
@media (max-width:1366px){
.exhibition-box .exhibition-swiper .swiper-slide{height:200px}
}
@media (max-width:1280px){
.exhibition-box{flex-wrap:wrap}
.exhibition-box .exhibition-img,.exhibition-box .exhibition-swiper{width:100%}
.exhibition-box .exhibition-img img{width:100%}
.exhibition-box .exhibition-swiper{padding-left:0;flex:auto}
.exhibition-box .exhibition-swiper .swiper-slide{height:auto}
.exhibition-box .exhibition-swiper .swiper-slide .exhibition-li-ts{font-size:12px}
}
@media (min-width:769px){.activities .honor-list2 .honor-li {width:25%;}
.activities .honor-list2 .honor-li:nth-child(3n)::after {width:1px}
.activities .honor-list2 .honor-li:nth-child(4n)::after {width:0px}}
.activities .honor-list .honor-li>a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
#contactfeed{padding-top:90px;margin-top:-60px;}
.head-t{background:url(/uploads/32664/page/p20240202092016e90b2.jpg);background-size:cover;}
.product{background-image:url(/uploads/32664/banner/2024112001021096383.jpg);background-size:100% auto;}
@media (min-width:769px){.search-box #txtSearch {background:none;border-bottom:1px solid #000;color:#000;font-weight:bold;}
.search-box #btnSearch {background:none;border-bottom:1px solid #000;}
.search-box #btnSearch i {color:#000;font-weight:bold;}
.search-box #txtSearch::-webkit-input-placeholder {color:#222;}
.search-box #txtSearch:-moz-placeholder {color:#222;opacity:1;}
.search-box #txtSearch:-ms-input-placeholder {color:#222;}}
@media (min-width:769px){.wmkc-carbon-box .kche-t103 .kche-t103-title:after {content:'';width:50%;height:auto;}
.kche-t103-l-titflex {display:flex;align-items:center;justify-content: space-between;}
.kche-t103-l-titflex-lef {width:50%;}
.kche-t103-l-titflex-rig {width:47%;}
.kche-t103 .kche-t103-l-titflex-lef .kche-t103-into {margin-bottom:0;}}
.kche-t103-l-titflex {margin-bottom:20px;}
.kche-t103-l-titflex-rig img {display:block;border-radius:12px;}
.siggle-page.about-us .kche-t208 .kche-t208-item{width:15.5%;display:flex;justify-content:center;align-items:center;padding:10px}
@media (max-width:1024px){.siggle-page.about-us .kche-t208 .kche-t208-item{width:32%}}
.head-t{background: none;}
 
section.service {padding:50px 0;}
.servicelist {display:flex;justify-content:space-between;}
.servicelist li {width:49%;position:relative;}
.servicelist li .servicepic {position:relative;width:100%;padding-bottom:65%;}
.servicelist li .servicepic img {display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.servicelist li .servicehoverpic {width:100%;height:100%;position:absolute;top:0;left:0;transition:.3s;opacity:0;}
.servicelist li .servicehoverpic img {width:100%;height:100%;object-fit:cover;object-position:top;}
.servicelist li .servicetit {position:absolute;top:0;right:0;padding:10px;font-weight:bold;font-size:24px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.servicelist li:nth-child(2) .servicetit {right:auto;left:0;}
.servicelist li:hover .servicehoverpic {opacity:1}
.home-title{line-height:1.3}
@media (max-width:768px){.servicelist li .servicetit{font-size:19px}}
@media (max-width:500px){section.service {padding:30px 0;}
.servicelist li .servicetit{font-size:17px;padding:5px}}
.home-title{color:var(--fontcolor)}

.write-text{color: #fff;}
.crumbs a,.page-tit p,.products-list-tit a,.relatedpro-tit,.pages-turn a,.newsdetails h1, .newsdetails h6,.crumbs,.activities .honor-title,.newspage-tit,.page-tit span,.pages-list span a,.newspage-item-tit a,.relatednews-tt a{color: #000;}
.prodetails-box-cont .page-tit{display:none;}