﻿@import url(https://css02.v15cdn.com/m421/swiper.css);@import url(https://css02.v15cdn.com/m432/aos.css);.home-banner #banner-swiper{height:auto;min-height:initial}
.home-banner .swiper-pagination{display:block}
.home-banner .swiper-slide{height:auto}
.home-banner .swiper-slide a{display:block;width:100%;height:100%}
.home-banner .swiper-slide a img{width:100%;height:100%;object-fit:cover}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{background:0 0;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--fontcolor);transition:all .1s linear}
.home-banner .swiper-button-next::after,.home-banner .swiper-button-prev::after{display:none}
.home-banner .swiper-button-next:hover,.home-banner .swiper-button-prev:hover{background:var(--color);color:#fff}
.home-banner .swiper-button-next i,.home-banner .swiper-button-prev i{font-size:var(--fontsize26)}
.home-banner .swiper-button-next{right:80px}
.home-banner .swiper-button-prev{left:80px}
.home-banner .swiper-pagination-bullet{width:12px;height:12px}
.home-banner .swiper-pagination-bullet-active{background:var(--color)}
.home-banner .slide-pc,.home-banner .slide-pc img{display:block!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:none!important}
@media(max-width:1024px){.home-banner #banner-swiper{min-height:inherit}}
@media(max-width:768px){.home-banner .slide-pc,.home-banner .slide-pc img{display:none!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:block!important}
.home-banner .swiper-button-next{right:10px;width:30px;height:30px;display:none}
.home-banner .swiper-button-prev{left:10px;width:30px;height:30px;display:none}
}
.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{position:relative;padding:4% 0}
.wmkc-wrap{max-width:1600px;margin:0 auto;padding:0 20px}
.wmkc-title{position:relative;color:#333;font-size:33px;font-weight:500}
.wmkc-des{color:#555;font-size:var(--fontsize17);line-height:1.5;text-align:center}
@media (max-width:1024px){.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{padding:40px 0}}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize30)}}
@media (max-width:500px){.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{padding:30px 0}
.wmkc-title{font-size:var(--fontsize26)}
.wmkc-des br{display:none}
}
.wmkc-about .wmkc-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmkc-about .about-info{width:46%}
.wmkc-about .about-info .wmkc-title{display:inline-block}
.wmkc-about .about-info .wmkc-title::after{content:'';position:absolute;bottom:0;left:73%;width:15%;height:2px;background:var(--color)}
.wmkc-about .about-info .info{margin:20px 0 60px;color:#555;font-size:var(--fontsize17);line-height:1.5}
.wmkc-about .about-info .info p{margin-bottom:20px}
.wmkc-about .about-info .info p:last-child{margin-bottom:0}
.wmkc-about .about-info .more{display:inline-block;padding:10px 30px;color:#fff;font-size:var(--fontsize17);background:var(--color);line-height:1.5}
.wmkc-about .about-video{position:relative;width:50%}
.wmkc-about .about-video .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%;cursor:pointer}
.wmkc-about .about-video .video-btn em{display:inline-block;padding:10px;color:var(--color);font-size:var(--fontsize30);line-height:1}
.wmkc-about .about-video .video-btn::before{content:'';position:absolute;background:#fff;border-radius:50%;z-index:-1;animation:aboutanimate 3s linear infinite}
@keyframes aboutanimate{0%{width:100%;height:100%;top:0;left:0;opacity:.5}
50%{width:calc(100% + 10px);height:calc(100% + 10px);top:-5px;left:-5px;opacity:.5}
100%{width:calc(100% + 20px);height:calc(100% + 20px);top:-10px;left:-10px;opacity:0}
}
.wmkc-about .about-video iframe{width:100%;height:100%;vertical-align:bottom}
@media (max-width:1280px){.wmkc-about .about-info .info{margin-bottom:40px}
}
@media (max-width:768px){.wmkc-about .about-info{width:100%;margin-bottom:25px}
.wmkc-about .about-info .info{margin:10px 0 20px}
.wmkc-about .about-info .info p{margin-bottom:10px}
.wmkc-about .about-video{width:100%;aspect-ratio:1.7}
}
@media (max-width:500px){.wmkc-about .about-info{margin-bottom:15px}
.wmkc-about .about-info .info{font-size:var(--fontsize16);margin:10px 0}
.wmkc-about .about-info .more{font-size:var(--fontsize16);padding:8px 20px}
}
.wmkc-hotpro{background:#f8f9fd}
.wmkc-hotpro .wmkc-title{padding-bottom:5px;text-align:center}
.wmkc-hotpro .wmkc-title::after{content:"\2000\2000";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:44px;height:6px;color:var(--color);text-decoration:overline;text-decoration:overline wavy}
.wmkc-hotpro .wmkc-des{margin:20px 0 50px}
.wmkc-hotpro .hotpro-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-hotpro .hotpro-list li{width:23.5%;background:#fff;box-shadow:0 5px 6px 1px rgba(213,215,223,.56);display:flex;flex-direction:column;justify-content:space-between}
.wmkc-hotpro .hotpro-list .li-img{display:block;overflow:hidden}
.wmkc-hotpro .hotpro-list .li-img img{width:100%;transition:all .3s ease}
.wmkc-hotpro .hotpro-list li:hover .li-img img{transform:scale(1.03)}
.wmkc-hotpro .hotpro-list .li-info{flex:1;padding:25px 25px 40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}
.wmkc-hotpro .hotpro-list .li-info .title{color:#333;font-size:var(--fontsize20);line-height:1.3;transition:color .3s ease}
.wmkc-hotpro .hotpro-list .li-info .more{margin-top:25px;display:inline-block;padding:8px 25px;color:#fff;background:var(--color);border-radius:3px;line-height:1;transition:background .3s ease}
.wmkc-hotpro .hotpro-list li:hover .li-info .title{color:var(--color)}
.wmkc-hotpro .hotpro-list .li-info .more:hover{background:var(--color)}
@media (max-width:1280px){.wmkc-hotpro .hotpro-des{margin:20px 0 30px}
.wmkc-hotpro .hotpro-list .li-info{padding:20px 20px 30px}
}
@media (max-width:990px){.wmkc-hotpro .hotpro-list li{width:48.5%;margin-bottom:20px}
.wmkc-hotpro .hotpro-list li:nth-last-child(-n+2){margin-bottom:0}
}
@media (max-width:768px){.wmkc-hotpro .hotpro-des{margin:10px 0 20px}
.wmkc-hotpro .hotpro-list .li-info{padding:15px 15px 20px}
.wmkc-hotpro .hotpro-list .li-info .more{margin-top:15px}
}
@media (max-width:500px){.wmkc-hotpro .hotpro-list li{margin-bottom:10px}
.wmkc-hotpro .hotpro-list .li-info .title{font-size:var(--fontsize16)}
}
.wmkc-content1 .content1-img img{width:100%}
@media (max-width:768px){.wmkc-content1 .content1-img{margin-top:20px}}
.wmkc-video .wmkc-title{text-align:center}
.wmkc-video .video-swiper{margin-top:25px;padding-bottom:60px}
.wmkc-video .swiper-slide{transform:scale(.7) translateX(-80%);transition:all .3s ease}
.wmkc-video .swiper-slide.swiper-slide-prev{transform:scale(.7) translateX(-75%)}
.wmkc-video .swiper-slide.swiper-slide-active{transform:scale(1.1) translateX(-55%)}
.wmkc-video .swiper-slide.swiper-slide-next{transform:scale(1.1) translateX(-45%)}
.wmkc-video .swiper-slide iframe{width:100%;aspect-ratio:1.56;vertical-align:bottom}
.wmkc-video .video-swiper .swiper-pagination{bottom:0}
.wmkc-video .video-swiper .swiper-pagination-active{background:var(--color);opacity:1}
@media (max-width:990px){.wmkc-video .swiper-slide,.wmkc-video .swiper-slide.swiper-slide-prev .wmkc-video .swiper-slide.swiper-slide-active{transform:scale(1)!important}}
@media (max-width:768px){.wmkc-video .video-swiper{margin-top:15px}}
.wmkc-content2{position:relative;padding-bottom:3%}
.wmkc-content2 .wmkc-title{text-align:center}
.wmkc-content2 .wmkc-des{margin:5px auto 0;max-width:830px}
@media (max-width:1024px){.wmkc-content2{padding-bottom:30px}}
@media (max-width:768px){.wmkc-content2{padding:20px 0}}
.popwindow-iframe{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:21474836471;display:none}
.popwindow-flex{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.popwindow-flex iframe{max-width:90vw;max-height:calc(100% - 150px);width:100%;height:100%}
span.popwindow-close{cursor:pointer;color:#fff;position:absolute;right:20px;top:20px}
span.popwindow-close em{font-size:40px;line-height:1;font-weight:700}
@media (max-width:768px){.popwindow-flex iframe{max-width:92vw;max-height:calc(100% - 120px)}
span.popwindow-close{right:10px;top:20px}
span.popwindow-close em{font-size:30px}
}
.wmkc-about .about-video iframe {display:block;aspect-ratio:16/9}
.wmkc-des a{text-decoration:underline}
.wmkc-des a:hover{color:var(--color)}
.home-banner .swiper-slide a img{max-height:calc(100vh - 118px);}

.home-banner .swiper-slide a img{display:block;}
.home-service .service-wrap .service-item .text {display:block}
.home-service .service-wrap .service-item .bg img{filter:brightness(18);}
.home-application .applist .item .icon img{height:47px;width:auto;}
.home-application .applist .item .pic img{display:block;aspect-ratio:15/17;object-fit:cover;}
.home-static .list li .inner{text-align:center;}
.home-static .list li .icon{margin-top:auto}
.home-video .videowrap .title{min-height:60px;height:auto;padding:10px;flex:1;line-height:1.5;}
.home-video .videowrap .videoitem{display:flex;flex-direction:column;}
.home-gallery{padding:40px 20px 40px}
.gallery-list{position:relative;padding:0 80px;}
#gallery-swiper .swiper-slide img{display:block;aspect-ratio:1/1;object-fit:contain}
#gallery-swiper .swiper-slide:not(.swiper-slide-active) img{transform:scale(.55)}
.gallery-prev,.gallery-next{border:none;background:none!important}
.gallery-next i,.gallery-prev i{font-size:32px;font-weight:bold;color:var(--color)!important}
#gallery-swiper{padding-bottom:35px}
.home-gallery .swiper-pagination{display:block;bottom:0;}
@media (max-width:768px){.home-gallery{padding:30px 15px 20px}
.gallery-list{padding:0;}}

.home-banner .swiper-slide a img{max-height:none}
.home-banner .swiper-slide-active .ban1{animation:bannerup 1s forwards}
.home-banner .ban1{position:absolute;left:8.3%;z-index:1;opacity:0}
.home-banner .ban1.ban1-text{top:15%;width:30%;color:#fff;font-size:105px;font-weight:var(--fontbold7);line-height:1.1}
.home-banner .ban1.ban1-text span{color:#86c97d}
.home-banner .ban1.ban1-more{bottom:20%}
.home-banner .ban1.ban1-more .more{display:inline-block;color:#fff;background:#86c97d;border-radius:8px;padding:15px 30px 20px;font-size:var(--fontsize24);font-weight:700;line-height:1;transition:all .3s ease}
.home-banner .ban1.ban1-more .more:hover{opacity:.9}
@media (max-width:1920px){.home-banner .ban1.ban1-text{font-size:5.5vw}
.home-banner .ban1.ban1-more .more{font-size:1.3vw;padding:.8vw 1.7vw 1vw;border-radius:.5vw}
}
@media (max-width:1024px){.home-banner .ban1.ban1-more{bottom:18.5%}
.home-banner .ban1.ban1-more .more{font-size:1.5vw;padding:1vw 2vw 1.2vw;border-radius:.7vw}
}
@media (max-width:540px){.home-banner .ban1{top:17%}
.home-banner .ban1.ban1-text{font-size:5vw}
.home-banner .ban1.ban1-more{top:auto}
}

@keyframes bannerup{0%{margin-top:30px;opacity:0}
100%{margin-top:0;opacity:1}}
.banner-animote {top:50%;transform:translateY(-50%);color:#fff;width:36%;left:15%;padding:0;text-transform:inherit;font-weight:inherit}
.banner-txt1{font-size:1.5vw}
.banner-tit{font-size:5.6vw;line-height:1.3;font-weight:bold;}
.banner-tit span{color:#BEFFC7;}
.banner-list{display:flex;margin:.3vw 0}
.banner-list>div:first-child{margin-right:3vw}
.banner-list>div p{font-size:1.2vw;line-height:1.3}
.banner-list>div p:first-child{font-weight:bold;font-size:2.5vw}
.banner-txt2{margin-top:1vw;font-size:1.5vw;line-height:1.3}
.banner-txt2 span{color:#BEFFC7;font-size:2vw}
.banner-btn{position:absolute;bottom:18%;left:58%;transform:translateX(-50%);}
.banner-btn a{background:#90E100;color:#fff;padding:.4vw 1vw;text-transform:uppercase;font-size:1.5vw;border-radius:5px}
.banner-btn a:hover{background:var(--color);}
@media (max-width:768px){.banner-txt2,.banner-btn{display:none}}
@media (max-width:500px){.banner-animote{width:58%;left:6%}
.banner-txt1{font-size:12px;transform:scale(.8);transform-origin:left top}
.banner-tit{font-size:23px}
.banner-list{display:none}}
.home-banner .swiper-pagination,.home-banner .swiper-button-next, .home-banner .swiper-button-prev{display:none}
/* #banner-swiper .swiper-wrapper{transform:none!important} */
.swiper-slide .banner-animote{animation:bannerup 1s forwards}
.home-about .l-wrap{align-items:center}
.home-about .about-info .text{margin-top:20px}
.home-about .about-img .play{display:none}
.home-about .about-img iframe{aspect-ratio:1.78;width:auto;height:auto}
.home-service{ margin-top: 3%;}
@media (min-width:1025px){
/* body{padding-top:0}
header:not(.scrollhead){background:none;box-shadow:0 0 0;}
header:not(.scrollhead) .head-info{background:none;}
header:not(.scrollhead) .head-top{background:none;border:none}
header:not(.scrollhead) .head-link,.head-link .tel a,header:not(.scrollhead) .head-link .mail a,header:not(.scrollhead) .head-share>ul a,header:not(.scrollhead) .head-share>ul a:hover i,header:not(.scrollhead) .lang-icon,header:not(.scrollhead) .head-search button i,header:not(.scrollhead) #nav>ul>li>a,header:not(.scrollhead) #nav ul li a.inmenu_1,header:not(.scrollhead) #nav>ul>li>a:hover{color:#fff}
header:not(.scrollhead) .lang-icon span::before,header:not(.scrollhead) .lang-icon span::after,header:not(.scrollhead) #nav ul li a::after{background:#fff} */
.banner-tit{font-size:4.8vw;line-height:1.2}
.banner-txt1{font-size:1.35vw}
.banner-list>div p:first-child{font-size:2.1vw}
.banner-list>div p{font-size:1.1vw}
.banner-txt2{font-size:1.3vw}
.banner-txt2 span{font-size:1.7vw}
.banner-animote{top:55%}}

#application-swiper2 .swiper-wrapper {display:flex;justify-content:space-between;flex-wrap:wrap}
#application-swiper2 .swiper-slide{width:24%;height:auto}
@media (max-width:1024px){#application-swiper2 .swiper-slide{width:48%;margin-bottom:20px}}
@media (max-width:500px){#application-swiper2 .swiper-slide{width:100%;}}
.home-about .about-img iframe{width:100%}

.home-application .applist{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-application .applist .li{width:24%}
.home-application .applist .pic{position:relative}
.home-application .applist .pic img{width:100%}
/* .home-application .applist .pic .item-swiper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .4s linear} */
.home-application .applist .pic .item-swiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
/* .home-application .applist .pic:hover .item-swiper{opacity:1} */
@media (max-width:1024px){.home-application .applist .li{width:48%;margin-bottom:20px}
}
@media (max-width:500px){.home-application .applist .li{width:100%}
}
 .banner-animote{top:47%}
.banner-animote .banner-tit{line-height:1}
.banner-animote .home-static{background:unset;padding:0;margin-top:3%}
.banner-animote .home-static .list{padding:0}
.banner-animote .home-static .list li{width:20%}
.banner-animote .home-static .list li .icon img{width:2.2vw;height:auto}
.banner-animote .home-static::before{display:none}
.banner-animote .home-static .list li .num{font-size:2vw}
.banner-animote .home-static .list li .inner{font-size:1vw}
@media (max-width:1024px){.banner-animote .home-static{display:none}}
.home-banner video{width:100%;display:block;min-height:initial;filter:brightness(.65)}
.home-banner .banner-inner{margin-left:12%;position: absolute;width:60%;z-index:3;top:50%;transform: translateY(-50%);}
.home-banner .banner-inner .ban-des{font-size:24px;color:#81b910;margin-bottom:10px;font-weight: var(--fontbold7);}
.home-banner .banner-inner .ban-tit{width:77%;font-size:56px;color:#fff;font-weight: var(--fontbold7);line-height: 1.5;}
.home-banner .ban-list li{padding-left:42px;background: url(/uploads/44655/page/p2026040115054675107.webp) no-repeat left 4px;background-size:28px 28px;margin-top:15px;font-size:20px;color:#fff;font-weight: var(--fontbold7);}
@media (max-width:1640px){.home-banner .banner-inner{margin-left:70px}
.home-banner .banner-inner .ban-des{font-size:1.3vw}
.home-banner .banner-inner .ban-tit{font-size:3vw;}
.home-banner .ban-list li{font-size:1.1vw;}}
.home-banner .home-more a{display: inline-flex;align-items: center;justify-content: center;width: 150px;height: 50px;background: var(--color);border: 1px solid var(--color);color: #FFF;transition: all .2s linear;margin-top: 20px;border-radius: 10px;}
.home-banner .home-more a:hover{background: #fff;color:var(--color)}
@media (min-width:769px) and (max-width:1440px){.home-banner .ban-list li{background-size: 20px 20px;}}
@media (max-width:1024px){.home-banner .banner-inner{margin-left:15px}}
@media (max-width:768px){.home-banner .banner-inner{width:100%;margin-left:0;padding:10px;}
.home-banner .banner-inner .ban-des{font-size:12px;margin-bottom:5px;}
.home-banner .banner-inner .ban-tit{font-size:24px;width:100%;}
.home-banner .ban-list{width:100%;display:none;}
.home-banner .ban-list li{font-size:14px;background-size: 18px 18px;padding-left:25px;margin-top:5px;}
.home-banner .home-more{display:none;}}
@media (max-width:550px){.home-banner .banner-inner .ban-tit{font-size:18px}}
.home-honor .honorwrap .item img{cursor:pointer;}
.popwindow{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:999999999;display:none;}
.popwindow-info{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;}
.popwindow-close{width:40px;height:40px;cursor:pointer;position:absolute;right:4vw;top:2vw;transform:scale(1.6);}
.popwindow-close:before{content:'';width:24px;height:2px;background:#fff;position:absolute;transform:rotate(45deg);top:20px;left:8px;}
.popwindow-close:after{content:'';width:24px;height:2px;background:#fff;position:absolute;transform:rotate(-45deg);top:20px;left:8px;}
.popwindow-info img{max-width:calc(90vw - 100px);max-height:calc(90vh - 100px);object-fit:contain;width:600px;}
@media (max-width:768px){.popwindow-info img{max-width:92vw;max-height:calc(90vh - 100px);}
.popwindow-close{transform:scale(1.3);right:2vw}}

.home-prolist{padding:4% 0px}
.home-prolist .home-title{text-align: left;}
.home-prolist .l-wrap{padding: 0 20px;}
.home-prolist .flex{display: flex;flex-wrap: wrap;}
.home-prolist .prolist-l{width:23%;padding-right:3%}
.home-prolist .prolist-r{width:77%;position:relative;overflow:hidden}
.home-prolist .prolist-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.home-prolist .prolist-list-act{transform:scale(1);position:static;opacity:1}
.home-prolist .prolist-list li{width:32%;margin:0px 20px 20px 0px}
@media(max-width:1366px){.home-prolist .prolist-list li{width:31%}}
.home-prolist .prolist-list li>a{display:block;overflow:hidden;position:relative}
.home-prolist .prolist-box{color: #000;;padding:8px 15px;width:100%;text-align: center;}
.home-prolist .prolist-img{border:1px solid #EEEEEE;overflow:hidden;text-align:center}
.home-prolist .prolist-img img{width:100%;height: auto;aspect-ratio: 1;}
.home-prolist .prolist-title{font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.home-prolist .prolist-list li:nth-child(3n){margin-right:0px}
.home-prolist .prolist-list li:nth-child(n+4){margin-bottom:0px}
.home-prolist .prolist-list li:hover img{transform:scale(1.05)}
.home-prolist .prolistcate{border-left:1px solid #BFBFBF;margin:20px 0px 50px;padding-right:10%}
.home-prolist .prolistcate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.home-prolist .prolistcate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.home-prolist .prolistcate .home-prolist .prolistcate-act::before,.home-prolist .prolistcate li:hover::before{opacity:1}
.home-prolist .prolistcate .home-prolist .prolistcate-act,.home-prolist .prolistcate li:hover{color:var(--color)}
@media(max-width:1367px){.home-prolist .prolist-l{width:25%}
.home-prolist .prolist-r{width:75%}}
@media(max-width:1024px){.home-prolist .prolist-l{padding-bottom:6%}
.home-prolist .prolist-list li{width:49%;margin-right:2%}
.home-prolist .prolist-list li:nth-child(3n){margin-right:2%}
.home-prolist .prolist-list li:nth-child(2n){margin-right:0px}
.home-prolist .prolistcate,.home-prolist .prolist-l{padding-right:0px}}
@media(max-width:768px){.home-prolist .prolistcate,.home-prolist .prolist-l .home-more{display:none}
.home-prolist .prolist-l .home-title{text-align:center}}
@media(max-width:415px){
.home-prolist .prolistcate li{left:-1px}
.home-prolist .prolistcate{margin:20px 0px}
.home-prolist .prolist-box{padding:6px}}
.home-prolist .home-more {display: block;padding: 8px 0px;width: 150px;font-size: var(--fontsize14);border: 1px solid var(--color);text-align: center;color: var(--color);border-radius: 4px;text-transform: lowercase;transition: all .2s ease-in-out;}

