@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner video{width:100%}
.home-system{position:relative;z-index:1}
.home-system::before{content:'';position:absolute;top:0;left:0;width:100vw;height:100%;background:#f6f7fa;z-index:-1}
.home-system .system-top{position:relative;padding:3% 0 8%;z-index:1}
.home-system .system-top::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#fff;z-index:-1}
.home-system .system-title{color: var(--color);font-size: var(--fontsize30);text-align: center;line-height: 1.2}
.home-system .system-top .home-more{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);font-weight:var(--fontbold6);border-radius:50px;text-transform:uppercase;transition:color .3s ease,background .3s ease}
.home-system .system-list .swiper-slide{width:10%;text-align:center}
.home-system .system-list .swiper-slide .slide-img img{width:100%}
.home-system .system-list .swiper-slide .slide-title{line-height:1.2;display:block}
@media (max-width:1280px){.home-system .system-list .swiper-slide{width:20%;margin-bottom:15px}}
@media (max-width:1024px){.home-system .system-top{padding:30px 0 80px}
.home-system .system-title{font-size: var(--fontsize26)}
.home-system .system-top .home-more{bottom:30px}
.home-system .system-list .swiper-slide{width:25%;margin-bottom:15px}
}
@media (min-width:769px){.home-system .system-list .swiper-wrapper{position:relative;padding:5% 0;display:flex;justify-content:center;flex-wrap:wrap}
.home-system .system-next,.home-system .system-prev{display:none;cursor:pointer}
}
@media (max-width:768px){.home-system .system-top img{transform:scale(1.1)}
.home-system .system-title{font-size: var(--fontsize22);margin-bottom:10px}
.home-system .system-top .home-more{height:35px;min-width:140px;bottom:20px}
.home-system .system-list .swiper-slide{width:100%;margin-bottom:0}
/* .home-system .system-swiper{padding:0 10px 20px 10px} */
.home-system .system-next,.home-system .system-prev{position:absolute;top:50%;color:var(--color);width: 80px;display: flex;align-items: center;justify-content: center;z-index: 999;height: 24px;}
.home-system .system-next{transform:translateY(-50%)rotate(-90deg);}
.home-system .system-prev{transform:translateY(-50%)rotate(90deg);}
.home-system .system-prev{left:-30px}
.home-system .system-next{right:-30px}
.home-system .system-prev .iconfont,.home-system .system-next .iconfont{font-size:var(--fontsize30);font-weight: bold;}
}
@media (max-width:500px){.home-banner video{min-height:auto}
.home-system .system-title{font-size: var(--fontsize18)}
.home-system .system-prev .iconfont,.home-system .system-next .iconfont{font-size:var(--fontsize24)}
}
.home-pro{display:none}
.aboutimg-list li{margin-bottom:40px;color:#777;line-height:1.5}
.aboutimg-list li:last-child{margin:0;}
.aboutimg-list li .aboutimg-tit{font-weight:bold;font-size:var(--fontsize20);margin-bottom:10px;line-height:1.3}
@media (max-width:768px){.aboutimg-list li{margin-bottom:25px}
.aboutimg-list li .aboutimg-tit{margin-bottom:5px;font-size:var(--fontsize18)}}
.homebanner-txt{position:absolute;z-index:2;color:#fff;text-shadow:1px 1px 2px var(--fontcolor);font-size:1.4vw;line-height:1.3;width:22vw;font-weight:bold;text-align:center}
.homebanner-txt.txt-eight{right:20%;top:10%;}
.homebanner-txt.txt-one{left:32%;top:15%;}
.homebanner-txt.txt-two{left:20%;top:31%;}
.homebanner-txt.txt-three{left:34%;top:44.5%;}
.homebanner-txt.txt-four{right:12%;top:58%;}
.homebanner-txt.txt-five{right:46%;bottom:30%;}
.homebanner-txt.txt-six{right:21%;bottom:16%;}
.homebanner-txt.txt-seven{left:29%;bottom:5%;}
@media (max-width:1024px){.homebanner-txt{font-size:var(--fontsize14)}}
@media (max-width:768px){.homebanner-txt{font-size:var(--fontsize12);width:28vw}
/*.homebanner-txt.txt-eight{right:20%;}
.homebanner-txt.txt-one{left:21%;}
.homebanner-txt.txt-two{left:2%;}
.homebanner-txt.txt-three{left:21%;}
.homebanner-txt.txt-four{right:1%;top:51%;}
.homebanner-txt.txt-five{left:42%;}
.homebanner-txt.txt-six{right:7%;bottom:22%;}
.homebanner-txt.txt-seven{left:15%;}*/}
@media (max-width:500px){.homebanner-txt{display:none}}
.home-choose{background:#f6f7fa;color:#000}
.home-choose .right ul li .p2{color:var(--introcolor);text-align: justify;}
.home-projects{background:none;color:#000;padding-bottom:5%;}
.home-projects::before{background:#f6f7fa;height:100%;}
.home-projects .video iframe{display:block;aspect-ratio:16/9;min-height:inherit;}
@media (max-width:768px){.home-projects{padding-bottom:40px;}
.home-projects .home-title{margin-bottom:10px}}
.home-cate .list{padding:0;margin-top:4%;}
.home-cate .list li{width:24%;height:auto;aspect-ratio:16/9!important;margin-top:0!important}
.home-cate .list li:nth-child(1){height:auto;width:24%;aspect-ratio:16/9;position:relative}
.home-cate .list li .title{background:linear-gradient(0deg,var(--hovercolor) 0,rgba(0,0,0,0) 40%)}
.home-cate .list li:hover .title{color:#fff}
@media (max-width:1024px){.home-cate .list li{width:49%!important;margin-bottom:2%}}
@media (max-width:540px){.home-cate .list li .title em{display:none}
.home-cate .list li .title span{font-size:var(--fontsize16)}}

.homebanner-txt{width: auto;}
.homebanner-info .icon{background: #fff;display: block;width: 18px;height: 18px;border: 7px solid var(--color);border-radius: 50%;position: relative;}
.homebanner-info .pore{position: relative;}
.homebanner-info .icon:before {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background: rgba(0, 30, 180, 0.2);animation: boderM 3s .75s infinite;}
.homebanner-info .icon:after {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background: rgba(0, 30, 180, 0.2);animation: boderM 3s .75s infinite;}
@keyframes boderM {0% {transform: translate(-50%, -50%) scale(1);opacity: 0}
20% {opacity: 1}
75% {transform: translate(-50%, -50%) scale(2);opacity: 0}
100% {opacity: 0}}
.homebanner-info .info{position: absolute;left: 40px;top: 50%;z-index: 1;transform: translateY(-50%);white-space: nowrap;font-size: 16px;padding: 0 23px;line-height: 54px;opacity: 0;pointer-events: none;}
.homebanner-info .info::before {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 0;height: 100%;background:var(--color);border-radius: 30px;transition: .5s;}
.homebanner-info .txt-six .info{left: auto;right: 40px;}
.homebanner-info .txt-four .info{left: auto;right: 40px;}
.homebanner-info .txt-eight .info{left: auto;right: 40px;}
.homebanner-info .pore:hover .info{opacity: 1;transition: .5s;}
.homebanner-info .pore:hover .info::before {width: 100%;transition: all .4s cubic-bezier(.34, .44, .41, 1.12);}

.topbox{position: relative;}
.topbox img{width:100%;}
.system-txt{position: absolute;font-size: 12px;text-align:center;line-height:1.2;width:10%;}
.system-txt.txt-one{left: 5%;top: 25%;}
.system-txt.txt-two{left: 5%;top: 49%;}
.system-txt.txt-three{left: 5%;bottom: 25%;}
.system-txt.txt-four{left: 5%;bottom: 1%;}
.system-txt.txt-five{top: 25%;right: 5%;}
.system-txt.txt-six{top: 49%;right: 5%;}
.system-txt.txt-seven{bottom: 25%;right:5%;}
.system-txt.txt-eight{bottom: 1%;right:5%;}
@media (max-width:768px){.system-txt{width:25%;text-align:left;height:15%;display:flex;align-items:center}
.system-txt.txt-one{left: 12%;top: 5%;}
.system-txt.txt-two{left: 12%;top: 32%;}
.system-txt.txt-three{left: 12%;bottom: 27%;}
.system-txt.txt-four{left: 12%;bottom: 0%;}
.system-txt:nth-child(n+6){text-align:right;justify-content:flex-end}
.system-txt.txt-five{top: 5%;right: 12%;}
.system-txt.txt-six{top: 32%;right: 12%;}
.system-txt.txt-seven{bottom: 27%;right:12%;}
.system-txt.txt-eight{bottom: 0%;right:12%;}}
@media (min-width:769px){.home-news .list li{width:19%;margin-right:1.25%;}
.home-news .list li:nth-child(3n){margin-right:1.25%}
.home-news .list li:nth-child(5n){margin-right:0;}}
@media (min-width:1025px){.home-cate{padding:6% 0;}
.home-cate .list li:nth-child(-n+4){margin-bottom:1.5%;}}
@media (max-width:768px){.home-cate .list{margin-top:30px;}}
main .l-wrap{max-width: unset;}
.home-brand{padding-bottom:5%}
.brand-swiper .swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear; -o-transition-timing-function: linear;transition-timing-function: linear;}
.brand-swiper .swiper-slide img{aspect-ratio:7/3;object-fit:contain;display:block;padding:10px;}
.brand-swiper .swiper-pagination{display:none}
@media (max-width:768px){.home-brand{padding:30px 0 80px}}
@media (min-width:1025px){.home-brand{padding:4% 0 9%;}}
.home-about .aboutinfo .aboutimg-tit{font-weight:var(--fontbold7)}
.homebanner-txt>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.5);}
.home-title,.home-about .aboutinfo .aboutimg-tit,.aboutimg-list li .aboutimg-tit{color:var(--color);}
.home-about .aboutinfo p,.aboutimg-list li,.home-choose .right ul li .p2,.home-news .list li .info .text{color:var(--fontcolor)}
.home-choose .right ul li .p1{color:#134CBF}
.home-about .aboutinfo{display:flex;flex-direction:column;justify-content:space-between}
.home-about .l-wrap{align-items:stretch}

.wmpage20-one{position:relative;z-index:1}
.wmpage20-wrap{display:flex;flex-wrap:wrap;position:relative;}
.wmpage20-wrap::before{content:'';display:block;width:100%;height:1px;background:#e4eef7;position:absolute;top:50%;left:0}
.wmpage20-wrap::before{display: none;}
.wmpage20-app-item{width:10%;padding:60px 10px}
.wmpage20-app-item:hover .wmpage20-item-icon img{transform:rotateY(160deg)}
.wmpage20-item-icon{max-width:80px;max-height:80px;overflow:hidden;margin:0 auto 13px;display:flex;justify-content:center}
.wmpage20-item-icon img{margin:0 auto;transition:all .3s ease-in-out}
@media (min-width:769px) {
.wmpage20-item-icon{max-height: 100%;max-width: 100%;}
.wmpage20-item-icon img{width: 100%;}
}
.wmpage20-item-title p{font-weight:var(--fontbold6);font-style:normal;color:#2f3d59;line-height:24px;text-align:center}
.wmpage20-item-title{font-size:var(--wmpage-font20);line-height:28px;font-weight:var(--fontbold6);margin-bottom:10px;}
@media(min-width:769px) and (max-width:1024px){.wmpage20-wrap::before{display: block;}
.wmpage20-app-item{width:20%;}}
@media(max-width:768px){.wmpage20-wrap{padding: 0 30px;}
.wmpage20-wrap::before{display:none}
.wmpage20-app-item{width:50%;border-right:none;padding: 20px 10px;}
.wmpage20-item-title p{font-size:var(--wmpage-font16)}
}
@media(max-width:600px){.wmpage20-app-item{width:50%}
}
@media (min-width:769px){.wmpage20-wrap .swiper-wrapper{flex-wrap: wrap;}
.wmpage20-app-item.swiper-slide{height: auto;}}
.swiper{width: 100%;}

@media(max-width:480px){.wmpage20-wrap{padding: 0 50px;}}