.index-banner .index-banner-container{top:0;left:0;padding-left:9.125rem}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:4rem}
.index-banner .swiper-pagination-bullet{transition:all .3s;background:#fff;opacity:1}
.index-banner .swiper-pagination-bullet-active{width:1.87rem;height:.5rem;border-radius:35px}
.index-banner .hint{color:#fff;bottom:2.5rem;z-index:999;left:50%;transform:translateX(-50%);font-size:.81rem}
.index-banner .index-banner-container .index-banner-text{padding-top: 12.25rem;}
.index-banner .index-banner-container .title{font-size:3rem;line-height: 1;font-weight:600;color:#000}
.index-banner .index-banner-container .content{font-size:.75rem;line-height: 1;color:#000;margin-top: .75rem;}
.index-banner .index-banner-container .heng{width:2.5rem;height:.1875rem;background:#000}
.aboutus-container .aboutus-layer{padding-left:2.875rem;padding-top:4.25rem;padding-bottom:8.8rem;background:#e8e8e8 url(../images/index/aboutbgc.png) left bottom / 51% no-repeat;border-radius:0 0 6.25rem 0}
.aboutus-container .ab-textContainer{padding-left:3.5rem;padding-right:6.5rem}
.ab-textContainer .ab-content{text-indent: 2em;margin-top:2rem;margin-bottom:3.3rem;font-size:.875rem;color:#4d4d4d;line-height:2;text-align:justify}
.service-area{padding-bottom:13.8125rem;background:url(../images/index/servicebgc.png) left bottom / 45% no-repeat}
.service-area .swiper-container{width:100%;height:100%}
.service-area .mobile{display:none}
.service-area .large .swiper-slide{text-align:center;font-size:1.125rem;width:46.5rem !important;padding:0 1.875rem;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:all 300ms;transform:scale(0.95)}
.service-area .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1) !important}
.service-area .swiper-slide-duplicate-active{transform:scale(1) !important}
.service-area .swiper-slide-active .service-item{overflow:hidden}
.service-area .swiper-slide-active .service-item:hover img{transform:scale(1.05)}
.service-area .swiper-slide-active .service-item img{width:100%;object-fit:cover;transition:all .3s}
.service-area .swiper-slide-active .service-item .service-item-text{visibility:visible;opacity:1}
.service-area .swiper-slide-duplicate-active .service-item .service-item-text{visibility:visible;opacity:1}
.service-area .slide-active-bgc{width:50.1875rem;height:49.4375rem;background:#e4e4e4;border-radius:25px;top:0;left:50%;z-index:-1;transform:translateX(-50%)}
.service-item .service-item-text{visibility:hidden;opacity:0;margin-top:3.375rem;transition:all .3s}
.service-item .service-item-text .title{color:#333;font-size:1.5rem}
.service-item .service-item-text .desc{color:#808080;font-size:.875rem}
.service-area .mobile .service-text-mobile{margin-top:15px}
.service-area .mobile .service-text-mobile .title{font-size:18px;color:#333;font-weight:600}
.service-area .mobile .service-text-mobile .desc{font-size:14px;color:#808080}
.service-area .mobile .swiper-pagination.swiper-pagination-bullets{bottom:70px}
.service-area .mobile  span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;border-radius:35px}
.service-area .mobile span.swiper-pagination-bullet{transition:all .3s;opacity:1}
.case{background:#e8e8e8 url(../images/index/casebgc.png) left bottom / 52% no-repeat;border-radius:0 6.25rem 0 0;padding-bottom:14.1rem}
.case-list-container{padding:0 3.8rem;margin-bottom:2.93rem}
.case-list .case-item:hover .case-item-text{transform:translateY(-10px)}
.case-list .case-item:nth-of-type(1){overflow:hidden;width:30%;height:28.125rem;margin-right:1.25rem}
.case-list .case-item:nth-of-type(2){overflow:hidden;width:39.6%;height:28.125rem}
.case-list .case-item:nth-of-type(3){overflow:hidden;position:absolute;top:0;right:0;width:27.2%;height:13.1rem}
.case-list .case-item:nth-of-type(4){overflow:hidden;position:absolute;bottom:0;right:0;width:27.2%;height:13.1rem}
.case-list .case-item .case-item-text{color:#fff;font-size:.875rem;margin-left:1.25rem;margin-bottom:1.125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s}
.case-list .case-item .case-item-text .title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-list .case-item .case-item-text .desc{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news{padding-bottom:4.68rem;}
.news .title-category .category a{color:#808080;padding:0 10px;font-size:.875rem;border-right:1px solid #808080}
.news .title-category .category a:last-of-type{padding-right:0;border-right:none}
.news.w-1500 .news-list .news-item{border:1px solid #808080;border-radius:12px}
.news.w-1500 .news-list .news-item a{width:26.1rem;height:21rem;padding:0 2.25rem;color:#808080;background:url(../images/index/newsicon.png) 2.25rem 18.75rem  no-repeat;transition:all .3s}
.news.w-1500 .news-list .news-item a:hover{background-color:rgb(128,128,128,.1)}
.news .news-list{margin-top:1.25rem}
.news-item a .news-item-container{margin-bottom:1.75rem}
.news-item a .time{font-size:.875rem;line-height:.875rem}
.news-item a .title{color:#000;height:4.125rem;font-size:1.375rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-item a .title .title-acc{display:block;max-height:4.125rem;font-weight:600;color:#333}
.news-item a .desc{font-size:.875rem;height:3.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:1024px){.index-banner .index-banner-container{padding-left:15px}
.index-banner .index-banner-container .title{font-size:24px;line-height:24px}
.index-banner .index-banner-container .content{font-size:14px;line-height:24px}
.index-banner .index-banner-container .index-banner-text{margin-bottom:0;padding-top:100px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px}
.index-banner .hint{display:none}
.index-banner .swiper-pagination-bullet-active{width:20px;height:5px}
.swiper-pagination-bullet{width:5px;height:5px;background:#fff}
.index-banner .index-banner-container .heng{margin-top:20px !important}
.index-banner .swiper-container{height:400px}
.index-banner .swiper-container.road{height: auto;}
.index-banner .swiper-slide img{object-fit:cover;height:100%}
.aboutus-container .aboutus-layer{padding:0}
.index-title{display:none}
.index-title2{display:none}
.index-title3{display:none}
.aboutus-layer{padding:35px 1.2rem 78px !important}
.aboutus-container .aboutus-layer{background:#e8e8e8 url(../images/index/aboutbgc.png) center bottom / 95% no-repeat;border-radius:0}
.aboutus-container .ab-img{margin-top:15px}
.aboutus-container .ab-textContainer{padding:0}
.ab-textContainer .ab-content{margin:0}
.index-btn{margin:20px auto 0}
.service-area{padding:35px 1.2rem 78px !important;background:#e8e8e8 url(../images/index/servicebgc.png) center bottom / 95% no-repeat}
.service-area .large{display:none}
.service-area .mobile{display:block;margin-top:15px}
.service-area .slide-active-bgc{display:none}
.case{padding:35px 1.2rem 78px !important;border-radius:0;background:#e8e8e8 url(../images/index/casebgc.png) center bottom / 95% no-repeat}
.case .case-list{display:block !important;margin-top:15px}
.case .case-list-container{padding:0}
.case .case-list .case-item{position:unset;width:100%;height:30vh;margin-bottom:20px}
.news{padding:35px 1.2rem 78px !important;background:url(../images/index/newsbgc.png) center bottom / 95% no-repeat}
.news .title-category .category{display:none !important}
.news .news-list{display:block !important}
.news.w-1500 .news-list .news-item a{width:100%;height:30vh;background:url(../images/index/newsicon.png) 2.25rem 26vh  no-repeat}
.news-item a .title{margin-bottom:10px !important}
.news-item a .news-item-container{margin-bottom:10px}
.news.w-1500 .news-list .news-item{margin-bottom:20px}
}