@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{width: max(700px,9.7rem);max-width: 100%;}
.banner-con .title,.banner-con .comMore-box{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease;}
.banner-con .title{transition-delay: 1s;}
.banner-con .comMore-box{transition-delay: 1.1s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.banner-pagination{user-select: none;z-index: 2;position: absolute;left: 0;bottom: max(20px,0.4rem);width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: max(10px,0.12rem);height: max(10px,0.12rem);opacity: 1;background: transparent;border: max(1px,0.02rem) solid #fff;margin: 0 5px;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #e70015;background: #e70015;}
.indAb{border-bottom: 1px solid #eee;background: url('../images/index/indAb-bg.jpg') no-repeat center/cover;}
.indAb .indTitle{width: 48%;}
.indMap-con-box{justify-content: center;}
.indMap-con{width: 19.14rem;}
.indMap-bg img{width: 100%;}
.indMap-list{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indMap-list li{position: absolute;}
.indMap-list .dot1{width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #4aa7e2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indMap-list .dot2{position: absolute;left: 50%;bottom: 0.06rem;transform: translateX(-50%);width: 0.25rem;height: 0.27rem;background: url('../images/index/indMap-dot.png') no-repeat center/100% auto;}
.indMap-list .title{font-size: 0.14rem; white-space: nowrap; position: absolute;left: 0.12rem;top: 50%;transform: translateY(-50%);}
.indMap-list .text{font-size: 0.16rem; white-space: nowrap;position: absolute;left: 0.24rem;top: 50%;transform: translateY(-60%);}
.indMap-list li.Guangzhou .title,.indMap-list li.Dongguan .title,.indMap-list li.Shenzhen .title,.indMap-list li.Singapore .title{left: auto;right: 0.12rem;}
.indMap-list li.Guangzhou .title{top: -0.12rem;}
.indMap-list li.Shenzhen .title{top: 0.12rem;}
.indMap-tips{position: absolute;left: 58%;bottom: 20%;z-index: 10;color: #000;}
.indMap-tips li{align-items: flex-start;}
.indMap-tips li:first-child{margin-top: 0;}
.indMap-tips .dot{width: 0.16rem;margin: 0.05rem 0.1rem 0 0;}
.indMap-tips .text{font-size: 0.16rem;line-height: 0.2rem;}
.indMap-tips li:first-child .dot i{display: block;width: 100%;height: 0.18rem;background: url('../images/index/indMap-dot.png') no-repeat center/100% auto;}
.indMap-tips li:nth-child(2) .dot i{display: block;width: 0.12rem;height: 0.12rem;border-radius: 50%;background: #4aa7e2;}
.indSer-bg img{width: 100%;height: 9.3rem;transform: scale(1.1);transition: all 3s linear 1s;}
.indSer-bg::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: linear-gradient(to right,rgba(0,0,0,.5) 0%,transparent 60%);}
.indSer-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.indSer-con .text{width: max(500px,7.8rem);max-width: 100%;}
.swiper-slide-active .indSer-bg img{transform: scale(1);transition-delay: 0s;}
.indSer-list{position: absolute;left: 0;bottom: -1px;width: 100%;z-index: 4;}
.indSer-list .list{margin-left: -2px;}
.indSer-list .item{margin-left: 2px;flex: 1;background: rgba(255, 255, 255, .9);height: max(50px,1rem);user-select: none;cursor: pointer;}
.indSer-list .item:hover{background: #fff;}
.indSer-list .item.active,.indSer-list .item.active:hover{background: #e70015;color: #fff;}
.indHonor{background: url('../images/index/indHonor-bg.jpg') no-repeat center/cover;}
.indHonor-flex{justify-content: space-between;align-items: flex-start;}
.indHonor-left{width: 48%;justify-content: flex-end;position: relative;}
.indHonor-logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: calc(100% - 2.6rem);}
.indHonor-logo .box{position: relative;height: 4.6rem;padding-right: 2.6rem;}
.indHonor-logo .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indHonor-logo img{position: relative;z-index: 2;max-width: 90%;}
.indHonor-swp{width: 5.2rem;position: relative;z-index: 2;background: #fff;box-shadow: 0px 0px max(15px,0.3rem) 0px rgba(0, 0, 0, 0.05);}
.indHonor-slide{height: 6.4rem;}
.indHonor-slide img{max-width: 85%;max-height: 85%;}
.indHonor-right{width: 44%;padding-right: var(--widDb);}
.indHonor-item:first-child{margin-top: 0;}
.indHonor-item{padding-left: max(14px,0.26rem);user-select: none;cursor: pointer;}
.indHonor-item::after{content: "";position: absolute;left: 0;top: max(6px,0.08rem);width: max(4px,0.08rem);height: max(4px,0.08rem);border-radius: 50%;background: #999;transition: all .4s ease;}
.indHonor-item:hover,.indHonor-item.active{color: #000;}
.indHonor-item.active::after{background: #e70015;}
.indNews-slide .img img{width: 100%;height: 3.2rem;}
.indNews-slide:hover .img img{transform: scale(1.1);}
.indNews-slide:hover .title{color: #e70015;}
.indNews-btn{user-select: none;cursor: pointer;z-index: 2;position: absolute;left: -0.84rem;top: 40%;transform: translateY(-50%);width: max(36px,0.54rem);height: max(36px,0.54rem);border-radius: 50%;border: 1px solid #000;}
.indNews-btn.next{left: auto;right: -0.84rem;transform: translateY(-50%) rotate(180deg);}
.indNews-btn:hover{background: #e70015;border-color: #e70015;color: #fff;}
/* -------------------------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) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-bg img{height: 300px;}
    .indAb .indTitle{width: 100%;}
    .indSer-bg img{height: 400px;}
    .indSer-con .text{width: 100%;}
    .indSer-con .contain{padding-top: 40px;}
    .indSer-bg::after{background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);}
    .indSer-list .list{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indSer-list .item{flex: unset;padding: 0 15px;}
    .indHonor-right{display: none;}
    .indHonor-logo{display: none;}
    .indHonor-left{width: 100%;justify-content: center;flex-direction: column;align-items: center;}
    .indHonor-swp{width: 65%;}
    .indHonor-slide{height: 300px;}
    .indNews-btn{display: none;}
    .indNews-slide .img img{height: 210px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}