﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-reasons .reasons-box .item-box:nth-child(1) .img{width:100%}
.home-tapes .item .img::before{display:none}
.home-tapes .item .info .title{color:var(--fontcolor)}
.home-tapes .item-text{background-color:#0567f1}
.home-about .about-top .info .about-more{background-color:#e80012;border-radius:0}
.home-service .info .more{margin-top:30px;width:186px;height:52px;background-color:#e80012;border-radius:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fontbold6)}
@media screen and (max-width:768px){.home-service .info .more{width:146px;height:42px;margin-top:15px}}
.home-about .about-bottom ul li .num{ color: rgb(255, 0, 0);}
 .home-about .about-bottom ul li .icon::before,.home-about .about-bottom ul li .icon::after{display:none}
.home-about .about-bottom ul li .icon{width:80px;height:80px}
@media screen and (max-width:500px){.home-about .about-bottom ul li{width:100%}}
.home-product{background: #F5FAFD;}
.home-product .pro-list .swiper-slide{display:flex;flex-direction: column;}
.home-product .pro-list .swiper-slide .info{flex:1;background: #E5E5E5;}
.home-product .pro-info .title-box .more{border-color:#2126A8;color:#2126A8}
.home-product .pro-list .swiper-slide .info .title{color:#000}
.home-product .pro-list .swiper-slide:hover .info .title{color:#2126A8}
.home-product .pro-list .swiper-slide:hover .info .more{background: #2126A8;}
.index .home-about .home-tit{color:#2126A8}
.home-about .about-bottom ul li{align-items:normal}
.home-about .about-bottom ul li .icon{flex-shrink:0;margin:0 15px}
.home-about .about-bottom ul li .num{font-size:var(--fontsize20)}
.home-about .about-bottom ul li .tit{line-height:1.3}
@media (max-width:1024px) {
.home-about .about-bottom ul{padding:30px 20px 10px}
.home-about .about-bottom ul li{margin-bottom:20px}
}
@media (max-width:600px){
.home-about .about-bottom ul{padding:30px 20px}
.home-about .about-bottom ul li{width:100%;margin-bottom:10px}
.home-about .about-bottom ul li:last-child{margin-bottom:0}
.home-about .about-bottom ul li .info{width:auto;flex:1}
}
.home-reasons .reasons-menu .item{height:50px;width:auto;padding:0 20px;background-color:#0146a4}
.home-reasons .reasons-menu .item.active{background-color:#e70012}
.home-reasons .reasons-menu .item:nth-child(4){background-color:#e70012}
@media (max-width:540px){.home-reasons .reasons-menu .item{width:100%;margin:10px 0 0 0}}
.home-tapes .item .info .title{color: #fff;}
 .home-product .pro-list .swiper-slide .info .desc{overflow:hidden;white-space:wrap;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}
.home-product .pro-list .swiper-slide .img{aspect-ratio: 1 / 1;}
.home-product .pro-list .swiper-slide .img img{object-fit:contain;}
.home-product .pro-list .swiper-slide .info .desc {display:none}


.wmpage213-page3{padding-bottom:4%;}
.wmpage213-page3 .wmpage213-page3-content{position:relative}
.wmpage213-page3 .wmpage213-page3-top{display:flex;flex-direction:column;align-items:center}
.wmpage213-page3 .wmpage213-page3-text{font-size:var(--wmpage-font17);color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase}
.wmpage213-page3 .wmpage-title{color:var(--wmpage-color22)}
.wmpage213-page3 .wmpage213-page3-line{position:relative;background:var(--color);height:3px;width:65px;border-radius:30px;margin:10px 0}
.wmpage213-page3 .wmpage213-page3-line::before{position:absolute;content:'';top:-1px;left:0;height:4px;width:10px;border-radius:50%;background:#fff;border-radius:10%;animation:page1 3s linear infinite alternate}
.wmpage213-page3 .wmpage213-page3-desc{max-width:550px;text-align:center;color:var(--wmpage-color8)}
.wmpage213-page3 .wmpage213-page3-bottom{width:96%;margin:30px auto 0}
.wmpage213-page3 .wmpage213-page3-slide{position:relative;border-radius:8px;overflow:hidden}
.wmpage213-page3 .wmpage213-page3-slide .wmpage213-page3-img{position:relative;width:100%;height:100%}
.wmpage213-page3 .wmpage213-page3-slide .wmpage213-page3-img img{position:relative;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.wmpage213-page3 .wmpage213-page3-btn{display:flex;flex-direction:row-reverse;justify-content:space-between;position:absolute;width:100%;top:60%;transform:translateY(-50%);z-index:1;cursor: pointer;}
.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-next,.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-prev{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--color);transition:all .3s linear;opacity:0}
.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-next{transform:translateX(-20px)}
.wmpage213-page3 .wmpage213-page3-content:hover .wmpage213-page3-next{transform:translateX(20px);opacity:1}
.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-prev{transform:translateX(20px)}
.wmpage213-page3 .wmpage213-page3-content:hover .wmpage213-page3-prev{transform:translateX(-20px);opacity:1}
.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-next:hover,.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-prev:hover{background:#05152f}
.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-next em,.wmpage213-page3 .wmpage213-page3-btn .wmpage213-page3-prev em{color:#fff;font-size:var(--wmpage-font22)}
@media screen and (max-width:1024px){.wmpage213-page3{padding-bottom:40px;}
.wmpage213-page3 .wmpage213-page3-content:hover .wmpage213-page3-prev{transform:translateX(0);opacity:1}
.wmpage213-page3 .wmpage213-page3-content:hover .wmpage213-page3-next{transform:translateX(0);opacity:1}}
.home-reasons .reasons-menu .item:not(:nth-child(4)) span{font-weight:normal}
@media (min-width:1281px){.home-reasons .reasons-menu .item span{font-size:22px;}}

.home-banner .swiper-slide img{min-height:auto}
.home-banner .ban1{position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:91%;color:#FFFFFF;opacity:0;line-height:1;z-index:10}
.home-banner .ban1 .p1{font-size:1.5vw;font-weight:bold}
.home-banner .ban1 .p2{font-size:7vw;font-weight:bold;color:#c2161f}
.home-banner .ban1 .p3{margin-top:.5vw;font-size:2.2vw;font-weight:bold}
.home-banner .ban1 .list{margin-top:4vw;display:flex}
.home-banner .ban1 .list li{width:25%;padding:3.3% 2.5%}
.home-banner .ban1 .list .num{position:relative;display:inline-block;font-size:3vw;font-weight:bold}
.home-banner .ban1 .list .num sub{position:absolute;bottom:0;right:0;font-size:1vw;font-weight:normal}
.home-banner .ban1 .list .desc{margin-top:1vw;font-size:1.2vw;font-weight:bold}
.home-banner .ban1 .list li:nth-child(1) .num{padding-right:3.5vw}
.home-banner .ban1 .list li:nth-child(2) .num{padding-right:2.5vw}
.home-banner .ban1 .list li:nth-child(3) .num{padding-right:1vw}
.home-banner .ban1 .list li:nth-child(4) .num{padding-right:3.5vw}
.home-banner .swiper-slide-active .ban1{animation:bannerani .5s forwards;animation-delay:.7s}
/*.home-banner .swiper-slide-active .ban1{animation:bannerban 6s forwards}*/
/*@keyframes bannerban{0%{transform:scale(1) translate(-50%,-50%);opacity:01}*/
/*80%{transform:scale(1.03) translate(-50%,-50%)}*/
/*100%{transform:scale(1.027) translate(-50%,-50%);opacity:1}}*/
.home-catepic {margin-bottom:4%;}
.home-catepic img {display:block;width:100%;margin-bottom:30px}
.catepic1 {position:relative}
.catepic1 a {position:absolute;height:56%;top:34%;}
.catepic1 a:nth-child(2) {width:35%;left:0}
.catepic1 a:nth-child(3) {width:30%;left:35%}
.catepic1 a:nth-child(4) {width:35%;right:0;}
.catepic2{position:relative}
.catepic2 a{position:absolute;width:50%;top:0;height:100%}
.catepic2 a:nth-child(2){left:0}
.catepic2 a:nth-child(3){right:0}
@media (min-width:1025px){
.home-about .about-top{justify-content:space-between}
.home-about .about-top .img{width:52%}
}