/* 首页幻灯 */
.side{width:100%;height:calc(100vh - 70px);overflow: hidden;margin-top:70px}
.side-box{width:100%;height:100%;overflow: hidden;}
.side-box>img{display: block;width:100%;height:100%;object-fit: cover;}
.side-box>video{display: block;width:100%;height:100%;object-fit:cover;object-position:center}
.side .layui-carousel-ind>ul{background:none;border-radius:0;}
.side .layui-carousel-ind>ul>li{background-color:#fff;}
.side .layui-carousel-ind>ul>li.layui-this{width:40px;border-radius:5px;background:#e50112}
.side-tent{position: absolute;width:1400px;bottom:80px;left:50%;transform: translateX(-50%);}
.side-tent-text{width:75%;font-size:60px;line-height:80px;;color:#fff}
@media (max-width: 1400px){
    .side-tent{width:100%;padding:0 15px;}
}
@media (max-width: 1200px){
    .side-tent-text{width:100%;font-size:40px;line-height:60px;}
}
@media (max-width: 1000px){
    .side{height:60vw}
}
@media (max-width: 860px){
    .side{margin-top:50px}
    .side-tent{bottom:40px}
    .side-tent-text{font-size:20px;line-height:30px;}
    .layui-carousel-ind ul li{width:8px;height:8px;border-radius:50%;}
}
/* 首页介绍 */
.about{width:100%;margin-top:100px}
.about-box{position: relative;z-index:1;}
.about-first{width:100%;}
.about-first-title{width:38%;font-size:42px;line-height:45px;}
.about-first-text{width:57%;overflow: hidden;}
.about-first-text>p{width:100%;font-size:16px;line-height:32px;}
.about-first-text>p:nth-child(n+2){margin-top:15px}
.about-buss{width:100%;margin-top:100px;}
.about-buss-bt{width:100%;font-size:42px;line-height:50px;}
.about-buss-box{width:100%;border-top:3px solid #e50112;margin-top:30px;box-shadow: 0 3px 6px rgba(0, 0, 0, .08);}
.about-buss-item{width:calc(100%/3);height:280px;background: #fff;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);align-items: center;position: relative;}
.about-buss-item:nth-child(3n){border-right:0;}
.about-buss-info{width:100%;text-align: center;}
.about-buss-icon{width:80px;height:80px;margin:0 auto}
.about-buss-icon>img{display: block;width:100%;height:100%;object-fit: cover;}
.about-buss-title{width:100%;margin-top:30px;font-size:22px}
.about-buss-tent{position: absolute;width:100%;height:0;left:0;bottom:0;transition: all .3s;overflow: hidden;}
.about-buss-image{width:100%;height:100%;overflow: hidden;position: relative;}
.about-buss-image>img{display: block;width:100%;height:100%;object-fit: cover;}
.about-buss-image::after{position: absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0,.4);}
.about-buss-text{position: absolute;width:100%;height:100%;left:0;top:0;padding:30px;display: flex;flex-direction: column;justify-content: space-between;}
.about-buss-text-title{width:100%;font-size:22px;line-height:30px;color:#fff}
.about-buss-text-text{width:100%;line-height:28px;overflow: hidden;color:#eee;font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.about-buss-text-more{width:100%;}
.about-buss-text-more>a{float: left;font-size:16px;line-height:25px;color:#fff;border-bottom:1px solid #fff;}
.about-buss-text-more>a:hover{color:#e50112;border-bottom:1px solid #e50112;}
.about-buss-tent.this{height:100%}
.about-buss-item:hover .about-buss-tent{height:100%;}
.about-bg{width:100%;height:700px;position: relative;top:-50px}
.about-bg>img{display: block;width:100%;height:100%;object-fit: cover;}
@media (max-width: 1400px){
    .about-first{padding:0 15px}
    .about-buss{width:calc(100% - 30px);margin:0 auto;margin-top:100px}
    .about-bg{height:50vw}
}
@media (max-width: 1000px){
    .about-first-title{width:100%;text-align: center;}
    .about-first-text{width:100%;margin-top:30px}
}
@media (max-width: 860px){
    .about{margin-top:50px;}
    .about-first-title{font-size:24px;line-height:30px;}
    .about-first-text>p{line-height:28px;}
    .about-buss{ margin-top:50px}
    .about-buss-bt{font-size:24px;line-height:30px;text-align: center;}
    .about-buss-item{width:calc(100%/2);height:200px}
    .about-buss-item:nth-child(3n){border-right:1px solid rgba(0, 0, 0, .1);}
    .about-buss-item:nth-child(2n){border-right:0;}
    .about-buss-text-text{-webkit-line-clamp:2}
    .about-buss-text{padding:20px 10px;}
    .about-buss-text-title{font-size:20px;}
    .about-buss-icon{width:60px;height:60px}
    .about-buss-title{padding:0 10px;font-size:20px;text-align: center;}
    .about-buss-item:nth-child(n+2) .about-buss-title{margin-top:15px;}
}
.num{width:100%;margin-top:50px;}
.num-box{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}
.num-box-item{width:100%;}
.num-box-item:nth-child(n+2){border-left:1px solid rgba(0,0,0,.1);}
.num-box-tips{width:100%;text-align: center;font-size:16px;text-transform: uppercase;line-height:20px;}
.num-box-num{width:100%;margin-top:30px;text-align: center;font-size:70px;font-family:'BebasNeue';color:#e50112;line-height:70px;}
.num-box-num>em{font-style:normal;}
@media (max-width: 1400px){
    .num{padding:0 15px}
}
@media (max-width: 1200px){
    .num-box-tips{min-height:40px}
    .num-box-num{font-size:50px;line-height:50px;}
}
@media (max-width: 860px){
    .num{margin-top:0}
    .num-box{grid-template-columns: 1fr 1fr;}
    .num-box-item:nth-child(2n-1){padding-right:5px}
    .num-box-item:nth-child(2n){padding-left:5px}
    .num-box-num{font-size:40px;line-height:40px;margin-top:15px;}
    .num-box-item:nth-child(n+2){border:0;}
    .num-box-item:nth-child(2n){border-left:1px solid rgba(0,0,0,.1);}
    .num-box-item:nth-child(n+3){margin-top:30px}
}
.mark{width:100%;overflow: hidden;margin-top:100px;}
.mark-image{width:50%;height:auto;}
.mark-image>img{display: block;width:100%;height:100%;object-fit: cover;}
.mark-box{width:50%;padding:80px 0;background:#E9EDF3;overflow: hidden;}
.mark-tent{width:700px;padding-left:80px;overflow: hidden;}
.mark-tent-title{width:100%;font-size:58px;font-weight:500;line-height:70px;}
.mark-tent-text{width:100%;font-size:16px;font-weight:300;line-height:28px;margin-top:50px}
.mark-side{width:100%;position: relative;}
.mark-side-box{width:100%;}
.mark-side-num{width:100%;overflow: hidden;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1);font-size:42px;line-height:42px;}
.mark-side-title{width:100%;font-size:16px;font-weight:500;line-height:28px;margin-top:30px}
.mark-side-text{width:100%;font-size:16px;font-weight:300;line-height:28px;margin-top:10px}
.mark-side-card{width:100%;margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;}
.mark-side-card-item{width:100%;background:#fff;padding:30px 10px;border-radius:8px;transition:all .3s;}
.mark-side-card-num{width:24px;height:24px;background: #fb6800;background: linear-gradient(-35.3deg, #fb6800f7 0%, #fb3600f7 0%, #fb7900 100%);background: linear-gradient(138.8deg, #e50112 0%, #fb3600f7 0%, #e50112 100%);box-shadow: 0 5px 16px -3px #fb4a00;border-radius:50%;line-height:24px;text-align: center;position: relative;z-index:1;font-size:12px;color:#fff;margin:0 auto;transition:all .3s;}
.mark-side-card-text{width:100%;font-weight:300;margin-top:20px;text-align: center;line-height:18px;transition:all .3s;}
.mark-side-card-item:hover{cursor: pointer;background:#e50112;}
.mark-side-card-item:hover .mark-side-card-num{background:#fff;color:#e50112}
.mark-side-card-item:hover .mark-side-card-text{color:#fff}
.mark-side-item{width:100%;margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.mark-side-item-box{width:100%;background:#fff;padding:30px 15px;border-radius:8px;transition:all .3s;}
.mark-side-item-box:hover{cursor: pointer;background:#f5f5f5;}
.mark-side-item-icon{width:36px;height:36px;overflow: hidden;}
.mark-side-item-icon>img{display:block;width:100%;}
.mark-side-item-title{font-size:14px;line-height:20px;font-weight:500;margin-top:15px;}
.mark-side-item-text{width:100%;padding-top:15px;border-top:1px solid rgba(0,0,0,.1);margin-top:15px;font-weight:300;line-height:20px;}
.mark-tent-info{width:100%;position: relative;padding-bottom:80px;}
.mark-side .swiper-button-next,.mark-side .swiper-button-prev{width:24px;height:24px;line-height:24px;background:#fff;text-align: center;top:unset;color:#999;transition:all .3s;}
.mark-side .swiper-button-next:hover,.mark-side .swiper-button-prev:hover{background:#e50112;color:#fff}
.mark-side .swiper-button-next:after,.mark-side .swiper-button-prev:after{font-size:14px;}
.mark-side .swiper-button-prev{left:calc(100% - 50px);top:30px}
.mark-side .swiper-button-next{right:0;top:30px;background: #e50112;color:#fff}
@media (max-width: 1400px){
    .mark-tent{width:100%;padding-left:40px;}
}
@media (max-width: 1200px){
    .mark-image{width: 100%;}
    
    .mark-box{width:100%;}
    .mark-tent{padding:0 15px;}
}
@media (max-width: 860px){
    .mark{margin-top:50px}
    .mark-box{padding:50px 0}
    .mark-image{height:70vw}
    .mark-tent-title{font-size:24px;line-height:30px;text-align: center;}
    .mark-tent-text{margin-top:30px}
    .mark-tent-info{padding-bottom:30px}
    .mark-side-num{font-size:20px;line-height:30px;}
    .mark-side-card{margin-top:30px;grid-template-columns:1fr 1fr 1fr}
    .mark-side-item{margin-top:30px;grid-template-columns:1fr 1fr}
}
.chain{width:100%;margin:100px 0;overflow: hidden;}
.chain-title{width:100%;font-size:58px;line-height:70px;text-align: center;font-weight:500;}
.chain-text{width:100%;margin-top:50px;font-size:16px;font-weight:300;text-align: center;line-height:28px;}
.chain-image{width:100%;height:auto;overflow: hidden;position: relative;margin-top:100px}
.chain-image>img{display: block;width:80%;margin:0 auto}
.chain-icon{position: absolute;top:50px;right:50px;width:38px;overflow: hidden;}
.chain-icon>li{width:100%;overflow: hidden;}
.chain-icon>li:nth-child(n+2){margin-top:25px}
.chain-icon>li>img{display: block;width:100%;}
@media (max-width: 1400px){
    .chain{padding:0 15px}
}
@media (max-width: 1200px){
    .chain-image>img{width:100%;}
}
@media (max-width: 860px){
    .chain{margin:50px 0}
    .chain-title{font-size:24px;line-height:30px;}
    .chain-image{margin-top:30px}
    .chain-icon{top:0;right:0;width:24px;}
    .chain-icon>li:nth-child(n+2){margin-top:10px}
}
.capa{width:100%;padding:100px 0;background:#E9EDF3;}
.capa-title{width:100%;font-size:58px;line-height:70px;text-align: center;font-weight:500;}
.capa-image{width:100%;overflow: hidden;margin-top:80px;}
.capa-image>img{display: block;width:80%;margin:0 auto}
@media (max-width: 1400px){
    .capa{padding:100px 15px}
}
@media (max-width: 1200px){
    .capa-image>img{width:100%;}
}
@media (max-width: 860px){
    .capa{padding:50px 15px}
    .capa-title{font-size:24px;line-height:30px;}
    .capa-image{margin-top:30px}
}
.cert{width:100%;height:auto;background:url('../image/cert_bg.webp') center no-repeat;background-size:cover;padding:100px 0}
.cert-title{width:100%;font-size:58px;line-height:70px;text-align: center;font-weight:500;color:#fff}
.cert-box{width:100%;background:rgba(255,255,255,.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:50px;border-radius:20px;margin-top:200px}
.cert-list{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:30px;}
.cert-list>li{width:100%;max-width:120px;overflow: hidden;margin:0 auto}
.cert-list>li>img{display: block;width:100%;}
.cert-text{width:100%;margin-top:50px;color:#fff;font-weight:300;text-align: center;}
@media (max-width: 1400px){
    .cert{padding:100px 15px}
}
@media (max-width: 1200px){
    .cert-box{margin-top:100px}
}
@media (max-width: 1000px){
    .cert-list{grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media (max-width: 860px){
    .cert{padding:50px 15px}
    .cert-title{font-size:24px;line-height:30px;}
    .cert-box{margin-top:50px;padding:30px}
    .cert-list{grid-template-columns:1fr 1fr 1fr;}
}
.store{width:100%;padding:100px 0;background:#E9EDF3;}
.store-title{width:100%;font-size:58px;line-height:70px;text-align: center;font-weight:500;}
.store-text{width:100%;font-size:18px;text-align: center;line-height:32px;margin-top:30px}
.store-image{width:100%;margin-top:80px;}
.store-image>img{display: block;width:80%;margin:0 auto}
.store-list{width:100%;margin-top:50px;justify-content:center}
.store-list>li{display: block;line-height:20px;font-size:16px;font-weight:300;min-width:150px;max-width:calc(100%/6);padding:30px 20px 0;text-align: center;position: relative;}
.store-list>li::after{position: absolute;content:'';left:50%;transform: translateX(-50%);top:-12px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #e50112;}
.store-list>li::before{position: absolute;content:'';left:0;top:-1px;width:100%;height:2px;background:rgba(0,0,0,.15);}
@media (max-width: 1400px){
    .store{padding:100px 15px}
}
@media (max-width: 1200px){
    .store-image>img{width:100%;}
}
@media (max-width: 1000px){
    .store-list>li{min-width:100px;}
}
@media (max-width: 860px){
    .store{padding:50px 15px}
    .store-title{font-size:24px;line-height:30px;}
    .store-text{font-size:16px}
    .store-image{margin-top:50px}
    .store-list>li{width:calc(100% / 3);max-width:calc(100% / 3);}
    .store-list>li:nth-child(n+4){margin-top:30px}
}