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

/* banner */
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic .banner-pc{display: block;min-height: 320px;}
.banner-pic .banner-mb{display: none;}
.banner .swiper-pagination-bullet{background: #fff;width: 10px;height: 10px;border-radius: 10px;margin: 0 10px !important;opacity: 1;transition: all .4s ease;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.banner .swiper-button-next{right: 13%;}
.banner .swiper-button-prev{left: 13%;}
.banner .swiper-pagination-bullet-active{width: 68px;}

.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1420px;text-align: center;}
.banner-text h6{font-size: 62px;color: #fff;margin-bottom: 10px;}
.banner-text p{font-size: 14px;line-height: 24px;color: #fff;letter-spacing:6px}
.banner-text .more{position: relative;width: 180px;color: #fff;font-size: 16px;line-height: 56px;text-align: center;border: 1px solid #fff;border-radius: 5px;display: block;margin: 40px auto 0;overflow: hidden;}
.banner-text .more i{display: inline-block;width: 20px;height: 12px;background: url('../images/public/jian-ico1.png') no-repeat center center;margin-left: 8px;}
.banner-text .more:after{width: 0;height: 100%;content: '';background-color: #0062b1;position: absolute;left: 0;top: 0;transition: all .4s ease;z-index: -1;}
.banner-text .more:hover:after{width: 100%;}

.banner .swiper-slide-active .banner-text h6{animation: bannertextDow 1s ease both 600ms;}
.banner .swiper-slide-active .banner-text p{animation: bannertextDow 1s ease both 600ms;}
.banner .swiper-slide-active .more{animation: bannertextUp 1s ease both 800ms;}
@keyframes bannertextDow {0% {transform: translateY(-48px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextUp {0% {transform: translateY(48px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}


/* 产品 */
.ind-tit{width: 100%;overflow: hidden;text-align: center;}
.ind-tit h5{font-size: 24px;color: #333;line-height: 30px;margin-bottom: 20px;}
.ind-tit h6{font-size: 40px;color: #000;line-height: 40px;}
.ind-pro{width: 100%;padding: 70px 0 50px;overflow: hidden;}
.prolist{width: 100%;position: relative;margin-top: 70px;}
.prolist ul{margin-left: -1.4%;}
.prolist ul li{width: 48.6%;float: left;margin: 0 0 20px 1.4%;transition: all .4s ease;position: relative;}
.prolist ul li .img{width: 100%;overflow: hidden;height: 290px;}
.prolist ul li:first-child .img{height: 600px;}
.prolist ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease;}
.prolist ul li:hover{box-shadow:  0 0 10px rgba(0, 98, 277, .5);}
.prolist ul li:hover .img img{transform: scale(1.06);}

.prolist ul li .text{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);width: 30%;}
.prolist ul li .text h6{font-size: 26px;color: #fff;line-height: 30px;margin-bottom: 8px;}
.prolist ul li .text p{font-size: 16px;color: #fff;line-height: 24px;max-height: 72px;overflow: hidden;}
.prolist ul li:first-child .text{width: 100%;padding: 0 50px;left: 0;top: 10%;transform: translateY(0);text-align: center;}
.prolist ul li:nth-child(2) .text{left: auto;right: 40px;}
.prolist ul li:nth-child(5) .text{left: auto;right: 40px;color: #000;}
.prolist ul li:nth-child(5) .text h6{color: #000;}
.prolist ul li:nth-child(5) .text p{color: #333;}

/* abo */
.ind-abo{width: 100%;overflow: hidden;background-position: center center !important;background-size: cover !important;padding: 200px 0 140px;position: relative;}
.ind-abo i{width: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ind-abo i img{width: 100%;object-fit: cover;;animation:ddup 10s linear infinite alternate;}
@keyframes ddup {0% {transform: matrix(1.6, 0, 0, 1.6, 0, 0);}50% {transform: matrix(1.2, 0, 0, 1.2, 0, 0);}100% {transform: matrix(1, 0, 0, 1, 0, 0);}}
.ind-abo .text{font-size: 40px;color: #fff;text-align: center;line-height: 60px;position: relative;z-index: 3;}
.ind-abo .text .more{display: block;width: 250px;height: 54px;border: 2px solid;margin: 30px auto 0;font-size: 24px;border-image: linear-gradient(to right, #02f7d4, #004ea1) 10 10;line-height: 50px;transition: all .6s;position: relative;}
.ind-abo .text .more:after{width: 0;height: 100%;content: '';background-image: repeating-linear-gradient(to right, #02f7d4, #004ea1);position: absolute;left: 0;top: 0;transition: all .4s;z-index: -1;}
.ind-abo .text .more:hover:after{width: 100%;}

/* 案例 */
.ind-case{width: 100%;padding: 70px 0 0;overflow: hidden;}
.case-tit{width: 100%;margin-top: 50px;font-size: 0;text-align: center;user-select: none;}
.case-tit a{font-size: 22px;color: #999;padding: 0 40px;border-bottom: 5px solid #c3c7ce;margin: 0 3px;padding-bottom: 10px;transition: all .4s ease;}
.case-tit a.ontrue,.case-tit a:hover{color: #0062b1;border-color: #0062b1;}
.casebox{width: 100%;background-color: #eee;overflow: hidden;margin-top: 45px;display: none;}
.caselist{width: 100%;position: relative;}
.caselist .swiper-button-next{background-size: 20px;right: -50px;}
.caselist .swiper-button-prev{background-size: 20px;left: -50px;}
.caselist .swiper-button-next.swiper-button-disabled, .caselist .swiper-button-prev.swiper-button-disabled{opacity: .3;}
.caseimg{width: 100%;overflow: hidden;position: relative;}
.caseimg .img{width: 100%;overflow: hidden;}
.caseimg .img img{width: 100%;height: 100%;object-fit: cover;}
.caseimg:after{width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;background: rgba(0, 98, 177, .85);opacity: 0;transition: all .8s ease;}
.caseimg:hover:after{opacity: 1;}
.caseimg .text{position: absolute;z-index: 3;width: 100%;top: 65%;padding: 0 20px;transform: translateY(-50%);text-align: center;transition: all .4s ease;}
.caseimg .text h5{width: 100%;line-height: 50px;}
.caseimg .text h5 img{max-width: 100%;}
.caseimg .text h6{font-size: 18px;color: #fff;margin: 20px 0;}
.caseimg .text p{font-size: 14px;color: #fff;line-height: 24px;opacity: 0;transition: all .4s ease;max-height: 48px;overflow: hidden;}
.caseimg .text i{display: block;width: 38px;height: 38px;background: url('../images/index/ser-ico9.png') no-repeat center center;margin: 20px auto 0;opacity: 0;transition: all .4s ease;}
.caseimg:hover .text{top: 50%;}
.caseimg:hover .text p{opacity: 1;}
.caseimg:hover .text i{opacity: 1;}
.casebox-item{width: 100%;user-select: none;}
.casebox-item>div.casebox{display: none;}
.casebox-item>div.ontrue{display: block;}

/* 新闻 */
.ind-news{width: 100%;overflow: hidden;padding: 70px 0;overflow: hidden;}
.news-box{width: 100%;margin-top: 70px;}
.news-list{width: 68%;float: left;}
.news-list ul li{float: left;width: 46.5%;margin-right: 3.5%;box-shadow: 0 0 10px rgba(9, 16, 24, .1);border-radius: 10px;}
.news-list ul li .img{width: 100%;position: relative;height: 270px;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.news-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease;}
.news-list ul li .img .time{position: absolute;left: 20px;bottom: 15px;background-color: #004da0;line-height: 30px;padding: 0 8px;font-size: 14px;color: #fff;}
.news-list ul li .text{width: 100%;padding: 40px 30px;}
.news-list ul li .text h6{font-size: 20px;color: #333;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.news-list ul li .text p{font-size: 15px;color: #666;line-height: 24px;height: 72px;margin: 15px 0;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-list ul li .text .more{font-size: 16px;color: #004da0;}
.news-list ul li .text .more i{display: inline-block;width: 17px;height: 10px;background: url('../images/index/jian-ico.png') no-repeat center center;margin-left: 10px;}
.news-list ul li:hover .text h6{color: #004da0;}
.news-list ul li:hover .img img{transform: scale(1.06);}

.news-main{width: 32%;float: right;box-shadow: 0 0 10px rgba(9, 16, 24, .1);border-radius: 10px;padding: 25px;}
.news-main .tit{width: 100%;overflow: hidden;margin-bottom: 10px;}
.news-main .tit h6{font-size: 24px;color: #333;line-height: 30px;float: left;}
.news-main .tit a{float: right;font-size: 14px;color: #666;line-height: 30px;}
.news-main .tit a:hover{color: #004da0;}
.news-main ul{width: 100%;}
.news-main ul li{width: 100%;padding: 20px 0;border-top: 1px solid #e6e6e6;}
.news-main ul li h6{font-size: 14px;color: #999;line-height: 15px;}
.news-main ul li p{font-size: 18px;color: #333;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
margin: 10px 0 8px;transition: all .4s ease;}
.news-main ul li:hover p{color: #004da0;}


/* 服务 */
.ind-ser{width: 100%;overflow: hidden;position: relative;height: 210px;background: #0b3252;background-size: cover;}
.ind-ser .contain{position: relative;z-index: 10;}
.serlist{width: 100%;overflow: hidden;}
.serlist ul li{width: 33%;float: left;padding: 55px 0;text-align: center;border-right: 0px solid rgba(255, 255, 255, .2);}
.serlist ul li:nth-child(2){width: 34%;}
.serlist ul li:last-child{border-right: 0px;}
.serlist ul li a{display: inline-block;}
.serlist ul li h6{width: 100%;line-height: 50px;}
.serlist ul li h6 img{max-width: 100%;}
.serlist ul li p{font-size: 24px;color: #fff;margin-top: 15px;}
#mydiv{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .banner .swiper-button-next{right: 4%;}
    .banner .swiper-button-prev{left: 4%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-text{width: 92%;}
    .banner-text .more{line-height: 50px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner-text h6{font-size: 50px;}
    .banner-text p{letter-spacing: 3px;}

    .ind-tit h5{margin-bottom: 10px;}
    .ind-tit h6{font-size: 34px;line-height: 34px;}
    .prolist{margin-top: 40px;}
    .prolist ul li:first-child .img{height: 550px;}
    .prolist ul li .img{height: 265px;}
    .prolist ul li .text h6{font-size: 22px;}
    .prolist ul li .text p{font-size: 14px;}
    .ind-pro{padding: 60px 0 40px;}
    .ind-abo{padding: 150px 0 120px;}
    .ind-abo .text{font-size: 35px;line-height: 50px;}
    .ind-case{padding: 50px 0 0;}
    .case-tit{margin-top: 40px;}
    .news-list ul li .img{height: 240px;}
    .news-main ul li{padding: 16px 0;}
    .ind-news{padding: 50px 0;}
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-text h6{font-size: 40px;margin-bottom: 0;}
    .banner-text p{letter-spacing: normal;}

    .ind-tit h5{font-size: 22px;}
    .ind-tit h6 {font-size: 30px;line-height: 30px;}
    .ind-pro{padding: 50px 0 30px;}
    .prolist ul li:first-child .img{height: 480px;}
    .prolist ul li .img{height: 230px;}
    .prolist ul li .text h6{margin-bottom: 2px;}
    .ind-abo{padding: 130px 0 120px;}
    .ind-abo .text {font-size: 30px;line-height: 40px;}
    .ind-abo .text .more{width: 220px;font-size: 22px;}
    .caselist .swiper-button-next{right: -30px;}
    .caselist .swiper-button-prev{left: -30px;}
    .case-tit a{font-size: 20px;padding: 0 30px 10px;border-bottom: 3px solid #c3c7ce;}
    .news-list ul li .img{height: 210px;}
    .news-list ul li .text{padding: 30px 20px;}
    .news-list ul li .text p{margin: 10px 0;font-size: 14px;}
    .news-list ul li .text h6{font-size: 18px;}
    .news-main ul li p{font-size: 16px;margin: 6px 0;}
    .news-main ul li{padding: 14px 0 10px;}
    .news-box{margin-top: 50px;}
    .serlist ul li p{font-size: 20px;}

}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner-text h6{font-size: 35px;}
    .banner-text .more{line-height: 44px;margin: 20px auto 0;}

    .ind-tit h6{font-size: 26px;}

    .prolist ul li:first-child .img{height: 400px;}
    .prolist ul li:first-child .text{padding: 0 30px;}
    .prolist ul li .text h6{font-size: 18px;}
    .prolist ul li{margin: 0 0 10px 1.4%;}
    .prolist ul li .img {height: 196px;}
    .prolist ul li .text{left: 20px;width: 35%;}
    .prolist ul li:nth-child(2) .text,.prolist ul li:nth-child(5) .text{right: 20px;}
    .prolist{margin-top: 30px;}
    .ind-pro {padding: 40px 0 30px;}
    .ind-abo .text{font-size: 24px;line-height: 34px;}
    .ind-abo .text .more{line-height: 40px;height: 44px;font-size: 18px;}
    .ind-abo{padding: 100px 0;}
    .ind-case{padding: 40px 0 0;}
    .case-tit{margin-top: 20px;}
    .casebox{margin-top: 35px;}
    .case-tit a{font-size: 18px;padding: 0 20px 10px;}
    .ind-news{padding: 40px 0;}
    .news-box{margin-top: 30px;}
    .news-list{width: 100%;}
    .news-list ul li{width: 48%;margin: 0 1%;}
    .news-main{width: 100%;margin-top: 20px;}
    .caseimg .text h6{margin: 10px 0;font-size: 16px;}


}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-text h6{font-size: 24px;}
    .banner-text p{line-height: 20px;}
    .banner-text .more{width: 140px;line-height: 40px;font-size: 14px;}
    .banner .swiper-button-prev{left: 1%;}
    .banner .swiper-button-next{right: 1%;}
    .banner .swiper-button-next, .banner .swiper-button-prev{background-size: 16px;}
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 8px;margin: 0 6px !important;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 16px;}
    .banner .swiper-pagination-bullet-active{width: 48px;}

    .ind-tit h5{font-size: 18px;margin-bottom: 0;}
    .ind-tit h6{font-size: 22px;}
    .ind-pro{padding: 30px 0 20px;}
    .prolist ul{margin-left: 0;}
    .prolist ul li{width: 100%;margin: 0 0 10px 0;}
    .prolist{margin-top: 20px;}
    .prolist ul li:first-child .img{height: auto;}
    .prolist ul li .img{height: 150px;}
    .prolist ul li .text h6{font-size: 16px;}
    .prolist ul li .text p{font-size: 12px;line-height: 20px;}
    .ind-abo .text{font-size: 20px;line-height: 30px;}
    .ind-abo .text .more{width: 200px;margin: 20px auto 0;}
    .ind-case{padding: 30px 0 0;}
    .casebox .contain{width: 100%;}
    .caselist .swiper-button-next{right: 0;}
    .caselist .swiper-button-prev{left: 0;}
    .caseimg .text p{font-size: 12px;}
    .news-list ul li{width: 100%;margin: 0 0 10px 0;}
    .news-list ul li .img {height: auto;}
    .news-box {margin-top: 20px;}
    .news-list ul li .text {padding: 20px 10px;}
    .news-main{margin-top: 0;}
    .ind-news{padding: 30px 0;}
    .ind-ser{height: auto;}
    .serlist ul li{width: 100%;padding: 20px 0;border-bottom: 1px solid rgba(255, 255, 255, .2);border-right: 0px;}
    .serlist ul li:nth-child(2){width: 100%;}




}