﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.homeAdvantage{background: var(--color);}
@media(min-width:1025px){.homeAdvantage ul li{width:24%;}}

.home-about .aboutinfo{width:50%}
.home-about .aboutinfo .home-title{text-align:left;font-size: 36px;}
.home-about .aboutinfo p{margin:1em 0;color:var(--introcolor);}
.home-about .aboutinfo .more{font-size:var(--fontsize18);font-weight:var(--fontbold5);height:50px;color:var(--color);display:inline-flex;align-items:center;margin-top:10px;border-radius:10px;transition:all .2s linear}
.home-about .aboutinfo .more:hover{background:var(--color);padding:0 20px;color:#fff}
.home-about .aboutinfo .more em{margin-left:10px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;background:var(--color)}
.home-about .aboutimg{flex:1;padding-left:3%}
.home-about .aboutimg img{transition:all .1s linear}
.home-about .aboutimg img:hover{transform:scale(1.02) rotate(1deg)}
.home-about .home-title{color:#000;}
.home-about .home-stit{color:#333;font-size: var(--fontsize22);}
.home-about p{color:#666;margin-bottom:10px;}
.home-about a{display: inline-block;margin-top: 20px;padding: 6px 25px;font-size: var(--fontsize16);color: #FFFFFF;background: var(--color);border-radius: 30px;transition: all .3s ease;}
.home-about{padding: 4% 0;}
@media(max-width:1024px){.home-about .aboutinfo .home-title{font-size:28px;}
.home-about .home-stit{font-size:20px;}}
@media(max-width:768px){.home-about .aboutinfo .home-title{font-size:20px;}
.home-about .home-stit{font-size:18px;}.home-about .aboutinfo{width:100%;}
.home-about .aboutimg{padding-left:0;margin-top:3%;flex: inherit;}}
.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev{display:none}
.homeTiele span {font-family: inherit;}
.homeAboutWrapper .aboutContent>p>strong{font-size:26px;color:gray}
.homeAdvantage ul li .content p {-webkit-line-clamp: 7;}
@media (min-width:1025px){.homeAboutWrapper .aboutContent p{font-size:var(--fontsize20)}}
.homeHorPro .homeTiele{text-align: center;}
.homeHorProList li .loaded {transform: scale(1);}
.homeProductType .item a i, .homeProductType .item a span,.homeHorProList li .mask strong,.homeHorProList li .mask span,.homeHorProList li .mask i,.homeAboutWrapper .aboutContent p i, .homeAboutWrapper .aboutContent p em,.homeAdvantage ul li .content strong,.homeAdvantage ul li .content p,.newsSwiper .newsListContent .date .day{color:var(--fontcolor)}
.homeAboutWrapper .aboutContent a,.home-about a,.newsSwiper .newsListContent .content .contentA:hover{background:var(--fontcolor)}
.homeAdvantage ul li img{filter: invert(1);}
.newsSwiper .swiper-button-next:after, .newsSwiper .swiper-button-prev:after{background:var(--fontcolor)}
.wmpage207-page2-contant{display:flex;align-items:center}
.wmpage207-page2-left{width:45%}
.wmpage207-page2-image{padding:0 10%;position:relative}
.wmpage207-page2-right{flex:1}
.wmpage207-page2-right .wmpage-title b{color:#81b563}
.wmpage207-page2-image img{width:100%;display:block}
.wmpage207-page2-play{position:absolute;top:50%;left:50%;cursor:pointer;transform:translate(-50%,-50%)}
.wmpage207-page2-play::after,.wmpage207-page2-play::before{content:'';position:absolute;inset:0;background-color:#ffffffaf;z-index:-2;border-radius:50%;transition:all ease .4s;animation-duration:1.58s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:ripple}
.wmpage207-page2-play em{font-size:80px;color:#fff;width:80px;display:block;line-height:1}
.wmpage207-page2-dev{font-size:var(--wmpage-font18);color:#81b563}
.wmpage207-page2-title{width:60%}
.wmpage207-page2-text p{color:#6e6e6e;margin:15px 0;line-height:1.75}
.wmpage207-page2-text ul li{position:relative;line-height:1.5;margin-bottom:20px;display: flex;
align-items: center;}
.wmpage207-page2-text ul li img{
   margin-right: 10px;
   max-width: 20px;
}
.wmpage207-page2-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:.5s;background-color:#81b563;line-height:1}
.wmpage207-page2-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page2-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
.wmpage207-page2-open{position:fixed;width:100%;height:100%;background:#0000009e;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center}
.wmpage207-page2-none{display:none;position:relative;z-index:999999}
.wmpage207-page2-close{position:absolute;top:10%;right:10%;z-index:9999;cursor:pointer}
.wmpage207-page2-close em{font-size:36px;color:#fff;line-height:1;width:36px;display:block}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:.4}
100%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}
}
@media (max-width:1366px){.wmpage207-page2-image{padding:0 5%}
.wmpage207-page2-title{width:70%}
.wmpage207-page2-text ul li{margin-bottom:10px}
.wmpage207-page2-title .wmpage-title{line-height:1.25}
}
@media (max-width:1024px){.wmpage207-page2-btn a{padding:15px 25px}
.wmpage207-page2-btn{margin-top:15px}
.wmpage207-page2-text p{margin:10px 0}
}
@media (max-width:768px){.wmpage207-page2-contant{flex-direction:column}
.wmpage207-page2-left{width:100%}
.wmpage207-page2-image{padding:0}}

      .wmpage165-page3-title{text-align:center}
.wmpage165page3Swiper .swiper-slide{position:relative;z-index:1}
.wmpage165-page3-image img{width:100%}
.wmpage165-page3-contant{margin-top:50px}
.wmpage165-page3-image{position:relative;overflow:hidden}
.wmpage165-page3-image::after{content:'';position:absolute;left:0;bottom:0;z-index:3;width:100%;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
.wmpage165-page3-image img{width:100%;position:relative;z-index:1;top:0;left:0;object-fit:cover}
.wmpage165-page3-txtbox{position:absolute;left:0;bottom:0;z-index:5;width:100%;padding:0 30px;transition:all .36s}
.wmpage165-page3-tit{line-height:30px;height:30px;overflow:hidden;color:#fff;margin-bottom:10px;font-size:var(--wmpage-font20);font-weight:var(--fontbold6)}
.wmpage165-page3-tex{opacity:0;transition:all .36s}
.wmpage165-page3-tex p{font-size:16px;line-height:24px;height:48px;color:#fff}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-txtbox{bottom:30px}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-tex{opacity:1}
.wmpage165-page3-next,.wmpage165-page3-prev{width:60px;height:60px;color:#001eb4;opacity:1;transition:all .36s;background:#fff;border-radius:50%;box-shadow:0 5px 10px #00000033;top:calc(50% - 40px);position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0}
.wmpage165-page3-next{left:10px}
.wmpage165-page3-prev{right:10px}
.wmpage165-page3-next em,.wmpage165-page3-prev em{font-size:var(--fontsize24);width:var(--fontsize24)}
.wmpage165page3Swiper:hover .wmpage165-page3-next{opacity:1}
.wmpage165page3Swiper:hover .wmpage165-page3-prev{opacity:1}
 .home-map{text-align:center}
.home-map .home-desc{margin-bottom:2%}
.home-contact .home-title{font-size:30px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
.home-contact{padding:4% 0;background-size:cover;background-repeat:no-repeat;background-position:right}
.home-contact .inquiry-box{width:50%;background-color:#054638;padding:40px 50px;color:#fff;border-radius:var(--borderradius)}
.home-contact .inquiry-box .home-tip{text-align:left;color:#fff}
.home-contact .inquiry-box .home-title{text-align:left}
.home-contact .inquiry-box .txt{font-size:var(--fontsize16)}
.home-contact .wmkcfeedback{margin-top:20px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input{height:48px}
.home-contact .wmkcfeedback textarea{height:120px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input,.home-contact .wmkcfeedback textarea{background-color:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--borderradius);margin-bottom:16px;color:#fff;font-size:var(--fontsize14)}
.home-contact .wmkcfeedback .wmkcfb-fileupload::placeholder,.home-contact .wmkcfeedback input::placeholder,.home-contact .wmkcfeedback textarea::placeholder{color:#fff}
.home-contact .wmkcfeedback .send-btn{border-color:#fff;width:100%;background-color:#fff;color:var(--color);font-weight:var(--fontbold6);border-radius:var(--borderradius)}
.home-contact .wmkcfeedback .send-btn:hover{background-color:#054638;color:#fff;border-color:#054638}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize34)}
.home-contact .inquiry-box{width:60%}
}@media (max-width:768px){.home-about,.home-choose,.home-news,.home-products,.home-service{padding:30px 0}
.home-contact .inquiry-box{width:100%}
}@media screen and (max-width:500px){.home-about .img{padding-left:50px}
.home-contact .inquiry-box{padding:20px}}
.home-established{ padding: 3% 0;  }
  .home-about .home-title{text-align:center}

@media (max-width:768px){.wmpage207-page2-right{margin-bottom:20px}}
.homeAboutWrapper ul li{display: flex;align-items: center; margin-bottom: 20px;}
.homeAboutWrapper ul li img{margin-right: 10px;}