@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-btn .btn{user-select: none;cursor: pointer; margin-left: 10px;width: 120px;height: 44px;border: 2px solid #e60012;border-radius: 40px;overflow: hidden;}
.banner-btn .btn:first-child{margin-left: 0;}
.banner-btn .btn.videoPlay.white{border-color: #fff;}
.banner-btn .btn.videoPlay:hover{background: #e60012;color: #fff;}
.banner-btn .btn.shiyong:hover{background: #fff;border-color: #fff;color: #e60012;}
.banner-btn .btn.videoPlay.white:hover{background: #fff;color: #e60012;}
.banner-pagination{position: absolute;left: 0;bottom: 140px;width: 100%;z-index: 3;}
.banner-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 20px;background: #fff;margin: 0 6px;opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active{background: #e60012;width: 42px;}

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-btn{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-btn{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-btn{transition-delay: .2s;}


.indNum-list{margin-top: -90px;position: relative;z-index: 4;justify-content: space-between;}
.indNum-list::after{content: "";width: 32.5%;}
.indNum-item{display: flex;flex-wrap: wrap; padding: 25px 25px; border-radius: 5px;width: 32.5%;align-items: center; background: #fff;box-shadow: 0px 20px 32.2px 2.8px rgba(29, 32, 136, 0.06);}
.indNum-text{flex: 1;padding-right: 5%;}
.indNum-text .text{margin-top: 5px;}
.indPro-swp{padding-left: 4.5%;position: relative;overflow: hidden;}
.indPro-swp .swiper-container{overflow: visible;}
.indPro-swp .swiper-slide{padding: 10px 0 40px;}
.indPro-slide{justify-content: space-between;}
.indPro-left,.indPro-right{width: calc(50% - 8px);}
.indPro-item{background: #fff;border-radius: 15px;padding: 35px;transition: all .4s ease;}
.indPro-item .title span{padding-bottom: 4px;display: inline-block;position: relative;}
.indPro-item .title span::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #e60012;transition: all .4s ease;}

.indPro-item .img{height: 190px;width: 100%;}
.indPro-item .img img{max-height: 90%;max-width: 80%;transition: all .4s ease;}
.indPro-item:hover{box-shadow: 0px 20px 32.2px 2.8px rgba(41, 41, 41, 0.09);}
.indPro-item:hover .title{color: #e60012;}
.indPro-item:hover .title span::after{right: auto;left: 0;width: 100%;}
.indPro-item:hover .comMore i{margin-left: 10px;}
.indPro-item:hover .img img{transform: scale(1.08);}
.indPro-right .indPro-item:nth-child(2){margin-top: 16px;}
.indPro-left .indPro-item{padding: 40px; height: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.indPro-left .indPro-item .img{flex: 1;height: auto;}
.indPro-left .indPro-item .img img{max-height: 60%;}
.indPro-btn{user-select: none;cursor: pointer; border-radius: 15px;width: 52px;height: 52px;background: #484545;position: absolute;left: 4.5%;top: calc(50% - 26px);z-index: 2;}
.indPro-btn.next{left: auto;right: 4.5%;transform: rotate(180deg);}
.indPro-btn:hover{background: #e60012;}
.indXT-list{justify-content: space-between;}
.indXT-list li{width: calc(50% - 10px);position: relative;}
.indXT-bg{overflow: hidden;}
.indXT-bg img{width: 100%;height: 580px;transition: all 2s ease;}
.indXT-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 60px;}
.indXT-list li:nth-child(1) .indXT-con{color: #fff;}
.indXT-list li:hover .indXT-bg img{transform: scale(1.1);}
.indVicoe{background: url('../images/index/indVicoe-bg.png') no-repeat center top/cover;}
.indVicoe-list{justify-content: space-between;}
.indVicoe-list li{align-items: center; padding: 50px 65px; width: 49%;background: #fff;border-radius: 15px;box-shadow: 0px 20px 127.88px 11.12px rgba(29, 32, 136, 0.06);}
.indVicoe-text{flex: 1;padding-left: 30px;}
.indVicoe-text .page{position: absolute;right: 35px;bottom: 25px;color: #ececec;}
.indNews-list{justify-content: space-between;}
.indNews-list::after{content: "";width: 32%;}
.indNews-list li{width: 32%;background: #fff;border-radius: 6px; box-shadow: 0px 3px 38px 0px rgba(167, 170, 180, 0.19);}
.indNews-img-bg img{width: 100%;border-radius: 6px 6px 0 0;height: 200px;}
.indNews-img-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 5%;display: flex;flex-direction: column;justify-content: center;}
.indNews-text{padding: 35px 25px;}
.indNews-text-list{height: 130px;}
.indNews-text-item{transition: all .4s ease;margin-top: 12px;}
.indNews-text-item:hover{color: #e60012;}
.indNews-text-item .date{margin-right: 15px;}
.indNews-text-item .text{flex: 1;}
.indNews-text-more{justify-content: flex-end;}
  
.indFA>.contain{width: 91%;}
.indFA-marsk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 4;}
.marsk{animation: marsk 2s ease forwards;width: 100%;}
@keyframes marsk {0%{width: 100%;}100%{width: 0;}}

/* .indFA-gallery-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,rgba(0,0,0,.9) 10%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.1) 30%);} */
.indFA-gallery-bg{overflow: hidden;border-radius: 25px;background: #000;}
.indFA-gallery-bg img{width: 100%;height: 700px;}
.indFA-gallery-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.indFA-gallery-con .text{width: 700px;}
.indFA-gallery-con .text,.indFA-gallery-con .comBtn-box{opacity: 0;transform: translateY(80px);}
.swiper-slide-active .indFA-gallery-con .text{opacity: 1;transform: translateY(0);transition: all .6s ease;}
.swiper-slide-active .indFA-gallery-con .comBtn-box{transition: all .6s .2s ease;opacity: 1;transform: translateY(0);}
.indFA .thumbs{position: absolute;right: 13%;height: 100%;top: 0;width: 490px;background: rgba(255, 255, 255, .2);z-index: 3;}
.indFA .thumbs .swiper-container{height: 100%;}
.indFA-thumbs{user-select: none;cursor: pointer; height: 100%; padding: 0 10%;transition: all .4s ease; align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.indFA-thumbs-text{width: 70%;}
.indFA-thumbs-text .text{display: none;}
.indFA-thumbs-btn .show{transition: all .4s ease;}
.indFA-thumbs-btn .show img{width: 30px;}
.indFA-thumbs-btn .hide{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all .4s ease;}
.indFA-thumbs-btn .hide img{max-width: unset;}
.indFA .thumbs-prev,.indFA .thumbs-next{user-select: none;cursor: pointer;width: 30px;height: 30px;font-weight: 12px;z-index: 2;position: absolute;left: calc(50% - 5px);top: 10px;}
.indFA .thumbs-next{transform: rotate(180deg);top: auto;bottom: 10px;}
.indFA .thumbs-prev:hover,.indFA .thumbs-next:hover{color: #e60012;}
.indFA-thumbs.active .indFA-thumbs-btn .show{opacity: 0;}
.indFA-thumbs.active .indFA-thumbs-btn .hide{transform: translate(-50%,-50%);}
.indFA-thumbs.active{background: rgba(0, 0, 0, .5);}

.noLink-popup-box{position: fixed;left: 0;top: 0;display: none; z-index: 999999;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.noLink-popup{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;padding: 80px 0;background: #fff;border-radius: 15px;}
.noLink-close{position: absolute;right: -25px;transition: all .4s ease; top: -25px;width: 30px;height: 30px;user-select: none;cursor: pointer;color: #fff;}
.noLink-popup .img img{width: 180px;}
@media all and (max-width:680px) {
    .noLink-popup{width: 90%;padding: 30px 0;border-radius: 5px;}
    .noLink-popup .img img{width: 120px;}
    .noLink-close{right: -10px;}
}



  





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indPro-left .indPro-item{padding: 30px;}
    .indPro-item{padding: 25px;}
    .indPro-item .img{height: 160px;}
    .indNum-item{padding: 20px;}
    .indXT-bg img{height: 500px;}
    .indXT-con{padding: 45px;}
    .indVicoe-list li{padding: 35px 40px;}
    .indVicoe-text{padding-left: 20px;}
    .indVicoe-text .page{right: 30px;bottom: 20px;}
    .indNews-img-bg img{height: 170px;}
    .indNews-text{padding: 25px;}
    .indNews-text-list{height: 110px;}
    .indFA-gallery-bg img{height: 540px;}
    .indFA .thumbs{right: 9%;width: 450px;}
    .indFA-thumbs-text{width: 80%;}
    .indFA-gallery-con .text{width: 580px;}
    .banner-bg img{height: 630px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indFA-gallery-con .text{width: 400px;}
    .indFA-gallery-con .text br{display: none;}
    .banner-bg img{height: 500px;}
   
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-bg img{height: 400px;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
    .banner-pagination .swiper-pagination-bullet-active{width: 20px;}
    .banner-btn .btn{width: 100px;height: 38px;border-width: 1px;}
    .indNum-list{margin-top: 0;padding-top: 30px;}
    .indNum-item{width: 100%;margin: 15px 0 0;padding:20px 15px;box-shadow: 0px 10px 15px 2px rgba(29, 32, 136, 0.06);}
    .indNum-icon{width: 70px;}
    .indPro-left, .indPro-right{width: 100%;}
    .indPro-left .indPro-item{padding: 25px 15px;}
    .indPro-swp{padding: 0 4%;}
    .indPro-right{margin-top: 16px;}
    .indPro-left .indPro-item .img{height: 160px;flex: unset;}
    .indPro-left .indPro-item .img img{max-height: 90%;}
    .indPro-item{padding: 25px 15px;border-radius: 8px;}
    .indPro-item .comMore{margin-top: 10px;}
    .indPro-btn{display: none;}
    .indPro-swp .swiper-slide{padding: 10px 0;}
    .indPro-pagination .swiper-pagination-bullet{margin: 0 4px;}
    .indPro-pagination .swiper-pagination-bullet-active{background: #e60012;}
    .indXT-list li{width: 100%;margin: 15px 0 0;}
    .indXT-bg img{height: 320px;}
    .indXT-con{padding: 25px 15px;}
    .indXT-con .comMore{margin-top: 15px;}
    .indVicoe-list li{width: 100%;padding: 25px 15px;border-radius: 8px;box-shadow: 0px 10px 20px 8px rgba(29, 32, 136, 0.06);}
    .indVicoe-icon{width: 60px;}
    .indVicoe-text .page{right: 10px;bottom: 10px;}
    .indNews-list li{width: 100%;margin: 15px 0 0;box-shadow: 0px 3px 15px 0px rgba(167, 170, 180, 0.19);}
    .indNews-text{padding: 15px 15px 25px;}
    .indNews-text-list{height: 100px;}
    .indFA>.contain{width: 92%;}
    .indFA .thumbs{right: 0;width: 100%;top: auto;bottom: 0;height: auto;}
    .indFA-gallery-bg img{height: 500px;}
    .indFA-gallery-con .text{width: 100%;}
    .indFA .thumbs .swiper-container{height: auto;}
    .indFA-thumbs-text .text{display: block !important;}
    .indFA-gallery-bg{border-radius: 10px;}
    .indFA-gallery-con{padding-bottom: 180px;}
    .indFA-thumbs{padding: 20px 30px;flex-direction: column-reverse;align-items: flex-start;}
    .indFA-thumbs-text{width: 100%;margin-top: 20px;}
    .indFA-thumbs-btn .hide{position: static;transform: unset !important;}
    .indFA-gallery-con .text, .indFA-gallery-con .comBtn-box{opacity: 1 !important;transform: unset !important;}
    .indFA-thumbs-btn .show{display: none;}
    .indFA .thumbs-prev{left: 0;top: calc(50% - 6px);}
    .indFA .thumbs-next{right: 0;top: calc(50% - 6px);left: auto;}
    .indFA .thumbs-next::before,.indFA .thumbs-prev::before{content: "\e80b";font-size: 14px;}
    .indFA-gallery-bg::after{background: rgba(0, 0, 0, .2);}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-bg img{height: 300px;}

}