/* banner */
.banner{position: relative;margin-top: 100px;}
.banner .swiper-container{overflow: hidden;}
.banner .hb{min-height: 80vh;}
.banner .hb img{width: 100%;height: 100%;opacity: 0;}
.banner .hb .swiper-slide{min-height: 80vh;}
.banner .swiper-slide{overflow: hidden;}
.banner .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center top;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;color:#fff;}

.banner .mb{display: none;}
.banner .mb img{width: 100%;}
.banner .swiper-pagination-bullet{transition: all 0.3s;}
.banner .swiper-pagination-bullet-active{width: 24px;background-color: #fff;border-radius: 4px;}
.banner .swiper-button-prev,.banner .swiper-button-next{background-color: rgba(0,0,0,0.3);border-radius: 5px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 24px;color: rgba(255, 255, 255, 0.7);}

/* link */
.link{margin: 3% 0;}
.link .n-area{overflow: visible;}
.link li{display: block;float: left;width: calc(20% - 2px);text-align: center;border: 1px solid #e8f0eb;background-color: #fff;transition: all 0.3s;}
.link li img{width: 47px;height: 47px;margin: 9% 0 4%;}
.link li h3{font-size: 17px;font-weight: bold;margin-bottom: 3%;}
.link li p{font-size: 14px;color: #a8a8a8;margin-bottom: 9%;}

.link li:hover{transform: scale(1.1);box-shadow: 0 0 5px #ddd;border-color: #fff;}


.tit{position: relative;text-align: left;}
.tit a{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 17px;line-height: 35px;}
.tit a::before{content: '···';display: inline-block;position: absolute;right: calc(100% + 15px);width: 35px;height: 35px;border-radius: 50%;background-color: #12ab7f;top: 50%;transform: translateY(-50%);color: #fff;text-align: center;line-height: 35px;font-weight: bold;font-size: 19px;}

.more{margin-right: 10%;}
.hotline{}
.more i,.hotline i{display: inline-block;border-radius: 50%;color: #fff;font-size: 18px;max-width: 200px;text-align: center;width: 35px;height: 35px;background-color: #12ab7f;line-height: 35px;}
.hotline i img{width: 20px;filter: brightness(1.5);vertical-align: middle;}
.more span,.hotline span{display: inline-block;line-height: 35px;font-size: 16px;}
.hotline b{font-size: 19px;}


/* a-1 */
.a-1{width: 100%;margin-top:3%;margin-bottom: 2%;}
.a-1 .n1-l{}
.a-1 .n1-l .img{height: 420px;}
.a-1 .n1-l .img img{width: 100%;height: 100%;object-fit: cover;}
.a-1 .n1-l .info{width: 100%;padding: 23px 0;background-color: #f8f8f8;position: relative;}
.a-1 .n1-l .info h3{display: block;width: calc(100% - 170px);margin: 0 20px;font-size: 17px;font-weight: bold;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a-1 .n1-l .info p{display: block;width: calc(100% - 170px);margin: 0 20px;font-size: 14px;line-height: 28px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.a-1 .n1-l .info span{position: absolute;display: inline-block;width: 100px;font-size: 14px;text-align: center;right: 0;top: 50%;transform: translateY(-50%);color: #b2b2b2;}
.a-1 .n1-l .info span i{display: inline-block;width: 100%;font-size: 40px;font-weight: bold;color: #b2b2b2;}

.a-1 .n1-r{}
.a-1 .n1-r .tabs{width: calc(100%);float: left;background-color: #f3f3f3;padding-right: 70px;}
.a-1 .n1-r .tabs li{width: 33.333333%;display: block;float: left;line-height: 70px;text-align: center;font-size: 16px;max-width: 150px;}
.a-1 .n1-r .tabs li.active{color: #fff;background-color: #12ab7f;}
.a-1 .n1-r #tabs-container ul li a{display: block;padding: 45px 0;border-bottom: 1px solid #f2f2f2;position: relative;}
.a-1 .n1-r #tabs-container ul li a p{display: inline-block;width: calc(100% - 90px);font-size: 17px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a-1 .n1-r #tabs-container ul li a span{position: absolute;font-size: 16px;right: 0;top: 50%;transform: translateY(-50%);color: #888;}

/* a-2 */
.a-2{width: 100%;padding: 50px 0;background-size: cover;}
.a-2 h2{font-size: 35px;color: #fff;text-align: right;line-height: 35px;max-width: 1440px;margin: 0 auto;padding: 0 15px 20px;}
.a-2 .n-area{position: relative;}
.a-2 .c-l{background-color: #fff;padding: 75px 20px;}
.a-2 .c-l .ul{width: 83%;}
.a-2 .c-l .li{float: left;width: calc(33.333333% - 15px);margin-right: 15px;margin-bottom: 25px;line-height: 60px;background-color: #f8f8f8;border-left: 4px solid #12ab7f;text-indent: 10%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a-2 .c-l .more,.a-2 .c-l .hotline{margin-top: 25px;display: inline-block;}
.a-2 .c-r{padding-left: 0;position: absolute;right: 0;max-height: 550px;top: 50%;transform: translateY(-50%);}
.a-2 .c-r img{object-fit: cover;width: 100%;height: 100%;}


/* a-3 */
.a-3 ul li{margin-bottom: 30px;margin-top: 0;}
.a-3 ul li .li{padding: 40px;width: 100%;height: 390px;background-color: #f4f4f4;}
.a-3 ul li .li .img{width: 50%;height: 100%;float: left;width: 37%;}
.a-3 ul li .li .img img{width: 100%;height: 100%;object-fit: cover;}
.a-3 ul li .li .info{width: 50%;float: left;width: 63%;padding-left: 40px;text-align: left;color: #333;}
.a-3 ul li .li .info h3{font-size: 28px;font-weight: bold;margin: 10px 0;}
.a-3 ul li .li .info h4{font-size: 22px;margin: 10px 0;}
.a-3 ul li .li .info p{font-size: 20px;margin: 10px 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #9a9a9a;line-height: 40px;}
.a-3 ul li .li .info a{display: inline-block;font-size: 20px;color: #fff;padding: 15px 40px;background-image: linear-gradient(to right,#12ab7f,#008b61);margin-top: 15px;}


/* a-4 */
.a-4{position: relative;background-size: 1920px auto;background-position: center top;background-repeat: no-repeat;background-color: #f7f9fb;}
.a-4 .tit h2,.a-4 .tit a{color: #fff;}
.a-4 .tit a::before{color: #12ab7f;background-color: #fff;}
.a-4 .bg{background-color: #fff;padding: 3% 15px;}
.a-4 .swiper .swiper-slide .img{position: relative;padding-top: 70%;width: 100%;}
.a-4 .swiper img{width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);object-fit: cover;}
.a-4 .swiper .swiper-slide .info{background-color: #12ab7f;margin-top: 5%;}
.a-4 .swiper .swiper-slide .info p{font-size: 16px;display: inline-block;width: calc(100% - 30px);margin: 3% 15px;color: #fff;}


/* a-5 */
.a-5{position: relative;background-color: #f7f9fb;}
.a-5 .n-area{padding-top: 2%;padding-bottom: 4%;}
.a-5 .ul{padding: 0 15px;background-color: #fff;}
.a-5 .ul .li li{}
.a-5 .ul .li li{border-top: 1px dashed #e5e5e5;padding: 2% 0;}
.a-5 .ul .li li a{line-height: 28px;}
.a-5 .ul .li li h3{width: calc(100% - 90px);float: left;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a-5 .ul .li li span{display: block;width: 90px;float: left;}
.a-5 .ul .li li p{color: #a2a2a2;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}



/* adv */
.adv{width: 100%;max-width: 1520px;margin: 0 auto;text-align: center;}
.adv li{text-align: center;margin-top: 2%;}
.adv li a{color: #333;}
.adv li h4{font-size: 18px;margin-bottom: 8%;position: relative;display: inline-block;}
.adv li h4 b{font-size: 60px;height: 55px;color: #3F92FF;position: absolute;right: 100%;bottom: 5px;font-weight: normal;transform: translateX(25%);font-style: italic;}
.adv li h4 b::after{content: '';display: inline-block;height: 70%;width: 150%;position: absolute;right: 0;bottom: 0;background-image: linear-gradient(to left, rgba(63,146,255,1), rgba(63,146,255,0));opacity: 0.6;z-index: -1;}
.adv li h4 span{position: relative;z-index: 3;}
.adv li p{font-size: 16px;}
.adv .more{color: #333;border: 1px solid #979797;margin: 4% 0 6%;}





@media screen and (min-width: 0px) and (max-width:1400px){

}
@media screen and (min-width: 0px) and (max-width:1250px){
    .banner .hb,.banner .hb .swiper-slide{min-height: 60vh;}
}
@media screen and (min-width: 0px) and (max-width:1200px){
    .a-1 .n1-l .img{height: 300px;}
    .a-1 .n1-r #tabs-container ul li a{padding: 30px 0;}
    .a-1 .n1-r #tabs-container ul li a p{font-size: 16px;}
    .a-3 ul li .li{height: 310px;}
    .a-3 ul li .li .info h3{font-size: 22px;}
    .a-3 ul li .li .info h4{font-size: 17px;}
    .a-3 ul li .li .info p{font-size: 15px;line-height: 30px;margin: 0;}
    .a-3 ul li .li .info a{font-size: 15px;margin-top: 14px;padding: 10px 35px;}

}
@media screen and (min-width: 0px) and (max-width:992px){
    .banner{margin-top: 65px;}
    .banner .hb,.banner .hb .swiper-slide{min-height: 45vh;}
    .adv li{margin-top: 50px;}

    .link li{width: calc(33.333333%);}
    .a-1 .n1-l .info h3,.a-1 .n1-l .info p{width: calc(100% - 120px);}
    .a-2 .n-area{padding: 0 15px;}
    .a-2 .c-l{padding: 30px 10px;}
    .a-2 .c-l .ul{width: 100%;}
    .a-3 ul li .li .info h4{font-size: 15px;}
    .a-3 ul li .li .info a{padding: 10px 30px;}
   
}
@media screen and (min-width: 0px) and (max-width:768px){
    .a-1 .n1-r #tabs-container ul li a{padding: 20px 0;}
    .a-1 .n1-r #tabs-container ul li a p{font-size: 15px;}
    .a-1 .n1-r .tabs{padding-right: 0;}
    .a-1 .n1-r .tabs li{line-height: 50px;font-size: 15px;}
    .a-2 .c-l{padding: 15px 10px;}
    .a-2 .c-l .li{width: calc(50% - 7.5px);}
    .a-2 .c-l .li:nth-child(2n){margin-right: 0;}
    .a-2 h2{font-size: 28px;padding-bottom: 20px;}
    .a-5 .n-area{padding: 20px 0 30px;}
}
@media screen and (min-width: 0px) and (max-width:750px){
    .banner .hb{display: none;}
    .banner .mb{display: block;}
}
@media screen and (min-width: 0px) and (max-width:640px){
    .link li{width: calc(50%);}
}
@media screen and (min-width: 0px) and (max-width:440px){
    .adv li h4{font-size: 16px;}
    .adv li p{font-size: 12px;}
    .adv li h4 b{font-size: 44px;height: 42px;}

    
    .tit a{font-size: 15px;}
    .link li{width: 100%;}
    .a-1 .n1-l .img{height: 250px;}
    .a-1 .n1-r #tabs-container ul li a span{font-size: 14px;}
    .a-2 .c-l .li{margin-bottom: 15px;}
    .a-2 .c-l .more, .a-2 .c-l .hotline{margin-top: 15px;}

    .a-3 ul li .li{height: 240px;padding: 30px;}
    .a-3 ul li .li .info p{-webkit-line-clamp: 2;}
    .a-3 ul li .li .info p{font-size: 12px;line-height: 25px;}
    .a-3 ul li{margin-bottom: 15px;}
    .a-3 ul li .li .info h4{margin: 5px 0;}

    .a-5 .n-area{padding: 20px 0;}
}
@media screen and (min-width: 0px) and (max-width:375px){

}

@keyframes fade {
    0%{
        opacity: 0;
        transform: translateY(-30%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}