@media(min-width:1025px){.home-banner .swiper-slide>a::after{height:17%;}}
@media(min-width:1601px){.home-banner .swiper-slide>a::after{height:14%;}}
.home-mainpro .home-des{font-size:26px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor);line-height:1.4;}
.home-mainpro .home-title{display:none}
.home-mainpro .mainpro-list li{width:15.5%;margin-right:1.4%;}
.home-mainpro .mainpro-list li:nth-child(4n){margin-right:1.4%}
.home-mainpro .mainpro-list li:nth-child(6n){margin-right:0}
.mainpro-btn{display:flex;justify-content:center;margin-top:20px;}
.mainpro-btn a{position:relative;display:flex;align-items:center;text-transform:uppercase;font-weight:bold;padding:10px 35px;border:2px solid var(--fontcolor);line-height:1.4;transition:.3s;}
.mainpro-btn a em{transition:.3s;display:inline-block;position:absolute;opacity:0;right:15px;}
.mainpro-btn a:hover{background:var(--color);color:#fff;border-color:var(--color);padding-right:45px;padding-left:25px;}
.mainpro-btn a:hover em{opacity:1;right:25px;}
@media (max-width:1024px){.home-mainpro .mainpro-list li{width:32%;margin-right:2%;}
.home-mainpro .mainpro-list li:nth-child(4n){margin-right:2%}
.home-mainpro .mainpro-list li:nth-child(3n){margin-right:0}}
@media (max-width:768px){.home-mainpro .home-des{font-size:20px;margin-bottom:20px}
.home-mainpro .mainpro-list li{width:48%;margin-right:4%;}
.home-mainpro .mainpro-list li:nth-child(3n){margin-right:4%}
.home-mainpro .mainpro-list li:nth-child(2n){margin-right:0}
.mainpro-btn a{padding:10px 25px;font-size:var(--fontsize15)}
.mainpro-btn a em{right:5px;}
.mainpro-btn a:hover{padding-right:35px;padding-left:15px;}
.mainpro-btn a:hover em{right:15px;}}
/*about us*/
.home-aboutus .about-top{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-aboutus .about-top .about-top-l{width:66.66%;padding:5%;background: #F7F7F7;}
.home-aboutus .about-top .about-top-l ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-aboutus .about-top .about-top-l ul li{width:50%;padding:15px;display:flex;justify-content: space-between;}
.home-aboutus .about-top .about-top-l ul li .about-icon{width:35px;}
.home-aboutus .about-top .about-top-l ul li .about-art{width:calc(100% - 55px)}
.home-aboutus .about-top .about-top-l ul li .about-art .title{font-size: var(--fontsize18);margin-bottom:8px;}
.home-aboutus .about-top .about-top-l ul li .about-art .des{color:var(--introcolor)}
.home-aboutus .about-top .about-top-r{width: 33.34%;background: var(--color);display:flex;align-items: center;justify-content: center;}
.home-aboutus .about-top .about-top-r .about-more{text-align: center;}
.home-aboutus .about-top .about-top-r .about-more a{color:#fff;background: var(--fontcolor);}
.home-aboutus .about-more a{display:inline-block;padding:13px 38px;text-align:center;text-transform: uppercase;font-weight: var(--fontbold7);letter-spacing: 2px;position: relative;transition: all .3s linear;}
.home-aboutus .about-more a em{opacity: 0;padding-left:10px;top:13px;right:10px;transition: all 0.3s ease;position: absolute;}
.home-aboutus .about-more:hover a{padding-left: 28px;padding-right: 48px;opacity: 0.8;}
.home-aboutus .about-more:hover a em{opacity: 1;right:20px;}
.home-aboutus .about-bot{background: url(/uploads/44437/page/p202506171152329bfe5.webp) no-repeat center/cover;padding:70px 0;text-align: center;}
.home-aboutus .about-bot .about-more-box{display:flex;justify-content: center;}
.home-aboutus .about-bot .about-more-box>div{margin:8px;border: 2px solid #fff;color:#fff;}
.home-aboutus .about-bot .about-more-box>div:hover{background: var(--color);border-color:var(--color)}
@media (min-width:769px){.home-aboutus .about-bot{background-attachment: fixed}}
@media (max-width:768px){.home-aboutus .about-top .about-top-l,.home-aboutus .about-top .about-top-r{width:100%;padding:10px;}
.home-aboutus .about-top .about-top-l ul li{padding:10px;}
.home-aboutus .about-bot{padding:30px 0;}
.home-aboutus .about-bot .about-more-box{flex-direction: column;padding:0 10px;}
.home-aboutus .about-bot .about-more-box>div{width:100%;margin:10px 0}}
@media (max-width:550px){.home-aboutus .about-top .about-top-l ul li{width:100%;}}