.qc-experience,.qc-superior,.qc-video{position:relative;padding:3% 0}
.qc-honor{position:relative;}
.qc-title-wrap{text-align:center}
.qc-title1{font-size:var(--fontsize24);font-weight:700;line-height:1.2}
.qc-title2{font-size:var(--fontsize20);font-weight:700;margin-bottom:29px;text-decoration:underline;text-underline-offset:6px;text-align:center}
.line{width:50px;height:3px;background:var(--color);margin:20px auto}
.qc-p{max-width:800px;margin:0 auto}
@media (max-width:990px){.line{margin:15px auto 10px auto}
}
@media (max-width:768px){.qc-experience,.qc-superior,.qc-video{padding:30px 0}
}
@media (max-width:500px){.qc-title1{font-size:var(--fontsize20)}
.qc-title2{font-size:var(--fontsize18)}
}
.banner-inner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner-inner .banner-img .banner-title{font-size:40px;color:#fff;font-weight:700;margin-bottom:30px;line-height:1.2}
.banner-inner .banner-img .banner-p{color:#fff;line-height:1.6}
@media (max-width:1280px){.banner-inner .banner-img .banner-title{font-size:34px;margin-bottom:20px}
}
@media (max-width:990px){.banner-inner .banner-text{width:80%}
}
@media (max-width:768px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize26);margin-bottom:15px}
}
@media (max-width:500px){.banner-inner .banner-img .banner-title{font-size:var(--fontsize22)}
.banner-inner .banner-text{width:90%}
.banner-inner .banner-img .banner-p{font-style:var(--fontsize14)}
}
.qc-superior .fabric-wrap{margin-top:39px;text-align:center}
.qc-superior .fabric-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.qc-superior .fabric-list .li{width:22%;display:flex;flex-direction:column;align-items:center}
.qc-superior .fabric-list .li-top{position:relative;padding:20px;box-shadow:0 10px 20px 0 rgba(7,0,2,.1);border-radius:50%;border:3px solid #fff;transition:border .3s linear}
.qc-superior .fabric-list .li:hover .li-top{border-color:var(--color)}
.qc-superior .fabric-list .li-top .li-img{background:#fff;border-radius:50%;overflow:hidden}
.qc-superior .fabric-list .li-top img{display:block;object-fit:cover;max-width:100%;border-radius:50%;transition:all .3s ease-in-out}
.qc-superior .fabric-list .li:hover img{transform:scale(1.1)}
.qc-superior .fabric-list .li-num{position:absolute;top:50%;left:-20px;transform:translateY(-50%);font-size:var(--fontsize20);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--color);transition:transform .3s linear}
.qc-superior .fabric-list .li-num span{position:relative;z-index:2}
.qc-superior .fabric-list .li-num::after,.qc-superior .fabric-list .li-num::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color);border-radius:50%}
.qc-superior .fabric-list .li-num::before{width:50px;height:50px;opacity:.5}
.qc-superior .fabric-list .li-num::after{width:70px;height:70px;opacity:.2}
.qc-superior .fabric-list .li:hover .li-num{transform:translateY(-40px)}
.qc-superior .fabric-list .li-text{margin-top:26px}
.qc-superior .fabric-list .li-p1{font-size:var(--fontsize18);font-weight:700;color:#111;line-height:1.2;margin-bottom:10px}
.qc-superior .fabric-list .li-p2{color:#111}
.qc-superior .glue-wrap{margin-top:60px}
.qc-superior .glue-wrap .qc-title2{margin-bottom:40px}
.qc-superior .glue-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.qc-superior .glue-list .li{width:48%;padding:20px 30px 20px 20px;background:#f7f7f7;border-radius:4px;display:flex;justify-content:space-between;flex-wrap:wrap;transition:background .3s linear,box-shadow .3s linear,transform .3s linear}
.qc-superior .glue-list .li:hover{background:#fff;box-shadow:0 10px 20px 0 rgba(7,0,2,.1);transform:translateY(-5px)}
.qc-superior .glue-list .li-img{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.qc-superior .glue-list .li-img img{width:100%;transition:transform .3s linear}
.qc-superior .glue-list .li:hover img{transform:scale(1.1)}
.qc-superior .glue-list .li-text{padding:10px 20px 10px 50px;width:70%;display:flex;flex-direction:column;justify-content:center}
.qc-superior .glue-list .li-p1{font-size:var(--fontsize18);font-weight:700;margin-bottom:10px}
@media (max-width:1024px){.qc-superior .fabric-list{padding:0 20px}
}
@media (max-width:990px){.qc-superior .fabric-wrap{margin-top:20px}
.qc-superior .fabric-list .li{width:46%;margin-bottom:30px}
.qc-superior .fabric-list .li:nth-last-child(-n+2){margin-bottom:0}
.qc-superior .glue-wrap{margin-top:40px}
.qc-superior .glue-list .li{width:100%;margin-bottom:20px}
.qc-superior .glue-list .li:last-child{margin-bottom:0}
}
@media (max-width:768px){.qc-superior .fabric-list .li{margin-bottom:20px}
.qc-superior .fabric-list .li-num{width:30px;height:30px;font-size:var(--fontsize14)}
.qc-superior .fabric-list .li-num::before{width:40px;height:40px}
.qc-superior .fabric-list .li-num::after{width:50px;height:50px}
.qc-superior .glue-wrap{margin-top:30px}
.qc-superior .glue-wrap .qc-title2{margin-bottom:20px}
}
@media (max-width:500px){.qc-superior .qc-title2{margin-bottom:20px}
.qc-superior .fabric-list .li{width:100%}
.qc-superior .fabric-list .li:nth-child(3){margin-bottom:20px}
.qc-superior .glue-list .li-text{padding:0 20px}
}
.qc-experience::before{content: "";position: absolute;top: 0;left: -260px;width: 1920px;height: 100%;background-color: #F7F7F7;z-index: 1;}
.qc-exper-content{position: relative;z-index: 2;}
.qc-experience .exper-item1{margin-top:40px}
.qc-experience .exper-item2{margin-top:60px}
.qc-experience .exper-list,.qc-experience .exper-list1{margin-top:65px;display:flex;justify-content:space-between;flex-wrap:wrap}
.qc-experience .exper-list .li,.qc-experience .exper-list1 .li{position:relative;width:24%;text-align:center;background:#fff;border-radius:4px;box-shadow:0 10px 20px 0 rgba(7,0,2,.1);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s linear;list-style:none}
.qc-experience .li:hover{transform:translateY(-10px)}
.qc-experience .exper-list1 .li{width:32%}
.qc-experience .li-num{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:var(--fontsize20);color:#f7f7f7;width:50px;height:50px;margin:0 auto;background:var(--color);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.qc-experience .li-img{overflow:hidden;border-radius:0 0 4px 4px}
.qc-experience .li-img img{transition:transform .3s linear}
.qc-experience .li:hover .li-img img{transform:scale(1.05)}
.qc-experience .li-text{padding:55px 15px 30px 15px}
.qc-experience .li-p1{font-size:var(--fontsize18);font-weight:700;line-height:1.4}
@media (max-width:1280px){.qc-experience .exper-item2{margin-top:50px}
.qc-experience .exper-list,.qc-experience .exper-list1{margin-top:50px}
.qc-experience .li-text{padding:35px 15px 20px 15px}
}
@media (max-width:990px){.qc-experience .exper-item1{margin-top:20px}
}
@media (max-width:768px){.qc-experience .exper-list .li{width:48%;margin-bottom:50px}
.qc-experience .exper-list .li:nth-last-child(-n+2){margin-bottom:0}
.qc-experience .exper-list1 .li{width:48%;margin-bottom:50px}
.qc-experience .exper-list1 .li:last-child{margin-bottom:0}
}
@media (max-width:500px){.qc-experience .exper-list,.qc-experience .exper-list1{margin-top:40px}
.qc-experience .exper-item2{margin-top:40px}
.qc-experience .exper-list1 .li{margin-bottom:40px}
.qc-experience .li-num{width:40px;height:40px;top:-20px;font-size:var(--fontsize18)}
.qc-experience .li-text{padding:25px 10px 10px 10px}
.qc-experience .li-p1{font-size:var(--fontsize16)}
.qc-experience .li-p2{font-size:var(--fontsize14)}
}
.qc-video{color: #fff;}
.qc-video::before{content: "";position: absolute;top: 0;left: -260px;width: 1920px;height: 100%;background: linear-gradient(to top,white 0%,white 40%,#225D8F 40%,#225D8F 0);z-index: 1;}
.qc-video .qc-video-content{position: relative;z-index: 2;}
.qc-video .video-swiper{margin-top:50px;padding-bottom:40px}
.qc-video iframe{width:100%;min-height:405px}
.qc-video .video-slide-p{font-size:var(--fontsize18);font-weight:700;color:#000;background:#f7f7f7;text-align:center;padding:20px 0;line-height:1.2}
.qc-video .swiper-pagination{bottom:0}
.qc-video .swiper-pagination-bullet{background:#07ccec;opacity:.2}
.qc-video .swiper-pagination-active{background:#07ccec;opacity:1}
@media (max-width:768px){.qc-video .video-swiper{margin-top:30px;padding-bottom:40px}
}
@media (max-width:500px){.qc-video iframe{min-height:240px}
.qc-video .video-slide-p{font-size:var(--fontsize16);padding:10px 0}
}
.qc-honor .honor-swiper{margin-top:40px;padding-bottom:50px}
.qc-honor .swiper-pagination{bottom:0}
.qc-honor .swiper-pagination-bullet{background:#07ccec;opacity:.2}
.qc-honor .swiper-pagination-active{background:#07ccec;opacity:1}
@media (max-width:768px){.qc-honor .honor-swiper{margin-top:30px;padding-bottom:40px}
}
@media (max-width:500px){.qc-honor .honor-swiper{margin-top:20px;padding-bottom:40px}
}