@charset "utf-8";
/* ===================首页样式========================== */
.indTitle .title-en{text-transform: uppercase;}
.banner-img{position: relative;}
.banner-img::after{content: ""; z-index: 3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);}
.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;}
@media all and (max-width:1151px) {.banner .hasVideo .banner-img img.pc{animation: none;}.banner .hasVideo video{display: none;}}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;z-index: 5;}
.banner-con .title{opacity: 0;transform: translateY(100px);width: 570px;max-width: 100%;transition: all 1s .9s ease;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first-slide .banner-con .title{transition-delay: 0s;}
.banner-pagination-box{position: absolute;left: 0;bottom: 50px;width: 100%;z-index: 2;}
.banner-pagination .swiper-pagination-bullet{opacity: 1;background: transparent;width: 20px;height: 20px;margin-left: 20px;user-select: none;cursor: pointer;position: relative;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::after,.banner-pagination .swiper-pagination-bullet::before{transition: all .4s ease; border-radius: 50%; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-pagination .swiper-pagination-bullet::after{width: 6px;height: 6px;background: #fff;}
.banner-pagination .swiper-pagination-bullet::before{width: 100%;height: 100%;border: 1px solid #e21f2c;opacity: 0;}
.banner-pagination .swiper-pagination-bullet-active::after{background: #e21f2c;}
.banner-pagination .swiper-pagination-bullet-active::before{opacity: 1;}
.banner-scroll{user-select: none;cursor: pointer; position: absolute;right: 60px;bottom: 0;z-index: 3;display: flex;flex-direction: column;align-items: center;}
.banner-scroll .text{white-space: nowrap;text-transform: uppercase; position: absolute;left: 8px;bottom: calc(100% + 25px);transform: rotate(-90deg);transform-origin: left center;}
.banner-scroll .btn{width: 20px;height: 34px;border-radius: 40px;border: 2px solid #fff;overflow: hidden;}
.banner-scroll .btn::after{animation: banScroll 2s linear infinite; content: "";position: absolute;left: calc(50% - 3px);top: 0;width: 6px;height: 6px;border-radius: 50%;background: #fff;}
.banner-scroll .line{width: 1px;height: 60px;margin-top: 20px;background: #fff;}
@keyframes banScroll {0%{top: 0;}100%{top: 100%;}}
@keyframes banScroll2 {0%{transform: rotate(-90deg) translateX(-10px);}100%{transform: rotate(-90deg) translateX(0px);}}
.indAb{padding: 120px 70px 120px 210px;justify-content: space-between;}
.indAb-con{width: 41%;}
.indAb-num li{padding: 30px 0;position: relative;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;border-bottom: 1px solid #dddddd;}
.indAb-num li::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #e21f2c;transition: all .6s ease;}
.indAb-num-right{align-items: flex-end;}
.indAb-num-right .num{line-height: .8;transition: all .4s ease;margin-right: 15px;}
.indAb-num-right .text{transition: all .4s ease;}
.indAb-num li:hover::after{right: auto;left: 0;width: 100%;}
.indAb-num li:hover .indAb-num-right .num,.indAb-num li:hover .indAb-num-right .text{color: #e21f2c;}
.indAb-img{width: 47%;}
.indAb-img img{width: 100%;height: 100%;}
.indYY-gallery-bg{overflow: hidden;}
.indYY-gallery-bg img{width: 100%;height: calc(100vh - 60px);}
.indYY-gallery-con-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 60px;}
.indYY-gallery-con{height: 100%; padding-bottom: 200px;align-items: center;border-left: 1px solid rgba(255, 255, 255, .3);border-right: 1px solid rgba(255, 255, 255, .3);}
.indYY-thumbs-box{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 60px;z-index: 3;}
.indYY-thumbs{border-top: 1px solid rgba(255, 255, 255, .3);}
.indYY-thumbs-year{height: 200px; flex-direction: column; border-left: 1px solid rgba(255, 255, 255, .3);position: relative;}
.indYY-thumbs .swiper-slide:first-child .indYY-thumbs-year{border-left: unset;}
.indYY-thumbs-year::after{transition: all .6s ease;opacity: 0; content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% + 2px);background: url('../images/index/indYY-thumbs-bg.jpg') no-repeat center/cover;}
.indYY-thumbs-year .img{height: 64px;position: relative;z-index: 2;}
.indYY-thumbs-year .img img{max-height: 100%;}
.indYY-thumbs-year .title{position: relative;z-index: 3;margin-top: 15px;}
.indYY-thumbs-year.active::after{opacity: 1;}
.indYY-gallery-label{opacity: 0;transform: translateY(100px);transition: all 1s .3s ease;}
.indYY-gallery-title{opacity: 0;transform: translateY(100px);transition: all 1s .2s ease;}
.indYY-gallery-text{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;}
.indYY-gallery-slide .comBtn-box{opacity: 0;transform: translateY(100px);transition: all 1s 0s ease;}
.swiper-slide-active .indYY-gallery-label{opacity: 1;transform: translateY(0);transition-delay: 0s;}
.swiper-slide-active .indYY-gallery-title{opacity: 1;transform: translateY(0);transition-delay: .1s;}
.swiper-slide-active .indYY-gallery-text{opacity: 1;transform: translateY(0);transition-delay: .2s;width: 430px;max-width: 100%;}
.swiper-slide-active .indYY-gallery-slide .comBtn-box{opacity: 1;transform: translateY(0);transition-delay: .3s;}
.indCta-bg{position: absolute;left: 50%;bottom: 0; transform: translateX(-50%);width: 100%;}
.indCta-bg img{width: 100%;}
.indCta-con{position: relative;z-index: 2;}
.indCta-map{width: 46%;margin: 40px auto 0;}
.indCta-img img{width: 100%;}
.indCta-dot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.indCta-dot li{position: absolute;user-select: none;cursor: pointer;z-index: 2;}
.indCta-dot-btn i{display: block; width: 20px;height: 20px;border-radius: 50%;background: #e21f2c;position: relative;}
.indCta-dot-btn i::after{content: "";position: absolute;left: calc(50% - 2px);top: calc(50% - 2px);background: #fff;width: 4px;height: 4px;border-radius: 50%;}
.indCta-dot-btn span{position: absolute;right: calc(100% + 8px);top: 0;white-space: nowrap;}
.indCta-dot-text-box{position: absolute;right: 40px;bottom: 90px;opacity: 0;pointer-events: none;}
.indCta-dot-text{ clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);background: rgba(0, 0, 0, .5);padding: 25px 20px;width: 430px;}
.indCta-dot-line{margin-top: 10px;position: relative;}
.indCta-dot-line .line1{position: relative;height: 1px;}
.indCta-dot-line .line1::after{content: ""; position: absolute;height: 1px; right: 0;top: 0;width: 0;background: #e21f2c;}
.indCta-dot-line .line1::before{transform: scale(0); content: ""; position: absolute;left: 0;top: -4px;width: 9px;height: 9px;border-radius: 50%;background: #e21f2c;}
.indCta-dot-line .line2{position: absolute;left: 100%;top: 0;width: 80px;height: 1px;transform-origin: left center;transform: rotate(70deg);}
.indCta-dot-line .line2::after{content: ""; position: absolute;right: 0;top: 0;width: 0%;height: 1px;background: #e21f2c;}
.indCta-dot li.yingde{left: 63%;top: 83%;}
.indCta-dot li.dongguan{left: 65.5%;top: 85%;}
.indCta-dot li.hongkong{left: 66%;top: 89%;}
.indCta-dot li.dongguan .indCta-dot-btn span{right: auto;left: calc(100% + 8px);}
.indCta-dot li.hongkong .indCta-dot-btn span{right: 50%;top: calc(100% + 8px);transform: translateX(50%);}
.indCta-dot li:hover{z-index: 1;}
.indCta-dot li:hover .indCta-dot-btn span{color: #e21f2c;}
.indCta-dot li:hover .indCta-dot-text-box{opacity: 1;pointer-events: auto;}
.indCta-dot li:hover .indCta-dot-text{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition: all .8s .8s ease;}
.indCta-dot li:hover .indCta-dot-line .line1::after{width: 100%;transition: all .4s .4s linear;}
.indCta-dot li:hover .indCta-dot-line .line1::before{transform: scale(1);transition: .4s .65s ease;}
.indCta-dot li:hover .indCta-dot-line .line2::after{width: 100%;transition: all .4s linear;}
.indPro-box{background: #f6f6f6;padding: 0 60px;}
.indPro{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.indPro-title{width: 59%;padding:0 150px 40px 150px;display: flex;align-items: flex-end;height: 310px;}
.indPro-btn{width: 41%; padding:0 0 40px 40px;height: 310px;display: flex;flex-direction: column;justify-content: flex-end;border-left: 1px solid #ddd;}
.indPro-btn .btn{width: 70px;height: 70px;border-radius: 50%;background: #fff;color: #171717;margin-left: 30px;user-select: none;cursor: pointer;}
.indPro-btn .btn:hover{background: #e21f2c;color: #fff;}
.indPro-btn .btn:first-child{margin-left: 0;}
.indPro-btn .btn.next{transform: rotate(180deg);}
.indPro-swp{padding: 50px 0 120px 150px;border-top: 1px solid #ddd;overflow: hidden;}
.indPro-swp .swiper-container{overflow: visible;}
.indPro-slide .img img{width: 100%;}
.indPro-slide .title{height: 76px;background: #fff;}
.indPro-slide:hover .img img{transform: scale(1.08);}
.indPro-slide:hover .title{background: #e21f2c;color: #fff;}
.indHonor-swp{width: calc(100% + 40px);margin-left: -20px;}
.indHonor-swp .swiper-container{padding: 20px;}
.indHonor-slide{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);padding: 40px 55px;}
.indHonor-img{height: 480px;}
.indHonor-img .img{max-width: 100%;max-height: 100%;padding: 18px;background: url('../images/index/indHonor-bg.png') no-repeat center/100% 100%;}
.indHonor-img .img img{max-height: 100%;}
.indHonor-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #ccc;margin: 0 6px;opacity: 1;}
.indHonor-pagination .swiper-pagination-bullet-active{background: #e21f2c;}
/* clip出场效果 */
.imgScale{animation: imgScale 5s linear forwards;}
@keyframes imgScale {0%{transform: scale(1);}100%{transform: scale(1.08);}}
.clipLeft{animation: clipLeft 1.5s cubic-bezier(0.23,1,0.32,1) forwards;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.clipRight{animation: clipRight 2.5s cubic-bezier(0.23,1,0.32,1) forwards;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.clipTop{animation: clipTop 1.5s cubic-bezier(0.23,1,0.32,1) forwards;clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}
.clipBottom{animation: clipBottom 2.5s cubic-bezier(0.23,1,0.32,1) forwards;clip-path: polygon(100% 100%, 0 100%, 0 100%, 100% 100%);}
 @keyframes clipLeft {0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipRight {0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipTop {0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
 @keyframes clipBottom {0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indAb{padding: 100px 40px 100px 120px;}
    .indAb-num li{padding: 25px 0;}
    .indYY-gallery-con-box,.indYY-thumbs-box,.indPro-box{padding: 0 40px;}
    .indYY-gallery-con{padding-bottom: 170px;}
    .indYY-thumbs-year{height: 170px;}
    .indYY-thumbs-year .img{height: 55px;}
    .indCta-dot-btn i{width: 16px;height: 16px;}
    .indCta-dot-text{width: 400px;}
    .indPro-title{height: 250px;padding: 0 60px 30px 60px;}
    .indPro-swp{padding: 40px 0 90px 60px;}
    .indPro-btn{padding: 0 0 30px 30px;height: 250px;}
    .indPro-btn .btn{width: 50px;height: 50px;font-size: 14px;margin-left: 20px;}
    .indPro-slide .title{height: 55px;}
    .indHonor-img{height: 410px;}
    .indHonor-slide{padding: 30px 35px;}
    .banner-scroll{right: 35px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indAb{padding: 70px 40px 70px 90px;}
    .indAb-con{width: 45%;}
    .indYY-gallery-con{padding-bottom: 140px;}
    .indYY-thumbs-year{height: 140px;}
    .indYY-thumbs-year .img{height: 45px;}
    .indPro-title {height: 220px;padding: 0 30px 20px 30px;}
    .indPro-btn {padding: 0 0 20px 20px;height: 220px;}
    .indPro-swp {padding: 30px 0 60px 30px;}
    .indHonor-img{height: 320px;}
    .indHonor-slide{padding: 25px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-img img{height: 350px;}
    .banner-scroll{display: none;}
    .banner-pagination-box{bottom: 10px;}
    .banner-pagination .swiper-pagination-bullet{margin-left: 10px;}
    .indAb{padding: 40px 4%;}
    .indAb-con{width: 100%;}
    .indAb-num li{padding: 15px 0;}
    .indAb-num-right .num{font-size: 25px;margin-right: 10px;}
    .indAb-num-right{align-items: center;}
    .indAb-img{width: 100%;margin-top: 20px;}
    .indYY-gallery-con-box, .indYY-thumbs-box, .indPro-box{padding: 0 4%;}
    .indYY-gallery-bg img{height: 500px;}
    .indYY-thumbs .swiper-slide{height: auto;}
    .indYY-thumbs-year{height: 100%;padding: 15px 0; justify-content: flex-start;}
    .indYY-thumbs-year .img{height: 25px;width: 48px;}
    .indYY-thumbs-year .title{font-size: 12px;margin-top: 10px;}
    .indYY-gallery-slide .comBtn{width: 160px;}
    .indCta-dot-btn i{width: 4px;height: 4px;}
    .indCta-dot-btn i::after{display: none; width: 2px;height: 2px;left: calc(50% - 1px);top: calc(50% - 1px);}
    .indCta-dot-text-box{right: 20px;bottom: 30px;}
    .indCta-dot-text{width: 180px;padding: 10px;}
    .indCta-dot-text .title{font-size: 12px;}
    .indCta-dot-text .text{font-size: 12px;line-height: 1.5;}
    .indCta-dot-line .line1::before{width: 4px;height: 4px;top: -2px;}
    .indCta-dot-line{margin-top: 5px;}
    .indCta-dot-line .line2{width: 33px;transform: rotate(58deg);}
    .indCta-dot-btn span{right: calc(100% + 4px);}
    .indCta-dot li.dongguan .indCta-dot-btn span{left: calc(100% + 4px);}
    .indCta-dot li.hongkong .indCta-dot-btn span{top: calc(100% + 4px);}
    .indPro-title{height: auto;width: 100%;padding: 30px 15px;}
    .indPro-btn{padding: 30px 15px;width: 100%;height: auto;border-left: unset;border-top: 1px solid #ddd;}
    .indPro-btn .btn{width: 38px;height: 38px;font-size: 12px;margin-left: 12px;}
    .indPro-swp{padding: 0 15px 30px;border-top: unset;}
    .indPro-slide .title{height: 60px;font-size: 15px;}
    .indHonor-slide{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);padding: 15px;}
    .indHonor-swp{margin-left: -20px;}
    .indHonor-img{height: 170px;}
    .indHonor-title{margin-top: 15px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}