﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner #banner-swiper{min-height:inherit;}
.wmpage44-page2 .wmpage44-page2-title h5{font-weight:var(--fontbold6,600);margin:0;text-align:center;line-height:1.5;color:#000;text-transform:capitalize}
.wmpage44-page2 .wmpage44-page2-sub{display:flex;justify-content:center;padding:15px 0;box-sizing:border-box}
.wmpage44-page2 .wmpage44-page2-sub .wmpage44-page2-div:nth-of-type(1){width:63px;height:2px;background:var(--color,#0061de);border-radius:1px;margin-right:5px}
.wmpage44-page2 .wmpage44-page2-sub .wmpage44-page2-div:nth-of-type(2){width:16px;height:2px;background:var(--color,#0061de);border-radius:1px}
.wmpage44-page2 .wmpage44-page2-list{flex-wrap:wrap;display:flex;justify-content:space-between}
.wmpage44-page2 .wmpage44-page2-item{width:19%;margin-bottom:2%;border-radius:5px;overflow:hidden;box-shadow:0 1px 10px 0 rgba(51,51,51,.1);transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;padding:10px 0}
.wmpage44-page2 .wmpage44-page2-item img{display:inline-block;max-width:100%}
.wmpage44-page2 .wmpage44-page2-item:hover{transform:scale(1.02)}
.wmpage44-page2 .wmpage44-page2-pro{margin-bottom:30px}
.wmpage44-page2 .wmpage44-page2-pro p{font-size:var(--wmpage-font16);color:#333;text-align:center;margin:0;line-height:1.5}
@media(max-width:768px){.wmpage44-page2 .wmpage44-page2-item{width:49%}
}
.wmpage204-page3 .wmpage204-page3-text{color:var(--color);font-weight:var(--fontbold6);display:flex;align-items:center;justify-content:center}
.wmpage204-page3 .wmpage204-page3-text em{font-weight:var(--fontbold5);margin-right:5px;font-size:var(--wmpage-font24)}
.wmpage204-page3 .wmpage-title{color:var(--color);text-align:center}
.wmpage204-page3 .wmpage204-page3-box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:25px;}
.wmpage204-page3 .wmpage204-page3-box .wmpage204-page3-left{width:25%;height:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#efefef;padding:20px;border-radius:15px}
.wmpage204-page3 .wmpage204-page3-left .wmpage204-page3-num{color:var(--color);font-size:var(--wmpage-font50);font-weight:var(--fontbold6);line-height:1.2}
.wmpage204-page3 .wmpage204-page3-left ul{display:flex;justify-content:center}
.wmpage204-page3 .wmpage204-page3-left ul li em{color:#e2aa01;margin-right:3px}
.wmpage204-page3 .wmpage204-page3-left .wmpage204-page3-title{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);margin-bottom:5px}
.wmpage204-page3 .wmpage204-page3-left .wmpage204-page3-letter{color:var(--wmpage-color8);line-height:1.1}
.wmpage204-page3 .wmpage204-page3-box .wmpage204-page3-right{width:74%;position:relative}
.wmpage204-page3 .wmpage204-page3-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;top:10%;left:40%}
.wmpage204-page3 .wmpage204-page3-swiper{width:31%;display:flex;z-index:999}
.wmpage204-page3 .wmpage204-page3-swiper .wmpage204-page3-slide img{object-fit:cover;width:55px;height:55px;border-radius:50%;cursor:pointer;border:3px solid transparent}
.wmpage204-page3 .wmpage204-page3-swiper .swiper-slide-thumb-active img{border:3px solid #000}
.wmpage204-page3 .wmpage204-page3-btn{width:30%;display:flex;align-items:center}
.wmpage204-page3 .wmpage204-page3-next,.wmpage204-page3 .wmpage204-page3-prev{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#efefef;transition:all .2s linear;z-index:10;position:relative}
.wmpage204-page3 .wmpage204-page3-next{margin-left:20px;margin-right:10px}
.wmpage204-page3 .wmpage204-page3-next:hover,.wmpage204-page3 .wmpage204-page3-prev:hover{background:var(--color)}
.wmpage204-page3 .wmpage204-page3-next em,.wmpage204-page3 .wmpage204-page3-prev em{color:var(--color);font-size:var(--wmpage-font15);transition:all .2s linear}
.wmpage204-page3 .wmpage204-page3-next:hover em,.wmpage204-page3 .wmpage204-page3-prev:hover em{color:#fff}
.wmpage204-page3 .wmpage204-page3-bottom{padding:0 10px}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-hidden{max-width:300px;padding:30px 20px;display:flex;align-items:center;background:var(--color);transform:scaleY(0);transform-origin:bottom;border-radius:10px 10px 0 0;visibility:hidden;opacity:0;transition:all .3s ease-in-out}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide.swiper-slide-active .wmpage204-page3-hidden{visibility:visible;opacity:1;transform:scaleY(1)}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide img{width:70px;height:70px;border-radius:50%}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-people{flex:1;margin-left:15px}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-people p:first-child{font-weight:var(--fontbold6);color:#fff;font-size:var(--wmpage-font18)}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-people p:last-child{color:#fff;opacity:.8}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-content{position:relative;border:1px solid #e5e3e0;border-radius:0px 0px 15px 15px;padding:30px 20px;background:#fff;transform:translateY(-11px);transition:all .3s ease-in-out}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide:hover .wmpage204-page3-content{box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;border:1px solid transparent}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide ul{display:flex;margin-top:30px;display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border:1px solid #e5e3e0;border-radius:35px}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide .wmpage204-page3-title{color:#000;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide .wmpage204-page3-desc{color:var(--wmpage-color8);margin-top:5px}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide ul li em{color: var(--color);display: block;line-height: 1;}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide ul li em:nth-child(-n+4){margin-right:5px}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-icon em{position:absolute;right:30px;bottom:20px;font-size:var(--wmpage-font40);color:#efefef;transition:all .2s linear}
.wmpage204-page3 .wmpage204-page3-bottom .wmpage204-page3-slide:hover .wmpage204-page3-icon em{color:var(--color)}
@media screen and (max-width:1024px){.wmpage204-page3 .wmpage204-page3-box .wmpage204-page3-left{width:100%}
.wmpage204-page3 .wmpage204-page3-box .wmpage204-page3-right{width:100%}
.wmpage204-page3 .wmpage204-page3-top{left:30%}
.wmpage204-page3 .wmpage204-page3-swiper{width:24%}
}
@media screen and (max-width:768px){.wmpage204-page3 .wmpage204-page3-top{position:relative;margin:20px 0;transform:translateY(-50px) translateX(-50%);left:50%}
.wmpage204-page3 .wmpage204-page3-swiper{width:67%}
}
.home-banner .banner-button-prev,.home-banner .banner-button-next{opacity:0}
.home-banner:hover .banner-button-prev,.home-banner:hover .banner-button-next{opacity:1}
.home-banner .swiper-slide-active img{animation:none}
.banner-animate{position:absolute;opacity:0}
.home-banner .swiper-slide-active .banner-animate{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:30px}
100%{opacity:1;margin-top:0px}}
.banner-animate.bannertxt1{left:4%;top:50%;transform:translateY(-50%);}
.bannertxt1-tit{color:#0085f8;font-size:4.2vw;line-height:1;font-family:impact;-webkit-text-stroke:2px #fff;text-shadow:0 0 8px rgba(0 0 0 / 20%)}
.bannertxt1-tit2{color:#0085f8;font-family:arial;-webkit-text-stroke:1px #fff;font-weight:bold;font-size:2.6vw;line-height:1;text-shadow:0 0 8px rgba(0 0 0 / 20%);letter-spacing:-2px;margin:.6vw 0}
.bannertxt1-brand{display:flex;align-items:center;width:26vw;justify-content:space-between;margin:1.5vw 0}
.bannertxt1-brand li{overflow:hidden}
.bannertxt1-brand li img{filter:drop-shadow(0 150px 0 #0066be);transform:translateY(-150px)}
.bannertxt1-brand li:nth-child(1){width:3.2vw}
.bannertxt1-brand li:nth-child(2){width:4.2vw}
.bannertxt1-brand li:nth-child(3){width:3.3vw}
.bannertxt1-brand li:nth-child(4){width:2.8vw}
.bannertxt1-brand li:nth-child(5){width:2.4vw}
.bannertxt1-btn{display:flex;}
.bannertxt1-btn .bannertxt1-btn-info{display:flex;flex-direction:column}
.bannertxt1-btn .bannertxt1-btn-info div{background:#0076dc;color:#fff;border-radius:5px;display:inline-block;text-align:center;box-shadow:inset 1px 2px 5px #00000022;margin-top:1vw;font-size:1vw;padding:.4vw 1vw}
@media (max-width:1024px){.bannertxt1-tit{-webkit-text-stroke:1px #fff;}}
@media (max-width:768px){.banner-animate.bannertxt1{left:2%;}
.bannertxt1-tit{-webkit-text-stroke:0px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;font-size:26px}
.bannertxt1-tit2{-webkit-text-stroke:0px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;font-size:20px}
.bannertxt1-btn{display:none;}}
@media (max-width:550px){.bannertxt1-tit{font-size:20px}
.bannertxt1-tit2{font-size:12px;margin-bottom:8vw;letter-spacing:0;}
.bannertxt1-brand{display:none}}

.banner-animate.bannertxt2{left:17%;top:20%;width:38%;}
.bannertxt2-txt{font-weight:bold;font-size:1.45vw;line-height:1.3;}
.bannertxt2-tit{font-weight:bold;color:#0895d9;font-size:3.3vw;line-height:1.2;margin:.2vw 0}
.bannertxt2-tit span{margin:0 .7vw}
.banner-animate.bannertxt2 p{font-size:1vw;max-width:95%}
.bannertxt2-btn{display:flex;margin-top:1.4vw}
.bannertxt2-btn a{position:relative}
.bannertxt2-btn a:before{content:'';width:100%;height:100%;background:#009fe1;position:absolute;top:0;left:0;transform:skew(-30deg)}
.bannertxt2-btn a span{position:relative;color:#fff;padding:.4vw 1vw;font-size:1.4vw;font-style:italic;font-weight:bold}
@media (max-width:1024px) and (min-width:769px){.banner-animate.bannertxt2{left:7%;top:14%;width:54%;}
.banner-animate.bannertxt2 p{font-size:12px}}
@media (max-width:768px){.banner-animate.bannertxt2 p{display:none}
.banner-animate.bannertxt2{left:11%;top:18%;width:50%;}
.bannertxt2-txt{font-size:13px;}
.bannertxt2-tit{font-size:24px;}
.bannertxt2-btn a span{font-size:12px;padding:5px 10px}}
@media (max-width:550px){.banner-animate.bannertxt2{left:3%;top:18%;width:55%;}
.bannertxt2-txt{font-size:12px;}
.bannertxt2-tit{font-size:18px;}
.bannertxt2-btn{display:none}}

.banner-animate.bannertxt3{left:12%;top:50%;transform:translateY(-50%);width:76%;text-align:center;}
.bannertxt3-tit{position:relative}
.bannertxt3-tit:before{content:'';width:100%;height:100%;background:url(/uploads/42494/index/bg.png) no-repeat center bottom;background-size:27vw;position:absolute;bottom:-1.8vw;left:0;}
.bannertxt3-tit span{font-weight:bold;font-size:3.8vw;background:linear-gradient(90deg,#00bff6 0,#08fbcb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;position:relative}
.bannertxt3-tit2{color:#fff;font-weight:bold;font-size:2.4vw;line-height:1.3;margin:1vw 0 0}
.bannertxt3-numlist{display:flex;background:#fff;border-radius:10px;margin:2vw 0 4vw;overflow:hidden;justify-content:space-between}
.bannertxt3-numlist li:not(:last-child){padding:1.7vw 1.7vw;display:flex;align-items:center;margin:0 auto}
.bannertxt3-numlist li:last-child{max-width:25%;text-align:center;background:#43bba0;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1vw;}
.bannertxt3-numlist li .bannertxt3-icon{width:3.3vw;margin-right:.7vw}
.bannertxt3-numlist li .bannertxt3-num{flex:1;text-align:left}
.bannertxt3-numlist li .bannertxt3-num p{font-size:1.1vw;font-weight:bold;line-height:1.2;margin-bottom:.3vw}
.bannertxt3-numlist li .bannertxt3-num div{color:#43bba0;font-weight:bold;font-size:2.7vw;line-height:1}
.bannertxt3-numlist li .bannertxt3-num div span{color:#494949;font-size:.9vw;font-weight:500;position:relative;top:-.2vw}
.bannertxt3-numlist li .bannertxt3-contact div{font-weight:bold;font-size:2vw;line-height:1.2;}
.bannertxt3-numlist li .bannertxt3-contact p{font-size:1vw;line-height:1.2;margin-top:.4vw}
.bannertxt3-brandlist{display:flex;justify-content:center;}
.bannertxt3-brandlist li{margin:0 1vw}
.bannertxt3-brandlist li:nth-child(1){width:2.4vw}
.bannertxt3-brandlist li:nth-child(2){width:3.6vw}
.bannertxt3-brandlist li:nth-child(3){width:3.2vw}
.bannertxt3-brandlist li:nth-child(4){width:2.5vw}
.bannertxt3-brandlist li:nth-child(5){width:3.3vw}
@media (max-width:1024px){.banner-animate.bannertxt3{width:80%}
.bannertxt3-numlist li .bannertxt3-num p{font-size:1.4vw}
.bannertxt3-numlist li .bannertxt3-num div span{font-size:1.2vw}
.bannertxt3-numlist li .bannertxt3-contact p{font-size:1.2vw;}}
@media (max-width:768px){.bannertxt3-numlist{display:none}
.bannertxt3-brandlist{margin-top:2vw}
.bannertxt3-tit span{font-size:30px}
.bannertxt3-tit2{font-size:20px}}
@media (max-width:550px){.banner-animate.bannertxt3{width:90%;left:5%}
.bannertxt3-brandlist{display:none}
.bannertxt3-tit span{font-size:22px}
.bannertxt3-tit2{font-size:15px}
.bannertxt3-tit:before{background-size:45vw}}