.home-banner .ban-inner{position: absolute;}
.home-banner .ban-inner.ban1{top:20%;left:11%;}
.home-banner .ban-inner .ban-title{position: relative;color:#fff;font-weight: var(--fontbold7);font-size:74px;padding-bottom:1.5%;margin-bottom:2%;}
.home-banner .ban-inner .ban-title:after{content:'';width:70px;height:3px;display:block;background: var(--color);}
.home-banner .ban-inner .ban-des{color:#fff;font-size:42px;}
.home-banner .ban-inner .ban-more a{display:inline-block;padding:1.5% 7%;color:#fff;border-radius: 30px;background: var(--color);margin-top:5%;transition: all .3s;}
.home-banner .ban-inner .ban-more a:hover{background: #fff;color: var(--color);}
.home-banner .ban-inner.ban1 .ban-des{line-height: 1.35;}
@media (max-width:1600px){.home-banner .ban-inner .ban-title{font-size:4vw}
.home-banner .ban-inner .ban-des{font-size:2.2vw;}
.home-banner .ban-inner .ban-more a{font-size:1vw;margin-top:3%;}
}
@media (max-width:768px){.home-banner{height:auto}
.home-banner .ban-inner.ban1{top:8%;left:8%;}
.home-banner .ban-inner .ban-title{font-size:28px;}
.home-banner .ban-inner .ban-des{font-size:15px;}
.home-banner .ban-inner .ban-more{display:none;}
}
@media (max-width:550px){.home-banner .ban-inner.ban1{top:8px;left:10px;}
.home-banner .ban-inner .ban-title:after{display:none;}
.home-banner .ban-inner .ban-title{font-size:18px;}
.home-banner .ban-inner .ban-des{font-size:12px;}
.home-banner .ban-inner .ban-title:after{width:30px;}}
.home-banner .ban-inner.ban2{top:50%;left:10%;transform: translateY(-50%);}
.home-banner .ban-inner.ban2 .ban-title{padding-bottom:0;margin-bottom:0;}
.home-banner .ban-inner.ban2 .ban-title:after{display:none}
@media (max-width:550px){.home-banner .ban-inner.ban2 .ban-des{display: block;font-size:12px;max-width:95%;line-height: 1.3;margin-top:5px;}
.home-banner .ban-inner.ban2{left:5px;}}
.home-banner .ban-inner.ban3{top:15%;left:13%;}
@media (max-width:550px){.home-banner .ban-inner.ban3{top:10px;left:8px;}}
.home-banner .ban-inner.ban4{top:21%;left:13%;}
@media (max-width:550px){.home-banner .ban-inner.ban4{top:15%;left:8px;}}

.home-case .home-title{text-align: center;font-size:var(--hometitlefont)}
.home-case #homecaseswiper{padding:0px 30px;margin-top:2%}
.home-case .homecase-list .swiper-slide{border-radius:4px;position:relative}
.home-case .homecase-list .swiper-slide:hover .content{opacity:1;visibility:inherit;margin-top:0px}
.home-case .homecase-list .swiper-slide .content{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color);opacity:0.8;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:0;visibility:hidden;margin-top:20px}
.home-case .homecase-list .swiper-slide .content .text{color:#FFFFFF;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.home-case .homecase-list .swiper-slide .content p{color:#fff;font-size:14px;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;display: -webkit-box;}
.home-case .homecase-list .swiper-slide .content .text a{color:#FFFFFF}
.home-case .homecase-list .swiper-slide .content .more{margin-top:15px;width:38px;height:38px;background:rgba(0,146,255,0);border:1px solid #FFFFFF;border-radius:25px;color:#FFFFFF;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center}
.home-case .homecase-pagination{margin-top:30px;text-align:center}
.home-case .homecase-pagination .swiper-pagination-bullet{width:36px;height:3px;background:#253745;border-radius:3px;transition:all .1s linear}
.home-case .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1366px){.home-case .homecase-list .swiper-slide .content{padding:10px;}
.home-case .homecase-list .swiper-slide .content .text{font-size:18px;}
.home-case .homecase-list .swiper-slide .content p{-webkit-line-clamp: 3;}}
@media (max-width:500px){.home-case .homecase-list .swiper-slide .content p{font-size:12px;-webkit-line-clamp: 5;}}
.procate-list .procate-item .procate-img{min-height:inherit;max-height:inherit;}
.procate-list .procate-item .procate-img img{width:auto;height:auto;}
.home-projects .homeprojects-content{margin-top:0;}
.home-hotpro .home-title,.home-news .home-title{display:none;}