@charset "utf-8";
/* ===================首页样式========================== */
.indBan-bg img{width: 100%;height: 100vh;}
.indBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.indBan-con .contain{transition: all 1s ease .5s;opacity: 0;transform: translateX(150px);}
.indBan-title{line-height: 1.3;position: relative;width: 500px;}
.indBan-title::after{content: "";position: absolute;left: 0;top: 0;width: 60px;height: 4px;background: #00b4f6;}
.indBan-more{transition: all .4s ease; background: #00b4f6;border-radius: 30px; width: 150px;height: 46px;align-items: center;justify-content: center;}
.indBan-more::after{margin-bottom: 5px; margin-left: 10px; content: "";display: inline-block;width: 21px;height: 8px;background: url('../images/index/indBan-more.png') no-repeat center/100% auto;}
.indBan-more:hover{box-shadow: 0 0 12px #00b4f6;}
.swiper-slide-active .indBan-con .contain{opacity: 1;transform: translateX(0);transition: all 1s ease .5s;}
.indBan-pagination{user-select: none; position: absolute;left: 50%;bottom: 54px;transform: translateX(-50%);z-index: 3;}
.indBan-pagination .swiper-pagination-bullet{margin-left: 20px; width: 12px;height: 12px;position: relative;border-radius: 50%;opacity: 1;background: transparent;border: 1px solid rgba(255, 255, 255, .55);}
.indBan-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.indBan-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 6px;height: 6px;border-radius: 50%;opacity: 0;}
.indBan-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
.indField{background: url('../images/index/indField-bg.jpg') no-repeat center/100% 100%;}
.indField .indTitle .title,.indField .indTitle .text{color: #fff;}
.indTitle .text{text-transform: uppercase;}
.indField-icon{border: 2px solid rgba(255, 255, 255, .09);}
.indField-icon li{height: 280px;width: calc(100% / 6);flex-direction: column;align-items: center;justify-content: center;padding: 0 10px;transition: all .4s ease;border-left: 2px solid rgba(255, 255, 255, .09);}
.indField-icon li:first-child{border-left: unset;}
.indField-icon-img{height: 57px;}
.indField-icon-img img{max-height: 100%;}
.indField-icon-text{margin-top: 15px;}
.indField-icon li:hover{background: #00b4f6;}
.indField-num li{width: 25%;display: flex;flex-direction: column;align-items: center;text-align: left;}
.indField-num .num{align-items: flex-end;width: 170px;}
.indField-num .num span{line-height: 1;display: inline-block;margin-right: 5px;}
.indField-num .text{margin-top: 8px;width: 170px;}
.indLogo-list li{width: 20%;border: 2px solid #eaeaea;height: 160px;}
.indLogo-list li:nth-child(n+2){border-left: unset;}
.indLogo-list li:nth-child(n+6){border-top: unset;}
.indLogo-list li:nth-child(5n+1){border-left: 2px solid #eaeaea;}
.indLogo-list li img{max-width: 80%;max-height: 50%;transition: all .4s ease;}
.indLogo-list li:hover img{transform: translateY(-15px);}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat bottom center/100% 100%;}
.indNews-con{justify-content: space-between;}
.indNews-show{width: 49%;display: flex;flex-direction: column;}
.indNews-show-img{overflow: hidden;}
.indNews-show-img img{width: 100%;transition: all .6s ease;}
.indNews-show-text{padding:20px 40px 30px;background: #fff; flex: 1;display: flex;flex-direction: column;justify-content: center;}
.indNews-show-text .title{transition: all .4s ease;}
.indNews-show-text .text{margin-top: 5px;}
.indNews-show:hover .indNews-show-img img{transform: scale(1.08);}
.indNews-show:hover .indNews-show-text .title{color: #00b4f6;}
.indNews-date{width: 96px;height: 96px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .4s ease;background: #f7f8f9;}
.indNews-show-text .indNews-date{background: #00b4f6;color: #fff;position: absolute;right: 40px;top: 0;transform: translateY(-50%);z-index: 5;}
.indNews-list{padding: 40px;width: 49%;background: #fff;}
.indNews-item:first-child{margin-top: 0;}
.indNews-item{align-items: center;}
.indNews-list-text{padding-left: 32px;width: calc(100% - 96px);}
.indNews-list-text .title{transition: all .4s ease;}
.indNews-list-text .text{margin-top: 5px;}
.indNews-item:hover .indNews-list-text .title{color: #00b4f6;}
.indNews-item:hover .indNews-date{background: #00b4f6;color: #fff;}
.indNews-more{border-radius: 30px; transition: all .4s ease; margin: 50px auto 0;width: 150px;height: 46px;align-items: center;justify-content: center;border: 1px solid #00b4f6;color: #00b4f6;}
.indNews-more::after{transition: all .4s ease; content: "";margin-bottom: 5px; width: 20px;height: 7px;display: inline-block;margin-left: 11px;background: url('../images/index/indNews-more.png') no-repeat center/100% auto;}
.indNews-more:hover{background: #00b4f6;color: #fff;}
.indNews-more:hover::after{background-image: url('../images/index/indBan-more.png');}
.indFA{background: url('../images/index/indFa-bg.png') no-repeat center top/100% auto;}
.indFA-list{justify-content: space-between;}
.indFA-list:nth-child(2){margin-top: 20px;}
.indFA-title{transition: all .6s ease; position: absolute;left: 0;bottom: 25px; width: 100%;padding-left: 25px;z-index: 2;}
.indFA-con{width: 600px;transition: all .8s ease; z-index: 3; transform: translateY(80%);opacity: 0; position: absolute;left: 0;top: 0;width: 100%;padding: 45px 45px 0;}
.indFA-con .text{color: rgba(255, 255, 255, .5);margin-top: 5px;}
.indFA-label{width: 522px;}
.indFA-label li{padding: 6px 15px;border: 1px solid #fff;border-radius: 30px;margin:8px 8px 0 0;}
.indFA-label li:first-child{margin-left: 0;}
.indFA-more{position: relative;display: inline-block;}
.indFA-more::after{content: "";position: absolute;right: -30px;top: 50%;transform: translateY(-50%);width: 20px;height: 7px;background: url('../images/index/indBan-more.png') no-repeat center/100% auto;}
.indFA-item{display: block;overflow: hidden;width: 32.5%;height: 360px;transition: all .6s ease;}
.indFA-list.on .indFA-item.active{width: 42.5%;}
.indFA-list.on .indFA-item{width: 27.5%;}
.indFA-img{width: 100%;height: 100%;}
.indFA-img::after{transition: all .6s ease; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.5) 100%);}
.indFA-img img{width: 100%;height: 100%;transition: all .6s ease;}
.indFA-item.active .indFA-title{transform: translateY(100%);opacity: 0;}
.indFA-item.active .indFA-con{transform: translateY(0);opacity: 1;}
.indFA-item.active .indFA-img::after{background: rgba(0, 0, 0, .5);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indFA-con{padding: 30px 30px 0;width: 510px;}
    .indFA-label{width: auto;}
    .indFA-list:nth-child(2){margin-top: 15px;}
    .indField-icon li{height: 240px;}
    .indField-num .num,.indField-num .text{width: 140px;}
    .indNews-list{padding: 30px;}
    .indNews-date{width: 80px;height: 80px;}
}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
 
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indFA-item{height: 300px;}
    .indFA-con{width: 408px;}
    .indFA-label li{padding: 3px 8px;font-size: 13px;}
    .indNews-date{width: 70px;height: 70px;}
    .indNews-list{padding: 20px;}
    .indNews-list-text{padding-left: 20px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indBan-pagination{bottom: 15px;}
    .indBan-pagination .swiper-pagination-bullet{margin-left: 10px;}
    .indFA-label li{font-size: 12px;}
    .indFA-item{width: 100% !important;margin-top: 15px;}
    .indFA-con{width: 100%;padding: 30px 15px;transform: translateY(0);opacity: 1;}
    .indFA-title{display: none;}
    .indFA-img::after{background: rgba(0, 0, 0, .5);}
    .indFA-con .text{margin-top: 2px;}
    .indFA-list:nth-child(2){margin-top: 0;}
    .indFA-list-box{margin-top: 10px;}
    .indBan-bg img{height: 350px;}
    .indBan-title{width: 100%;padding-top: 15px;}
    .indBan-title::after{width: 40px;height: 3px;}
    .indBan-more{width: 130px;height: 40px;}
    .indFA{padding-top: 30px;}
    .indField-icon li{width: 50%;height: 200px;}
    .indField-icon li:nth-child(n+3){border-top: 2px solid rgba(255, 255, 255, .09);}
    .indField-num{margin-top: 10px;}
    .indField-num li{width: 50%;align-items: center;margin-top: 20px;}
    .indField-num .num, .indField-num .text{width: auto;}
    .indLogo-list li{width:calc(100% / 3);height: 120px;}
    .indLogo-list li:nth-child(5n+1){border-left: unset;}
    .indLogo-list li:nth-child(3n+1){border: 2px solid #eaeaea;}
    .indLogo-list li:nth-child(n+3){border-top: unset;}
    .indNews-show{width: 100%;}
    .indNews-show-text{padding: 20px 15px;}
    .indNews-list{width: 100%;margin-top: 15px;padding: 20px 15px;}
    .indNews-list-text{padding-left: 10px;width: calc(100% - 70px);}
    .indNews-show-text .indNews-date{display: none;}
    .indNews-item{margin-top: 30px;}
    .indNews-list-text .text{font-size: 13px;}
    .indNews-more{width: 120px;height: 40px;margin-top: 30px;}
    .indNews-more::after{width: 18px;height: 6px;margin: 0 0 2px 8px;}

}