﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide>a::after{display:none}
@media (min-width:1025px){.head-info .l-wrap{justify-content:flex-end}
}
.home-banner .swiper-pagination-bullet::before{background:var(--color1)}
.home-choose .chooseinfo ul li .icon{background:var(--color1)}
.home-mainpro .mainpro-list li a:hover .title{color:var(--color1)}
.home-mainpro .mainpro-list li a .title::before{background:var(--color1)}
.home-mainpro .mainpro-list li a .title::after{border-color:transparent transparent transparent var(--color1)}
#serviceswiper .swiper-slide .icon li>em{color:var(--color1)}
#customswiper1 .customswiper-next, #customswiper1 .customswiper-prev{background:var(--color1)}
.home-news .homenewslist .swiper-slide:hover .info .title{color:var(--color1)}

.home-banner .swiper-slide-active img{animation:none}
.home-banner .ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0}
.home-banner .swiper-slide-active .bannerani{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
.home-banner .ban1-p1{position:absolute;top:17%;left:10%;transform:translate(-50%,-50%);color:#fff;font-size:1vw;font-weight:700;opacity:0;line-height:1}
.home-banner .ban1-p2{position:absolute;top:10%;right:-2%;transform:translate(-50%,-50%);color:#000002;font-size:1vw;font-weight:700;opacity:0;line-height:1.3;text-align:right}
.home-banner .ban1-p2 span{font-size:.8vw;font-weight:400}
.home-banner .ban1{top:48%;left:26%;width:45%}
.home-banner .ban1 .p3{font-size:3.7vw;font-weight:700;line-height:1}
.home-banner .ban1 .p3 span{color:#0a80ce}
.home-banner .ban1 .p4{margin-top:3.1vw;font-size:1.5vw;font-weight:var(--fontbold6);line-height:1}
.home-banner .ban1 .btn{width:73%;display:flex;justify-content:space-between;align-items:center}
.home-banner .ban1 .more{width:48%;display:inline-block;margin-top:3vw;font-size:1vw;text-align:center}
.home-banner .ban1-list{position:absolute;left:3.5%;bottom:7%;width:33%;color:#fff;opacity:0;display:flex;justify-content:space-between}
.home-banner .ban1-list li{width:auto;text-align:center;line-height:1.3}
.home-banner .ban1-list li .title{font-size:.8vw;font-weight:700}
.home-banner .ban1-list li .desc{font-size:.6vw}
.home-banner .ban2{top:23%;color:#080604;text-align:center;width:100%}
.home-banner .ban2 .p1{font-size:4vw;font-weight:700;font-style:italic;line-height:1}
.home-banner .ban2 .p1 span{color:#0a80ce}
.home-banner .ban2 .p2{margin-top:1.5vw;font-size:1.5vw;font-weight:700;line-height:1}
.home-banner .ban2-list{position:absolute;left:50%;transform:translate(-50%,-50%);line-height:1}
.home-banner .ban2-list .title{margin-bottom:2vw;font-style:italic;font-size:1.5vw;font-weight:700;line-height:1.2}
.home-banner .ban2-list .desc{margin-bottom:2.5vw;font-size:1.25vw}
.home-banner .ban2-list .desc:last-child{margin-bottom:0}
.home-banner .ban2-list1{color:#fff;top:55%;left:12.5%;width:15%}
.home-banner .ban2-list1 .title{font-size:1.7vw}
.home-banner .ban2-list1 .desc{margin-left:20%}
.home-banner .ban2-list2{top:60%;left:85%;width:20%}
.home-banner .ban2-list2 .title{margin-bottom:1.5vw}
.home-banner .ban2-list2 .desc{margin-left:15%;margin-bottom:1.7vw}
.home-banner .ban2-list3{position:absolute;width:80%;bottom:-3%;left:55%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center}
.home-banner .ban2-list3 li{width:25%;color:#fff;line-height:1.1}
.home-banner .ban2-list3 li .num{color:#0a80ce;font-size:3vw;font-weight:700}
.home-banner .ban2-list3 li .title{margin:0 0 .2vw;font-size:1.3vw;font-weight:700}
.home-banner .ban2-list3 li .desc{font-size:1vw}
.home-banner .ban2-list3 li:nth-child(2){padding-left:2%}
.home-banner .ban2-list3 li:nth-child(3){padding-left:5%}
.home-banner .ban2-list3 li:nth-child(4){padding-left:10%}
.home-banner .ban3{color:#0a1521;top:48%;left:26%;width:45%}
.home-banner .ban3 .p1{position:relative;padding-bottom:1.5vw;font-size:3.7vw;font-weight:700;line-height:1;font-style:italic}
.home-banner .ban3 .p1 span{color:#024ac7}
.home-banner .ban3 .p1::after{content:"";position:absolute;bottom:0;left:0;width:3vw;height:.3vw;background:#024ac7}
.home-banner .ban3 .p2{margin-top:1.5vw;font-size:1.5vw;font-weight:var(--fontbold6);line-height:1}
.home-banner .ban3 .ban3-list1{width:75%;margin-top:5.5vw;display:flex;justify-content:space-between;text-align:center}
.home-banner .ban3 .ban3-list1 li{width:auto;color:#39393b;font-size:.9vw;font-weight:700}
.home-banner .ban3 .btn{width:60%;display:flex;justify-content:space-between;align-items:center}
.home-banner .ban3 .more{width:48%;color:#fff;display:inline-block;margin-top:1.8vw;font-size:1vw;text-align:center}
.home-banner .ban3 .more2{color:#024ac7}
.home-banner .ban3-list2{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:100%;display:flex;justify-content:space-between;color:#fff;align-items:center}
.home-banner .ban3-list2 li{width:25%;font-size:1vw;font-weight:700;line-height:1.3}
.home-banner .ban3-list2 li:first-child{padding-left:10%}
.home-banner .ban3-list2 li:nth-child(2){padding-left:9%}
.home-banner .ban3-list2 li:nth-child(3){padding-left:3%}
.home-banner .ban3-list2 li:nth-child(4){padding-left:5%}

.wmpage142-page1 .page1-title{text-align:center;margin-bottom:40px}
.wmpage142-page1 .page1-p{color:var(--color);margin-bottom:10px}
.wmpage142-page1 .page1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage142-page1 .page1-li{width:32%}
.wmpage142-page1 .page1-li-contant{background:#f7f7f7;border-radius:5px;padding:20px}
.wmpage142-page1 .page1-img{display:block;overflow:hidden;border-radius:5px}
.wmpage142-page1 .page1-img .img{transition:transform .4s ease}
.wmpage142-page1 .page1-li-contant:hover .img{transform:scale(1.05)}
.wmpage142-page1 .page1-li-p1{font-size:var(--wmpage-font24,24px);font-weight:var(--fontbold6);margin:20px 0 10px 0}
.wmpage142-page1 .page1-li-p2{color:#555}
.wmpage142-page1 .page1-btn a{display:inline-block;background:var(--color);color:#fff;font-weight:var(--fontbold6);padding:10px 24px;border-radius:0 0 5px 5px;margin-left:20px;border:1px solid var(--color);transition:all .4s ease}
.wmpage142-page1 .page1-btn a em{width:16px;display:inline-block}
.wmpage142-page1 .page1-btn a:hover{background:#fff;color:var(--color)}
@media (max-width:990px){.wmpage142-page1 .page1-li{width:48%;margin-bottom:30px}
}
@media (max-width:768px){.wmpage142-page1 .page1-li{width:100%}
.wmpage142-page1 .page1-li-p1{font-size:var(--wmpage-font20)}
}
@media (max-width:500px){.wmpage142-page1 .page1-title{margin-bottom:25px}
.wmpage142-page1 .page1-li{margin-bottom:20px}
.wmpage142-page1 .page1-li-contant{padding:20px}
.wmpage142-page1 .page1-li-p1{font-size:var(--wmpage-font18)}}
.wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:22%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:nth-child(-n+4){margin-bottom:20px}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{padding:15px 25px;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);flex:1;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:75%;position:relative;overflow:hidden}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}
}
@media screen and (max-width:768px){.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}}
@media (min-width:1024px){.wmpage142-page1 .page1-li{width:24%}}
.wmpage228-page1 .contact{display:flex}
.wmpage228-page1 .contact .contact-box{-ms-flex:0 0 420px;flex:0 0 420px;margin-right:90px;-ms-flex-item-align:self-start;align-self:self-start;padding:50px 30px 80px;box-sizing:border-box;background:var(--color);color:#fff}
.wmpage228-page1 .contact .contact-box p,.wmpage228-page1 .contact .contact-box p a{color:#fff}
.wmpage228-page1 .contact .contact-box .title{font-size:2em;margin-bottom:10px}
.wmpage228-page1 .contact .contact-box .tip{margin-bottom:20px}
.wmpage228-page1 .contact .contact-inquiry{padding-top:10px;flex:1}
.wmpage228-page1 .contact .contact-inquiry .title{font-size:2em;font-weight:var(--fontbold6);position:relative;margin-bottom:10px;padding-bottom:10px;color:var(--fontcolor)}
.wmpage228-page1 .contact .contact-inquiry .title:after{content:'';position:absolute;width:80px;height:3px;top:100%;left:0;background:var(--color)}
.wmpage228-page1 .contact .contact-inquiry .tip{color:var(--fontcolor);margin-bottom:30px}
.wmpage228-page1 .contact .contact-item{display:flex;margin-bottom:20px}
.wmpage228-page1 .contact .contact-item .icon{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px}
.wmpage228-page1 .contact .contact-item .con{flex:1}
.wmkcfb-fileupload,.wmpage228-page1 .inquiry-form input{position:relative;padding-left:10px;width:49%;height:50px;outline:0;margin-bottom:20px;background:#f6f6f6;border:1px solid #f6f6f6}
.wmpage228-page1 .inquiry-form textarea{padding-top:10px;padding-left:10px;width:100%;outline:0;height:200px;background:#f6f6f6;border:1px solid #f6f6f6;resize:none}
.wmpage228-page1 .wmkcfeedback .send-btn{min-width:200px;border:1px solid #fff;height:50px;display:flex;cursor:pointer;justify-content:center;align-items:center;margin:20px 0;background-color:#000;color:#fff;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s}
.wmpage228-page1 .wmkcfeedback .send-btn::before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.wmpage228-page1 .wmkcfeedback .send-btn:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
@media screen and (max-width:768px){.contact{display:block}
.contact .contact-box{-ms-flex:initial;flex:initial;padding:14px;margin-right:0}
.contact .contact-box .title{font-size:18px}
.contact .contact-inquiry .title{font-size:18px;padding-bottom:14px}
}
.wmpage228-page1 {padding-bottom:4%}
.wmpage228-page1 .contact .contact-box .tip:last-child{margin:20px 0 0}
@media (max-width:1200px){.wmpage228-page1 .contact .contact-box{margin-right:40px}}
@media (max-width:1024px){.wmpage228-page1 .contact .contact-box{flex:initial;width:100%;margin-right:0;padding:20px 20px 30px}
.wmpage228-page1 .contact{flex-wrap:wrap}
.wmpage228-page1 .contact .contact-inquiry{width:100%}
.wmpage228-page1 .contact .contact-box .title,.wmpage228-page1 .contact .contact-inquiry .title{font-size:var(--fontsize26);line-height:1.3}
.wmpage228-page1 .contact .contact-inquiry .tip{margin-bottom:0}}
@media (max-width:768px){.wmpage228-page1{padding-bottom:40px}}

.home-diverse{position:relative;padding:4% 0}
.diverse-container{margin-top:2em;display:flex;flex-wrap:wrap;align-items:center}
.diverse-container .left{width:45%;padding-right:5%;z-index:9}
.diverse-container .left .p1{font-weight:var(--fontbold6);font-size:20px}
.diverse-container .left .list{margin-top:2em}
.diverse-container .left .list li{position:relative;display:flex;align-items:center;width:100%;height:100px;background:#fff;box-shadow:0 2px 16px 0 rgba(214,214,214,.45);padding:18px 24px;padding-right:50px;margin-top:1em;transition:.3s ease-in-out}
.diverse-container .left .list li .icon{width:72px;height:72px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}
.diverse-container .left .list li .icon em{color:var(--color);font-size:var(--fontsize30);transition:.3s ease-in-out}
.diverse-container .left .list li .title{width:300px;font-size:var(--fontsize20);font-weight:var(--fontbold5);padding:0 20px}
.diverse-container .left .list li .text{opacity:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--introcolor);transition:.5s ease-in-out}
.diverse-container .left .list li .text p{width:240px}
.diverse-container .left .list li .fixed{position:absolute;right:0;top:0;width:45px;height:100%;background:#f4f4f4;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.diverse-container .left .list li .fixed em{font-size:var(--fontsize28)}
.diverse-container .left .list li.active{width:calc(100% + 120px)}
.diverse-container .left .list li.active .icon{background:var(--color)}
.diverse-container .left .list li.active .icon em{color:#fff}
.diverse-container .left .list li.active .text{opacity:1;margin-top:15px}
.diverse-container .left .list li.active .fixed{background:var(--bgcolor)}
.diverse-container .left .list li.active .fixed em{color:#fff;transform:rotate(180deg)}
.diverse-container .right{flex:1}
.diverse-container .diverse-content{display:none}
.diverse-container .diverse-content img{opacity:0}
.diverse-container .right .diverse-content.active{display:block}
.diverse-container .right .diverse-content.active img{animation:diverseImg .3s .2s linear forwards}
@keyframes diverseImg{0%{opacity:0;transform:translateX(30px)}
100%{opacity:1;transform:translateX(0)}
}




@media(max-width:1280px){.diverse-container .left{width:53%}}
@media(max-width:1024px){.home-banner .banner-animote .p2{font-size:var(--fontsize30)}
.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}
}
@media(max-width:768px){.home-diverse{padding:40px 0}
.diverse-container{flex-direction:column}
.diverse-container .left{width:100%;padding:0;margin-bottom:20px}
.diverse-container .left .list li.active{width:100%}
.diverse-container .left .list li .icon{width:50px;height:50px}
.diverse-container .left .list li .title{font-size:var(--fontsize18);flex:1}
.diverse-container .left .list li .text{display:none}}
@media(max-width:500px){
.diverse-container .left .p1{font-weight:var(--fontbold4);font-size:var(--fontsize16)}
.diverse-container .left .list li{height:80px;padding:15px 10px;padding-right:40px}
.diverse-container .left .list li .title{font-size:var(--fontsize16);padding:0 10px}
}

.wmpage208-page2-Swiper2 .swiper-slide::after{content:'';position:absolute;width:100%;height:100%;top:0;background:linear-gradient(0deg,var(--color) 0,transparent 100%);left:0;opacity:.3}
.wmpage208-page2-con{position:relative;width:100%}
.wmpage208-page2-Swiper1{position:absolute;width:100%;overflow:hidden;bottom:0}
.wmpage208-page2-ic{display:flex;justify-content:center}
.wmpage208-page2-ic em{font-size:var(--fontsize24);width:var(--fontsize24);line-height:1;margin-bottom:15px}
.wmpage208-page2-text p{text-align:center;font-size:var(--fontsize18)}
.wmpage208-page2-Swiper1 .swiper-slide{color:#fff;text-align:center;background:linear-gradient(0deg,var(--color) 0,transparent 100%);padding:25px 0;border-right:1px solid rgba(255,255,255,.2);font-size:18px;cursor:pointer}
.wmpage208-page2-texts{position:absolute;top:50%;left:5%;width:70%;transform:translateY(-50%);z-index:4;color:#fff}
.wmpage208-page2-texts h5{font-size:40px;color:#fff;font-weight:var(--fontbold7);position:relative}
.wmpage208-page2-btn{display:flex;margin-top:35px}
.wmpage208-page2-btn a{font-size:var(--fontsize14);color:#fff;border:1px solid #fff;padding:13px 35px;border-radius:5px;transition:all .5s;line-height:1}
.wmpage208-page2-texts span{width:70px;height:5px;display:block;margin:10px 0;background:linear-gradient(to right,var(--color),#ffffff94)}
.wmpage208-page2-texts p{color:#fff;line-height:1.75}
@media (max-width:1400px){.wmpage208-page2-texts{left:3%;width:95%}
.wmpage208-page2-texts p{line-height:1.52}
.wmpage208-page2-Swiper1 .swiper-slide{padding:15px 0}
}
@media (max-width:1024px){.wmpage208-page2-texts p{-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box}
.wmpage208-page2-btn a{padding:10px 30px}
.wmpage208-page2-btn{margin-top:20px}
.wmpage208-page2-text p{font-size:var(--fontsize14)}
.wmpage208-page2-texts{top:40%}
}.diverse-container .left .list li.active { width: calc(100% + 20px);}

.wmpage208-page2 .home-des{margin:0 auto}
@media (max-width:1600px){.wmpage208-page2 .wmpage-lwrap{max-width:1150px;}}
.wmpage208-page2-con{margin-top:3%}
.wmpage208-page2-texts{width:35%}
.wmpage208-page2-texts .title{font-size:2.3vw;line-height:1.3}
.wmpage208-page2-texts span{width:4.2vw;height:.3vw;margin:1vw 0 1.5vw}
.wmpage208-page2-texts p{font-size:1vw}
.wmpage208-page2-Swiper1 .swiper-slide{height:auto}
.wmpage208-page2-text p{line-height:1.2}
@media (max-width:768px){.wmpage208-page2-texts{top:35%}
.wmpage208-page2-texts .title{font-size:3vw}
.wmpage208-page2-texts span{width:6vw;height:.5vw;margin:1vw 0}
.wmpage208-page2-texts p{font-size:1.8vw}
.wmpage208-page2-Swiper1 .swiper-slide{padding:5px 0}
}
@media (min-width:769px){.home-choose .l-wrap>div.chooseimg{width:30%;}
.home-choose .l-wrap>div.chooseinfo{width:70%;}}
@media (min-width:769px) and (max-width:1440px){.home-choose .l-wrap>div.chooseimg{width:35%;}
.home-choose .l-wrap>div.chooseinfo{width:65%;}}
