﻿@import url(https://css02.v15cdn.com/m431/message.css);
.home-banner .swiper-slide>a::after{ display: none;}
.home-cate .homecate-list{flex-wrap:nowrap}
@media (min-width:1024px){.home-service .service-item:nth-child(2) .box{bottom:0px;top:unset}
.home-service .service-item:nth-child(2) .box,.home-service .service-item:nth-child(1) .box{padding:0;left:50%;bottom:10%;width:fit-content;transform:translate(-50%,0)}
}
@media (max-width:500px){.home-service .service-item .box .title{font-size:20px}
.home-service .home-more{height:35px}
.home-service .service-item .box .text,.home-service .home-more{font-size:12px}}
.homecate-btn>div{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;position:absolute;top:50%;margin-top:-20px}
.homecate-btn>div.homecate-prev{left:-55px}
.homecate-btn>div.homecate-next{right:-55px}
.homecate-btn>div:hover{background:var(--color);border-color:var(--color);color:#fff}
@media (max-width:1024px){.homecate-btn{display:none}}
.aboutcompany-2{padding:0}
.aboutcompany-2 .list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.aboutcompany-2 .list li{width:50%}
.aboutcompany-2 .list li .img{overflow:hidden}
.aboutcompany-2 .list li .img img{transition:all .1s linear;width:100%}
.aboutcompany-2 .list li .info{background:#FFFFFF;box-shadow:0 3px 29px 0 rgba(228,228,228,.48);text-align:center;padding:30px 20px;transition:all .1s linear}
.aboutcompany-2 .list li .info .title{color:var(--color);font-size:var(--fontsize20)}
.aboutcompany-2 .list li .info .text{color:var(--introcolor)}
.aboutcompany-2 .list li:hover .img img{transform:scale(1.02)}
.aboutcompany-2 .list li:hover .info{background:var(--color)}
.aboutcompany-2 .list li:hover .info .text,.aboutcompany-2 .list li:hover .info .title{color:#FFFFFF}
.homecate-swiper {position: relative;}
.home-banner .banner-animote{top:80%;}
.home-service .service-item:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);display:block;top:0;left:0;position:absolute;}
@media (min-width:1025px){.aboutcompany-2 .list{max-width:80%;margin-left:auto;margin-right:auto;}}
@media (max-width:768px){.aboutcompany-2{padding:0 0 10px}
.aboutcompany-2 .list li{width:100%;margin-bottom:25px}
.aboutcompany-2 .list li .info{padding:15px}
.aboutcompany-2 .list li .info .title{font-size:var(--fontsize18);line-height:1.4;margin-bottom:5px}}

.aboutcompany-4{padding:4% 0 2%}
.aboutcompany-4 .home-icon{display:flex;align-items:center;justify-content:center}
.aboutcompany-4 .home-icon::after,.aboutcompany-4 .home-icon::before{content:"";display:inline-block;width:50px;height:1px;background:var(--color);margin:0px 10px}
.aboutcompany-4 .home-title{max-width:800px;margin:10px auto}
.aboutcompany-4 .list{text-align:center;list-style:none;margin-top:20px}
.aboutcompany-4 .list li{margin-bottom:10px}
.aboutcompany-4 .list li em{color:var(--color)}
.aboutcompany-4 .logolist{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-top:30px}
.aboutcompany-4 .logolist li{width:20%}
@media(max-width:768px){.aboutcompany-4 .logolist li{width:50%}}

.aboutcompany-4 .logolist{margin:0;}
.cooperative-swiper{margin-top:20px;position:relative}
.cooperative-swiper .swiper{padding-bottom:50px}
.cooperative-swiper .logolist{display:flex;flex-wrap:wrap;justify-content:flex-start}
.cooperative-swiper .logolist li{width:19%;margin:0 1.25% 0 0}
.cooperative-swiper .logolist li:nth-child(5n){margin-right:0}
.cooperative-swiper .logolist li:nth-child(n+6){margin-top:20px}
.cooperative-swiper .logolist li img{display:block;width:100%;aspect-ratio:28/15;object-fit:contain;border:1px solid #ccc;padding:8px}
.cooperative-swiper .swiper-pagination{bottom:0}
.cooperative-btn>div{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;position:absolute;top:50%;margin-top:-45px;}
.cooperative-btn>div.cooperative-prev{left:-55px}
.cooperative-btn>div.cooperative-next{right:-55px}
.cooperative-btn>div:hover{background:var(--color);border-color:var(--color);color:#fff}
@media (max-width:1024px){.cooperative-btn{display:none}
.cooperative-swiper .logolist li:nth-child(n+6){margin-top:10px}}
@media (max-width:768px){.cooperative-swiper .logolist{justify-content:space-between}
.cooperative-swiper .logolist li{width:48%;margin:0!important}
.cooperative-swiper .logolist li:nth-child(n+3){margin-top:10px!important}}
@media (max-width:768px){.home-choose .choose-list li .title{font-size:var(--fontsize18);line-height:1.4}}

.wmpage59-page5{position:relative;padding:4% 0}
.wmpage59-page5 .wmpage59-page5-into{width:45px;height:3px;background-color:var(--color,#3483f9);margin:0 auto;margin-bottom:20px}
.wmpage59-page5 .wmpage-title{font-size:var(--wmpage-font24,24px);font-weight:var(--fontbold6,600);text-align:center;color:#000;margin:0}
.wmpage59-page5 .wmpage59-page5-list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage59-page5 .wmpage59-page5-item{width:24%}
.wmpage59-page5 .wmpage59-page5-item .wmpage59-page5-item-img{padding:10px;box-sizing:border-box}
.wmpage59-page5 .wmpage59-page5-item .wmpage59-page5-item-img img{display:block;max-width:100%;width:100%;height:auto;transition:all .1s linear}
.wmpage59-page5 .wmpage59-page5-item .wmpage59-page5-item-img:hover img{transform:scale(1.02)}
.wmpage59-page5 .swiper-pagination-bullet{border-radius:0}
.wmpage59-page5 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color,#3483f9)}
@media(max-width:768px){.wmpage59-page5 .wmpage59-page5-item{width:48%}
}
@media(max-width:500px){.wmpage59-page5{padding:30px 0}
.wmpage59-page5 .wmpage59-page5-title{font-size:var(--wmpage-font20)}
.wmpage59-page5 .wmpage59-page5-into{margin-bottom:10px}
}
.wmpage59-page5 .cert-swiper{margin-top:25px;position:relative}
.wmpage59-page5 .cert-swiper .swiper-slide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.wmpage59-page5 .cert-swiper .swiper-slide li{cursor:pointer}
.wmpage59-page5 .cert-swiper .swiper-slide li img{width:100%;transition:all .3s ease-in-out;aspect-ratio:29/40;object-fit:contain;border:1px solid #eee}
.wmpage59-page5 .cert-swiper .swiper-slide li:hover img{transform:scale(1.03)}
.wmpage59-page5 .cert-btn>div{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;position:absolute;top:50%;margin-top:-45px}
.wmpage59-page5 .cert-btn>div.cert-prev{left:-55px}
.wmpage59-page5 .cert-btn>div.cert-next{right:-55px}
.wmpage59-page5 .cert-btn>div:hover{background:var(--color);border-color:var(--color);color:#fff}
.wmpage59-page5 .swiper-pagination{bottom:0;position: static;margin-top: 10px;}
.wmpage59-page5 .swiper-pagination-bullet{border-radius:50%}
@media (max-width:1024px){.wmpage59-page5 .cert-btn{display:none}
}
@media (max-width:768px){.wmpage59-page5 .home-title{margin-bottom:0}
.wmpage59-page5 .cert-swiper{margin-top:0}
.wmpage59-page5 .cert-swiper .swiper-slide{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
}
@media (min-width:769px){.wmpage59-page5 .cert-swiper .swiper-slide{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.wmpage59-page5 .cert-swiper .swiper-slide li{flex:1 1 0;max-width:calc((100% - 48px) / 3);}}
.popwindow-pic{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:21474836471;display:none}
.popwindow-flex{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.popwindow-flex img{max-width:90vw;max-height:calc(100% - 150px);}
span.popwindow-close{cursor:pointer;color:#fff;position:absolute;right:20px;top:20px}
span.popwindow-close em{font-size:40px;line-height:1;font-weight:700}
@media (max-width:768px){.popwindow-flex img{max-width:92vw;max-height:calc(100% - 120px)}
span.popwindow-close{right:10px;top:20px}
span.popwindow-close em{font-size:30px}
}
.wmpage59-page5 .l-wrap{max-width:1200px}
.homecate-swiper .swiper{padding-bottom:20px}
.aboutcompany-2 .list li{display:flex;flex-direction:column}
.aboutcompany-2 .list li .info{flex:1;}
.home-news{padding-top: 0;}
#indexbanner .ban1-more{position: absolute;top:43%;left:14%;}
#indexbanner .ban1-more a{display:inline-block;font-size:1vw;border:1px solid #fff;border-radius:40px;transition: all .3s;padding:0.5vw 2vw;white-space: nowrap;color:#fff;}
#indexbanner .ban1-more a:hover{background: #fff;color:var(--color)}
@media (max-width:600px){#indexbanner .ban1-more{top:33%;}}
.home-banner .swiper-slide-active img{animation:none;}