@charset "utf-8";
/*QHtitle*/
.QHtitle h1{background-image: linear-gradient(to bottom, #F1A529, #E9554D); -webkit-background-clip: text;color: transparent;font-family: Arial;}
.QHtitle h2{font-size:30px;line-height:1.5;margin-bottom:15px;}
.QHtitle p{font-size:16px;line-height:1.8;}
@media (max-width:900px){
    .QHtitle h1 img{height:60px;}
    .QHtitle h1{font-size:120px;}
    .QHtitle h2{font-size:24px;}
}
@media (max-width:750px){
    .QHtitle h1{font-size:80px;}
    .QHtitle h2{font-size:18px;}
    .QHtitle p{font-size:14px;}
}

/*section1*/
.section1{position:relative;}
.section1 ul{overflow: hidden;width:10000px; }
.section1 .ul1 li{padding-top:50px;box-sizing:border-box;}
.section1 .ul1 li .intro{padding-top:80px;}
.section1 .ul2{margin-left:-60px;}
.section1 .QHwidth{width:100% !important;max-width:100%;}
.section1 li{background:url(../images/partner/section1/bg.png);height:200px;margin:20px 0 0 20px;width:calc(33.33333vw - 20px);height:calc(33.333vh - 20px);float:left;position: relative;cursor: pointer;}
.section1 li img.bigLogo{max-height:90%;max-width:90%;}
.section1 li .intro{width:100%;padding:20px;box-sizing:border-box;z-index:1;background:#2D2F2F;display:none;}
.section1 li .intro p{font-size:13px;line-height:1.8;margin-top:10px;height:calc(100% - 40px);overflow: hidden;}
.section1 li:hover .intro{display: block;}
.section1 li:hover img.bigLogo{display:none;}
.section1 .BoxA{width:35%;position:absolute;z-index:1;height:100vh;left:0;top:0;padding:0 5%;box-sizing:border-box;}
.section1 .BoxB{width:100%}
.section1 .empty2{background: linear-gradient(to right, rgba(52, 53, 54, 0), rgba(52, 53, 54, 0.5));}
@media (max-height:900px){
    .section1 li .intro .smallLogo{height:30px;}
    .section1 .ul1 li .intro{padding-top:50px;}
}
@media (max-width:1360px){
    .section1 .BoxA{display:block;width:100%;position: static;height:auto;padding:30px 30px 30px 30px;}
    .section1 .QHwidth{display: block;}
    .section1 ul{margin-left:0 !important;}
    .QHtitle h1 img{height:50px;}
    .section1 ul li{width:calc(50vw - 30px);height:calc(33.333vh - 120px);}
    .section1 .empty{display:none;}
    .section1 .ul1 li .intro{padding-top:0;}
}
@media (max-width:1020px){
    .section1 ul li{height:350px;}
}
@media (max-width:750px){
    .section1 .BoxA{display:block;width:100%;position: static;height:auto;padding:30px 30px 30px 30px;}
    .section1 .QHwidth{display: block;}
    .section1 .empty{display:none;}
    .section1 ul{width:100%;}
    .section1 ul li{width:auto;height:300px;float:none;margin:20px 20px 0 20px;}
    .section1 .ul1 li .intro{padding-top:0;}
}
@media (max-width:550px){
    .section1 li .intro{display:block;position:initial;opacity:0;z-index:1;}
    .section1 ul li{height:auto;min-height:300px;}
    .section1 li img.bigLogo{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
    .section1 ul li:hover .intro{opacity:1;}
}

/*section2*/
.section2{min-height:600px;padding:0 !important;display:flex !important;position: relative;}
.section2 h2{font-size:30px;font-weight:700;position:absolute;left:5%;top:80px;}
.section2 ul{overflow: hidden;width:100%;}
.section2 li{width:25%;height:25%;float:left;border-left:5px solid #000;border-bottom:5px solid #000;box-sizing:border-box;}
.section2 li{height:calc(100vh/2);min-height:350px;}
.section2 li dl{padding:10%;font-size:14px;}
.section2 li dl dd{height:40px;line-height:20px;text-align:center;margin-top:20px;}
.section2 li dl dt img{width:90%;display: block;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.8);}
.section2 li:nth-child(-n+4){padding-top:10%;}
.section2 li:nth-child(n+5):nth-child(-n+8) {padding-bottom: 5%;}
@media (max-width:900px){
    .section2 h2{font-size:24px;}
}
@media (max-width:750px){
    .section2 h2{font-size:18px;}
}
@media (max-width:1080px){
    .section2 h2{top:40px;}
    .section2 li{height:300px;min-height:auto;}
}
@media (max-width:700px){
    .section2 h2{top:40px;}
    .section2 li{height:300px;min-height:auto;}
}
@media (max-width:600px){
    .section2 h2{top:20px;}
    .section2 li{height:250px;min-height:auto;}
    .section2 li{width:50%;}
}

/*section3*/
.section3{position:relative;}
.section3 h2{font-size:80px;font-weight:700;position:absolute;left:50%;top:15%;transform: translate(-50%, 0);white-space: nowrap;}
.section3 img{margin:0 auto;display: block;max-width:100%;}
@media (max-width:1360px){
    .section3 h2{font-size:60px;}
}
@media (max-width:900px){
    .section3 h2{font-size:40px;}
}
@media (max-width:750px){
    .section3 h2{font-size:30px;}
}


/*section4*/
.section4{padding-top:30px;}
.section4 .content{margin-top:40px;}
.section4 .boxA{width:180px;display: block;}
.section4 .boxA ul{font-size:22px;height:512px;position: relative;padding-right:30px;border-right:1px solid rgba(255, 255, 255, 0.2);}
.section4 .boxA ul li{position: relative;cursor: pointer;color:rgba(255, 255, 255, 0.7);}
.section4 .boxA ul li i{display: inline-block; display: inline-block; width: 0; height: 0; border-left: 10px solid #fff; border-right: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;position: relative;top:1px;left:5px;opacity:0;margin-left:10px;}
.section4 .boxA ul li.on{color:#fff;}
.section4 .boxA ul li.on i{display:inline-block;opacity:1;}
.section4 .boxB{border: 1px solid rgba(255, 255, 255, 0.2);padding:20px 30px;box-sizing:border-box;border-radius:30px;width:calc(100% - 280px);min-height:370px;}
.section4 .boxB ul{display:none;}
.section4 .boxB ul li{font-size:16px;line-height:1.8;padding:15px 0;overflow: hidden;}
.section4 .boxB ul li span{display: block;float:left;margin-right:10px;}
.section4 .deviceType{display:none;margin-bottom:20px;}
.section4 a{ display: inline-block; font-size: 20px; height: 30px; line-height: 30px; white-space: nowrap;color:rgba(255, 255, 255, 0.7);}
.section4 .swiper-slide{ width: auto !important; }
.section4 .swiper-slide.active a{ color: #ff7a25;}
.section4 .swiper-button-next,
.section4 .swiper-button-prev{ width: 27px; height: 27px; margin: auto; top: 0; bottom: 0; z-index: 9;border-radius:100px;overflow: hidden;}
.section4 .swiper-button-next::after,
.section4 .swiper-button-prev::after{ display: none;}
.section4 .swiper-button-next{ background: url(../images/sr.png) #EFF2F4 center no-repeat; background-size: 100% 100%; right: 0;}
.section4 .swiper-button-prev{background: url(../images/sl.png) #EFF2F4 center no-repeat; background-size: 100% 100%; left: 0;}
.section4 .swiper-button-disabled{ display: none;}
@media (max-width:1360px){
    .section4 .boxA ul{padding-right:10px;}
    .section4 .boxB{width:calc(100% - 200px);}
}
@media (max-width:1080px){
    .section4 .content{display: block;}
    .section4 .deviceType{display: block;}
    .section4 .boxA{display: none;}
    .section4 .boxB{width:100%;}
}


/*section5*/
.section5{height: auto !important;padding:0 !important;}
.section5{background-color:#1C1C1C !important;}