﻿.home-logo .swiper-slide:hover img{filter:drop-shadow(#fff 0 180px)}
.home-consultation .title span{color:#fff}
.home-contact .wmkcfeedback .wmkcfb-fileupload, .home-contact .wmkcfeedback input, .home-contact .wmkcfeedback textarea{border-color:rgba(255,255,255,.6)}
.home-choose .item .num span{line-height:1;display: flex;align-items: center;justify-content: center;}
.home-choose .item .num span img{max-width:27px;max-height:27px;}
@media (min-width:769px){.home-choose .item{margin:12% 0;}}
.home-choose::before{display:none;}
.home-products .pro-list li .img img{aspect-ratio: 1 / 1;object-fit: contain;}
.home-news .news-list li .img{position:relative;height:0;padding-bottom:75%;}
.home-news .news-list li .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-imgbox{position: relative;}
.home-imgbox .l-wrap{max-width:100%;padding:0;}
@media (min-width:769px){.home-imgbox .imgSwiper-pagination{display:none}}
.home-imgbox .wmpage165-page1-row{display:flex;justify-content: space-between;}
.home-imgbox .swiper-slide{position: relative;height:600px;transition: all .5s;overflow: hidden;}
@media (min-width:769px){.home-imgbox .swiper-slide{flex:1;}
.home-imgbox .swiper-slide:hover{flex:3}}
.home-imgbox .swiper-slide .wmpage165-page1-bgbox,.home-imgbox .swiper-slide .wmpage165-page1-bgbox .img{width:100%;height:100%;display:block;}
.home-imgbox .swiper-slide .wmpage165-page1-bgbox img{width:100%;height:100%;object-fit: cover;transition: all .3s;}
.home-imgbox .swiper-slide:hover .wmpage165-page1-bgbox img{transform: scale(1.03);}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox{position: absolute;width:100%;padding:0;height:100%;padding:50px 20px;color:#fff;z-index:2;background: rgba(0,0,0,0.35);}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox p{text-transform: uppercase;font-weight: var(--fontbold7);font-size:26px;line-height:1.5;word-break: break-word;}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox .more a{display:inline-block;color:#fff;background: transparent;border:1px solid #fff;border-radius: 5px;padding:5px 8px;transition: .3s;margin-top:20px;}
.home-imgbox .swiper-slide:hover .wmpage165-page1-txtbox .more a{background: var(--color);border-color:var(--color)}
@media (max-width:1366px){.home-imgbox .swiper-slide{height:550px;}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox p{font-size:24px;}}
@media (max-width:768px){.home-imgbox .swiper-slide{width:100%;height:auto;}
.home-imgbox .swiper-pagination-bullet-active{width:40px;height:12px;border-radius: 5px;}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox{padding:35px 15px}
.home-imgbox .swiper-slide .wmpage165-page1-txtbox .more a{padding:5px 20px;}}

#ind{display:flex;padding:100px 0px;overflow:hidden}
#ind>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:80px 100px}
#ind .ind-l{z-index:1;background:var(--hovercolor)}
#ind .ind-l h3{margin-bottom:10px;font-size:var(--fontsize32);color:#FFFFFF}
#ind .ind-l .con{margin-bottom:40px;color:#ffffffeb}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}
#ind .ind-r>img{display:block;width:100%;height:100%}
#ind .ind-r .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;background:var(--color);transform:translate(-50%, -50%)}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:30px;padding:0px 15px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:25px;background:#FFFFFF10;color:#FFFFFF;align-items: center;}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .icon-item .num{width:44px;height:44px;background-color:var(--color1);border-radius:50%;margin:10px;display:flex;align-items:center;justify-content:center;transition:all .2s linear;position:relative;z-index:2;transition:all .2s linear}
#ind .icon-item .num::after{content:"";position:absolute;z-index:9;width:calc(100% + 20px);height:calc(100% + 20px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color1);opacity:.5;border-radius:50%;transition:all .2s linear}
#ind .icon-item .num span{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6);position: relative;z-index: 99;display: flex;align-items: center;}
#ind .icon-item .num span img {max-width: 27px;max-height: 27px;}
#ind .adv-icon .text{margin-top:0px;color:#ffffffeb}
@media screen and (max-width:1680px){
#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){
#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:15px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){
#ind{flex-direction:column-reverse;margin:5.3333333333vw 0;padding:20px 0px}
#ind .ind-r{position:relative;top:0px;margin:0px}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:3vw}
#ind .ind-l h3{font-size:var(--fontsize24);margin-bottom:20px}
#ind .adv-icon .icon-img{margin-right:0px}
#ind .adv-icon .icon-item{padding:3vw;height:100%;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
@media(max-width:768px){#ind .ind-r lite-youtube{max-width:100%}}
 #ind .adv-icon{display:grid;width:100%;gap:20px;grid-template-columns:repeat(3,1fr)}
#ind .adv-icon li{width:100%;margin-right:0}
@media (max-width:1400px){#ind .adv-icon{grid-template-columns:repeat(2,1fr)}}
.home-logo .swiper-slide img{width:100%}
.home-logo .swiper-slide{height:auto}
.home-indexadv{padding:4% 0;position:relative}
.home-indexadv{background:#f2f2f2}
.home-indexadv .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-indexadv .indexadv-left{width:45%}
.home-indexadv .indexadv-left .indexadv-left-text p{margin-bottom:10px}
.home-indexadv .indexadv-left .home-title{text-align:left;margin-bottom:20px}
.home-indexadv .indexadv-left .indexadv-video{display:flex;flex-wrap:wrap;align-items:center;margin-top:2em}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:228px;height:100px;background:#F7F7F7;position:relative}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#F7F7F7;border-radius:50%;color:var(--color);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize22);cursor:pointer}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap iframe,.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap video{width:100%;height:100%;object-fit:cover}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{flex:1;padding-left:20px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content span{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.home-indexadv .indexadv-left .home-more{margin-top:2em}
.home-indexadv .indexadv-right{flex:1;padding-left:30px}
.home-indexadv .indexadv-right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0px}
.home-indexadv .indexadv-right ul li{width:48%;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius);background:#FFFFFF;padding:30px 20px;transition:all .2s linear}
.home-indexadv .indexadv-right ul li:not(:nth-last-child(-n+2)){margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}
.home-indexadv .indexadv-right ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01);background:#f3f8f6;z-index:-1;width:100%;height:100%;transition:all .3s linear;border-radius:50%}
.home-indexadv .indexadv-right ul li .icon img{width:50%;filter:drop-shadow(0 100px 0 var(--color));transform:translateY(-100px)}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize32);background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize22);font-weight:var(--fontbold6);display:inline-block;padding:10px 0px 0px;text-transform:capitalize;line-height:1.3}
.home-indexadv .indexadv-right ul li p{color:var(--introcolor)}
.home-indexadv .indexadv-right ul li:hover .icon{background:var(--color)}
.home-indexadv .indexadv-right ul li:hover .icon::after{transform:translate(-50%,-50%) scale(0)}
.home-indexadv .indexadv-right ul li:hover .icon em{color:#FFFFFF}
.home-indexadv .indexadv-right ul li:hover .icon img{filter:none;transform:none}
@media(max-width:1024px){.home-indexadv .indexadv-left{width:100%}
.home-indexadv .indexadv-right{padding-left:0px;padding-top:30px}}
@media(max-width:768px){.home-indexadv{padding:40px 0px}
.home-indexadv .indexadv-left .home-title{text-align:center;margin-bottom:10px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize18)}}
@media(max-width:500px){.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li{width:48%;margin-bottom:20px!important;padding:15px}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize16)}
.home-indexadv .indexadv-left .home-more{margin-top:10px}
.home-more{font-size:var(--fontsize15);min-width:inherit;}}
.home-banner{height:auto}
.home-banner .bannertxt{position:absolute;color:#fff;opacity:0;}
.home-banner .swiper-slide-active .bannertxt{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
.home-banner .bannertxt .title{font-weight:bold;font-size:2.1vw;line-height:1.3;margin-bottom:.6vw}
.home-banner .bannertxt .title.line{position:relative;padding-bottom:.5vw}
.home-banner .bannertxt .title.line:after{content:'';width:6vw;height:2px;background:#fff;position:absolute;left:0;bottom:0;}
.home-banner .bannertxt p{font-size:1.35vw;line-height:1.4;margin-top:.5vw}
.home-banner .bannertxt.ban1{top:58%;left:6%;width:40%}
.home-banner .bannertxt.ban2{top:58%;left:6%;width:33%;}
.home-banner .bannertxt.ban3{top:58%;left:6%;width:33%;}
@media (max-width:1024px){.home-banner .bannertxt p{font-size:var(--fontsize13)}}
@media (max-width:768px){.home-banner .bannertxt p{display:none}
.home-banner .bannertxt.ban1{left:3%;width:45%}
.home-banner .bannertxt.ban2{left:3%;width:36%}
.home-banner .bannertxt.ban3{left:3%;width:36%}
.home-banner .bannertxt .title{font-size:var(--fontsize16)}
.home-banner .bannertxt .title.line:after{height:1px}}
@media (max-width:500px){.home-banner .bannertxt p{display:none}
.home-banner .bannertxt.ban1{top:56%;left:3%;width:45%}
.home-banner .bannertxt.ban3{top:56%;left:3%;}
.home-banner .bannertxt .title{font-size:var(--fontsize12)}
.home-banner .bannertxt.ban2 .title{font-size:var(--fontsize14)}
.home-banner .bannertxt.ban3 .title{font-size:var(--fontsize14)}}
.logoswiper-pagination{display:flex;justify-content:center;margin-top:10px;}
.logoswiper-pagination .swiper-pagination-bullet{background:#fff}
.home-logo{padding:15px 0;}
.home-consultation .box{padding:20px 0;}
.indexadv-left-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.indexadv-left-list li{width:32%;margin-top:10px;}
.indexadv-left-list li div{font-weight:bold;color:var(--color);font-size:48px;line-height:40px;}
.indexadv-left-list li div span{display:inline-block;line-height:40px;vertical-align:bottom;}
.indexadv-left-list li div sub{font-weight:500;font-size:large;line-height:1}
.indexadv-left-list li p{color:#666;font-size:var(--fontsize14);line-height:1.4;margin-top:10px;}
@media (max-width:500px){.indexadv-left-list li div{font-size:38px;}
.indexadv-left-list li p{font-size:var(--fontsize13);}}