@charset "utf-8";
:root{--color:#009e95;--fontcolor:#222222}
.procate-list li{border-color:var(--color)}
.home-tit{color:var(--color)}
.honor .home-text,.honor .home-tit{color:#fff}
.logo{height:100%}
.nav .inmenu_1,.nav>li:hover>a,.searchicon{color:var(--color)}
.about-l lite-youtube{max-width:100%;height:100%}
.honor-list .down{display:none}
.newpro-list{justify-content:space-between}
.newpro-list li{width:24%;display:block}
.newpro-item-l{width:100%}
.newpro-item-r{width:100%;padding:10px 0}
.newpro-item-l img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.newpro-name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newpro-bref{margin:5px 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px}
@media (max-width:1024px){.newpro-list li{width:48%}
.newpro-bref{line-height:.35rem;height:1.05rem}}
.solution{background:#fff;margin:0 auto;padding:60px 0}
.solution .solution-text{max-width:55%;font-size:18px;margin:0 auto}
.solution .solution-text p>em{color:var(--color);font-style:unset}
.app-img img,.solution img{width:100%}
.app-title p{color:var(--color);font-size:32px;text-align:center;text-transform:capitalize}
.wmkc-application{background:#fff}
@media (max-width:1024px){.solution .solution-text{max-width:100%;padding:0 3%}}
@media (max-width:1024px){.solution .solution-text{font-size:16px}}
@media (min-width:1025px){.nav>li>a{position:relative;display:block;height:80px;line-height:80px;}
.nav>li>a:after{content:'';width:0;height:2px;background:#00a294;display:block;position:absolute;left:0;bottom:20px;transition: all .3s;z-index:9}
.nav>li#liHome{background: #8dbf20;}
.nav>li#liHome>a{color:#00a294;}
.nav>li:hover>a:after{width:100%;}
.nav>li#liHome>a:after{width:100%}
.nav>li:hover>a{color:#fff;background:#8dbf20}
.nav .submenu{background:#fff;}
.nav .submenu a{color:#000;}
.nav .submenu::before{display:none;}
.nav .submenu li:hover a{background: #8dbf20;;color:#fff;}
header.fixhead .nav>li>a{height:60px;line-height:60px;}
header.fixhead .nav>li>a:after{bottom:10px;}}
.repro .home-tit{padding-bottom:20px;}
.repro .home-tit:after{content: "";display: block;position: absolute;bottom:0;left: 50%;width: 60px;height: 3px;background:#00a294;transform: translateX(-50%);}
.repro .repro-cate{text-align: center;}
.news-list li>a{position:relative;position:relative;height:0;padding-bottom:100%;}
.news-list li>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.news-list .news-item-date{top:0;left:0;right:auto;background:#8dbf20;border-radius: 0;}
.news-list li:hover .news-item-date{background: #8dbf20;}
.news-cont .more a{text-transform: capitalize;display:block;transition: all .3s;}
.news-cont .news-bref{margin:10px 0;}
.news-cont .more a:hover{color:#00a294}
.l-wrap{max-width:1600px;margin:0 auto}
.home-title{text-align:center;margin-bottom:40px}
.home-title span{font-size:36px;font-weight:400;color:var(--fontcolor);padding-bottom:16px;position:relative}
.home-title span:after{content:"";display:block;position:absolute;top:100%;left:50%;width:60px;height:3px;background:var(--color);transform:translateX(-50%)}
@media screen and (max-width:769px){
.home-swiper{min-height:100px}
.home-swiper .swiper-prev,.home-swiper .swiper-next{width:6.1333333333vw;height:6.1333333333vw;margin-top:-3.0666666667vw}
.home-swiper .swiper-pagination-bullet{width:1.4666666667vw;height:1.4666666667vw;border:1px solid #FFF}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.8666666667vw;height:1.8666666667vw}}
.home-product{margin:50px auto}
.home-product-cate{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.home-product-cate>li:after{content:"/";color:#555;margin:0px 14px}
.home-product-cate>li:nth-last-child(1):after{content:""}
.home-product-cate a{color:#555;line-height:1.5em}
.home-product-cate a:hover{color:var(--color)}
.home-product-list{display:flex;flex-wrap:wrap;margin:0px -13px}
.home-product-list>li{width:25%;padding:0px 20px;margin-bottom:30px;box-sizing:border-box}
.home-product-list>li:nth-last-child(1){margin-bottom:0px}
.home-product-list .home-product-name{padding:6px 10px;background:var(--color);opacity:0;color:#FFF;max-width:80%;transform:translate3d(0,20px,0);transition:all .35s;overflow:hidden;text-overflow:ellipsis;line-height: 1.5;text-align: center;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.home-product-list .home-product-link{position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .35s ease;background:rgba(0,0,0,.1)}
.home-product-list .home-product-item:hover{box-shadow:0px 10px 15px 0px rgba(0,0,0,.05);border-color:var(--color)}
.home-product-list .home-product-item:hover .home-product-name{transform:translate3d(0,0,0);opacity:1}
.home-product-list .home-product-item:hover .home-product-link{opacity:1}
.home-product-list .home-product-item{padding-top:100%;position:relative;border:1px solid #EEE;box-sizing:border-box}
.home-product-list .home-product-item .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.home-product-list .home-product-item img{max-height:100%;max-width:100%}
@media screen and (max-width:769px){
.home-product{margin:10.6666666667vw 0}
.home-title span{font-size:22px;padding-bottom:8px}
.home-title span:after{width:8vw;height:2px}
.home-product-cate{margin-bottom:9.3333333333vw}
.home-product-list>li{width:50%;margin-bottom:5.3333333333vw}
.home-product-list .home-product-item{margin-bottom:4em}
.home-product-list .home-product-link{top:100%;width:100%;height:auto;opacity:1;background-color:var(--color);display:block;padding:4px 0px}
.home-product-list .home-product-name{padding:3px;opacity:1;max-width:100%;transform:none;transform:initial;-webkit-line-clamp:1;max-height:1.3em}
.home-product-list .home-product-item:hover{border-color:#EEE}}
@media screen and (max-width:767px){
.home-product-list>li{margin-bottom:4vw;padding:0vw 2vw}
.home-product-list{margin:0vw -2vw}}
.home-news{margin:50px 0px}
.home-news-list{display:flex;flex-wrap:wrap;margin:0px -15px}
.home-news-list>li{width:23%;margin:0px 1%;box-sizing:border-box}
.home-news-list .img-wrap{padding-top:67%;position:relative}
.home-news-list .news-img{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.home-news-list .news-img>img{max-width:100%;max-height:100%;transition:transform .4s ease}
.home-news-list .news-date{padding:5px 10px;position:absolute;background:var(--color);text-align:center;color:#FFF;top:0px;left:0px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-news-list .news-date>.day{font-size:20px;line-height:1.2}
.home-news-list .news-date>.mon{font-size:16px;line-height:1.2}
.home-news-list .news-title{width:100%;display:block;margin-top:10px;font-size:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.news-info{font-size:14px}
.home-news-list .news-intro{margin:10px 0px;font-size:16px;display:-webkit-box;color:#555;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;height:44px;overflow:hidden}
.home-news-list .news-intro a{color:#555}
.home-news-list .home-news-item:hover .news-img>img{transform:scale(1.08)}
.home-news-list .home-news-item:hover .news-title{color:var(--color)}
@media screen and (max-width:769px){
.home-news{margin:12vw 0vw 0vw}
.home-news .home-title{margin-bottom:6vw}
.home-news-list{margin:0px auto}
.home-news-list>li{width:100%;margin-bottom:8vw}
.home-news-list .news-title{margin-top:2vw}
.home-news-list .news-intro{margin:2vw 0vw 4vw 0vw}
.home-news-list .news-img>img{width:100%;height:auto}}
.home-partners{background:#F5F8F8}
.home-partners .l-wrap{position:relative}
.home-partners .swiper-next,.home-partners .swiper-prev{position:absolute;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;top:50%;margin-top:-20px;background:#FFF;transition:background .2s ease}
.home-partners .swiper-next .iconfont,.home-partners .swiper-prev .iconfont{color:var(--color);font-weight:bold;font-size:14px;transition:color .2s ease}
.home-partners .swiper-next:hover,.home-partners .swiper-prev:hover{background:var(--color)}
.home-partners .swiper-next:hover .iconfont,.home-partners .swiper-prev:hover .iconfont{color:#FFF}
.home-partners .swiper-prev{left:0px;right:auto}
.home-partners .swiper-next{right:0px;left:auto}
.home-partners .swiper-slide{padding:20px 15px;box-sizing:border-box;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.home-partners .swiper-slide img{max-width:100%}
.home-partners .swiper-slide:hover{box-shadow:0 1px 10px rgba(34,25,25,.1);border-radius:5px;transform:translateY(-2px)}
.partners-swiper{padding:20px 5px;margin:0px 80px;position:relative}
@media screen and (max-width:769px){
.partners-swiper{margin:0vw 8vw;padding:6vw 0vw}
.home-partners .swiper-next,.home-partners .swiper-prev{width:6.1333333333vw;height:6.1333333333vw;margin-top:-3.0666666667vw}
.home-partners .swiper-prev{left:4vw}
.home-partners .swiper-next{right:4vw}}
.home-certi{padding:80px 0px 50px;background:url(/uploads/34743/czg/certi_bg.jpg) no-repeat;background-size:cover}
.certi-swiper{padding:30px 0px 40px !important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:140%}
.certi-swiper .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%}
.certi-swiper .certi-name{padding:10px 0px;font-size:22px;text-align:center;color:#FFF}
.certi-swiper .certi-dot{width:10px;height:10px;background:#FFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide-active .certi-dot{display:none}
.certi-swiper .swiper-slide-active .certi-name{background:#FFF;color:var(--color);position:relative}
.certi-swiper .swiper-slide-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:#007f75}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFF;left:0px}
.partners-swiper .swiper-slide img{width: 100%;display: block;}
@media screen and (max-width:769px){
.home-certi{padding:10.6666666667vw 0 5.3333333333vw;overflow:hidden}
.certi-swiper .certi-name{font-size:15px;padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0vw 5.3vw !important}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0vw 4vw;padding:0px}}
.home-about{width:100%;overflow:hidden}
.home-about .about-item{display:flex}
.home-about .about-item>div{width:50%}
.home-about .about-con{padding:76px 165px 76px 30px;box-sizing:border-box}
.home-about .about-title{font-size:26px;margin-bottom:28px;padding-bottom:18px;position:relative;color: #8dbf20;}
.home-about .about-title:after{content:"";position:absolute;top:100%;left:0px;display:block;width:60px;height:3px;background:#FFF}
.home-about .about-article ul{margin-top:20px}
.home-about .about-article li{padding-left:35px;margin-bottom:16px;background:url(/uploads/34743/czg/about_li.png) no-repeat}
.home-about .about-icon-list{margin:40px 0px;display:flex}
.home-about .about-icon-list>li{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:50px;user-select:none}
.home-about .about-icon-list>li:hover .about-icon{transition:transform .5s ease-out;transform:rotateX(1turn) scale(1.1)}
.home-about .about-icon-list .about-icon{display:block;margin-bottom:8px;width:24px;height:24px;background:url(/uploads/34743/czg/about_icon.png) no-repeat}
.home-about .about-icon-list .icon2{background-position:-24px 0px}
.home-about .about-icon-list .icon3{background-position:-48px 0px}
.home-about .about-icon-list .icon4{background-position:-72px 0px}
.home-about .about-more{padding:8px 48px;border:2px solid #FFF;font-size:18px;display:inline-block;border-radius:999px;color:#FFF;transition:color .3s ease,background .3s ease}
.home-about .about-img{background-size:cover;background-repeat:no-repeat}
.home-about .item1 .about-con{color:#FFF;background:var(--color)}
.home-about .item1 .about-article{color:#AEE0DE}
.home-about .item1 .about-img{background-image:url(/uploads/34743/czg/about1.jpg)}
.home-about .item1 .about-more:hover{background:#FFF;color:var(--color)}
.home-about .item2 .about-con{padding:76px 30px 76px 165px}
.home-about .item2 .about-article{color:#555}
.home-about .item2 .about-img{background-image:url(/uploads/34743/czg/about2.jpg)}
.home-about .item2 .about-title:after{background:var(--color)}
.home-about .item2 .about-more{margin-top:40px;border-color:var(--color);color:var(--color)}
.home-about .item2 .about-more:hover{background:var(--color);color:#FFF}
@media screen and (max-width:1500px){
.home-about .about-con{padding:76px 80px 76px 30px}
.home-about .item2 .about-con{padding:76px 30px 76px 80px}}
@media screen and (max-width:1300px){
.home-about .about-item{flex-direction:column}
.home-about .about-item>div{width:100%}
.home-about .about-item .about-img{padding-top:40%}}
@media screen and (max-width:769px){
.home-title{margin-bottom:6vw}
.home-about .about-item .about-img{padding-top:80%}
.home-about .item2 .about-con,.home-about .item1 .about-con{padding:4vw}
.home-about .about-title{padding-bottom:10px;margin-bottom:3.7333333333vw;font-size:20px}
.home-about .about-title:after{width:8vw}
.home-about .item1 .about-article{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-bottom:8vw}
.home-about .about-icon-list{margin:0px 0px 10.6666666667vw;-ms-flex-pack:justify;justify-content:space-between}
.home-about .about-icon-list span{font-size:14px}
.home-about .about-icon-list>li{margin-right:0px}
.home-about .about-more{font-size:13px;padding:2.4vw 8vw}
.home-about .item2 .about-more{margin-top:8vw}
.home-about .about-article li{padding-bottom:4.8vw;margin-bottom:0px}}
@media (max-width:1024px) {
.home-swiper {min-height: auto;}
.logo {max-width: 100px;}
.l-wrap{padding: 0 30px;box-sizing: border-box;}
.home-title span{font-size: 26px;padding-bottom: 10px;}
.home-title{margin-bottom: 15px;}
.home-product-list>li{padding: 0 10px;margin-bottom: 20px;}
.home-product {margin: 30px auto;}
.home-about .about-con,.home-about .item2 .about-con{padding: 40px 30px;}
.certi-swiper .certi-name{font-size: 14px;}
.partners-swiper{margin: 0 35px;}
.home-news-list .news-title{font-size: 16px;}
.home-news-list .news-intro{font-size: 14px;}}
@media (max-width:768px) {
.home-product-cate {margin-bottom: 20px;}
.home-product-list .home-product-name{max-height: unset;text-align: center;line-height: 1.52;}
.home-product-list .home-product-item{margin-bottom: 2em;}
.home-about .about-icon-list{margin-bottom: 30px;}
.home-about .item1 .about-article{margin-bottom: 50px;}
.home-about .about-more{padding: 5px 25px;}
.home-news {margin: 5vw 0vw 0vw;}
.home-news-list .news-intro {margin: 2vw 0vw;}
.l-wrap {padding: 0 15px;}}
@media (max-width:450px) {
.certi-swiper .swiper-slide-active {transform: none;}
.home-product-cate a{font-size: 14px;}
.home-about .about-con, .home-about .item2 .about-con {padding: 20px;}}
.wmkc-wechat-img p{display: none !important;}