@charset "utf-8";
/* ===================首页样式========================== */
.ind-con{position: relative;overflow: hidden;padding: 130px 0;background: #f5f5f5;}
.ind-data{box-shadow: 0 5px 65px 0px rgba(0, 0, 0, .06);width: 100%;background: #fff;}
.ind-data li{float: left;width: 20%;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;height: 370px;}
.ind-data-img{position: relative;width: 80px;height: 80px;}
.ind-data .h{position: absolute;left: 0;top: 0;opacity: 0;}
.ind-data-num{color: #4d4d4d;}
.ind-data-num span{margin-right: 5px;}
.ind-data-text{color: #777;text-align: center;}
.ind-data li,.ind-data .s,.ind-data .h,.ind-data-num,.ind-data-text{transition: all .6s ease;}
.ind-data li:hover{background: #e71a19;transform: scale(1.1);}
.ind-data li:hover .h{opacity: 1;}
.ind-data li:hover .s{opacity: 0;}
.ind-data li:hover *{color: #fff;}
.ind-item{position: relative;margin-top: 130px;}
.ind-item-img{width: 1000px;overflow: hidden;}
.ind-item-img img{width: 100%;transition: all .6s ease;}
.ind-item-text{background: #fff; width: 650px;padding: 70px;box-shadow: 0px 5px 65px 0 rgba(0, 0, 0, .06);position: absolute;top: 50%;right: 0; transform: translateY(-50%);z-index: 1;}
.ind-item-text .title{font-weight: 700;color: #333;}
.ind-item-text .text{margin: 30px 0 50px;}
.ind-item-text .text span{font-weight: 700;}
.ind-item-text .btn { transition: all .4s ease; position: relative; border-radius: 20px; padding-right:10px;transition: all .4s ease;background-color: #e71a19; width: 150px;height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;}
.ind-item-text .btn::after{content: "";position: absolute;right: 25px;top: 50%;transform: translateY(-35%); width: 12px;height: 13px; background: url('../images/index/indImgBtn.png') no-repeat center/100% auto;}
.ind-item-text .btn:hover{background: #cc0908;}
.ind-item:nth-child(even) .ind-item-text{left: 0;}
.ind-item:nth-child(even) .ind-item-img{float: right;}
.ind-item:hover .ind-item-img img{transform: scale(1.1);}
.ind-title{color: #4d4d4d;position: relative;display: flex;align-items: center;justify-content: center;}
.ind-title span{display: inline-block; width: 20px;height: 4px;background: #e71a19;margin: 0 15px;}
/* 研发实力 */
.indRd{background: #fff;padding-bottom: 390px;}
.indRd-slide{margin: 15px 0; transition: all .6s ease;position: relative;z-index: 1;}
.indRd-slide::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 15, 51, .6);z-index: 1;}
.indRd-slide:hover{transform: scale(1.05);z-index: 5;}
.indRd-list-img{width: 100%;display: flex;align-items: center;}
.indRd-list-text{color: #fff; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;z-index: 2;justify-content: center;}
.indRd-list-text p{margin-top: 10px;width: 90%;text-align: center;}
.indRd-list-text p br{height: 10px;}
.indRd-list-text p:first-child{margin-top: 0;}
.indRd-list-mb{display: none;}
.ind.public-ban-text{position: absolute;left: 50%;top: 50%;letter-spacing: 6px;transform: translate(-50%,-50%);color: #fff;z-index: 2;font-family: "zk";}
/* .indRd-list-mb .indRd-slide::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 15, 51, .6);z-index: 1;} */

/* 合作案例 */
.indCase{position: relative;max-height: 460px;background: #f5f5f5;}
.indCase .contain-1500{transform: translateY(-400px);}
.indCase-swp{width: 100%;position: relative;height: 650px;}
.indCase-swp-mb{display: none;}
.indCase-swpImg-box{position: relative;}
.indCase-swpImg-text{position:absolute;left:0;top:0;width:100%;padding:8px;background:rgba(0,0,0,.7);color:#fff;text-align:center;}
.indCase-swp .swiper-slide{transform: translateX(-140px);transition: all .4s ease;}
.indCase-swp .swiper-slide img{width: 100%;transition: all .4s ease;}
.indCase-swp .swiper-slide.swiper-slide-active{width: 1000px !important;z-index: 10;transform: translate(-140px,-12%);}
.indCase-prev,.indCase-next{cursor: pointer; position: relative; z-index: 20; width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, .3);transition: all .4s ease;position: absolute;top:50%;transform: translateY(-50%);}
.indCase-prev::after,.indCase-next::after{content: "";transition: all .4s ease; position: absolute;transform: translate(-50%,-50%); left: 50%;top: 50%;width: 50%;height: 42%;background: url('../images/common/arrL.svg') no-repeat center/100% auto;}
.indCase-next::after{transform: translate(-50%,-50%) rotate(180deg);}
.indCase-prev{left: 280px;}
.indCase-next{right: 280px;}
.indCase-prev:hover::after,.indCase-next:hover::after{background-image: url('../images/common/arrLW.svg');}
.indCase-prev:hover,.indCase-next:hover{background: #e71a19;}
.indCase-pagination{position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);z-index: 20;}
.indCase .swiper-pagination-bullet{width: 20px;height: 3px;background: #fff;border-radius: unset;opacity: 1;margin-left: 10px;}
.indCase .swiper-pagination-bullet:first-child{margin-left: 0;}
.indCase .swiper-pagination-bullet-active{background: #e71a19;}
/* 资质荣誉 */
.indHonor-swp{position: relative;}
.indHonor-swp-dot{background: #fff; z-index: 10; position: relative; width: 20px;height: 20px;border-radius: 50%;border: 1px solid transparent;display: flex;align-items: center;justify-content: center;}
.indHonor-swp-dot i{width: 15px;height: 15px;border-radius: 50%;background: #a2a2a2;}
/* .indHonor-swp-dot::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-51%,-51%);  width: 23px;height: 23px;border-radius: 50%; border: 1px solid #e71a19;background: transparent;opacity: 0;} */
.indHonor-swp .swiper-slide{cursor: pointer; padding: 10px 0; display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;}
.indHonor-swp::after{content: "";width: calc(100% - 100px);height: 2px;top: 20px;background: #e7e7e7;position: absolute;left: 50%;transform: translateX(-50%);}
.indHonor-prev,.indHonor-next{cursor: pointer; width: 40px;height: 40px;border-radius: 50%;background: #e71a19;position: absolute;top: 0; z-index: 10;}
.indHonor-next{right: 0;}
.indHonor-prev{left: 0;}
.indHonor-prev::after,.indHonor-next::after{content: ""; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50%; height: 42%;background: url('../images/common/arrLW.svg') no-repeat center/100% auto;}
.indHonor-next::after{transform: translate(-50%,-50%) rotate(180deg);}
.indHonor-swp .swiper-slide-active .indHonor-swp-dot i{background: #e71a19;}
.indHonor-swp .swiper-slide-active .indHonor-swp-dot{border-color: #e71a19;width: 25px;height: 25px;}
.swiper-slide-active .indHonor-swp-date{color: #e71a19;font-size: 25px;}
.indHonor-swp .my-button-disabled{opacity: .4;}
.indHonor-list{padding-left: 120px;display: none;}
.indHonor-list li i{width: 15px;height: 15px;border-radius: 50%;border: 2px solid #e71a19;}
.indHonor-list li{display: flex;margin-top: 30px;color: #444;font-size: 16px;align-items: center;}
.indHonor-list li:first-child{margin-top: 0;}
.indHonor-list-date{padding-left: 25px;width: 12%;}
.indHonor-list-text{padding-left: 30px;width: 88%;}
/* 全球营销网络 */
.indMap{position: relative;overflow: hidden;width: 100%;}
.indMap-img img{width: 100%;}
.indMap-text{color: rgba(255, 255, 255, .8);}
.indMap-img .m{display: none;}
.indMap .ind-title{color: #fff;}
.indMap-con{text-align: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #fff;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .ind-item{margin-top: 100px;}
    .ind-item-img{width: 800px;}
    .ind-item-text{width: 550px;padding: 50px;}
    .indCase-swp .swiper-slide{transform: translateX(-100px);}
    .indCase-swp .swiper-slide.swiper-slide-active{width: 800px !important;transform: translate(-100px,-12%); }
    .indCase-next{right: 220px;}
    .indCase-prev{left: 220px;}
    .indCase-swp{height: 560px;}
    .indCase-pagination{bottom: 60px;}
    .indCase{max-height: 250px;}
    .ind-item-text .btn{width: 130px;height: 37px;}
    .ind-item-text .btn::after{right: 16px;}
}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .ind-data li{height: 320px;}
    .ind-data-img{width: 50px;height: 60px;}
    .ind-item-img{width: 700px;}
    .ind-item-text{width: 450px;padding: 40px;}
    .ind-item-text .text{width: 100%;margin: 20px 0 40px;}
    .ind-item-text .btn{width: 130px;height: 35px;}
    .ind-item-text .btn::after{transform: translateY(-42%);right: 17px;}
    .indRd-list-text{font-size: 16px;}
    .indCase-swp .swiper-slide.swiper-slide-active{width: 650px !important;}
    .indCase-swp .swiper-slide{transform: translateX(-60px);}
    .indCase-swp .swiper-slide.swiper-slide-active{transform: translate(-60px,-8%);}
    .indCase-prev{left: 170px;}
    .indCase-next{right: 170px;}
    .ind-con{padding: 80px 0 0;}
    .indCase-swp{height: 500px;}
    .indCase-pagination{bottom: 80px;}
    .indHonor-list{padding-left: 80px;}
    .indHonor-list-date{width: 17%;}
    .indHonor-list-text{width: 83%;padding-left: 30px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indRd-list{display: none;}
    .indRd-list-mb{display: block;}
    .ind-con{padding: 50px 0 20px;}
    .ind-data li{width: calc(100% / 3);height: 250px;padding-top: 50px;}
    .ind-data-text{font-size: 15px;}
    .ind-item{margin-top: 60px;}
    .ind-item-img,.ind-item-text{width: 100%;position: relative;transform: unset;float: unset;}
    .ind-item:nth-child(even) .ind-item-img{float: unset;}
    .ind-item-text .btn{width: 140px;height: 37px;}
    .indRd-list li{width: 50%;}
    .indRd-list-text{font-size: 18px;}
    .indCase-swp .swiper-slide.swiper-slide-active,.indCase-swp .swiper-slide{transform: unset;width:100% !important;}
    .indCase-swp{height: auto;display: none;}
    .indCase-swp-mb{display: block;}
    .indCase-prev, .indCase-next{display: none;}
    .indCase-pagination{bottom: 20px;}
    .indHonor-swp .swiper-container{width: 90%;}
    .indHonor-list{padding-left: 0;}
    .indHonor-list-date{width: 20%;}
    .indMap-text p{width: 80%;margin:20px auto;letter-spacing: 2px;}
    .indMap-img img{height: 450px;}
    .indMap-text{font-size: 20px;}
    .indCase-swpImg{padding-top: 0;}
    .indMap-img .p{display: none;}
    .indMap-img .m{display: block;height: 700px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indCase-swpImg-text {font-size: 12px;padding: 5px;}
    .ind-con{padding: 10px 0 20px;background: #fff;}
    .ind-con .contain-1500{width: 100%;}
    .ind-data{box-shadow: unset;padding: 0 10px;}
    .ind-data li{width: calc(100% / 3);height: 200px;padding-top: 30px;height: auto;}
    .ind-data li:nth-child(n+4){width: 50%;}
    .ind-data li:nth-child(n+4) .ind-data-text{padding: 0 10px;}
    .ind-data li:last-child{padding-bottom: 30px;}
    .ind-data-img{width: 35px;height: 40px;}
    .ind-data-num{font-size: 16px;}
    .ind-data-num span{font-size: 18px;}
    .ind.public-ban-text{letter-spacing: 2px;font-size: 26px;}
    .ind-data-text{font-size: 12px;padding: 0 5px;line-height: 20px;}
    .ind-item{margin-top: 10px;}
    .ind-item-text{padding: 15px;}
    .ind-item-text .text {margin: 5px 0 20px;line-height: 25px;font-size: 14px;}
    .ind-item-text .btn{width: 100px;height: 31px;font-size: 14px;}
    .ind-item-text .btn::after {right: 10px;width: 9px;height: 11px;transform: translateY(-50%);}
    .indRd{padding: 30px 0;}
    .indRd-list{margin-top: 25px;}
    .indRd-list li{width: 100%;margin-top: 10px;}
    .indRd-list li:first-child{margin-top: 0;}
    .indRd-list-text{font-size: 18px;}
    .indCase{min-height: unset;max-height: unset;}
    .indCase .contain-1500{transform: unset;padding:30px 0;width: 100%;}
    .ind-title span{width: 15px;height: 3px;margin: 0 6px;}
    .indCase-pagination {bottom: 5px;display: none;}
    .indCase .swiper-pagination-bullet{width: 15px;margin-left: 5px;}
    .indCase-swp{margin-top: 10px;}
    .indHonor-prev, .indHonor-next{width: 30px;height: 30px;display: none;}
    .indHonor-swp .swiper-container,.indHonor-swp::after{width: 100%;}
    .indHonor-swp-dot i{width: 12px;height: 12px;}
    .indHonor-swp .swiper-slide-active .indHonor-swp-dot{width: 18px;height: 18px;}
    .indHonor-swp-date{font-size: 16px;}
    .indHonor-swp{margin-top: 15px;}
    .indHonor-swp-dot{width: 18px;height: 18px;}
    .indHonor-swp::after{top: 18px;}
    .indHonor-list{margin-top: 20px;}
    .indHonor-list li{flex-wrap: wrap;}
    .indHonor-list li i{width: 12px;height: 12px;}
    .indHonor-list-text{width: 100%;margin-top: 5px;padding-left: 22px;}
    .indHonor-list-date{width: auto;padding-left: 10px;}
    .indMap-img .m{height: auto;}
    .indMap-text{font-size: 14px;margin-top: 15px;}
    .indMap-text p{margin: 10px 0;width: 100%;letter-spacing: 1px;}
    .indRd-slide{margin: 0;}
    
}