@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: fixed;left: 0;top: max(100px,calc(0.8rem + 36px));width: 100%;}
.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-img img{width: 100%;height: calc(100vh - max(100px,calc(0.8rem + 36px)));}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.banner-con .contain{flex-direction: column;justify-content: center;height: 100%;width: 90%;}
.banner-con .title{width: 50%;opacity: 0;transform: translateY(1rem);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(1rem);transition: all 1s .9s ease;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text{opacity: 1;transform: none;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: .1s;}
.banner-pagination{position: absolute;left: 0;bottom: 50px;width: 100%;z-index: 5;user-select: none;}
.banner-pagination .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: transparent;border: 2px solid #fff;margin: 0 9px;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.indGroup{position: relative;z-index: 10;background: #fff;margin-top: 100vh;}
.indSer{height: 400vh;}
.indSer-sticky{top: max(64px,0.8rem);position: sticky;}
.indSer .comTitle{width: 9.4rem;margin: 0 auto;}
.indSer-flex{justify-content: space-between;}
.indSer-left{width: 45%;justify-content: space-between;}
.indSer-ico{height: 100%;position: relative;display: flex;flex-direction: column;justify-content: center;}
.indSer-ico-line{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;overflow: hidden;background: #ddd;}
.indSer-ico-line i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 0;background: #ee782b;}
.indSer-ico .item:first-child{margin-top: 0;}
.indSer-ico .item{transform: scale(.7);transition: all .6s ease; position: relative;z-index: 2;width: max(50px,0.8rem);height: max(50px,0.8rem);border-radius: 50%;background: #f2f2f2;user-select: none;cursor: pointer;}
.indSer-ico .item img{max-width: 50%;max-height: 50%;transition: all .4s ease;}
.indSer-ico .item .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indSer-ico .item.active{background: #ee782b;transform: scale(1);}
.indSer-ico .item.active .s{opacity: 0;}
.indSer-ico .item.active .h{opacity: 1;}
.indSer-desc{flex: 1;padding: 0.5rem 0 0 0.8rem;}
.indSer-desc-item{display: none;}
.indSer-desc-item.active{display: block;}
.indSer-desc-item.active .label{animation: indSerAni 1s ease both;}
.indSer-desc-item.active .title{animation: indSerAni 1s .1s ease both;}
.indSer-desc-item.active .text{animation: indSerAni 1s .2s ease both;}
.indSer-desc-item.active .comMore-box{animation: indSerAni 1s .3s ease both;}
@keyframes indSerAni {0%{opacity: 0;transform: translateY(0.4rem);}100%{opacity: 1;transform: translateY(0);}}
.indSer-right{width: 50%;position: relative;}
.indSer-right .img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 1s linear;}
.indSer-right .img:first-child{position: relative;}
.indSer-right .img img{width: 100%;height: 5rem;transform: scale(1.1);transition: all 2s 1s linear;}
.indSer-right .img.active{opacity: 1;z-index: 5;}
.indSer-right .img.active img{transform: scale(1);transition-delay: 0s;}
.indAb-flex{background: #fff;}
.indAb-img{width: 50%;}
.indAb-img img{width: 100%;height: max(370px,5.1rem);transition: all 5s linear;}
.indAb-img .pages-pagination{z-index: 2;position: absolute;left: 0;bottom: 0.2rem;width: 100%;}
.indAb-con{width: 50%;padding: 0 0.5rem;flex-direction: column;justify-content: center;}
.indFA-list{justify-content: space-between;display: flex;}
.indFA-item-box{width: 50%;padding-right: 5px; transition: all .8s ease}
.indFA-item-box:nth-child(2){padding-right: 0;padding-left: 5px;}
.indFA-img{height: 43vw;position: relative;}
.indFA-img .img{position: absolute;left: 0;top: 0;height: 100%;width: auto;}
.indFA-item-box:nth-child(2) .indFA-img .img{left: auto;right: 0;}
.indFA-img .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);transition: all .4s ease;}
.indFA-img .img img{height: 100%;width: auto;max-width: unset;object-fit: fill;}
.indFA-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.indFA-show{width: 100%;height: 100%;flex-direction: column;transition: all .4s .4s ease;}
.indFA-hide{position: absolute;z-index: 4;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding-left: 16vw;visibility: hidden;}
.indFA-hide>.box{width: 5.3rem;}
.indFA-hide .label,.indFA-hide .title,.indFA-hide .text,.indFA-hide .text2,.indFA-hide .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all .6s ease;}
.indFA-list.active .indFA-item-box{width: 26%;}
.indFA-list.active .indFA-item-box.active{width: 74%;}
.indFA-item-box.active .indFA-hide{visibility: visible;}
.indFA-item-box.active .indFA-show{opacity: 0;;transition-delay: 0s;}
.indFA-item-box.active .indFA-hide .label,.indFA-item-box.active .indFA-hide .title,.indFA-item-box.active .indFA-hide .text{opacity: 1;transform: none;transition-delay: .5s;}
.indFA-item-box.active .indFA-hide .text2{opacity: 1;transform: none;transition-delay: .7s;}
.indFA-item-box.active .indFA-hide .comMore-box{opacity: 1;transform: none;transition-delay: .8s;}
.indFA-item-box.active .indFA-img .img::after{background: rgba(0, 0, 0, .6);}
.indPro-item{height: 100%;overflow: hidden;}
.indPro-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .05);transition: all .4s ease;z-index: 2;}
.indPro-img img{width: 100%;height: 4.6rem;transition: all .6s ease;}
.indPro-con{position: absolute;left: 0;bottom: 10px;width: 100%;padding: 0.2rem 0.3rem;transition: all .6s ease;z-index: 5;}
.indPro-con .text{position: absolute;left: 0;top: 100%;width: 100%;padding: 0 0.3rem;transition: all .4s ease;opacity: 0;transform: translateY(0.2rem);}
.indPro-item:hover .indPro-img img{transform: scale(1.1);}
.indPro-item:hover .indPro-img::after{background: rgba(0, 0, 0, .7);}
.indPro-item:hover .indPro-con{transform: translateY(-0.9rem);}
.indPro-item:hover .indPro-con .text{opacity: 1;transform: translateY(0);transition-delay: .2s;}
.indHZ-list{margin-top: -1rem;}
.indHZ-list .item{width: calc(100% / 6);height: 0.5rem;margin-top: 1rem;}
.indHZ-list .item img{max-height: 100%;max-width: 50%;transition: all .6s ease;}
.indHZ-list .item .s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indHZ-list .item.active .h{opacity: 0;transform: scale(1.2);}
.indHZ-list .item.active .s{opacity: 1;transform: translate(-50%,-50%) scale(1.2);}
.indHZ-desc{padding: 0.1rem;margin-top: 0.5rem; background: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);flex-direction: column;}
.indHZ-list .item:nth-child(8){margin-right: calc(12.8rem /6);}
.indHZ-list .item:nth-child(9){margin-left: calc(12.8rem /6);}
.indLink-flex{justify-content: space-between;align-items: center;}
.indLink-desc{width: 58%;}
.indAd-img img{width: 100%;height: 6.4rem;transition: all 5s linear;}
.indAd-img:hover img{transform: scale(1.1);}
.indNews-head{justify-content: space-between;align-items: flex-end;}
.indNews-head::after{content: "";position: absolute;left: 50%;bottom: 0;width: 100vw;height: 1px;transform: translateX(-50%);background: #eee;}
.indNews-head .comTitle{width: 70%;}
.indNews-thumbs{width: 100px;}
.indNews-thumbs-line{z-index: 2; position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #004098;}
.indNews-thumbs-line.active{width: 2.3rem;transition: all 5s linear;}
.indNews-thumbs .swiper-container,.indNews-gallery .swiper-container{overflow: visible;}
.indNews-thumbs-year{align-items: center;color: #a7a7a7;user-select: none;cursor: pointer;height: 40px;}
.indNews-thumbs .swiper-slide{transition: all .85s ease-in-out;}
.indNews-thumbs .swiper-slide-active{width: 2.3rem !important;}
.swiper-slide-active .indNews-thumbs-year{width: 2.3rem;color: #111;}
.indNews-thumbs-year:hover{color: #111;}
.indNews-gallery{width: 74%;}
.indNews-gallery-more{pointer-events: none; transition: all .8s ease;opacity: .5; align-items: flex-start;justify-content: space-between;display: flex;flex-wrap: wrap;}
.swiper-slide-active .indNews-gallery-more{opacity: 1;pointer-events: auto;}
.indNews-gallery-img{border-radius: 10px;width: 49%;}
.indNews-gallery-img img{width: 100%;height: 3.8rem;}
.indNews-gallery-img:hover img{transform: scale(1.08);}
.indNews-gallery-con{width: 46%;padding-top: 0.5rem;}
.indNews-gallery-con .more{display: inline-block;border-bottom: 1px solid #182f8f;}
.indNews-gallery-con .title:hover{color: #ee782b;}
.indNews-gallery-con .more:hover{color: #ee782b;border-color: #ee782b;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .banner-con .title{width: 70%;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner{top: 60px;}
    .indGroup{margin-top: 410px;}
    .banner-img img{height: 350px;}
    .banner-con .title{width: 100%;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-width: 1px;margin: 0 4px;}
    /* .indSer{position: relative;height: auto;}
    .indSer-sticky{position: relative;top: auto;} */
    .indSer{height: 300vh;}
    .indSer-sticky{top: 60px;padding-top: 20px;}
    .indSer .comTitle{width: 100%;}
    .indSer .comTitle .text{margin-top: 12px;}
    .indSer-left{width: 100%;}
    .indSer-ico .item{width: 40px;height: 40px;}
    .indSer-right{width: 100%;margin-top: 20px;}
    .indSer-right .img img{height: 270px;}
    .indAb-img{width: 100%;}
    .indAb-img img{height: 270px;}
    .indAb-con{width: 100%;padding: 20px 15px 35px;}
    .indAb-con .comMore-box{margin-top: 30px;}
    .indFA-list{flex-wrap: wrap;}
    .indFA-item-box{width: 100% !important;padding: 0 !important;}
    .indFA-item-box:nth-child(2){margin-top: 10px;}
    .indFA-item{border-radius: 0;}
    .indFA-img{height: auto;}
    .indFA-img .img{position: relative;left: auto;right: auto !important;top: auto;}
    .indFA-img .img img{width: 100%;height: 300px;}
    .indFA-hide{padding: 0 4%;}
    .indFA-hide>.box{width: 100%;}
    .indPro-list .uli.ml10{margin: 0;}
    .indPro-list .uli.ml10.uli3 li{margin: 15px 0 0;width: 100%;}
    .indPro-list .uli.ml10.uli3 li:first-child{margin-top: 0;}
    .indPro-img img{height: 250px;}
    .indPro-con{padding: 15px;}
    .indPro-con .title{font-size: 18px;}
    .indPro-con .text{padding: 0 15px;}
    .indHZ-desc{position: relative;transform: none;left: auto;top: auto;margin-top: 0;}
    .indHZ-list{margin-top: 0;}
    .indHZ-list .item{width: 25%;margin: 30px 0 0 !important;height: 30px;}
    .indHZ-list .item img{max-width: 90%;}
    .indLink-desc,.indNews-head .comTitle{width: 100%;}
    .indLink .comMore-box,.indNews-head .comMore-box{margin-top: 25px;}
    .indAd .comMore{margin-top: 15px;}
    .indNews-head{padding-bottom: 20px;}
    .indNews-gallery{width: 90%;}
    .indNews-gallery-img{width: 100%;border-radius: 5px;}
    .indNews-gallery-img img{height: 230px;}
    .indNews-gallery-con{width: 100%;margin-top: 20px;padding-top: 0;}
    .indNews-gallery-date i{font-size: 13px;margin-right: 5px;}
    .indNews-gallery-btn{width: 120px;height: 38px;}
    .indNews-pagination .swiper-pagination-bullet{margin: 0 4px;width: 7px;height: 7px;}
    .indNews-thumbs{width: 80px;}
    .indNews-thumbs .swiper-slide-active,.swiper-slide-active .indNews-thumbs-year{width: 100px !important;}
    .indNews-thumbs-line{height: 1px;}
    .indNews-thumbs-line.active{width: 100px;}
    .indNews-thumbs-year{height: 36px;}

    /* 按钮居中 */
    .indAb-con .comMore-box,.indLink-flex .comMore-box,.indNews-head .comMore-box{justify-content: center;width: 100%;}
    
    
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}