@charset "utf-8";
@import url('https://css02.v15cdn.com/m421/swiper.css');
@import url(https://js01.v15cdn.com/single-template/public.css);
:root{--fontsize30:30px;--fontsize32:32px;--fontsize34:34px;--fontsize36:36px;--fontsize38:38px;--fontsize40:40px;--fontsize45:45px;--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}
.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce),print{
.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}
.animate__animated[class*=Out]{opacity:0}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.home-banner #banner-swiper{height:100%;min-height:370px}
.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{opacity:0;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:hover .swiper-button-next,.home-banner:hover .swiper-button-prev{opacity:1}
.home-banner .swiper-button-next:hover,.home-banner .swiper-button-prev:hover{background:var(--color);color:#FFFFFF}
.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: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-product .product-list{position:relative;padding:0px}
.home-product .product-list .home-button-next,.home-product .product-list .home-button-prev{top:30%}
@media (min-width:769px){.swiper-pagination{display:none}}
.home-product .swiper .swiper-slide::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.home-product .swiper .swiper-slide:hover::after{height:2px}
.home-product .swiper .swiper-slide:hover .img img{transform:scale(1.1)}
.home-product .swiper .swiper-slide .img{width:100%;border:1px solid #DFDFDF}
.home-product .swiper .swiper-slide .img a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.home-product .swiper .swiper-slide .img a img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-product .swiper .swiper-slide .info{padding:20px 30px 30px 10px;width:100%;position:relative}
.home-product .swiper .swiper-slide .info .title{font-size:var(--fontsize18);color:var(--fontcolor);text-transform:capitalize}
.home-product .swiper .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor)}
.home-product .swiper .swiper-slide .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color);font-size:var(--fontsize20)}
.home-button-next,.home-button-prev{position:absolute;left:0px;top:40%;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-button-next:hover,.home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-button-next:hover i,.home-button-prev:hover i{color:#FFFFFF}
.home-button-next i,.home-button-prev i{color:var(--color)}
.home-button-next{left:auto;right:0px}
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover}
.home-honor .honorwrap{position:relative;padding:0px}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;height:100%}
.home-news .newswrap{position:relative;padding:0px;display:flex;flex-wrap:wrap}
.home-news .newswrap .item{width:23%;transition:all .2s linear;position:relative;margin-right:2%}
.home-news .newswrap .item:nth-child(4n){margin-right:0px}
.home-news .newswrap .item .news-img img{width:100%;height:100%;object-fit:cover}
.home-news .newswrap .item .news-info{padding:20px 0px}
.home-news .newswrap .item .news-info .title{font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5)}
.home-news .newswrap .item .news-info .date{font-size:var(--fontsize14);color:var(--color);padding:10px 0px}
.home-news .newswrap .item .news-info .text{font-size:var(--fontsize14);color:var(--introcolor);line-height:24px}
.home-news .newswrap .item::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.home-news .newswrap .item:hover img{transform:scale(1.05)}
.home-news .newswrap .item:hover::after{height:2px}
@media(max-width:1366px){.home-news .newswrap{padding:0px}}
@media(max-width:1024px){.home-banner #banner-swiper{min-height:inherit}
.home-news .newswrap .item{width:48%;margin-bottom:20px;margin-right:4%}
.home-news .newswrap .item:nth-child(2n){margin-right:0px}}
@media(max-width:768px){
.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}
.head-info{padding:0px 15px}
.home-product .product-list{padding:0px}
.home-product .product-list .swiper{padding-bottom:40px}
.home-button-next,.home-button-prev{width:35px;height:35px;background:#FFFFFF;display:none}
.home-product .swiper .swiper-slide .info{padding:0px 30px 15px 10px;margin-top:15px}
.home-news .newswrap .item .news-info .title{font-size:var(--fontsize16);font-weight:normal}
.home-news .newswrap .item .news-info .text{line-height:20px;display:none}
.swiper-pagination{display:block;bottom:0!important}
.swiper-pagination .swiper-pagination-bullet-active{background:var(--color)}
.home-product .swiper .swiper-slide .info .title{text-align:center;display:block}
.home-product .swiper .swiper-slide .info .text{display:none}}
.banner-animote{position:absolute;top:36%;left:5%;z-index:1;padding:15px;border-radius:10px;transform:translateY(20px);opacity:0;font-weight:var(--fontbold7)}
.swiper-slide-active .banner-animote{animation:bannerup 1s forwards}
.banner-animote .title{font-size:42px;color:#232323;}
.banner-animote .text{margin-top:10px;max-width:680px;color:var(--fontcolor)}
@media(max-width:768px){.banner-animote{top:20%;padding:0px 15px;left:0px;width:100%}
.banner-animote .title{font-size:var(--fontsize18)}
.banner-animote .text{font-size:var(--fontsize14);margin-top:5px;font-weight:normal;text-transform:capitalize}
.banner-animote .btn{display:none}}
@keyframes bannerup{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}


.icon-left1:before{content:"\e611"}
.icon-right1:before{content:"\e60d"}
@font-face {font-family:"iconfont2";font-display:swap;src:url('https://css02.v15cdn.com/m443/fonts/iconfont.woff2?t=1760932550711') format('woff2'),url('https://css02.v15cdn.com/m443/fonts/iconfont.woff?t=1760932550711') format('woff'),url('https://css02.v15cdn.com/m443/fonts/iconfont.ttf?t=1760932550711') format('truetype');}
.icon-right-arrow,.numCount .iconfont{font-family:"iconfont2" !important;}
.icon-right-arrow:before {content:"\eaf3";}
.icon-tubiao-:before {content:"\e61a";}
.icon-shiligongchang:before {content:"\e87e";}
.icon-yuangong:before {content:"\e74b";}
.icon-kehuguanli:before {content:"\e669";}
.home-title{font-size:var(--fontsize38);line-height:1.3;}
@media (max-width:1440px){.home-title{font-size:var(--fontsize34)}}
@media (max-width:1024px){.home-title{font-size:var(--fontsize30)}}
@media (max-width:768px){.home-title{font-size:var(--fontsize26)}}
.home-procate{padding:50px 20px;position:relative}
.home-procate{z-index:1;background:#f7f7f7}
.home-procate::before{content:"";position:absolute;left:0;top:0;width:32%;height:100%;background:var(--color);z-index:-1}
.home-procate .procate-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}
.home-procate .procate-top .home-title{max-width:450px;text-align:left;line-height:1.2;color:#fff}
.home-procate .procate-top .swiperbtn{display:flex;align-items:center}
.home-procate .procate-top .swiperbtn .procateswiper-next,.home-procate .procate-top .swiperbtn .procateswiper-prev{width:50px;height:50px;background:var(--color);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-procate .procate-top .swiperbtn .procateswiper-next em,.home-procate .procate-top .swiperbtn .procateswiper-prev em{font-size:var(--fontsize22)}
.home-procate .procate-top .swiperbtn .procateswiper-next:hover,.home-procate .procate-top .swiperbtn .procateswiper-prev:hover{opacity:.8}
.home-procate .procate-top .swiperbtn .procateswiper-next.swiper-button-disabled,.home-procate .procate-top .swiperbtn .procateswiper-prev.swiper-button-disabled{background:#eae8dc;color:var(--color)}
.home-procate .procate-top .swiperbtn .procateswiper-next{margin-left:10px}
.home-procate #procateswiper .swiper-slide{width:400px}
.home-procate #procateswiper .swiper-slide .img{width:100%;aspect-ratio:3/2;border-radius:5px;border:1px solid var(--color)}
.home-procate #procateswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-procate #procateswiper .swiper-slide .title{text-align:center;margin-top:10px}
.home-procate #procateswiper .swiper-slide .title a{color:#000;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.home-procate #procateswiper .swiper-slide:hover .img img{transform:scale(1.02)}
.home-procate #procateswiper .swiper-slide:hover .title a{color:#666}
@media (max-width:1600px){.home-procate::before{width:500px}}
@media (max-width:1024px){.home-procate::before{width:400px}}
@media (max-width:768px){.home-procate::before{width:450px}}
@media (max-width:500px){.home-procate::before{background:0 0}
.home-procate .procate-top .home-title{color:#000}
.home-procate #procateswiper .swiper-slide{width:300px}
.home-procate .procate-top .swiperbtn .procateswiper-next,.home-procate .procate-top .swiperbtn .procateswiper-prev{width:40px;height:40px}}
.wmpage186-page5{padding:20px 20px 50px}
.wmpage186-page5 .wmpage186-page5-text{position:relative;display:inline-block;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%);text-transform:uppercase}
.wmpage186-page5 .wmpage186-page5-text::after{position:absolute;content:'';width:10px;height:10px;background:var(--color);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.wmpage186-page5 .wmpage-title{text-align:center}
.wmpage186-page5 .wmpage186-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:24%;position:relative;padding:30px 15px 20px;background:#fff;box-shadow:0 2px 30px 1px rgba(139,139,139,.15);margin-top:30px;z-index:1;display:flex;flex-direction:column}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item::before{position:absolute;content:'';width:0;height:2px;background:var(--color);top:0;left:0;transition:all .3s linear}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item:hover::before{width:100%}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top{display:flex;align-items:center}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:10px;background:var(--wmpage-color22);overflow:hidden;transition:all .2s linear;z-index:1}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top em{color:var(--color);font-size:var(--wmpage-font32)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon::before{position:absolute;content:'';width:100%;height:100%;background:var(--color);border-radius:10px;transition:all .3s linear;transform:scale(0);transform-origin:center;z-index:-1}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top .wmpage186-page5-icon::before{transform:scale(1)}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top em{color:#fff}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{line-height:1.3;flex:1;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);margin-left:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-desc{color:var(--wmpage-color8);margin:15px 0 30px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img{position:relative;width:100%;margin-top:auto}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color);position:absolute;right:20px;top:-20px;transform:rotate(50deg);transition:all .2s linear}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-btn{transform:rotate(0);background:var(--wmpage-color22)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn em{color:#fff;font-weight:var(--fontbold6)}
.wmpage186-page5 .wmpage186-page4-botbtn{display:flex;justify-content:center;margin-top:40px}
@media screen and (max-width:1200px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:48%}}
@media screen and (max-width:768px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:100%}
}
@media screen and (max-width:500px){.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top{display:flex;align-items:flex-start;flex-direction:column}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{margin-left:0;margin-top:10px}
}
.wmpage204-page2{background:url(https://img01.v15cdn.com/singletem/wmpage204/wmpage204-page2-img1.webp);padding:50px 20px}
.wmpage204-page2 .home-title-line::after,.wmpage204-page2 .home-title-line::before{background:#fff;}
.wmpage204-page2 .wmpage204-page2-text{color:var(--color);font-weight:var(--fontbold6);display:flex;align-items:center;justify-content:center}
.wmpage204-page2 .wmpage204-page2-text em{font-weight:var(--fontbold5);margin-right:5px;font-size:var(--wmpage-font24)}
.wmpage204-page2 .wmpage-title{color:var(--color);text-align:center}
.wmpage204-page2 .wmpage204-page2-box{margin-top:40px}
.wmpage204-page2 .wmpage204-page2-slide{height:auto;position:relative;border-radius:10px;overflow:hidden;padding:0 20px 20px;z-index:1;overflow:hidden;transition:all .4s ease-in-out;background:linear-gradient(180deg,var(--wmpage-color0) 0,var(--color) 45.5%,rgba(255,255,255,.75325) 89%);display:flex;flex-direction:column}
.wmpage204-page2 .wmpage204-page2-slide::after{content:'';top:4px;left:4px;bottom:4px;right:4px;background-color:#fff;position:absolute;z-index:-1;border-radius:10px;transition:all .4s ease-in-out;transform:translateY(0)}
.wmpage204-page2 .wmpage204-page2-slide:hover::after{transform:translateY(100%)}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-top{display:flex;align-items:center;margin-bottom:10px;padding-top:15px}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-icon{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s ease-in-out;}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-icon em{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;transition:all .4s ease-in-out;font-size:var(--wmpage-font20);color:var(--color)}
.wmpage204-page2 .wmpage204-page2-slide:hover .wmpage204-page2-icon em{background:var(--color);color:#fff}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-title{margin-left:15px;font-weight:var(--fontbold6);font-size:var(--wmpage-font17);color:var(--color);transition:all .3s linear;flex:1;line-height:1.4}
.wmpage204-page2 .wmpage204-page2-slide:hover .wmpage204-page2-title{color:#fff}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-content{position:relative}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-bottom{margin-top:auto}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-img{position:relative;width:100%}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-img::before{content:'';width:100%;height:0;bottom:0;left:0;background:linear-gradient(0deg,#1a3d2e 41.48%,rgba(26,61,46,0) 104.71%);position:absolute;z-index:1;border-radius:10px;transition:all .4s ease-in-out}
.wmpage204-page2 .wmpage204-page2-slide:hover .wmpage204-page2-img::before{height:85%}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-img img{position:relative;width:100%;height:auto;object-fit:cover;border-radius:15px}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-content{position:absolute;padding:0;left:50%;transform:translateX(-50%) rotateX(-90deg);bottom:50px;width:80%;text-align:center;transition:all .5s ease-in-out;z-index:10}
.wmpage204-page2 .wmpage204-page2-slide:hover .wmpage204-page2-content{transform:translateX(-50%) rotateX(0)}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-desc{color:#fff;font-size:var(--wmpage-font14);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-more a{position:relative;display:inline-flex;justify-content:center;align-items:center;width:100%;min-width:170px;height:35px;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font15);font-weight:var(--fontbold6);border-radius:30px;margin-top:20px;overflow:hidden;z-index:10}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-more a::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:150%;height:150%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background:#000;transition-duration:.7s;transition-timing-function:cubic-bezier(.52,1.64,.37,.66);z-index:-1}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-more a:hover::before{bottom:-50%}
.wmpage204-page2 .wmpage204-page2-slide .wmpage204-page2-btn a{position:absolute;left:40px;bottom:40px;display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:35px;border-radius:20px;background:#fff;color:var(--color);font-size:var(--wmpage-font15);opacity:1;transition:all .4s ease-in-out}
.wmpage204-page2 .wmpage204-page2-slide:hover .wmpage204-page2-btn a{opacity:0;transform:translateX(40px)}
.wmpage204-page2 .wmpage204-page2-pagination{text-align:center;margin-top:30px}
.wmpage204-page2 .wmpage204-page2-pagination .swiper-pagination-bullet{margin:0 10px;position:relative}
.wmpage204-page2 .wmpage204-page2-pagination .swiper-pagination-bullet::before{position:absolute;content:'';width:18px;height:18px;border-radius:50%;border:1px solid var(--color);left:50%;top:50%;opacity:0;transition:all .2s linear;transform:translate(-50%,-50%)}
.wmpage204-page2 .wmpage204-page2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity:1}
.home-about{padding:50px 20px}
.home-about .l-wrap{display:block}
.home-about .l-wrap>div{width:100%;}
.home-tit{color:var(--color);font-weight:var(--fontbold6);margin-bottom:10px}
.home-about .about-top{display:flex;align-items:center}
.home-about .about-top .info{width:48%;background-color:#FFFFFF;border-radius:10px;box-shadow:0 3px 32px 0 rgba(197,197,197,.35);margin-right:-8%;position:relative;z-index:2;padding:3% 3% 3% 4%}
.home-about .about-top .info .home-title{text-align:left;padding:0}
.home-about .about-top .info .text{margin-top:20px;color:grey}
.home-about .about-top .info .about-more{margin-top:30px;width:186px;height:52px;background-color:var(--color);border-radius:26px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:var(--fontbold6)}
.home-about .about-top .info .about-more em{transform:rotate(-45deg);margin-left:8px;transition:all .3s ease-in-out}
.home-about .about-top .info .about-more:hover em{transform:rotate(0)}
.home-about .about-top .img{width:60%}
.home-about .about-top .img img{width:100%;max-height:550px;object-fit:cover}
.home-about .about-bottom{margin-top:60px;background-color:#FFFFFF;border-radius:3px;overflow:hidden;box-shadow:1px 3px 32px 0 rgba(225,225,225,.58)}
.home-about .about-bottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 20px}
.home-about .about-bottom ul li{width:25%;display:flex;align-items:center;justify-content:center;list-style:none}
.home-about .about-bottom ul li .icon{margin:30px;width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}
.home-about .about-bottom ul li .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background-color:#f9cbc1;border-radius:50%;z-index:1}
.home-about .about-bottom ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;background-color:#fce7e2;border-radius:50%}
.home-about .about-bottom ul li .icon span{width:100%;height:100%;border-radius:50%;background-color:#FFFFFF;position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center}
.home-about .about-bottom ul li .icon span em{color:var(--color);font-size:var(--fontsize38);line-height:1}
.home-about .about-bottom ul li .num{color:var(--color);font-size:var(--fontsize36);font-weight:var(--fontbold6);line-height:1;display:inline-flex;align-items:center}
.home-about .about-bottom ul li .tit{font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.home-about .about-top{flex-wrap:wrap;flex-direction:column-reverse}
.home-about .about-top .info{width:100%;margin-right:0px;padding:20px}
.home-about .about-top .img{width:100%;text-align:center}
.home-about .about-top .img img{display:inline-block}
.home-about .about-bottom ul li{width:50%}
.home-about .about-bottom ul li .info{width:50%}}
@media screen and (max-width:768px){.home-about .about-top .info{padding:20px 10px}
.home-about .about-top .info .home-title br{display:none}
.home-about .about-top .info .about-more{width:146px;height:42px;margin-top:15px}
.home-about .about-bottom{margin-top:20px}
.home-about .about-bottom ul{padding:20px 10px}
.home-about .about-bottom ul li{margin:15px 0}
.home-about .about-bottom ul li .icon{margin:10px 25px 0 0}
.home-about .about-bottom ul li .icon::after{width:70px;height:70px}
.home-about .about-bottom ul li .icon::before{width:60px;height:60px}
.home-about .about-bottom ul li .icon span{width:46px;height:46px}}
@media screen and (max-width:500px){.home-about .about-bottom ul li .num{font-size:var(--fontsize20)}
.home-about .about-bottom ul li .tit{font-size:var(--fontsize14)}
.home-about .about-bottom ul li .icon{margin-right:10px}
.home-about .about-bottom ul li .info{width:auto;flex:1}}
.wmpage202-page2{padding:50px 20px 20px}
.wmpage202-page2 .wmpage202-page2-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:90px}
.wmpage202-page2 .wmpage202-page2-box .wmpage202-page2-item{width:32%;position:relative}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-img{position:relative;width:100%;overflow:hidden}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-img img{position:relative;width:100%;height:auto;object-fit:cover;transition:all .3s linear}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-img img{transform:scale(1.1)}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-top{position:relative}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-info{position: absolute;left: 10%;top: -50px;overflow: hidden;width: 80%;background: #f1f6f7;border-radius: 60px;padding: 15px 15px;display: flex;align-items: center;justify-content: center;transition: all .2s linear;z-index: 2;}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-info::before{position:absolute;content:'';width:100%;height:0;left:0;bottom:0;background:var(--color);opacity:0;transition:all .3s linear;z-index:-1}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-info::before{height:100%;opacity:1}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-info::after{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage202/wmpage202-page2-img4.webp) no-repeat;width:215px;height:0;right:20px;bottom:0;background-size:cover;opacity:.11;z-index:1;transition:all .3s linear}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-info::after{height:100px}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-left em{font-size: var(--wmpage-font32);width: var(--wmpage-font32);color: var(--color);margin-right: 15px;display: block;line-height: 1;transition: all .2s linear;}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-left em{color:#fff}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);transition:all .2s linear;line-height: 1;text-align: center;}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-title{color:#fff}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-desc{color:var(--wmpage-color8);font-weight:var(--fontbold6);transition:all .2s linear;margin-top: 5px;}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-desc{color:#fff}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-num{width: 80px;height: 65px;background: #f1f6f7;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 12px;margin: auto;font-size: var(--wmpage-font2);line-height: 1;font-weight: var(--fontbold7);color: var(--color);z-index: 1;overflow: hidden;border-radius: 0 0 50px 50px;}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-btn a{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:var(--color);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%) rotate(0);z-index:10;transition:all .3s linear}
.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-btn em{color:#fff;font-weight:var(--fontbold6)}
.wmpage202-page2 .wmpage202-page2-item:hover .wmpage202-page2-btn a{transform:translateX(-50%) rotate(-90deg)}
.wmpage202-page2 .wmpage202-page2-botbtn{display:flex;justify-content:center;margin-top:60px}
@media (max-width:1280px){.wmpage202-page2 .wmpage202-page2-item .wmpage202-page2-title{font-size:var(--fontsize18)}}
@media screen and (max-width:1024px){.wmpage202-page2 .wmpage202-page2-box .wmpage202-page2-item{width:48%}
.wmpage202-page2 .wmpage202-page2-box .wmpage202-page2-item:nth-child(n+3){margin-top:90px}
}
@media screen and (max-width:768px){.wmpage202-page2 .wmpage202-page2-box .wmpage202-page2-item{width:100%}
.wmpage202-page2 .wmpage202-page2-box .wmpage202-page2-item:nth-child(n+2){margin-top:90px}
}
.wmpage233-page1{padding:30px 20px 50px}
.wmpage233-page1 .page-title{font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.wmpage233-page1 .page-line{width:50px;height:3px;display:block;background-color:var(--color);margin:10px auto 15px}
.wmpage233-page1 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmpage233-page1 .box .info{width:44%}
.wmpage233-page1 .box .info .page-line{margin-left:0}
.wmpage233-page1 .box .info .tip{color:#222;font-weight:var(--fontbold5);margin-bottom:5px}
.wmpage233-page1 .box .info .home-title{text-align:left;padding:0}
.wmpage233-page1 .box .info .list{list-style:none;margin-top:20px}
.wmpage233-page1 .box .info .list li{display:flex;margin-top:10px;font-weight:var(--fontbold5);font-size:var(--fontsize18);color:#222}
.wmpage233-page1 .box .info .list li em{color:var(--color);margin-right:10px;font-size:var(--fontsize20)}
.wmpage233-page1 .box .info .list li a{flex:1;color:#222}
.wmpage233-page1 .box .info .list li a:hover{color:var(--color)}
.wmpage233-page1 .box .info .list li p{flex:1}
.wmpage233-page1 .box .inquiry-box{width:52%;border-radius:10px;background-color:#616161;padding:50px;color:#fff}
.wmpage233-page1 .box .inquiry-box .page-line{margin-left:0}
.wmpage233-page1 .box .inquiry-box .page-line{background-color:#fff}
.wmpage233-page1 .box .inquiry-box .txt{margin-bottom:30px}
.wmpage233-page1 .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage233-page1 .wmkcfeedback .inquiry-form>*{width:49%}
.wmpage233-page1 .wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.wmpage233-page1 .wmkcfeedback .wmkcfb-fileupload,.wmpage233-page1 .wmkcfeedback input,.wmpage233-page1 .wmkcfeedback textarea{outline:0;border-radius:3px;border:none;background-color:#fff;height:50px;padding:10px;margin-bottom:1.5em;font-family:inherit;border:1px solid #fff;font-size:var(--fontsize14);transition:all .1s linear;font-size:16px}
.wmpage233-page1 .wmkcfeedback .inquiry-form input,.wmpage233-page1 .wmkcfeedback .inquiry-form textarea{border-radius:10px;margin-bottom:20px;height:50px}
.wmpage233-page1 .wmkcfeedback .inquiry-form textarea{height:140px}
.wmpage233-page1 .wmkcfeedback .send-btn{margin-left:0;background-color:var(--color);border-color:var(--color)}
.wmpage233-page1 .wmkcfeedback .send-btn:hover{background-color:#111;border-color:#111}
.wmpage233-page1 .wmkcfeedback .send-btn{margin:0 auto;min-width:200px;height:48px;border-radius:30px;font-size:var(--fontsize16);background:#111;color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden;border:1px solid #111}
.wmpage233-page1 .wmkcfeedback .send-btn{margin-left:0;background-color:var(--color);border-color:var(--color)}
.wmpage233-page1 .wmkcfeedback .send-btn:hover{background-color:#111;border-color:#111}
@media screen and (max-width:1280px){.wmpage233-page1 .box .inquiry-box{padding:40px}
}
@media screen and (max-width:1024px){.wmpage233-page1 .page-title{font-size:var(--fontsize24)}
.wmpage233-page1 .box .info{width:100%}
.wmpage233-page1 .box .inquiry-box{width:100%;padding:20px;margin-top:25px}
}
@media (max-width:768px){.wmkcfeedback input,.wmpage233-page1 .wmkcfeedback .wmkcfb-fileupload{width:100%!important;margin:0 0 10px!important;flex:none!important;height:45px!important;font-size:var(--fontsize16)!important}
}
.foot-top{display:none}
.foot-main{margin-top:0;}
.foot-main .foot-wrap{padding-top:40px}
@media (max-width:768px){.home-procate,.wmpage204-page2,.home-about{padding:30px 15px}
.wmpage186-page5{padding:20px 15px 30px}
.wmpage202-page2{padding:30px 15px 10px}
.wmpage233-page1{padding:10px 15px 30px}
.wmpage186-page5 .wmpage186-page4-botbtn{margin-top:30px}
.wmpage186-page5 .wmpage186-page5-box{margin-top:0}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{margin-top:10px}
.wmpage204-page2 .wmpage204-page2-box{margin-top:30px}
.wmpage202-page2 .wmpage202-page2-box{margin-top:75px}}