@charset "utf-8";
/* ===================首页样式========================== */



.index-title{width: 100%;height: auto;overflow: hidden;}
.index-title h4{font-size: 38px;color: #213491;font-family: 'avan';letter-spacing: 3px;}
.index-title h5{font-size: 22px;color: #000;margin-top: 10px;position: relative;padding-left: 410px;line-height: 30px;}
.index-title h5::after{width: 400px;height: 1px;background-color: #efefef;content: '';position: absolute;left: 0;top: 14px;}

/* banner */
.banner-container{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner-bg{width: 100%;height: auto;overflow: hidden;}
.banner-bg img{width: 100%;height: auto;min-height: 400px;}
.banner{position: absolute;width: 74%;height: auto;top: 0px;left: 6%;overflow: hidden;}
.banner-pic{width: 100%;height: auto;overflow: hidden;}
.banner-pic img{width: 100%;height: auto;object-fit: cover;min-height: 320px;}
.banner-text{position: absolute;left: 15%;top: 20%;}
.banner-text h4{width: auto;float: left;border-bottom: 4px solid #213491;padding-bottom: 20px;font-size: 60px;line-height: 70px;color: #213491;
position: relative;}
.banner-text h4::after{content: '';width: 4px;height: 4px;left: 40px;bottom: -4px;background-color: #efefef;position: absolute;}
.banner-text h5{padding-top: 60px;font-size: 15px;font-family: 'avan';line-height: 26px;overflow: hidden;width: 100%;letter-spacing:2px;text-transform: uppercase;}

.banner .swiper-pagination-bullet{width: 12px;height: 12px;float: left;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;margin-left: 15%;}
.banner .swiper-pagination-bullet-active{background-color: #323e9d;}

.banner-more{position: absolute;left: 17.5%;bottom:11%;}
.banner-more a{font-size: 18px;color: #898989;}
.banner-more a:hover{color: #213491;}

.imgpc{display: block;}
.imgmb{display: none;}

/* 产品 */
.products-container{width: 100%;height: auto;overflow: hidden;padding: 60px 0;}
.products{width: 100%;height: auto;padding: 60px 0 40px 0;position: relative;}
/* .products ul{margin-left: -2%;}
.products ul li{width: 31.333%;float: left;margin-left: 2%;margin-bottom: 4%;overflow: hidden;position: relative;padding-bottom: 46px;}
.products ul li::after{content: '';width: 100%;height: 150px;background-color: #efefef;position: absolute;left: 0;bottom: 0;z-index: -1;}
.products ul li .img{width: 100%;height: auto;overflow: hidden;text-align: center;}
.products ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.products ul li .text{position: absolute;bottom: 0px;height: 46px;width: 100%;}
.products ul li .text p{font-size: 13px;color: #000;line-height: 46px;padding: 0 44px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 50px;}
.products ul li .text i{position: absolute;right: 10px;bottom: 8px;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #213491;color: #213491;line-height: 30px;text-align: center;font-size: 18px;background-color: #fff;transition: all .4s;}
.products ul li:hover .text i{background-color: #213491;color: #fff;} */

/* .products ul{margin-left: -2%;} */
.proli{width: 100%;overflow: hidden;position: relative;padding-bottom: 46px;}
.proli::after{content: '';width: 100%;height: 150px;background-color: #efefef;position: absolute;left: 0;bottom: 0;z-index: -1;}
.proli .img{width: 100%;height: auto;overflow: hidden;text-align: center;}
.proli .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.proli .text{position: absolute;bottom: 0px;height: 46px;width: 100%;}
.proli .text p{font-size: 13px;color: #000;line-height: 46px;padding: 0 44px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 50px;}
.proli .text i{position: absolute;right: 10px;bottom: 8px;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #213491;color: #213491;line-height: 30px;text-align: center;font-size: 18px;background-color: #fff;transition: all .4s;}
.proli:hover .text i{background-color: #213491;color: #fff;}

.products .swiper-button-next{width: 40px;height: 40px;background-color: #bbb;right: -50px;border-radius: 50%;background-size: 20px 16px;}
.products .swiper-button-prev{width: 40px;height: 40px;background-color: #bbb;left: -50px;border-radius: 50%;background-size: 20px 16px;}
.products .swiper-button-prev:hover, .products .swiper-button-next:hover {background-color: #213491;}


.pro-more a{display: block;width: 120px;height: 40px;margin: 0 auto;border-radius: 30px;background-color: #213491;font-size: 14px;color: #fff;text-align: center;line-height: 40px;transition: all .4s ease;}
.pro-more a:hover{background-color: #1e41ea;}


/* 案例 */
.case-container{width: 100%;height: auto;overflow: hidden;background-color: #213491;}
.case ul li{width: 33%;height: 640px;overflow: hidden;float: left;}
.case ul li .img{width: 100%;height: 320px;overflow: hidden;position: relative;}
.case ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.case ul li .img:hover img{transform: scale(1.1);}

.case ul li .img .text1{position: absolute;width: 100%;background-color: rgba(0, 0, 0, .8);font-size: 18px;color: #fff;text-align: center;line-height: 55px;bottom: 0;left: 0;transition: all .4s;}
.case ul li .img .text2{position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);left: 0;top: 0;padding: 20px;opacity: 0;transition: all .4s;}
.case ul li .img .text2 h6{font-size: 18px;color: #fff;text-align: center;line-height: 55px;}
.case ul li .img .text2 p{font-size: 14px;line-height: 28px;color: #fff;text-align: center;margin-top: 10px;}
.case ul li .img .text2::after{content: '';display: block;width: 38px;height: 38px;margin: 20px auto;background:  no-repeat center center;}

.case ul li .img:hover .text1{opacity: 0;}
.case ul li .img:hover .text2{opacity: 1;}

.case ul li:nth-child(2){width: 34%;}
.case ul li:nth-child(2) .img{width: 50%;height: 640px;overflow: hidden;float: left;}
.case-more{width: 200px;height: 40px;border: 1px solid #fff;margin: 60px auto;position: relative;}
.case-more a{display: block;line-height: 40px;font-size: 18px;color: #fff;text-align: center;z-index: 10;position: relative;transition: all .6s;}
.case-more::after{content: '';position: absolute;left: 0px;top: 0;height: 100%;width: 0;background-color: #fff;transition: all .6s;}
.case-more:hover::after{width: 100%;}
.case-more a:hover{color: #213491;}

/* 公司简介 */
.about-container{width: 100%;height: auto;overflow: hidden;padding: 80px 0;}
.about-left{width: 50%;float: left;padding-right: 60px;}

.about-title{width: 100%;height: auto;overflow: hidden;padding-top: 50px;}
.about-title h4{font-size: 38px;color: #213491;font-family: 'avan';letter-spacing: 3px;}
.about-title h5{font-size: 22px;color: #000;margin-top: 10px;position: relative;padding-left: 330px;line-height: 30px;}
.about-title h5::after{width: 320px;height: 1px;background-color: #efefef;content: '';position: absolute;left: 0;top: 14px;}

.about-text{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.about-text p{font-size: 16px;color: #000;line-height: 34px;height: 170px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.about-text h6{width: 140px;height: 34px;overflow: hidden;margin-top: 80px;}
.about-text h6 a{display: block;border: 1px solid #c7c7c7;line-height: 32px;text-align: center;font-size: 14px;color: #000;}
.about-text h6 a:hover{color: #213491;border: 1px solid #213491;}
.about-img{width: 50%;float: left;height: auto;position: relative;}
.about-img img{width: 100%;height: auto;overflow: hidden;z-index: 10;position: relative;}
.about-img::before{content: '';width: 60px;height: 160px;position: absolute;top: 0;left: -45px;background-color: #213491;}
.about-img::after{content: '';width: 230px;height: 330px;position: absolute;bottom:-60px;right: -40px;background-color: #efefef;}
.about-num{width: 100%;height: auto;overflow: hidden;padding-top: 60px;}
.about-num ul li{float: left;width: 16%;overflow: hidden;margin-right: 4%;}
.about-num ul li h5{overflow: hidden;font-size: 30px;color: #213491;line-height: 50px;text-align: center;}
/* .about-num ul li:nth-child(1) h5{text-align: left;} */
.about-num ul li h5 span{font-size: 50px;color: #213491;font-family: 'avan';font-weight: bold;}
.about-num ul li h6{font-size: 16px;color: #333;padding-top: 4px;text-align: center;}

/* 新闻中心 */
.news-container{width: 100%;height: auto;overflow: hidden;padding: 60px 0 100px 0;background-color: #efefef;}
.news-container .index-title h5::after{background-color: #bfbfbf;}
.news{width: 100%;height: auto;overflow: hidden;padding-top: 20px;}
.news-left{margin-top: 120px;overflow: hidden;width: 50%;float: left;height: auto;}
.news-left ul li{width: 48%;float: left;height: auto;overflow: hidden;}
.news-left ul li .img{width: 100%;height: 260px;overflow: hidden;}
.news-left ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
/* .news-left ul li:hover .img img{transform: scale(1.1);} */
.news-left ul li .text{width: 100%;height: 66px;overflow: hidden;}
.news-left ul li .text .time{width: 66px;height: 66px;overflow: hidden;background-color: #213491;float: left;margin-right: 10px;}
.news-left ul li .text .time p{font-size: 30px;color: #fff;text-align: center;width: 80%;margin: 0 auto;border-bottom: 1px solid #fff;padding-top: 10px;}
.news-left ul li .text h6{padding: 12px 0 0 0px;}
.news-left ul li .text h6 a{display: block;font-size: 15px;color: #333;font-weight: bold;line-height: 26px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-left ul li:hover .text h6 a{color: #213491;}
.news-left ul li:nth-child(2){float: right;}

.news-right{width: 42%;float: right;height: auto;position: relative;}
.news-right::before{content: '';width: 90px;height: 90px;position: absolute;top: -12px;left: -12px;}
.news-right ul li{margin-bottom: 1%;}
.news-right .img{width: 100%;height: 324px;overflow: hidden;position: relative;z-index: 2;}
.news-right .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.news-right .text{width: 100%;height: 120px;overflow: hidden;}
.news-right .text .time{width: 100px;height: 120px;background-color: #dcdcdc;float: left;margin-right: 10px;}
.news-right .text .time p{font-size: 45px;color: #213491;text-align: center;width: 80%;margin: 0 auto;padding-top: 4px;}
.news-right .text .time p span{display: block;font-size: 26px;border-top: 1px solid #fff;}
.news-right .text .wenzi{padding-top: 6px; }
.news-right .text .wenzi h6{font-size: 15px;color: #333;font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-right:hover .text .wenzi h6{color: #213491;}
.news-right .text .wenzi p{font-size: 14px;color: #333;line-height: 24px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 72px;}


/* -------------------------pc端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .banner-text h4{font-size: 50px}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-text h4{padding-bottom: 12px;}
    .banner-text h5{padding-top: 40px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner-text h4{font-size: 40px;line-height: 50px;}


}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
.case ul li{height: 600px;}
.case ul li .img{height: 300px;}
.case ul li:nth-child(2) .img{width: 50%;height: 600px;overflow: hidden;float: left;}
.products .swiper-button-next{right: 0;}
.products .swiper-button-prev{left: 0;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .about-title h4{font-size: 32px;}
    .about-title h5{padding-left: 280px;}
    .about-title h5::after{width: 270px;}

    .banner-text h4{font-size: 30px;line-height: 40px;border-bottom: 2px solid #213491;}
    .banner-text h4::after{width: 2px;height: 2px;bottom: -2px;}
    .proli::after{height: 120px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner{position: relative;width: 100%;height: auto;top: 0px;left: 0%;overflow: hidden;}
    .banner-text h5{font-size: 12px}
    .banner-bg{display: none;}
    .imgpc{display: none;}
    .imgmb{display: block;}


    .products-container{padding: 40px 0 0 0;}
    .index-title h4{font-size: 30px}
    .index-title h5{padding-left: 310px;}
    .index-title h5::after{width: 300px;}
    /* .products ul li{width: 48%;} */
    .products{padding: 40px 0;overflow: hidden;}
    .case ul li{width: 100%;height: auto;}
    .case ul li:nth-child(2){width: 100%;height: auto;}
    .case ul li:nth-child(2) .img{height: auto;max-height: 500px;}
    .case ul li .img{height: auto;}
    .case-more{margin: 30px auto;width: 160px;height: 34px;}
    .case-more a{font-size: 14px;line-height: 34px;}
    .about-container{padding: 40px 0;}
    .about-left{width: 100%;padding-right:0px;}
    .about-title{padding-top: 10px;}
    .about-title h4{font-size: 30px;}
    .about-text{margin-top: 20px;margin-bottom: 20px;}
    .about-text p{font-size: 14px;line-height: 28px;height: 140px;}
    .about-text h6{margin-top: 20px;}
    .about-img{width: 100%;}
    .about-img::after{bottom: -20px;}
    .about-num{padding-top: 40px;}
    .about-num ul li h5 span{font-size: 30px;}
    .news-left {margin-top: 10px;overflow: hidden;width: 100%;margin-bottom: 20px;}
    .news-left ul li .text h6 a{font-size: 14px;font-weight: normal;}
    .news-right{width: 100%;}
    .news-right .img{height: auto;margin-top: 10px;}
    .news-right::before{width: 0px;}
    .case ul li .img .text2{display: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-text{left: 4%;top: 14%}
    .banner-text h4{font-size: 20px;line-height: 30px;padding-bottom: 6px;}
    .banner-text h5{padding-top: 14px;letter-spacing:normal;line-height: 20px;}

    .banner .swiper-pagination-bullet{width: 10px;height: 10px;float: none;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;margin-left: 0%;}

    .products-container{padding: 30px 0;}
    .index-title h4{font-size: 22px;}
    .index-title h5{font-size: 20px;padding-left: 210px;}
    .index-title h5::after{width: 200px;}
    /* .products ul{margin-left: 0%;}
    .products ul li{margin-left: 0%;width: 100%;margin-bottom: 20px;}
    .products ul li .img{height: auto;} */
    .proli .img{height: auto;}

    .about-container{padding: 30px 0;}
    .about-title h4{font-size: 22px;}
    .about-title h5{font-size: 20px;padding-left: 210px;}
    .about-title h5::after{width: 200px;}
    .about-num ul li{width: 25%;}
    .about-num ul li h5{font-size: 18px;}
    .about-num ul li h5 span{font-size: 20px;}
    .about-num ul li h6{font-size: 14px;}
    .about-img::after{width: 150px;height: 200px;}
    .news-container{padding: 40px 0;}
    .news-left ul li .text .time{width: 50px;}
    .news-left ul li .text .time p{font-size: 26px;}
    .news-left ul li .img{height: 180px;}
    .news-right .text .time{width: 80px;}
    .news-right .text .time p{font-size: 40px;}

}