@charset "utf-8";
/* ===================首页样式========================== */
.banner-img img{width: 100%;height: 100vh;}
.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;}.banner video{display: none;}}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-btm{position: absolute;left: 0;bottom: 80px;width: 100%;z-index: 2;}
.banner-btm .contain{justify-content: space-between;align-items: center;}
.banner-switch{align-items: center;}
.banner-btn{width: 50px;height: 50px;font-size: 14px;user-select: none;cursor: pointer;transition: all .4s ease;}
.banner-btn:hover{color: #0071c1;}
.banner-btn.next{transform: rotate(180deg);}
.banner-page{width: 40px;}
.banner-page.end{text-align: right;}
.banner-line{width: 105px;height: 1px;background: #fff;position: relative;}
.banner-line .line{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #0071c1;}
.banner-line.firstLine .line{animation-duration:4s;}
.banner-line .line.start{animation: banLine 5s linear forwards;}
.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);}}
@keyframes banLine {0%{width: 0;}100%{width: 100%;}}
.indNews-list{border: 1px solid #f0f0f0;border-radius: 10px;}
.indNews-item{padding: 45px 30px 65px; width: calc(100% / 3);border-left: 1px solid #f0f0f0;}
.indNews-item:first-child{border: unset;}
.indNews-item .label{width: 100px;height: 35px;border-radius: 40px;border: 1px solid #f0f0f0;display: flex;align-items: center;justify-content: center;}
.indNews-item .date{align-items: center;color: #adadad;font-weight: 500;}
.indNews-item .date i{display: block;margin-right: 10px;font-size: 18px;}
.indNews-item .img{border-radius: 10px;}
.indNews-item .img img{width: 100%;height: 230px;}
.indNews-item:hover .label{background: #0071c1;border-color: #0071c1;color: #fff;}
.indNews-item:hover .title{color: #0071c1;}
.indNews-item:hover .img img{transform: scale(1.1);}
.indAb{background: url('../images/index/indAb-bg.webp') no-repeat center/cover;}
.indAb-num{padding: 0 70px;justify-content: space-between;}
.indAb-num .img{height: 52px;}
.indAb-num .img img{max-height: 100%;}
.indAb-num .num span{line-height: 1.14;}
.indAb-num .num .timer{margin-right: 5px;display: inline-block;}
.indFA{background: url('../images/index/indFA-bg.jpg') no-repeat center/cover;}
.indFA-gallery{border-radius: 15px;box-shadow: 0px 5px 12.74px 1.26px rgba(225, 241, 253, 0.35);}
.indFA-gallery .gallery-more{border-radius: 15px;overflow: hidden;}
.indFA-gallery-con{padding: 65px; width: 47%;background: #fff;}
.indFA-gallery-con .list li{width: 25%;margin-top: 10px;position: relative;padding-left: 15px;color: #777;}
.indFA-gallery-con .list li::after{content: "";position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background: #b0b4be;}
.indFA-gallery-btn .comBtn-box{margin-left: 20px;}
.indFA-gallery-btn .comBtn-box:first-child{margin-left: 0;}
.indFA-gallery-con .comBtn{background: transparent;border: 2px solid #ddd;color: #333;transition: all .4s ease;}
.indFA-gallery-con .comBtn i::after,.indFA-gallery-con .comBtn i::before{background-image: url('../images/common/comBtn-icon2.png');}
.indFA-gallery-con .comBtn:hover{border-color: #0071c1;background: #0071c1;}
.indFA-gallery-con .comBtn:hover span{color: #fff;}
.indFA-gallery-con .comBtn:hover i::after,.indFA-gallery-con .comBtn:hover i::before{background-image: url('../images/common/comBtn-icon.png');}
.indFA-gallery-img{width: 53%;position: relative;}
.indFA-gallery-img .img{width: 100%;height: 100%;}
.indFA-gallery-img .marsk{position: absolute;left: -1px;top: 0;width: auto;height: 100%;max-width: unset;}
.indFA-gallery-more{width: 106px;height: 106px;border-radius: 10px;background: #fff;position: absolute;right: 30px;bottom: 30px;flex-direction: column;}
.indFA-gallery-more i{position: relative; width: 30px;height: 30px;border-radius: 50%;background: #0071c1;transition: all .4s ease;font-size: 12px;font-weight: 700;}
.indFA-gallery-more i::before{display: block;transform: rotate(180deg) scale(.8);}
.indFA-gallery-more span{display: inline-block;margin-top: 5px;transition: all .4s ease;}
.indFA-gallery-more:hover i{transform: translateY(15px) scale(1.5);}
.indFA-gallery-more:hover span{opacity: 0;transform: translateY(-10px);}
.indFA-thumbs{position: relative;}
.indFA-thumbs::after{content: "";position: absolute;left: 0;top: 67px;width: 100%;height: 1px;background: #e6e9f0;}
.indFA-thumbs .thumbs-year{z-index: 2; padding: 60px 0 50px;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}
.indFA-thumbs-icon{position: relative;}
.indFA-thumbs-show{width: 16px;height: 16px;border-radius: 50%;background: #c1ddf2;position: relative;}
.indFA-thumbs-show::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #0071c1;width: 8px;height: 8px;border-radius: 50%;}
.indFA-thumbs-hide{transition: all .4s ease; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: 94px;height: 94px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;}
.indFA-thumbs-hide img{max-width: 50%;max-height: 50%;}
.indFA-thumbs-hide::after{content: "";position: absolute;left: -10px;top: -20px;width: calc(100% + 20px);height: calc(100% + 30px);background: url('../images/index/indFA-icon-bg.png') no-repeat center bottom/100% auto;}
.indFA-thumbs-text{transition: all .4s ease;}
.thumbs-year.active .indFA-thumbs-hide{transform: translate(-50%,-50%) scale(1);}
.thumbs-year.active .indFA-thumbs-text{transform: translateY(40px);}
.indJS{background: url('../images/index/indJS-bg.jpg') no-repeat center/cover;}
.indJS-con{width: 1050px;margin: 150px auto 0;position: relative;}
.indJS-img{width: 100%;}
.indJS-title1,.indJS-title2{position: absolute;left: 50%;transform: translateX(-50%);}
.indJS-title1{top: -85px;}
.indJS-title2{top: 60%;}
.indJS-text{margin-top: 130px;}
.indJS-text-list{margin-left: -110px;}
.indJS-text-list li{margin-left: 110px;width: calc(20% - 110px);display: flex;flex-direction: column;align-items: center;text-align: center;}
.indJS-text-list .title{background: #fff;width: 80%;border-radius: 6px;padding: 5px 0;font-weight: 500;}
.indJS-text-list .text{display: flex;flex-wrap: wrap;color: #f5fbfe;}
.indJS-text-list .text p{min-width: calc(50% - 5px);margin: 20px 0 0 5px;border-radius: 6px;border: 1px solid #f5fbfe;padding: 4px 6px;text-align: center;}
.indJS-list2{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.indJS-list2 li{position: absolute;padding: 35px;width: 155px;height: 155px;}
.indJS-list2 li::after{animation: jsList21 3s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/index/indJS-icon.png') no-repeat center/100% auto;}
.indJS-list2 li:nth-child(2n)::after{animation: jsList22 3s linear infinite;}
.indJS-list2 .text{background: #fff;border-radius: 50%;position: relative;z-index: 2;padding: 5px;width: 100%;height: 100%;}
@keyframes jsList21 {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes jsList22 {0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.indJS-list2 li:nth-child(1){left: -3%;top: 36%;}
.indJS-list2 li:nth-child(2){left: 20%;top: 62%;}
.indJS-list2 li:nth-child(3){left: 43%;top: 70%;}
.indJS-list2 li:nth-child(4){left: 68%;top: 61%;}
.indJS-list2 li:nth-child(5){left: 90%;top: 38%;}
.indJS-list1{position: absolute;z-index: 3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indJS-list1 li{transition: all 1.5s ease; position: absolute;width: 76px;height: 76px;border-radius: 50%;border: 1px solid #fff;padding: 3px;}
.indJS-list1 .text{width: 100%;height: 100%;border-radius: 50%;background: #fff;}
.indJS-list1 li::after{content: "";position: absolute;left: calc(50% - 1px);top: calc(100% - 1px);width: 2px;height: 80px;background: url('../images/index/indJS-line.png') no-repeat center top/100% 100%;}
.indJS-list1 li:nth-child(1){left: 14%;top: -1%;transition-delay: 1.8s;}
.indJS-list1 li:nth-child(2){left: 24%;top: -13%;transition-delay: 1.6s;}
.indJS-list1 li:nth-child(3){left: 34%;top: -1%;transition-delay: 1.4s;}
.indJS-list1 li:nth-child(4){left: 44%;top: -13%;transition-delay: 1.2s;}
.indJS-list1 li:nth-child(5){left: 54%;top: -1%;transition-delay: 1.4s;}
.indJS-list1 li:nth-child(6){left: 64%;top: -13%;transition-delay: 1.6s;}
.indJS-list1 li:nth-child(7){left: 74%;top: -1%;transition-delay: 1.8s;}
.indJS-list1 li:nth-child(8){left: 84%;top: -13%;transition-delay: 2s;}
.indJS-list1.active li{opacity: 0;}
.indJS-list1.active li:nth-child(1){margin: 5% 0 0 33% ;}
.indJS-list1.active li:nth-child(2){margin: 8% 0 0 23% ;}
.indJS-list1.active li:nth-child(3){margin: 5% 0 0 13% ;}
.indJS-list1.active li:nth-child(4){margin: 8% 0 0 3% ;}
.indJS-list1.active li:nth-child(5){margin: 5% 0 0 -7% ;}
.indJS-list1.active li:nth-child(6){margin: 8% 0 0 -17% ;}
.indJS-list1.active li:nth-child(7){margin: 5% 0 0 -27% ;}
.indJS-list1.active li:nth-child(8){margin: 8% 0 0 -37% ;}
.indPro-list{margin-left: -15px;}
.indPro-item{width: calc((100% / 3) - 15px);border-radius: 10px;overflow: hidden;margin: 15px 0 0 15px;}
.indPro-item::after{content: "";opacity: 0;transition: all .4s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: #0071c1;}
.indPro-bg,.indPro-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.indPro-bg img,.indPro-img img{width: 100%;height: 100%;}
.indPro-img{z-index: 4;}
.indPro-text{height: 300px;position: relative;z-index: 5;padding: 30px;}
.indPro-text .title-en{color: #686a6f;}
.indPro-text .title{margin-top: 2px;}
.indPro-item:nth-child(-n+2){width: calc(50% - 15px);}
.indPro-item:hover .indPro-text .title-en,.indPro-item:hover .indPro-text .title{color: #fff;}
.indPro-item:hover::after{opacity: 1;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indPro-text .title-en{font-size: 14px;}
    .indPro-text .title{font-size: 15px;}
    .banner-btm{bottom: 50px;}
    .indFA-gallery-con{padding: 50px;}
    .indNews-item .img img{height: 205px;}
    .indPro-text{height: 270px;padding: 25px 20px;}
    .indJS-text-list{margin:25px 0 0 -60px;}
    .indJS-text-list li{width: calc(20% - 60px);margin-left: 60px;}
    .indJS-text-list .text p{margin-top: 15px;}
}
@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{padding: 30px;}
    .indFA-gallery-con .list li{width: calc(100% / 3);}
    .indPro-text{height: 220px;padding: 15px;}
    .indJS-con{width: 900px;margin-top: 130px;}
    .indJS-text-list{margin: 25px 0 0 -30px;}
    .indJS-text-list li {width: calc(20% - 30px);margin-left: 30px;}
    .indPro-text .title-en{font-size: 12px;}
    .indPro-text .title{font-size: 13px;}
    .indNews-item .img img{height: 160px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-img img{height: auto;min-height: 250px;}
    .banner-btm{bottom: 10px;}
    .banner-scroll{display: none;}
    .banner-page{width: 20px;}
    .banner-btn{width: 30px;height: 30px;}
    .banner-line{width: 70px;}
    .indFA-gallery .gallery-more{border-radius: 8px;flex-direction: column-reverse;}
    .indFA-gallery-con{width: 100%;padding: 25px 15px;}
    .indFA-gallery-img{width: 100%;}
    .indFA-gallery-img .marsk{display: none;}
    .indFA-gallery-more{width: 70px;height: 60px;border-radius: 4px;right: 10px;bottom: 10px;}
    .indFA-gallery-more i::before{transform: rotate(180deg) scale(.5);}
    .indFA-gallery-more i{width: 20px;height: 20px;}
    .indFA-gallery-more span{font-size: 12px;margin-top: 2px;}
    .indFA-gallery-more:hover span{transform: translateY(-5px);}
    .indFA-gallery-more:hover i{transform: translateY(10px) scale(1.5);}
    .indFA-gallery-con .list li{font-size: 12px;padding-left: 10px;}
    .indFA-gallery-con .list li::after{top: 7px;width: 4px;height: 4px;}
    .indFA-thumbs-hide{width: 60px;height: 60px;}
    .thumbs-year.active .indFA-thumbs-text{transform: translateY(25px);}
    .indFA-thumbs-hide::after{left: -5px;top: -10px;width: calc(100% + 10px);height: calc(100% + 15px);}
    .indFA-thumbs .thumbs-year{padding: 30px 0;}
    .indFA-thumbs::after{top: 38px;}
    .indAb-num{padding: 0;}
    .indAb-num li{width: 48%;margin: 20px 0 0;display: flex;flex-direction: column;align-items: center;}
    .indNews-list{border-radius: 5px;}
    .indNews-item{padding: 25px 15px;width: 100%;border-left: unset;border-top: 1px solid #f0f0f0;}
    .indNews-item .label{width: 90px;height: 32px;}
    .indNews-item .date i{font-size: 15px;}
    .indNews-item .img{border-radius: 5px;}
    .indNews-item .img img{height: 180px;}
    .indPro-list{margin-left: 0;}
    .indPro-item{width: 100% !important;margin: 15px 0 0;border-radius: 5px;}
    .indPro-text{height: 200px;}
    .indJS{overflow: hidden;}
    .indJS-con{margin: 0;transform: scale(.5);}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}