.banner-box{position:relative;height:100vh;min-height:700px}
.banner-box .banner-swiper{height:100%}
.banner-box .banner-swiper .swiper-container{height:100%}
.banner-box .banner-swiper .swiper-slide{position:relative}
.banner-box .banner-swiper .swiper-slide .text-wrap{position:absolute;top:30%;width:100%}
.banner-box .banner-swiper .swiper-slide .text-wrap h2{font-size:40px;color:#fff;font-weight:400}
.banner-box .banner-swiper .swiper-slide .text-wrap p{font-size:26px;color:#fff;margin-top:10px}
.banner-box .banner-swiper .swiper-slide .text-wrap p.m-info{display:none;font-size:28px;color:#000;margin-bottom:40px;margin-top:0}
.banner-box .banner-swiper .swiper-slide .text-wrap span{display:block;font-size:26px;color:#fff;margin-top:20px}
.banner-box .banner-swiper .swiper-slide .text-wrap a{display:inline-block;font-size:14px;color:#fff;margin-top:50px;padding:14px 50px;background-color:#144196;border-radius:50px}
.banner-box .banner-swiper .swiper-slide .pic-wrap{height:100%}
.banner-box .banner-swiper .swiper-slide .pic-wrap img{width:100%;min-height:100%}
.banner-box .banner-swiper .swiper-slide .pic-wrap .h1440{display:initial}
.banner-box .banner-swiper .swiper-slide .pic-wrap .h1000{display:none}
.banner-box .banner-swiper .swiper-slide .pic-wrap .h795{display:none}
.banner-box .banner-swiper .swiper-pagination{display:none;align-items:center;position:unset;width:100%;padding:0 30px;margin-top:30px;height:7px}
.banner-box .banner-swiper .swiper-pagination .swiper-pagination-bullet{width:100%;height:3px;border-radius:0;transition:all .3s ease}
.banner-box .banner-swiper .swiper-pagination .swiper-pagination-bullet-active{height:7px;background-color:#144196}

.banner-box .banner-thumb{position:absolute;bottom:20%;width:100%}
.banner-box .banner-thumb .swiper-slide{width:20%;cursor:pointer}
.banner-box .banner-thumb .swiper-slide span{position:relative;display:block;font-size:16px;color:#fff;padding-bottom:15px;border-bottom:1px solid #fff;transition:all .3s ease}
.banner-box .banner-thumb .swiper-slide span::before{content:'';visibility:hidden;position:absolute;bottom:-2px;left:0;height:3px;width:0%;background-color:#144196;transition:width 3s linear}
.banner-box .banner-thumb .swiper-slide.swiper-slide-thumb-active span{color:#144196}
.banner-box .banner-thumb .swiper-slide.swiper-slide-thumb-active span::before{visibility:visible;width:100%}
.banner-box .banner-thumb .swiper-slide .text-wrap{margin-top:15px;opacity:0;visibility:hidden;transition:all .3s ease}
.banner-box .banner-thumb .swiper-slide.swiper-slide-thumb-active .text-wrap{opacity:1;visibility:visible}
.banner-box .banner-thumb .swiper-slide .text-wrap h3{font-size:12px;color:#fff;font-weight:normal;margin-bottom:15px}
.banner-box .banner-thumb .swiper-slide .text-wrap p{font-size:16px;color:#fff;line-height:24px;white-space:nowrap}

@media(max-width:1780px){
    .banner-box .banner-swiper .swiper-slide .pic-wrap .h1440{display:none}
    .banner-box .banner-swiper .swiper-slide .pic-wrap .h1000{display:initial}
}

@media(max-width:991px){
	.banner-box{height:auto;}
	.banner-box .banner-swiper{height:auto;}
	.banner-box .banner-swiper .swiper-container{height:auto;}
    .banner-box .banner-swiper .swiper-slide .text-wrap h2{font-size:36px;color:#000;white-space:nowrap}
    .banner-box .banner-swiper .swiper-slide .text-wrap p{font-size:36px;color:#000;margin-top:20px}
    .banner-box .banner-swiper .swiper-slide .text-wrap p.m-info{display:block}
    .banner-box .banner-swiper .swiper-slide .text-wrap span{display:none}
    .banner-box .banner-swiper .swiper-slide .text-wrap a{display:none}
    .banner-box .banner-swiper .swiper-slide .pic-wrap .h1440{display:none}
	.banner-box .banner-swiper .swiper-slide .pic-wrap .h1000{display:none}
    .banner-box .banner-swiper .swiper-slide .pic-wrap .h795{display:initial}
    .banner-box .banner-swiper .swiper-pagination{display:flex}

    .banner-box .banner-thumb{display:none}
}

.product-box{position:relative;margin-top:-120px;z-index:50}
.product-box .product-list{display:flex;align-items:center;height:260px;background-color:#fff;border-radius:15px;box-shadow:0px 0px 20px 5px rgb(0 0 0 / 10%)}
.product-box .product-list .product-item{position:relative;width:25%;height:100%;text-align:center;border-radius:10px;transition:all .3s ease}
.product-box .product-list .product-item>a{display:flex;flex-direction:column;justify-content:center;height:100%}
.product-box .product-list .product-item::after{content:'';display:block;width:1px;height:95px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-47px}
.product-box .product-list .product-item:hover::after,.product-box .product-list .product-item:last-child::after{content:unset}
.product-box .product-list .product-item .pic-wrap{}
.product-box .product-list .product-item .pic-wrap img{height: 100px;}
.product-box .product-list .product-item:hover .pic-wrap img{display:none}
.product-box .product-list .product-item .pic-wrap img.active{display:none}
.product-box .product-list .product-item:hover .pic-wrap img.active{display:inline-block}
.product-box .product-list .product-item .text-wrap{margin-top:20px}
.product-box .product-list .product-item .text-wrap p{font-size:16px;color:#5a5a5a}
.product-box .product-list .product-item:hover .text-wrap p{color:#fff}
.product-box .product-list .product-item .text-wrap .more-btn{display:none;font-size:14px;color:#fff;padding:2px 40px;background-color:transparent;border:2px solid #fff;border-radius:50px;margin-top:45px;cursor:pointer}
.product-box .product-list .product-item .text-wrap .more-btn .icon-arrow{display:none}

@media(min-width:992px){
    .product-box .product-list .product-item:hover{height:120%;background-color:#144196;box-shadow:0px 0p 15px 5px rgb(0 0 0 / 10%)}
    .product-box .product-list .product-item:hover .text-wrap .more-btn{display:inline-block}
}
@media(max-width:991px){
    .product-box{margin-top:50px}
    .product-box .product-list{display:block;height:unset;border-radius:0;box-shadow:none}
    .product-box .product-list .product-item{width:100%;height:unset;border-radius:20px;box-shadow:0 0 15px 5px rgb(0 0 0 / 7%);padding:20px 10px 20px 50px;margin-bottom:30px}
    .product-box .product-list .product-item>a{width:100%;flex-direction:row;justify-content:flex-start;align-items:center;height:unset}
    .product-box .product-list .product-item::after{content:unset}
    .product-box .product-list .product-item:hover{background-color:#144196}
    .product-box .product-list .product-item .pic-wrap{flex-shrink:0}
    .product-box .product-list .product-item .text-wrap{margin-top:0;display:flex;justify-content:space-between;width:100%}
    .product-box .product-list .product-item .text-wrap p{font-size:32px;margin-left:40px; color: #000;}
    .product-box .product-list .product-item .text-wrap .more-btn{font-size:0;padding:10px;border:none;border-radius:0;margin-top:0;align-items:center}
    /* .product-box .product-list .product-item:hover .text-wrap .more-btn{display:flex} */
    .product-box .product-list .product-item .text-wrap .more-btn .icon-arrow{display:block}
}

.about-box{margin-top:100px}
.about-box .about-thumb{margin-top:60px}
.about-box .about-thumb .swiper-wrapper{display:flex;justify-content:center}
.about-box .about-thumb .swiper-slide{width:25% !important;text-align:center;cursor:pointer}
.about-box .about-thumb .swiper-slide p{font-size:14px;color:#5a5a5a;margin-bottom:20px}
.about-box .about-thumb .swiper-slide .line{display:block;position:relative;border-bottom:1px solid #ccc}
.about-box .about-thumb .swiper-slide .dot{display:inline-block;position:relative;top:-10px;width:20px;height:20px;background-color:#ddd;border-radius:50%;transition:all .3s ease}
.about-box .about-thumb .swiper-slide .dot::after{content:'';display:block;width:10px;height:10px;position:absolute;top:5px;left:5px;background-color:#999;border-radius:50%;transition:all .3s ease}
.about-box .about-thumb .swiper-slide.swiper-slide-thumb-active .line{border-bottom:2px solid #144196}
.about-box .about-thumb .swiper-slide.swiper-slide-thumb-active .dot{background-color:#fff;box-shadow:0px 0px 15px 5px rgb(0 0 0 / 10%)}
.about-box .about-thumb .swiper-slide.swiper-slide-thumb-active .dot::after{background-color:#144196}

.about-box .about-swiper{display:flex;margin-top:70px}
.about-box .about-swiper .pic-swiper{width:50%;flex-shrink:0;position:relative}
.about-box .about-swiper .pic-swiper .pic-wrap{position:absolute;border-radius:10px;overflow:hidden;box-shadow:0px 0px 30px 15px rgb(0 0 0 / 15%);}
.about-box .about-swiper .pic-swiper .pic-wrap.active{z-index:5 !important}
.about-box .about-swiper .pic-swiper .pic-wrap:first-child{z-index:3;left:120px;top:50px}
.about-box .about-swiper .pic-swiper .pic-wrap:nth-child(2){z-index:2;left:60px}
.about-box .about-swiper .pic-swiper .pic-wrap:last-child{z-index:1;left:0;top:30px}
.about-box .about-swiper .pic-swiper .pic-wrap .mask{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition:all .3s ease}
.about-box .about-swiper .pic-swiper .pic-wrap.active .mask{background-color:transparent}
.about-box .about-swiper .pic-swiper .pic-wrap img{transition:all .5s ease}
.about-box .about-swiper .pic-swiper .pic-wrap.active:hover img{transform:scale(1.2)}
.about-box .about-swiper .swiper-container{width:50%}
.about-box .about-swiper .swiper-slide{display:flex;align-items:center}
.about-box .about-swiper .swiper-slide .pic-wrap{flex-shrink:0}
.about-box .about-swiper .swiper-slide .text-wrap{}
.about-box .about-swiper .swiper-slide .text-wrap h3{font-size:18px;margin-bottom:20px}
.about-box .about-swiper .swiper-slide .text-wrap p{font-size:14px;color:#5a5a5a;line-height:22px;margin-bottom:15px}
.about-box .about-swiper .swiper-slide .text-wrap a{display:inline-block;font-size:14px;color:#fff;padding:10px 55px;background-color:#144196;border-radius:50px;margin-top:35px}

.about-box .about-swiper_m{display:none;margin-top:30px}
.about-box .about-swiper_m .text-wrap{margin-top:50px}
.about-box .about-swiper_m .text-wrap h3{font-size:34px;margin-bottom:30px}
.about-box .about-swiper_m .text-wrap p{font-size:28px;color:#5a5a5a;line-height:44px;margin-bottom:25px}
.about-box .about-swiper_m .text-wrap a{display:inline-block;font-size:28px;color:#fff;padding:20px 100px;background-color:#144196;border-radius:50px;margin-top:35px}

@media(max-width:991px){
    .about-box .about-thumb{display:none}
    .about-box .about-swiper{display:none}
    .about-box .about-swiper_m{display:block}
    .about-box .about-swiper_m .swiper-pagination{display:flex;align-items:center;position:unset;width:100%;margin-top:30px;height:7px}
    .about-box .about-swiper_m .swiper-pagination .swiper-pagination-bullet{width:100%;height:3px;border-radius:0;transition:all .3s ease}
    .about-box .about-swiper_m .swiper-pagination .swiper-pagination-bullet-active{height:7px;background-color:#144196}
}
	.about-swiper_m .about-thumb_m .swiper-container .swiper-wrapper .swiper-slide{overflow: hidden; padding: 30px;}
	.about-swiper_m .about-thumb_m .swiper-container .swiper-wrapper .swiper-slide img{width:100%; max-width:unset; transition:transform .5s ease; border-radius: 10px;box-shadow: 0px 0px 15px 15px rgb(0 0 0 / 3%);}

.case-box{margin-top:100px}
.case-box .case-swiper{margin-top:60px}
.case-box .case-swiper .swiper-slide .pic-wrap{overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}
.case-box .case-swiper .swiper-slide .pic-wrap img{width:100%;max-width:unset;transition:transform .5s ease}
.case-box .case-swiper .swiper-slide .pic-wrap:hover img{transform:scale(1.2)}
.case-box .case-swiper .swiper-slide .text-wrap{padding:30px 20px;background-color:#f0f0f0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.case-box .case-swiper .swiper-slide .text-wrap h3{font-size:16px;color:#000;margin-bottom:15px}
.case-box .case-swiper .swiper-slide .text-wrap p{font-size:14px;color:#5a5a5a;line-height:24px}
.case-box .case-swiper .swiper-slide .text-wrap p span{font-size:16px;color:#000;font-weight:bold}
.case-box .case-swiper .btn-wrap{text-align:center}
.case-box .case-swiper .more-btn{display:inline-block;font-size:14px;color:#fff;padding:12px 85px;background-color:#144196;border-radius:50px;margin-top:40px}
.case-box .case-swiper .swiper-pagination{display:none;align-items:center;position:unset;width:100%;margin-top:50px;height:7px}
.case-box .case-swiper .swiper-pagination .swiper-pagination-bullet{width:100%;height:3px;border-radius:0;transition:all .3s ease}
.case-box .case-swiper .swiper-pagination .swiper-pagination-bullet-active{height:7px;background-color:#144196}

@media(max-width:991px){
    .case-box{padding:50px 0;background-color:#fafafa}
    .case-box .case-swiper .swiper-slide .text-wrap{background-color:#fff}
    .case-box .case-swiper .swiper-slide .text-wrap h3{font-size:34px;margin-bottom:25px}
    .case-box .case-swiper .swiper-slide .text-wrap p{font-size:28px;line-height:44px}
    .case-box .case-swiper .swiper-slide .text-wrap p i{display:block}
    .case-box .case-swiper .swiper-slide .text-wrap p span{font-size:34px}
    .case-box .case-swiper .swiper-slide .more-btn{display:none}
    .case-box .case-swiper .swiper-pagination{display:flex}
	.case-box .case-swiper .more-btn{font-size: 28px;}
}

.news-box{margin-top:100px}
.news-box .container{display:flex;justify-content:space-between}
.news-box .news-left{flex-shrink:0;width:43%;padding-bottom:50px;background-color:#fafafa}
.news-box .news-left .box-title{text-align:left;padding:50px 50px 0;}
.news-box .news-left .pic-swiper{width:100%;margin-top:40px;transform:translateX(50px)}
.news-box .news-left .pic-wrap{border-radius:10px;overflow:hidden}
.news-box .news-left .pic-wrap img{transition:all .5s ease}
.news-box .news-right{position:relative;width:45%;padding-top:50px;z-index:10}
.news-box .news-right::before{content:'';display:block;position:absolute;top:0;left:45px;width:100%;height:1px;background-color:#646464}
.news-box .news-right .news-list{}
.news-box .news-right .btn-wrap{display: none;}
.news-box .news-right .news-list .news-item{display:flex;margin-bottom:30px}
.news-box .news-right .news-list .news-item:last-child{margin-bottom:0}
.news-box .news-right .news-list .news-item .number-wrap{font-size:16px}
.news-box .news-right .news-list .news-item .detail-wrap{margin-left:30px;padding-bottom:30px;border-bottom:1px solid #ddd}
.news-box .news-right .news-list .news-item:last-child .detail-wrap{padding-bottom:0;border-bottom:none}
.news-box .news-right .news-list .news-item .detail-wrap h3{font-size:18px;line-height:28px}
.news-box .news-right .news-list .news-item .detail-wrap h3 a{font-size:18px;line-height:28px; color: #010101;}
.news-box .news-right .news-list .news-item .detail-wrap span{display:block;font-size:14px;color:#b6b6b6;margin:10px 0}
.news-box .news-right .news-list .news-item .detail-wrap .detail-collapse{display:none}
.news-box .news-right .news-list .news-item:first-child .detail-wrap .detail-collapse{display:block}
.news-box .news-right .news-list .news-item .detail-wrap p{font-size:14px;color:#5a5a5a;line-height:24px}
.news-box .news-right .news-list .news-item .detail-wrap .detail-collapse a{display:inline-block;font-size:14px;color:#fff;padding:10px 55px;background-color:#144196;border-radius:50px;margin-top:30px}

@media(min-width:992px){
    .news-box .news-left .pic-wrap:hover img{transform:scale(1.2)}
}

@media(max-width:991px){
    .news-box .container{flex-wrap:wrap}
    .news-box .news-left{width:100%;padding:0;background-color:#fff;padding:0}
    .news-box .news-left .box-title{padding:0}
    .news-box .news-left .pic-swiper{transform:translateX(0)}
    .news-box .news-left .pic-wrap{position:relative}
    .news-box .news-left .pic-wrap img{width:100%}
    .news-box .news-right{position:relative;flex-shrink:0;width:100%;background-color:#fff;padding:0;padding-bottom:30px;border-top-left-radius:20px;border-bottom-left-radius:20px;}
	.news-box .news-right .btn-wrap{display: block; text-align: center;}
	.news-box .news-right .btn-wrap .more-btn{font-size: 28px; display: inline-block; color: #fff; padding: 12px 85px; background-color: #144196; border-radius: 50px; margin-top: 40px;}    
	.news-box .news-right::before{content:unset}
    .news-box .news-right .news-list .news-item{display:block;margin-bottom:0;padding:50px 0;border-bottom:1px solid #e6e6e6}
    .news-box .news-right .news-list .news-item:last-child{border-bottom:none}
    .news-box .news-right .news-list .news-item .number-wrap{display:none}
    .news-box .news-right .news-list .news-item .detail-wrap{padding-bottom:0;border-bottom:none;margin-left:0;margin-top:0}
    .news-box .news-right .news-list .news-item .detail-wrap h3{font-size:32px;line-height:44px}
	.news-box .news-right .news-list .news-item .detail-wrap h3 a{font-size:32px;line-height:44px}
    .news-box .news-right .news-list .news-item.active .detail-wrap h3{font-size:32px}
    .news-box .news-right .news-list .news-item .detail-wrap span{font-size:22px;color:#5a5a5a;margin:20px 0}
    .news-box .news-right .news-list .news-item .detail-wrap p{font-size:28px;line-height:56px; display: none;}
    .news-box .news-right .news-list .news-item .detail-wrap .detail-collapse a{font-size:28px;padding:20px 100px; display: none;}
}

.service-box{position:relative;margin-top:100px}
.service-box .pic-wrap{overflow:hidden}
.service-box .pic-wrap img{transition:all .5s ease; width: 100%;}
.service-box .pic-wrap img.m-pic{display:none}
.service-box .text-wrap{position:absolute;top:25%;width:100%}
.service-box .text-wrap .box-title{text-align:left;margin-bottom:20px}
.service-box .text-wrap .box-title h2{color:#144196}
.service-box .text-wrap p{font-size:16px;color:#144196;line-height:28px}
.service-box .text-wrap a{display:inline-block;font-size:14px;color:#fff;padding:14px 65px;background-color:#144196;border-radius:50px;margin-top:50px}

@media(min-width:992px){
    .service-box:hover .pic-wrap img{transform:scale(1.2)}
}

@media(max-width:991px){
    .service-box .pic-wrap img:first-child{display:none}
    .service-box .pic-wrap img.m-pic{display:initial}
    .service-box .text-wrap p{font-size:28px;line-height:48px}
    .service-box .text-wrap p i{display:block}
    .service-box .text-wrap a{display:none}
}