@charset "utf-8";
/* ===================首页样式========================== */
.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;}
@media all and (max-width:1100px) {.banner .hasVideo .banner-img img.pc{animation: none;}.banner video{display: none;}}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: flex-end;padding-bottom: 200px;}
.banner-con .title{opacity: 0;transform: translateY(150px);transition: all 1.5s .7s ease;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);}
.swiper-slide-active.oneSlide .banner-con .title{transition-delay: 0s;}
.banner-menu{position: absolute;z-index: 2;left: 0;bottom: 8%;width: 100%;}
.banner-menu .contain{justify-content: space-between;align-items: flex-end;}
.banner-menu-left{align-items: center;}
.banner-btn{height: 22px;align-items: center;font-size: 13px;user-select: none;cursor: pointer;color: #fff;font-weight: 700;}
.banner-btn:hover{color: #fcdf00;}
.banner-btn.next{transform: rotate(180deg);}
.banner-page{margin: 0 20px;}
.banner-line{position: relative; width: 105px;height: 1px;background: #fff;}
.banner-line .line{animation: banLine 4s linear forwards; position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fcdf00;}
@keyframes banLine {0%{width: 0;}100%{width: 100%;}}
.banner-scroll{user-select: none;cursor: pointer;animation: banScroll 1s linear infinite alternate;}
.banner-scroll:hover{animation-play-state: paused;}
@keyframes banScroll {0%{transform: translateY(10px);}100%{transform: translateY(-10px);}}
.indHead{justify-content: space-between;align-items: flex-end;}
.indHead .comTitle,.indNews-header .comTitle{flex: 1;padding-right: 60px;}
.indAb-num{margin-left: -25px;}
.indAb-num li{padding: 0 10px; display: flex;align-items: center;justify-content: center;text-align: center; width: calc(25% - 25px);margin-left: 25px;border-radius: 6px;border: 2px solid #f2f2f2;height: 168px;}
.indAb-num-img{margin-right: 20px;}
.indAb-num-con{max-width:calc(100% - 70px)}
.indAb-num-con .num{margin-top: 15px;align-items: flex-end;}
.indAb-num-con .num span{line-height: .8;margin-right: 5px;}
.indAb-num-con .title{text-align: left;}
.indAb-map img{width: 90%;}
.indFA-con{justify-content: space-between;}
.indFA-left,.indFA-right{width: calc(50% - 5px);}
.indFA-btm{margin-top: 10px;justify-content: space-between;}
.indFA-item{display: block;width: 100%;}
.indFA-btm-item{width: calc(50% - 5px);}
.indFA-img{display: block;width: 100%;overflow: hidden;}
.indFA-img img{width: 100%;height: calc((720px - 10px)/2);transition: all .6s ease;}
.indFA-item:hover .indFA-img img{transform: scale(1.04);}
.indFA-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 170px;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);}
.indFA-text{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 35px;}
.indFA-text .title{padding-left: 12px;line-height: .8;border-left: 3px solid #fcdf00;}
.indFA-text .text{margin-top: 15px;width: 370px;max-width: 100%;}
.indFA-left .indFA-img img{height: 720px;}
.indFA-left .indFA-text{padding-left: calc((100vw - 1440px)/2);}

.indNews{width: 100%;overflow: hidden;}
.indNews-header .contain{align-items: center;justify-content: space-between;}
.indNews-nav-item{margin-left: 20px; box-shadow: 0px 20px 32.2px 2.8px rgba(45, 45, 45, 0.08);width: 170px;height: 42px;border-radius: 40px;}
.indNews-nav-item:first-child{margin-left: 0;}
.indNews-nav-item:hover,.indNews-nav-item.active{background: #fcdf00;}
.indNews-btn .btn{width: 48px;height: 48px;margin-right: 30px;font-size: 14px;font-weight: 700; border-radius: 50%;border: 1px solid #000;color: #000;user-select: none;cursor: pointer;}
.indNews-btn .btn.next{transform: rotate(180deg);}
.indNews-btn .btn:hover{background: #000;color: #fff;border-color: #000;}
.indNews-pagination-box .contain{align-items: center;}
.indNews-pagination.swiper-pagination-progressbar{position: relative;background: #eee;height: 3px;flex: 1;}
.indNews-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0099d9;}

.indNews-swp-con{display: none;}
.indNews-swp-con:first-child{display: block;}
.indNews-swp{padding-left: calc((100vw - 1440px)/2);}
.indNews-swp .swiper-container{overflow: visible;width: 1440px;margin: 0;}
.indNews-slide{position: relative;border-radius: 6px;overflow: visible;}
.indNews-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 8px;overflow: hidden;opacity: 0;transition: all .4s ease;}
.indNews-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
.indNews-img img{width: 100%;height: 100%;}
.indNews-con{position: relative;z-index: 2; background: rgb(247, 248, 252);border-radius: 6px;overflow: hidden;padding: 50px 40px 30px;height: 480px;}
.indNews-label{display: inline-block;border-radius: 3px;padding: 2px 10px;}
.indNews-date{border-top: 1px solid #e6e6e6;align-items: center;justify-content: space-between;width: calc(100% - 80px);left: 40px;bottom: 30px;position: absolute;}
.indNews-slide:hover{box-shadow: 0px 10px 28.48px 3.52px rgba(82, 82, 82, 0.18);}
.indNews-slide:hover .indNews-con{background: transparent;}
.indNews-slide:hover .indNews-title,.indNews-slide:hover .indNews-text,.indNews-slide:hover .indNews-date{color: #fff;}
.indNews-slide:hover .indNews-date{border-top-color: rgba(255, 255, 255, .2);}
.indNews-slide:hover .indNews-img{opacity: 1;}

.indPro::before{content: "";position: absolute;left: 0;top: 0;width: calc(1440px * 0.73 + (100vw - 1440px)/2);height: 100%;background: #fafbfc url('../images/index/indPro-bg2.png') no-repeat center bottom/50% auto;}
.indPro::after{content: "";position: absolute;right: 0;top: 0;width: calc(1440px * 0.27 + (100vw - 1440px)/2);height: 100%;background: rgb(244, 245, 249) url('../images/index/indPro-bg.png') no-repeat left center/auto 100%;}
.indPro-next{z-index: 5; border-radius: 50%;border: 1px solid transparent; width: 50px;height: 50px;position: absolute;transform: rotate(180deg); left: 0;top: 42%;user-select: none;cursor: pointer;font-size: 12px;font-weight: 700;color: #d7d7d7;}
.indPro-next:hover{border-color: #fcdf00;color: #fcdf00;}

.indPro .contain{position: relative;z-index: 2;}
.indPro-con{display: none;}
.indPro-con:first-child{display: block;}
.indPro-gallery{width: 73%;}
.indPro-gallery .swiper-container{height: 570px;}
.indPro-gallery-slide{height: 100%;align-items: center;padding-left: 60px;}
.indPro-gallery-con{width: 300px;}
.indPro-gallery-title .title-en{position: absolute;left: 0;bottom: 16px;white-space: nowrap;color: #f7f7f7;line-height: 1;}
.indPro-gallery-title .title{position: relative;z-index: 2;}
.indPro-gallery-img{flex: 1;height: 100%;position:relative;z-index:3}
.indPro-gallery-img img{max-height: 90%;max-width: 80%;}
.indPro-thumbs{width: 27%;}
.indPro-thumbs .swiper-container{height: 510px;}
.indPro-thumbs-slide{height: 100%;position: relative;padding-right: 90px;margin-right: 60px; align-items: center;user-select: none;cursor: pointer;}
.indPro-thumbs-slide .title{text-align: right;width: 100%;}
.indPro-thumbs-slide .img-box{transition: all .4s ease; position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);width: 65px;height: 65px;}
.indPro-thumbs-slide .img-box::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 133%;height: 133%;border-radius: 50%;border: 1px solid transparent;transition: all .4s ease;}
.indPro-thumbs-slide .img{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #e0e9f3;position: relative;z-index: 2;}
.indPro-thumbs-slide .img img{max-width: 80% ;max-height: 80% ;}
.swiper-slide-active .indPro-thumbs-slide .title{font-weight: 700;color: #000;}
.swiper-slide-active .indPro-thumbs-slide .img-box{width: 90px;height: 90px;}
.swiper-slide-active .indPro-thumbs-slide .img-box::after{background: #fff;border-color: #e0e9f3;}
.swiper-slide-active .indPro-thumbs-slide .img{background: #fcdf00;}

.indPro-menu{position: absolute;left: 4%;top: 50%;transform: translateY(-50%);z-index: 5;}
.indPro-menu li{align-items: center;height: 60px;flex-wrap: nowrap;user-select: none;cursor: pointer;}
.indPro-menu .btn{position: relative;margin-right: 20px;}
.indPro-menu .btn::after{content: "";position: absolute;left: calc(50% - 3px);top: calc(50% - 3px);width: 6px;height: 6px;border-radius: 50%;background: #ccc;transition: all .4s ease;}
.indPro-menu .title{color: #a3a3a3;transition: all .4s ease;}
.circular-chart{display: block;width: 22px;transition: all .4s ease;opacity: 0;}
.circle-bg {fill: none;stroke: #eee;stroke-width: 3.8;}
.circle {fill: none;stroke-width: 2.8;stroke-dasharray: 100 100;stroke-linecap: round;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.indPro-menu li.active .title,.indPro-menu li:hover .title{ color: #000;}
.indPro-menu li.active .btn::after{opacity: 0;}
.indPro-menu li.active .btn .circular-chart{opacity: 1;}
.indPro-menu li.active .btn .circle{animation: progress 1s ease-out forwards;stroke:#0099d9;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indNews-con{height: 466px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-con{padding-bottom: 160px;}
    .indAb-num li{height: 145px;}
    .indAb-num-img{margin-right: 20px;}
    .indAb-num-img img{height: 40px;}
    .indFA-img img{height: calc((500px - 10px)/2);}
    .indFA-left .indFA-img img{height: 500px;}
    .indFA-left .indFA-text,.indNews-swp{padding-left: calc((100vw - 1200px)/2);}
    .indNews-swp .swiper-container{width: 1200px;}
    .indFA-text{padding: 18px;}
    .indFA-text .text{width: 320px;}
    .indNews-con{padding: 35px 25px 20px;}
    .indNews-date{width: calc(100% - 50px);left: 25px;bottom: 20px;}
    .indPro-menu{left: 2%;}
    .indPro-menu .btn{margin-right: 15px;}
    .indPro-menu li{height: 44px;}
    .indPro-gallery .swiper-container{height: 430px;}
    .indPro-thumbs .swiper-container{height: 430px;}
    .indPro-thumbs-slide .img-box{width: 55px;height: 55px;}
    .swiper-slide-active .indPro-thumbs-slide .img-box{width: 70px;height: 70px;}
    .indPro-thumbs-slide{margin-right: 50px;padding-right: 70px;}
    .indPro-next{top: 39%;}
    .indPro::before{width: calc(1200px * 0.73 + (100vw - 1200px)/2);}
    .indPro::after{width: calc(1200px * 0.27 + (100vw - 1200px)/2);}
    .indPro-gallery-slide{padding-left: 200px;}
    .indNews-con{height: 478px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indFA-left .indFA-text,.indNews-swp{padding-left: calc((100vw - 960px)/2);}
    .indPro::before{width: calc(960px * 0.73 + (100vw - 960px)/2);}
    .indPro::after{width: calc(960px * 0.27 + (100vw - 960px)/2);}
    .indNews-swp .swiper-container{width: 960px;}
    .indNews-con{height: 336px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .indFA-left .indFA-text,.indNews-swp{padding-left: 4%;}
    .indNews-swp .swiper-container{width: 96%;}
    .banner-scroll{display: none;}
    .banner-con{align-items: center;text-align: center;padding: 0;}
    .banner-menu .contain{justify-content: center;}
    .banner-img img{height: 60vh;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-page{margin: 0 8px;}
    .banner-btn{height: 18px;font-size: 12px;}
    .banner-btn::before{display: block;transform: scale(.8);}
    .banner-line{width: 50px;}
    .indHead .comBtn-box{margin-top: 20px;}
    .indAb-num{margin-left: -10px;}
    .indAb-num li{margin: 10px 0 0 10px;width: calc(50% - 10px);border-radius: 3px;height: 100px;border: 1px solid #ddd;}
    .indAb-num-img{margin-right: 12px;width:30px}
    .indAb-num-img img{height: auto;}
    .indAb-num-con {max-width: calc(100% - 60px);}
    .indAb-num-con .title{line-height:1.2}
    .indAb-num-con .num{margin-top: 10px;}
    .indFA-left, .indFA-right{width: 100%;}
    .indFA-right{margin-top: 10px;}
    .indFA-left .indFA-img img,.indFA-img img{height: 280px;}
    .indFA-text .title{padding-left: 8px;border-width: 2px;}
    .indFA-btm{margin-top: 0;}
    .indFA-btm-item{width: 100%;margin-top: 10px;}
    .indFA-text{padding: 20px 15px;}
    .indNews-nav{margin-top: 20px;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;padding: 10px 0 20px;}
    .indNews-nav-item{margin-left: 12px;width: auto;padding: 0 15px; height: 36px;box-shadow: 0px 8px 10px rgba(45, 45, 45, 0.08);}
    .indNews-con{padding: 25px 15px;}
    .indNews-date{width: calc(100% - 30px);left: 15px;bottom: 15px;}
    .indNews-slide{border-radius: 4px;}
    .indNews-swp{margin-top: 30px;}
    .indNews-btn .btn{width: 38px;height: 38px;font-size: 12px;margin-right: 12px;}
    .indNews-pagination.swiper-pagination-progressbar{height: 2px;}
    .indPro{padding: 120px 0 40px;background: #f3f5f7;}
    .indPro::after,.indPro::before{display: none;}
    .indPro-menu{padding: 0 4%; position: relative;left: auto;top: auto;transform: unset;display: flex;flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;}
    .indPro-menu li{margin-left: 15px;}
    .indPro-menu li:first-child{margin-left: 0;}
    .circular-chart{width: 12px;}
    .indPro-menu .btn{margin-right: 8px;}
    .indPro-menu .btn::after{width: 4px;height: 4px;top: calc(50% - 2px);left: calc(50% - 2px);}
    .indPro .contain{position: static;}
    .indPro .comTitle{position: absolute;left: 0;top: 40px;width: 100%;padding: 0 4%;}
    .indPro-gallery-slide{padding-left: 0;flex-direction: column-reverse;}
    .indPro-con-box{margin-top: 30px;}
    .indPro-gallery{width: 100%;}
    .indPro-gallery-con{width: 100%;margin-top: 20px;}
    .indPro-gallery-img{flex: unset;width: 100%;height: 250px;}
    .indPro-gallery .swiper-container,.indPro-thumbs .swiper-container{height: auto;}
    .indPro-thumbs{width: 100%;margin-top: 40px;}
    .indPro-next{display: none;}
    .indPro-thumbs-slide{padding: 80px 0 0;margin: 0;flex-direction: column-reverse;align-items: center;}
    .indPro-thumbs-slide .img-box{transform: translate(50%,-50%);right: 50%;top: 50px;}
    .indPro-thumbs-slide .title{text-align: center;margin-top: 30px;}
    .banner-con .title {transform: translateY(80px);}
    .indNews-con{height: 330px;}
    .indHead .comTitle, .indNews-header .comTitle{flex: unset;padding-right: 0;}

}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indNews-con{height: 268px;}
    .indAb-num li{height: 88px;}
    .indAb-num-con .num {margin-top: 4px;}
    .indPro-thumbs {margin-top: 24px;}
    .indPro-con-box {margin-top: 20px;}
}