@import url(https://js01.v15cdn.com/single-template/public.css);
.why-choose{position:relative;padding:4% 0}
.why-choose .choose-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.why-choose .choose-item{display:flex;align-items:flex-start;gap:18px;border:1px solid var(--color);border-radius:8px;padding:32px;background:#fff}
.why-choose .icon-circle{width:72px;height:72px;border-radius:50%;background:var(--color1);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-choose .icon-circle em{font-size:30px}
.why-choose .choose-item .title{font-size:24px;color:#222;font-weight:700}
.why-choose .choose-item .desc{color:#555;font-size:16px;line-height:1.5}
@media (max-width:1280px){.why-choose .choose-grid{margin-top:30px}
.why-choose .choose-item{padding:25px}
}
@media (max-width:1024px){.why-choose .choose-grid{margin-top:20px}
.why-choose .choose-item{padding:20px}
.why-choose .icon-circle{width:65px;height:65px}
}
@media (max-width:768px){.why-choose{padding:30px 0}
.why-choose .choose-grid{grid-template-columns:1fr}
}
@media (max-width:540px){.why-choose{padding:40px 0}
.why-choose .choose-item{flex-direction:column;text-align:center;align-items:center;padding:20px}
}
.home-about .aboutinfo .aboutmeta .tel em::after{border-color:var(--color1)}
.home-about .aboutinfo .aboutmeta .tel em{background:var(--color1)}
.home-pro .list li .info{color:#fff;background:var(--color)}
.home-pro .list li .info .more{background:var(--color1)}
.home-pro .list li .info::before{border-color:transparent var(--color) transparent transparent}
.home-pro .list li:nth-child(4n+3) .info::before, .home-pro .list li:nth-child(4n+4) .info::before{border-color:transparent transparent transparent var(--color)}
.home-advantages::before{background:rgba(26, 104, 179,.5)}
#advantageswiper .swiper-slide em{color:var(--color1)}
#advantageswiper .swiper-slide .p1::after{display:none}
#advantageswiper .swiper-slide{border-color:var(--color);background:rgba(26, 104, 179,.65)}
.home-boxshaw .box .home-more{border-color:var(--color1)}
.home-boxshaw .box .home-more:hover{border-color:#fff}

.wmpage198-page2{background:#f6f6f6}
.wmpage198-page2 .wmpage198-page2-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:30px}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-left{width:50%}
.wmpage198-page2 .wmpage198-page2-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase}
.wmpage198-page2 .wmpage-title{color:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-right{width:50%;color:var(--wmpage-color8)}
.wmpage198-page2 .wmpage198-page2-slide{position:relative;overflow:hidden;width:100%}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-img{width:100%;position:relative}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-info{position:absolute;bottom:20px;left:20px;border-left:5px solid var(--color);background-color:#fff;width:calc(100% - 40px);padding:25px;opacity:0;z-index:2;clip-path:polygon(0 0,95% 0,90% 100%,0 100%);transition:all .3s linear;transform:translateY(120px)}
.wmpage198-page2 .wmpage198-page2-slide:hover .wmpage198-page2-info{transform:translateY(0);opacity:1}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-title{display:inline-block;font-weight:var(--fontbold7);font-size:var(--wmpage-font20);transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-title:hover{color:var(--color)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-words{color:var(--wmpage-color8);font-size:var(--wmpage-font14);font-weight:var(--fontbold6)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-border{position:absolute;top:0;right:30px;opacity:0;transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;background:var(--color);border-radius:50%;transition:all .2s linear}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover{background:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-slide:hover .wmpage198-page2-border{top:30px;opacity:1}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon em{color:#fff;transform:rotate(-30deg);font-size:var(--wmpage-font24);transition:all .3s linear;width: var(--wmpage-font24);line-height: 1;}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover em{transform:rotate(0)}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon::before{position:absolute;content:'';width:60px;height:60px;border-radius:50%;border:1px solid var(--color);background:0 0;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;animation:page2 2s ease-in-out infinite}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-icon:hover::before{border:1px solid var(--wmpage-color33)}
@keyframes page2{0%{transform:translate(-50%,-50%) scale(1)}
50%{transform:translate(-50%,-50%) scale(1.4)}
100%{transform:translate(-50%,-50%) scale(1)}
}
.wmpage198-page2 .wmpage198-page2-btn{display:flex;justify-content:center;margin-top:40px}
.wmpage198-page2 .wmpage198-page2-next,.wmpage198-page2 .wmpage198-page2-prev{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;background:var(--color);transition:all .3s linear}
.wmpage198-page2 .wmpage198-page2-next:hover,.wmpage198-page2 .wmpage198-page2-prev:hover{background:var(--wmpage-color33)}
.wmpage198-page2 .wmpage198-page2-next{margin-right:15px}
.wmpage198-page2 .wmpage198-page2-next em,.wmpage198-page2 .wmpage198-page2-prev em{color:#fff;font-size:var(--wmpage-font20);font-weight:var(--fontbold7)}
@media screen and (max-width:768px){.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-left{width:100%}
.wmpage198-page2 .wmpage198-page2-top .wmpage198-page2-right{width:100%}
}
.wmpage198-page2 {padding:4% 0}
.wmpage198-page2 .home-title{margin-bottom:30px}
.wmpage198-page2 .wmpage198-page2-slide .wmpage198-page2-img img{aspect-ratio:4/3;}
@media (max-width:768px){.wmpage198-page2 {padding:40px 0}
.wmpage198-page2 .home-title{margin-bottom:20px}}
.home-banner .swiper-slide>a::after{display:none;}

.home-banner{height:auto}
.home-banner .swiper-slide-active img{animation:0s}
.bannertxt1{position:absolute;top:29%;transform:translateY(-50%);left:5.3%}
.bannertxt1 .tit{font-weight:bold;color:#F58123;line-height:1;font-size:5.1vw;font-style:italic;position:relative;padding-bottom:1.5vw}
.bannertxt1 .tit:before{content:'';width:7vw;height:.2vw;background:#175FA9;position:absolute;bottom:0;left:0;}
.bannertxt1 .tit:after{content:'';width:2vw;height:.2vw;background:#F58123;position:absolute;bottom:0;left:7vw;}
.bannertxt1 .tit span{color:#175FA9}
.bannertxt1 .tit span.size{font-size:2.8vw;line-height:1.1;display:inline-block;font-style:initial}
.bannertxt1 .tit span.size:last-child{display:block}
.bannertxt2{position:absolute;top:9%;transform:translate-50%,-50%);left:10%;width:80%;text-align:center}
.bannertxt2 .tit{font-weight:bold;font-size:2.5vw;line-height:1.2;}
.bannertxt2 .txt{font-size:1.55vw;line-height:1.4}
.bannertxt3{position:absolute;top:29%;transform:translateY(-50%);left:4%}
.bannertxt3 .tit{font-weight:bold;color:#0F51C1;line-height:1.3;font-size:3vw;position:relative;padding-bottom:1.5vw}
.bannertxt3 .tit:before{content:'';width:3.5vw;height:.2vw;background:#0F51C1;position:absolute;bottom:0;left:0;}
.bannertxt3 .tit:after{content:'';width:3.5vw;height:.2vw;background:#F58123;position:absolute;bottom:0;left:3.5vw;}
.bannertxt3 .tit span{color:#F58123}
@media (min-width:2561px){.bannertxt1 .tit{font-size:130px;padding-bottom:40px}
.bannertxt1 .tit:before{width:210px;height:4px;}
.bannertxt1 .tit:after{width:40px;height:4px;left:210px;}
.bannertxt1 .tit span.size{font-size:80px}
.bannertxt2 .tit{font-size:65px;}
.bannertxt2 .txt{font-size:40px;}
.bannertxt3 .tit{font-size:80px;padding-bottom:35px}
.bannertxt3 .tit:before{width:95px;height:4px;}
.bannertxt3 .tit:after{width:95px;height:4px;left:95px;}}