﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-title{font-weight:700}
@media (min-width:1281px){.home-title{font-size:50px}}
.home-about, .home-choose, .home-custom, .home-mainpro, .home-news, .home-service{padding:130px 0}
@media (max-width:1024px){.home-about, .home-choose, .home-custom, .home-mainpro, .home-news, .home-service{padding:80px 0}}
@media (max-width:768px){.home-about, .home-choose, .home-custom, .home-mainpro, .home-news, .home-service{padding:60px 0}}
.home-banner .swiper-slide>a::after{display: none;}
.home-cate{padding:5% 0;position:relative}
.home-cate .homecate-top{display:flex;align-items:flex-end;justify-content:space-between}
.home-cate .homecate-top .home-title{text-align:left}
.home-cate .homecate-top a:hover{text-decoration:underline}
.home-cate .homecate-top .right{white-space:nowrap}
.home-cate .list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-left:42%}
.home-cate .list li:nth-child(1){position:absolute;left:0;top:0;width:40%;height:100%;aspect-ratio:6/7}
.home-cate .list li{width:48.4%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:7/6}
.home-cate .list li:nth-child(n+4){margin-top:1.5em}
.home-cate .list li .img{width:100%;height:100%;display:flex}
.home-cate .list li .img img{width:100%;height:100%;object-fit:cover}
.home-cate .list li .title{position:absolute;left:0;bottom:0;width:100%;height:100%;color:#FFFFFF;display:flex;justify-content:space-between;align-items:flex-end;padding:20px;background:linear-gradient(0deg,var(--hovercolor) 0,rgba(0,0,0,0) 100%);transition:all .1s linear}
.home-cate .list li .title span{font-size:var(--fontsize18)}
.home-cate .list li .title em{color:var(--color);font-size:var(--fontsize20)}
.home-cate .list li:hover .img img{transform:scale(1.02)}
.home-cate .list li:hover .title{color:var(--color)}
@media (max-width:768px){.home-cate{padding:50px 0}}
@media (max-width:500px){.home-cate .list{padding:0}
.home-cate .list li{width:48% !important;aspect-ratio:1/1 !important;position:relative !important;height:auto !important;margin-top:1.5em !important}
.home-cate .list li .title{font-size:var(--fontsize16);padding:10px}}

/*banner*/
.home-banner .swiper-slide-active img{animation: none;}
.home-banner .bannertext{position: absolute;top:0;left:0;z-index:2;width:100%;height: 100%;line-height: 1;}
.home-banner .bannertext .ban-title{color:var(--fontcolor);font-size: 86px;text-align: center;width:100%;font-weight: var(--fontbold7);margin-top:1.8%;}
.home-banner .bannertext .ban-list{display:flex;margin-top:2%;}
.home-banner .bannertext .ban-list li{color:#fff;font-size:56px;font-weight: var(--fontbold7);position: absolute;}
.home-banner .bannertext .ban1-list li:nth-child(1){left:3.6%;}
.home-banner .bannertext .ban1-list li:nth-child(2){left:32%;}
.home-banner .bannertext .ban1-list li:nth-child(3){left:50%;}
.home-banner .bannertext .ban1-list li:nth-child(4){left:69.5%;}
.home-banner .bannertext .ban1-list li:nth-child(5){right:6.8%;}
.home-banner .bannertext .ban-left{position: absolute;top: 42%;left:3.6%;}
.home-banner .bannertext .ban-left .item{display:flex;align-items:center;font-weight: var(--fontbold7);}
.home-banner .bannertext .ban-left .item:nth-child(n + 2){margin-top:8.85%;}
.home-banner .bannertext .ban-left .item .num{color:#fff;font-size:24px;}
.home-banner .bannertext .ban-left .item>p{font-size:46px;padding-left:30px;}
.home-banner .bannertext .ban-left .item>p span{color:#FE0000;display:inline-block;}
.home-banner .bannertext .ban-left .item>p img{width:auto;max-height:50px;}
@media (max-width:1600px){.home-banner .bannertext .ban-title{font-size:4.4vw;}
.home-banner .bannertext .ban-list li{font-size:2.93vw;}
.home-banner .bannertext.ban1 .ban-list{margin-top:2.2%;}
.home-banner .bannertext .ban-left .item>p{font-size:2.37vw;}
.home-banner .bannertext .ban-left .item .num{font-size:1.4vw;}
.home-banner .bannertext .ban-left .item>p img{max-height:2.5vw;}}

.home-banner .bannertext.ban2{padding-top:1.6%;}
.home-banner .bannertext.ban2 .ban-left{top:47%;}
.home-banner .bannertext .ban2-list li:nth-child(1){left:3.6%;}
.home-banner .bannertext .ban2-list li:nth-child(2){left:32%;}
.home-banner .bannertext .ban2-list li:nth-child(3){left:50%;}
.home-banner .bannertext .ban2-list li:nth-child(4){left:68.5%;}
.home-banner .bannertext .ban2-list li:nth-child(5){right:6.8%;}

.home-banner .bannertext.ban3 .ban-title{text-align: right;padding-right: 5%;margin-top:1%;}
.home-banner .bannertext.ban3 .ban-left{top:52.5%;left:5.5%;}
.home-banner .bannertext.ban3 .ban-left .item:nth-child(n + 2){margin-top:2.8%;}
.home-banner .bannertext.ban3 .ban3-word .word{position:absolute;font-weight: var(--fontbold7);color:#fff;font-size:40px;}
.home-banner .bannertext.ban3 .ban3-word .word1{bottom: 13.5%;left: 51.6%;}
.home-banner .bannertext.ban3 .ban3-word .word2{top:17.3%;left:80.5%;}
.home-banner .bannertext.ban3 .ban3-word .word3{bottom: 13.5%;left: 80%;}
@media (max-width:1600px){.home-banner .bannertext.ban3 .ban3-word .word{font-size:2.1vw;}}

.home-banner .bannertext.ban4 .ban-list{margin-top:2.9%;}
.home-banner .bannertext .ban4-list li:nth-child(1){left:46.6%;}
.home-banner .bannertext .ban4-list li:nth-child(2){left:66%;}
.home-banner .bannertext .ban4-list li:nth-child(3){left:86.5%;}
.home-banner .bannertext.ban4 .ban-left{top:45%;left:4.4%;}

.home-banner .bannertext.ban5 .ban-list{margin-top:4.85%;}
.home-banner .bannertext .ban5-list li:nth-child(1){left:54.6%;}
.home-banner .bannertext.ban5 .ban-left{top:45%;left:4.4%;}

@media (min-width:769px){.home-banner .swiper-slide>a.homebanner-mobile{display:none !important}}
@media (max-width:768px){.home-banner .swiper-slide>a.homebanner-pc,.home-banner .bannertext{display:none !important}}

.wmpage207-page1-row{display:flex;justify-content:space-between;margin-top:35px}
.wmpage207-page1-col{width:30%;padding:30px;background:#2c2a49;position:relative;margin:2%;border-radius:5px}
.wmpage207-page1-ioc{position:relative;display:flex;justify-content:center}
.wmpage207-page1-ioc em{font-size:80px;width:80px;color:var(--color);line-height:1;transition:all .3s ease-in-out}
.wmpage207-page1-text{text-align:center;color:#fff}
.wmpage207-page1-tit{font-size:var(--wmpage-font20);line-height:1;padding:15px 0;font-weight:var(--fontbold6)}
.wmpage207-page1-title{text-align:center}
.wmpage207-page1-dev{text-align:center;font-size:var(--wmpage-font18);color:var(--color)}
.wmpage207-page1-btn{display:flex;justify-content:center;margin-top:20px}
.wmpage207-page1-btn a{width:55px;height:55px;border-radius:100%;background:var(--color);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.wmpage207-page1-btn a em{font-size:var(--wmpage-font16);width:var(--wmpage-font16);display:block;line-height:1}
.wmpage207-page1-col::before{position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:var(--color);transform:rotate(-7deg);z-index:-1;opacity:.2;border-radius:5px;transition:all .3s ease-in-out}
.wmpage207-page1-col:hover::before{transform:rotate(7deg)}
.wmpage207-page1-col:hover .wmpage207-page1-ioc em{transform:rotateY(180deg)}
.wmpage207-page1-btn a:hover{background:#fff;color:var(--color)}
@media (max-width:1200px){.wmpage207-page1-col{padding:15px;margin:1%}
.wmpage207-page1-text h5{font-size:18px;padding:10px 0}
.wmpage207-page1-ioc em{font-size:54px;width:54px}
.wmpage207-page1-btn a{width:40px;height:40px}
.wmpage207-page1-row{margin-top:25px}
}
@media (max-width:768px){.wmpage207-page1-row{flex-wrap:wrap}
.wmpage207-page1-col{margin:initial;width:48%;margin-bottom:40px}
}
@media (max-width:600px){.wmpage207-page1-col{width:100%}
}
.wmpage150-page5{background:#f5f5f5}
.wmpage150-page5 .wmpage150-page5-txt{color:var(--color);text-transform:capitalize;font-size:var(--wmpage-font18);text-align:center}
.wmpage150-page5 .wmpage-title{text-align:center}
.wmpage150-page5 .wmpage150-page5-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item{width:25%;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item:not(:last-child):before{content:'';top:0;left:0;width:100%;height:100%;position:absolute;transform:translate(79%,25%);background-repeat:no-repeat;background-image:url(https://img01.v15cdn.com/singletem/wmpage150/wmpage150-page5-img1.svg)}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon{width:150px;height:150px;display:flex;margin-bottom:40px;align-items:center;position:relative;justify-content:center;border-radius:50%;border:1px dashed rgba(8,10,11,.3);transition:all .3s linear}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon:hover{background:#fff}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon em{font-size:52px;width:52px;display:inline-block;transition:all .3s linear}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon .wmpage150-page5-number{font-weight:var(--fontbold8);display:flex;position:absolute;top:0;left:0;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#f4f1ee;border:1px dashed rgba(8,10,11,.3);transition:all .3s linear}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-info p:first-child{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);margin-bottom:10px}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-info p:last-child{color:#555}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon:hover{background:#fff}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon:hover em{color:var(--color)}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon:hover .wmpage150-page5-number{background:#000;color:#fff}
@media screen and (max-width:1024px){.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item{width:50%;margin-top:20px}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item:not(:last-child):before{display:none}
.wmpage150-page5 .wmpage150-page5-list{margin-top:20px}
}
@media screen and (max-width:768px){.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item{width:100%}
}
.wmpagecontainer .l-wrap{margin:0 auto;padding:0 70px}
.wmpage207-page1 .wmpage-lwrap{padding:0 0 5%}
.wmpage150-page5{margin-bottom:5%}
.wmpage150-page5 .wmpage-lwrap{padding:5% 0}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-icon em{line-height:1}
@media (min-width:1025px){.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item{width:15%}}
.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item .wmpage150-page5-info p:first-child{line-height:1.4}
@media (max-width:1200px) and (min-width:1025px){.wmpage150-page5 .wmpage150-page5-list .wmpage150-page5-item{width:32%;margin-bottom:30px}}
@media (max-width:1024px){.wmpagecontainer .l-wrap{padding:0 15px}}
.home-cate .list li .title{background: initial;}
.video-swiper{margin-top:30px;}
.video-swiper .swiper{padding-bottom:45px}
.video-swiper .swiper-slide{text-align:center;height:auto;display:flex;flex-direction:column;}
.video-swiper .swiper-slide .video-tit{background:#f4f4f4;padding:10px;font-size:var(--fontsize18);transition:.3s}
.video-swiper .swiper-pagination{bottom:0}
.video-swiper .swiper-pagination-bullet{width:32px;height:8px;border-radius:5px;margin:0 8px!important}
.video-swiper .swiper-pagination-bullet-active{background:var(--color)}
.video-swiper .swiper-slide:hover .video-tit{background:var(--color);color:#fff}
@media (max-width:768px){.home-video{padding-top:40px}
.video-swiper{margin-top:15px;}
.video-swiper .swiper{padding-bottom:35px}
.video-swiper .swiper-slide .video-tit {font-size:var(--fontsize16);padding:7px}
.video-swiper .swiper-pagination-bullet{width:28px;margin:0 5px!important}}
.wmpage134-page2{background-color:#fafafa}
.wmpage134-page2 .page2-contant{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmpage134-page2 .page2-img,.wmpage134-page2 .page2-text{width:50%;padding:20px}
.wmpage134-page2 .page2-img{position:relative}
.wmpage134-page2 .page2-img::before{content:'';position:absolute;top:20px;right:20px;width:40%;height:50%;border-top:8px solid var(--color);border-right:8px solid var(--color);border-radius:4px}
.wmpage134-page2 .page2-img2{border-bottom:2px solid var(--color);position:absolute;bottom:0;left:0;width:35%;background:#fff;border-radius:6px;box-shadow:0 10px 40px -5px rgba(0,0,0,.15);z-index:1}
.wmpage134-page2 .page2-img-p{padding:6% 8%}
.wmpage134-page2 .page2-img-p1{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);margin-bottom:4%}
.wmpage134-page2 .page2-img-p2{color:#555;line-height:1.6}
.wmpage134-page2 .page2-text-p1{color:var(--color);margin-bottom:6px}
.wmpage134-page2 .page2-text-p2{color:#555;line-height:1.6;margin-bottom:3%;margin-top:20px}
.wmpage134-page2 .page2-text-btn{margin-top:6%}
.wmpage134-page2 .page2-text-btn a{color:#fff;font-weight:var(--fontbold6);padding:10px 26px;border-radius:5px;display:inline-block;background-color:var(--color);border:1px solid var(--color);transition:all .3s ease-in-out}
.wmpage134-page2 .page2-text-btn a:hover{background-color:#fff;color:var(--color)}
.wmpage134-page2 .page2-list{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5%}
.wmpage134-page2 .page2-li{position:relative;width:25%;padding:0 2%}
.wmpage134-page2 .page2-li-p{background:0 0;transition:background .3s;padding:8% 4%;text-align:center;border-radius:6px}
.wmpage134-page2 .page2-li-p1{font-size:var(--wmpage-font38);font-weight:var(--fontbold6);color:var(--color);margin-bottom:3%}
.wmpage134-page2 .page2-li-p:hover{background:#f0f0f0}
.li2::before,.wmpage134-page2 .li1::before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#20202030}
@media (max-width:1024px){.wmpage134-page2 .page2-contant{flex-direction:column-reverse}
.wmpage134-page2 .page2-img{width:100%;margin-top:25px;padding:20px}
.wmpage134-page2 .page2-img::before{top:0;right:0}
.wmpage134-page2 .page2-img2{bottom:-5%;left:0px;width:45%}
.wmpage134-page2 .page2-text{width:100%;padding:0}
.wmpage134-page2 .page2-list{margin-top:10%}
}
@media (max-width:990px){.wmpage134-page2 .page2-img2{width:60%;bottom:-20%}
.wmpage134-page2 .page2-list{margin-top:20%}
.wmpage134-page2 .page2-li{width:50%;margin-bottom:4%}
.wmpage134-page2 .li2::before{background:0 0}
.wmpage134-page2 .page2-li-line{position:absolute;top:45%;left:0;width:100%;height:1px;background:#20202030}
}
@media (max-width:500px){.wmpage134-page2 .page2-img2{opacity:0}
.wmpage134-page2 .page2-list{margin-top:5%}
}
@media (max-width:390px){.wmpage134-page2 .page2-img::before{border-top:5px solid var(--color);border-right:5px solid var(--color)}
.wmpage134-page2 .page2-img{margin-top:10%}
.wmpage134-page2 .page2-li-line{top:48%}
}
.wmpage134-page2{padding:4% 0;margin-bottom:4%}
.wmpage134-page2 .page2-img1 img {width:100%}
.wmpage134-page2 .page2-img2{overflow:hidden}
.wmpage134-page2 .page2-img2 img {width:100%;aspect-ratio:5/3;object-fit:cover}
.wmpage134-page2 .page2-text{padding-right:0}
@media (max-width:500px){.wmpage134-page2{padding:30px 0;margin-bottom:30px}
.wmpage134-page2 .page2-text-p2{margin-top:5px}
.wmpage134-page2 .page2-img{padding:10px 10px 0 0;}
.wmpage134-page2 .page2-li-p{padding:15px 5px}
.wmpage134-page2 .page2-li{margin:0;}
.wmpage134-page2 .page2-li-line{position:static;margin:5px 0}
.wmpage134-page2 .page2-li-p1{font-size:32px;line-height:1.3;}
.wmpage134-page2 .page2-li-p2{line-height:1.4}}