@import url(https://js01.v15cdn.com/single-template//font/iconfont.css);
.banner .swiper-slide-active img{animation:bannerimg 3s forwards}
@keyframes bannerimg{0%{transform:scale(1)}
100%{transform:scale(1.05)}}
.home-pro{position:relative;padding:4% 0}
.home-pro{padding-bottom:0px}
.home-pro .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.home-pro .list li{width:50%;display:flex}
.home-pro .list li .img{width:50%}
.home-pro .list li .img img{width:100%;height:100%;object-fit:cover}
.home-pro .list li .info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;background:#F7F7F7;position:relative;transition:all .2s linear}
.home-pro .list li .info::before{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:0px;height:0px;border-style:solid;border-width:10px 15px 10px 0px;border-color:transparent #F7F7F7 transparent transparent;transition:all .2s linear}
.home-pro .list li .info .title{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4;transition:none}
.home-pro .list li .info .text{margin:15px 0px}
.home-pro .list li .info .more{background:var(--color);color:#FFFFFF;border-radius:30px;padding:0px 15px;min-width:120px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-pro .list li:hover .img img{transform:scale(1.02)}
.home-pro .list li:hover .info{background:var(--color);color:#FFFFFF}
.home-pro .list li:hover .info::before{border-color:transparent var(--color) transparent transparent}
.home-pro .list li:hover .info .more{background:#FFFFFF;color:var(--fontcolor)}
.home-pro .list li:nth-child(4n+3),.home-pro .list li:nth-child(4n+4){flex-direction:row-reverse}
.home-pro .list li:nth-child(4n+3) .info::before,.home-pro .list li:nth-child(4n+4) .info::before{left:auto;right:-13px;border-width:10px 0px 10px 15px;border-color:transparent transparent transparent #F7F7F7}
.home-pro .list li:nth-child(4n+3):hover .info::before,.home-pro .list li:nth-child(4n+4):hover .info::before{border-color:transparent transparent transparent var(--color)}
.home-pro .homepro-more{display:flex;align-items:center;justify-content:center;margin-top:40px}
@media (max-width:1024px){.home-pro .list li{width:100%;flex-direction:row !important}
.home-pro .list li:nth-child(2n+1) .info::before{border-width:10px 15px 10px 0 !important;border-color:transparent #F7F7F7 transparent transparent;right:auto;left:-13px}
.home-pro .list li:nth-child(2n+1):hover .info::before{border-color:transparent var(--color) transparent transparent}
.home-pro .list li:nth-child(2n){flex-direction:row-reverse !important}
.home-pro .list li:nth-child(2n) .info::before{left:auto;right:-13px;border-width:10px 0px 10px 15px !important;border-color:transparent transparent transparent #F7F7F7}
.home-pro .list li:nth-child(2n):hover .info::before{border-color:transparent transparent transparent var(--color)}
}@media (max-width:768px){.home-pro{padding:30px 0px}
.home-pro .list{margin-top:20px}
.home-pro .list li .info{padding:20px 10px}
.home-pro .list li .info .text{margin-bottom:0px}
.home-pro .list li .info .more{display:none}}
 .home-pro  .home-title{font-size:34px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
.home-pro  .home-des{font-size:var(--fontsize16);color:#565656;text-align:center;max-width:1000px;margin:10px auto 0px}
 .case-bottom .ourcase p{margin:0px auto;color:var(--fontcolor);font-size:var(--fontsize30);text-transform:capitalize;text-align:center}
.case-bottom .ourcase span{color:var(--introcolor);text-align:center;font-size:var(--fontsize16);margin:20px auto;display:block}
@media (min-width:768px){.strength .bottom{display:block;width:80%;margin:0 auto}}
 .wmpage137-page3{background:var(--color);color:#fff;padding:20px 0}
.wmpage137-page3 .page3-title{margin-bottom:40px;text-align:center}
.wmpage137-page3 .page3-p{color:var(--color);margin-bottom:6px}
.wmpage137-page3 .page3-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage137-page3 .page3-li{width:25%}
.wmpage137-page3 .page3-li-contant{padding:0 10%;text-align:center}
.wmpage137-page3 .page3-li-contant1{border-width:2px;border-style:solid;border-right:0;border-image:linear-gradient(to bottom,#ededed,transparent) 1 60%}
.wmpage137-page3 .page3-li-em{font-size:60px;color:#fff;display:inline-block;width:60px}
.wmpage137-page3 .page3-li-p1{font-size:20px;margin:6% 0 3% 0;font-weight:600}
.wmpage137-page3 .page3-li-p2{color:#fff}
@media (max-width:1200px){.wmpage137-page3 .page3-li{width:50%;margin-bottom:5%}
.wmpage137-page3 .page3-li-contant1{border:none}
}@media (max-width:768px){.wmpage137-page3 .page3-title{margin-bottom:8%}
.wmpage137-page3 .page3-li{width:100%;margin-bottom:8%}
.wmpage137-page3 .page3-li-contant{padding:0}
.wmpage137-page3 .page3-li-p1{margin:3% 0 1% 0}
}@media (max-width:500px){.wmpage137-page3 .page3-li-em{font-size:40px;width:40px}
.wmpage137-page3 .page3-li-p1{font-size:18px}}
.home-about{padding:5% 0;position:relative}
.home-about .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-about .aboutinfo{width:50%}
.home-about .aboutinfo .home-title{text-align:left}
.home-about .aboutinfo p{margin:1em 0;color:var(--introcolor)}
.home-about .aboutinfo .more{font-size:18px;font-weight:500;height:50px;color:var(--color);display:inline-flex;align-items:center;margin-top:10px;border-radius:10px;transition:all .2s linear}
.home-about .aboutinfo .more:hover{background:var(--color);padding:0 20px;color:#fff}
.home-about  .home-title{font-size:34px;font-weight:var(--fontbold6);text-align:center;text-transform:uppercase;line-height:1.4;text-align:left}
@media (min-width:768px){.home-about .l-wrap{max-width:80%;margin:20px auto}
}.home-about  video{width:100%}
.home-about .aboutinfo .more em{margin-left:10px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;background:var(--color)}
.home-about .aboutimg{flex:1;padding-left:3%}
.home-about .aboutimg img{transition:all .1s linear}
.home-about .aboutimg img:hover{transform:scale(1.02) rotate(1deg)}
 @media (max-width:768px){.home-about{padding:50px 0}
.home-about .l-wrap{flex-direction:column}
.home-about .aboutinfo{width:100%}
.home-about .aboutinfo .more{margin-top:0}
.home-about .aboutimg{width:100%;padding:0;margin-top:20px}
}
.statistics {margin: 0px auto;width: 100%;background-color: var(--color);}
.statistics ul{display: flex;justify-content: center;flex-wrap: wrap;max-width: 80%;margin: 0 auto;}
.statistics ul li{position: relative;width:16%;text-align:center;padding:40px 0;transition: background .3s linear;}
.statistics ul li::after{content: '';position: absolute;top: 10%;right: 0;width: 2px;height: 80%;background: #fff;}
.statistics ul li:last-child::after{display:none;}
.statistics ul li:hover{background:var(--hovercolor)}
.statistics ul li:hover span,.statistics ul li:hover sup{color:#fff}
.statistics ul li span{display: inline-block;color: var(--hovercolor);font-size: 60px;font-weight: bold;line-height: 1;transition: color .3s linear;}
.statistics ul li sup{vertical-align: top;color: var(--hovercolor);font-size: large;transition: color .3s linear;}
.statistics ul li p {color: #fff;font-size: var(--fontsize16);line-height: 1.4;}
@media screen and (max-width: 1024px) {
.statistics ul li {width:33.3%;margin-bottom: 30px;}
.statistics ul li:nth-child(3)::after{display:none;}
}
@media screen and (max-width: 768px) {
.statistics ul li {width: 100%;margin-bottom: 20px;}
.statistics ul li::after{display:none;}
}

@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m431/fonts/iconfont.woff2?t=1743402274106) format('woff2'),url(https://css02.v15cdn.com/m431/fonts/iconfont.woff?t=1743402274106) format('woff'),url(https://css02.v15cdn.com/m431/fonts/iconfont.ttf?t=1743402274106) format('truetype')}
.home-hotpro .iconfont{font-family:iconfont2!important;}
.icon-left-arrow:before{content:"\e604"}
.icon-right-arrow:before{content:"\eaf3"}
.l-wrap{width:80%;max-width:1600px;margin:0px auto}
.home-title{font-size:var(--fontsize30);font-weight:var(--fontbold5);text-align:center;text-transform:capitalize;color:var(--fontcolor);margin-bottom:10px;line-height:1.4}
.home-des{font-size:var(--fontsize14);font-weight:var(--fontbold4);color:var(--introcolor);text-align:center;max-width:1000px;margin:0px auto 10px}
.home-hotpro .hotpro-main{padding-top:4%;z-index:1;position:relative}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%;z-index:1;padding-top:20px}
.home-hotpro .hotpro-main #hotpro{padding:20px 0}
.home-hotpro .hotpro-main .hotpro-button{display:flex;align-items:center;margin-bottom:10px;justify-content:center}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev{margin-right:20px;width:70px;height:40px;background:rgba(243,243,241,0);border-radius:22px;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;color:#bcbec1;cursor:pointer;transition:all .1s linear}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next:hover,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev:hover{background:var(--color);color:#FFFFFF}
.home-hotpro .hotpro-main .hotpro-pagination{bottom:0px;display:none}
.home-hotpro .hotpro-main .swiper-slide{background:#FFFFFF;height:auto;display:flex;flex-direction:column}
.home-hotpro .hotpro-main .swiper-slide .img{background:#EEEEEE;overflow:hidden}
.home-hotpro .hotpro-main .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info{flex:1;text-align:center;padding:20px 15px;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info .icon{color:var(--color)}
.home-hotpro .hotpro-main .swiper-slide .info .title{font-size:var(--fontsize18);padding:10px 0px}
.home-hotpro .hotpro-main .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor)}
.home-hotpro .hotpro-main .swiper-slide .info .more{margin-top:25px;min-width:180px;height:50px;padding:0px 20px;background:#1a1414;color:#FFFFFF;font-size:var(--fontsize14);text-transform:uppercase;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;opacity:0;overflow:hidden;visibility:hidden}
.home-hotpro .hotpro-main .swiper-slide:hover .img img{transform:scale(1.02)}
.home-hotpro .hotpro-main .swiper-slide:hover .info{box-shadow:0px 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more{opacity:1;overflow:inherit;visibility:inherit}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more:hover{opacity:.8}
.home-hotpro .hotpro-img{width:50%;display:none}
.home-hotpro .hotpro-img img{width:100%}
@media (max-width:768px){.l-wrap{padding:0px 15px;width:100%}
.home-hotpro{flex-direction:column-reverse}
.home-hotpro .hotpro-img,.home-hotpro .hotpro-main{width:100%}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%}
.home-hotpro .hotpro-main .swiper-slide .info{box-shadow:0px 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide .info .more{opacity:1;overflow:inherit;visibility:inherit;height:45px}
.home-hotpro .hotpro-main .hotpro-wrap{padding-bottom:30px}
.home-hotpro .hotpro-main .hotpro-pagination{display:block;width:100%;position:relative}
.home-hotpro .hotpro-main .swiper-pagination-bullet{margin:0 5px}
.home-hotpro .hotpro-main .hotpro-pagination .swiper-pagination-bullet-active{background:var(--color)}}
@media(max-width:500px){.home-hotpro .hotpro-main #hotpro{padding:0px;margin:0px}
.home-hotpro .hotpro-main .swiper-slide .info .more{border-radius:5px;min-width:inherit;width:100%;height:40px;padding:0px 10px}
.home-title{font-size:var(--fontsize24)}}
.home-about .aboutinfo p:nth-child(5){display:none;}
.home-about .aboutinfo .home-title br{display:none;}
.home-about .aboutinfo p:nth-child(4){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
@media (max-width:1600px){.home-about .aboutinfo p:nth-child(4){-webkit-line-clamp:3;}}
@media (max-width:1366px){.home-about .aboutinfo p:nth-child(4){display:none}}