﻿.home-banner .swiper-slide>a::after{display: none;}
.mainpro-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.mainpro-info{width:48%;}
.mainpro-info .home-title{text-align:left;}
.mainpro-info p{margin-top:6px;}
.mainpro-swiper{position:relative;width:48%;padding:0 50px;}
.home-mainpro .mainpro-list{margin:0;flex-wrap:nowrap;}
.home-mainpro .mainpro-list li{height:auto;margin:0;}
.home-mainpro .mainpro-list li a{box-shadow:0 0 0;padding:0;}
.home-mainpro .mainpro-list li a .title::before,.home-mainpro .mainpro-list li a .title::after{display:none}
.home-mainpro .mainpro-list li a .title{margin:0;line-height:1.4;text-align:center;padding:10px 0 0;}
.home-mainpro .mainpro-list li a .img{overflow:hidden;}
.mainpro-swiper .swiper-pagination{display:none;}
.mainpro-btn>div{cursor:pointer;display:flex;align-items:center;justify-content:center;background:#eee;width:34px;height:34px;position:absolute;top:50%;margin-top:-17px;transition:.3s;}
.mainpro-btn>.mainpro-prev{left:0;}
.mainpro-btn>.mainpro-next{right:0;}
.mainpro-btn>div em{font-size:20px}
.mainpro-btn>div:hover{background:var(--color);color:#fff}
@media (max-width:1440px){.mainpro-info p{line-height:1.6;font-size:15px}}
@media (max-width:1024px){.mainpro-info{width:100%;}
.mainpro-swiper{width:100%;margin-top:20px}
.mainpro-info .home-title{text-align:center;}}
@media (max-width:768px){.mainpro-swiper{padding:0;}
.mainpro-swiper .swiper-pagination{display:block;position:static;margin-top:15px}
.mainpro-btn>div{display:none}
.home-mainpro .mainpro-list li a .title{font-size:16px}}

.home-des2{text-align:center;color:#555;margin-bottom:20px}
.home-cases .home-des{color:var(--fontcolor);max-width:700px}
.caseslist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.caseslist li{width:19%}
.caseslist li img{display:block;aspect-ratio:35/26;object-fit:cover}
@media (max-width:1024px) and (min-width:769px){.caseslist{justify-content:flex-start;}
.caseslist li{width:32%;margin-right:2%;margin-bottom:20px}
.caseslist li:nth-child(3n){margin-right:0}}
@media (max-width:768px){.home-des2{margin-bottom:10px}
.caseslist{margin-top:20px}
.caseslist li{width:48%;margin-bottom:20px}}
.home-application{padding:4% 0}
.application-tags{display:flex;border-bottom:1px solid #ccc;}
.application-tags .tags-item{font-size:var(--fontsize18);width:20%;line-height:1.3;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#555;padding:15px 10px;position:relative;cursor:pointer;transition:.3s}
.application-tags .tags-item:after{content:'';width:100%;height:3px;background:var(--color);position:absolute;bottom:-1px;left:0;transition:.3s;opacity:0;}
.application-tags .tags-item:hover{color:var(--color)}
.application-tags .tags-item.active{color:var(--color);}
.application-tags .tags-item.active:after{opacity:1;}
.application-content {margin-top:40px}
.application-item {display:none}
.application-item.active{display:block}
.application-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.application-info{background:#F6F6F6;padding:30px;width:48%;position:relative;}
.application-info-txt:not(:last-child){margin-bottom:15px}
.application-info-tit{font-weight:bold;font-size:20px}
.application-info:after{content:'';width:0px;height:0px;border-width:30px;border-style:solid;border-color:transparent #fff #fff transparent;position:absolute;bottom:0;right:0;}
.application-pic{width:48%;position:relative}
.application-line{width:50%;height:2px;background:var(--color);position:absolute;top:50%;margin-top:-1px;left:-8.333%}
.application-line:after{content:'';width:16px;height:16px;background:var(--color);border-radius:50%;position:absolute;left:100%;top:-8px}
.application-piclist{display:flex;flex-wrap:wrap;justify-content:space-between}
.application-piclist li{margin-top:40px;width:24%;}
.application-piclist li img{display:block;aspect-ratio:1/1;object-fit:contain;}
.application-item:nth-child(4) .application-piclist li img{aspect-ratio:400/267}
.application-item:nth-child(5) .application-piclist li img{aspect-ratio:400/267}
@media (max-width:1366px){.application-info{padding:20px;font-size:var(--fontsize15);line-height:1.7}
.application-info-txt:not(:last-child){margin-bottom:10px}
.application-info:after{border-width:20px}}
@media (max-width:768px){.application-tags .tags-item{font-size:var(--fontsize16);padding:10px 8px}
.application-info{width:100%;margin-bottom:20px}
.application-pic{width:100%;}
.application-line{width:2px;height:50%;top:-20px;left:50%;margin:-1px}
.application-line:after{left:-8px;top:100%}
.application-piclist li{width:48%;margin-top:20px}}
@media (max-width:600px){.application-tags{flex-wrap:wrap;justify-content:space-between}
.application-tags .tags-item{width:calc(50% - 4px);padding:12px 8px;background:#f4f4f4;margin-bottom:8px}}
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover;padding:4% 0}
.home-honor .honorwrap{position:relative;padding:0 70px;margin-top:30px}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;height:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.home-honor .home-des{color:var(--fontcolor);max-width:900px}
.home-honor .home-button-next,.home-honor .home-button-prev{position:absolute;left:0px;top:40%;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-honor .home-button-next:hover,.home-honor .home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-honor .home-button-next:hover em,.home-honor .home-button-prev:hover em{color:#FFFFFF}
.home-honor .home-button-next em,.home-button-prev em{color:var(--fontcolor)}
.home-honor .home-button-next{left:auto;right:0px}
.home-honor .swiper-pagination{display:none}
@media(max-width:768px){.home-honor{padding:40px 0}
.home-honor .honorwrap{padding:0px}
.home-honor .honorwrap .swiper{padding-bottom:40px}
.home-honor .home-button-next, .home-honor .home-button-prev{display:none}
.home-honor .swiper-pagination{display:block;bottom:0;}
.home-honor .swiper-pagination-bullet-active{background:var(--color)}}

.home-about .l-wrap{flex-direction:column}
.home-about .l-wrap>div{width:100%}
.home-about .aboutinfo{padding:0}
.home-about .aboutimg{margin-top:1em}
.home-about .aboutimg img{width:100%}
.home-choose .l-wrap{align-items:center}
.home-cases .cases-swiper .swiper-slide img{width:100%}
.home-cases .cases-swiper{padding-bottom:36px}
.home-cases .swiper-pagination{bottom:0}
.home-cases .swiper-pagination-bullet{width:8px;height:8px}
.home-cases .swiper-pagination-bullet.swiper-pagination-active{background:var(--color);opacity:1}
#logoswiper .swiper-slide img{width:100%}
.home-logo .l-wrap{align-items:center}
.home-about,.home-mainpro,.home-logo{padding:6.5% 0;background:#f1f1f1}
.home-choose::before{display:none}
.home-choose,.home-application,.home-honor,.home-news,.home-cases{padding:6.5% 0}
@media (max-width:768px){.home-about,.home-mainpro,.home-choose,.home-logo,.home-honor,.home-news,.home-application,.home-cases{padding:60px 0}}

.home-about .text{margin-bottom:1em}
.home-about .text p{position:relative;padding-left:14px;margin-bottom:5px}
.home-about .text p::before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:50%;background:var(--introcolor)}
