﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide .banner-animote{left:10%;width:40%;}
.home-banner .swiper-slide .banner-animote .title{position:relative;color:#fff;font-size:60px;margin-bottom:20px;line-height:1}
.home-banner .swiper-slide .banner-animote .title:after{content:'';width:100px;height:4px;background: var(--color);display:block;margin-top: 20px;}
.home-banner .swiper-slide .banner-animote .des{color:#fff;max-width:74%;font-size:var(--fontsize18)}
.home-banner .swiper-slide .banner-animote .more a{display:inline-block;padding:8px 15px;margin-top:2%;color:#fff;font-size:var(--fontsize18);background:var(--color);transition:all .3s}
.home-banner .swiper-slide .banner-animote .more a:hover{background:#fff;color:var(--color)}
@media (max-width:1600px){.home-banner .swiper-slide .banner-animote .title{font-size:3.2vw;}
.home-banner .swiper-slide .banner-animote .des,.home-banner .swiper-slide .banner-animote .more a{font-size:0.95vw;}}
@media (max-width:768px){.home-banner .swiper-slide .banner-animote{left:0;padding:0 10px;width:100%;}
.home-banner .swiper-slide .banner-animote .title{font-size:20px;margin-bottom:5px;}
.home-banner .swiper-slide .banner-animote .title:after{width:50px;margin-top:5px;}
.home-banner .swiper-slide .banner-animote .des{max-width:100%;font-size:12px;}
.home-banner .swiper-slide .banner-animote .more{display:none}}
.home-company .company-img::before{display:none;}
.home-company .company-img .playvideo{display:none;}
.home-cirt{padding:3% 0}
.home-cirt .list{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:30px}
.home-cirt .list li{width:100%;padding:1rem 1rem;border:1px solid #d9d9d9}
.home-partner{padding:3% 0}
.home-partner .list{display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-top:30px}
.home-partner .list li{width:100%;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:center;background:#f6f6f6}
.home-partner .list li img{transition:all .4s ease;width:100%;height:100%;object-fit:cover}
.home-partner .list li:hover img{cursor:pointer;transform:scale(.9)}
@media (max-width:768px){.home-cirt .list{grid-template-columns:repeat(2,1fr)}
.home-partner .list{grid-template-columns:repeat(3,1fr)}
}
.home-company .company-info .inter{flex-wrap: wrap;}
.home-company .company-info .inter div{width:50%;margin-bottom:1%;}
@media(max-width:768px){.home-company .company-info .inter div{width:100%;}}
.home-product{padding-top:0;}
.home-product .product-list{align-items: flex-start;}
@media (min-width:769px){.home-product .product-list .itempro{width:32%;}
.home-product .product-list .itempro:nth-child(4n){margin-right:2%;}
.home-product .product-list .itempro:nth-child(3n){margin-right:0;}}
.home-product .product-list .itempro .img img{width:100%;object-fit: contain;aspect-ratio: 1 / 1;}
/*.home-case{margin-top:4%;}*/
/*@media (max-width:768px){.home-case{margin-top:50px;}}*/
.home-provide{padding-bottom:4%;}
.home-provide .wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.home-provide .wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.home-provide .wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.home-provide .wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:22%}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:nth-child(-n+5){margin-bottom:20px}
.home-provide .wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{padding:15px 25px;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);flex:1;transition:all .2s linear}
.home-provide .wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.home-provide .wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.home-provide .wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.home-provide .wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.home-provide .wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:75%;position:relative;overflow:hidden}
.home-provide .wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.home-provide .wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.home-provide .wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.home-provide .wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.home-provide .wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}
}
@media screen and (max-width:768px){.home-provide{padding:0 0 40px ;}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.home-provide .wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}
}
.home-company .company-info .des{-webkit-line-clamp: inherit;}
@media (min-width:1025px){.home-company .company-info .des{font-size:var(--fontsize20)}}
.home-company .company-info .btn{text-transform: uppercase;}
@media (min-width:1025px){.home-product .swiper{max-width:85%;margin:0 auto;}}