@charset "utf-8";
/*QHtitle*/
.QHtitle{margin-bottom:50px;}
.QHtitle h2{font-size:32px;line-height:1.5;margin-bottom:15px;}
.QHtitle p{font-size:18px;line-height:1.9;}
@media (max-width:900px){
    .QHtitle h2{font-size:24px;}
    .QHtitle{margin-bottom:40px;}
}
@media (max-width:750px){
    .QHtitle h2{font-size:18px;}
    .QHtitle p{font-size:14px;}
    .QHtitle{margin-bottom:30px;}
}

/*section1*/
.section1{padding:0 !important;}
.section1 .banner{ position: relative;width: 100vw; height: 100%;position: relative;color:#FFF;}
.section1 .banner .swiper-wrapper{ width: 100vw; height: 100%;position: relative;}
.section1 .banner .swiper-slide{ width: 100vw; height: 100%;position: relative;overflow: hidden;}
.section1 .banner .swiper-slide .img{width:100%;height:100%;position:absolute;left:0;top:0;transform: scale(1.1);}
.section1 .banner .swiper-slide-active{z-index:10;}
.section1 .banner .swiper-slide-active .img{transform: scale(1);transition:all 3.5s linear 0s; }
.section1 video{width:110%;height:110%;object-fit: cover}
.zhiShiQi{height:50px;position:absolute;left:0;bottom:40px;width:100%;z-index:1000;}
.zhiShiQi .QHwidth{height:50px;}
.zhiShiQi .QHwidth .nextPrev span{width:50px;height:50px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.zhiShiQi .QHwidth .nextPrev span img{height:20px;}
.zhiShiQi .QHwidth .swiper-nums span{font-size:18px;font-family: Arial;}
.zhiShiQi .QHwidth .hr{display: block;height:2px;width:60px;background: #333;margin:0 5px;}
.zhiShiQi .QHwidth .hr i{width:0;height:100%;display: block;transition: width 0 linear;}
.zhiShiQi .QHwidth .hr i.on{width:100%;transition: width 10s linear;background:#fff;}
.zhiShiQi .QHwidth .long .hr i.on{transition: width 25s linear !important;}
@media (max-width:1080px){
    .zhiShiQi{bottom:0;}
    .section1 .banner{height:calc(100vw * 0.53);}
}
@media (max-height:700px){
    .section1 .banner{height:calc(100vw * 0.53);}
}


/*section2*/
.section2{padding-top:30px;}
.section2 .list{overflow: hidden;}
.section2 .list a{width:25%;display: block;float:left;padding-bottom:45px;}
.section2 .list a .s1{display: block;margin:0 auto; height: calc((100vh - 430px) * 0.3);max-height:100px;display: flex;align-items: center;justify-content: center;}
.section2 .list a .s1 img{max-height:80%;transition: all 0.3s linear;}
.section2 .list a .s2{font-size:22px;color:#fff;text-align:center;display: block;}
.section2 .list a:hover img {transform: scale(1.1);}
@media (max-width:1360px){
    .section2 .list a{width:16.66666666666%;}
    .section2 .list a .s1{height:80px;}
}
@media (max-height:1080px){
    .section2 .list a .s1{height:70px;}
    .section2 .list a .s2{font-size:18px;}
}
@media (max-width:820px){
    .section2 .list a .s1{height:70px;}
    .section2 .list a .s1 img{max-height:80%;}
    .section2 .list a .s2{font-size:16px;}
}
@media (max-width:700px){
    .section2 .list a{width:25%;}
    .section2 .list a .s2{font-size:14px;}
}
@media (max-width:500px){
    .section2 .list a{width:33.333333333%;}
}

/*section3*/
.section3{padding-top:30px;border-top:1px solid rgba(255, 255, 255, 0.03);}
.section3 .QHtitle p{padding-top:20px;}
.section3 .content{width:60%;margin-left:50px;}
.section3 .content .swiper-slide{padding-top:10px;}
.section3 .content .swiper-slide a{background:red;display: block;float:left;padding:30px;box-sizing:border-box;background:rgba(0, 0, 0, 0.8);background:url(../images/index/section3/bg2.png?v=1) no-repeat center;background-size: 100% 100%;transition: transform 0.3s ease;}
.section3 .content .swiper-slide a{width:calc(50% - 15px);}
.section3 .content .swiper-slide a span{width:70px;height:70px;display: block;}
.section3 .content .swiper-slide a span img{max-width:100%;max-height:100%;}
.section3 .content .swiper-slide a:nth-child(2n+2){float:right;}
.section3 .content .swiper-slide a:nth-child(1){margin-bottom:30px;}
.section3 .content .swiper-slide a:nth-child(2){margin-bottom:30px;}
.section3 .content .swiper-slide a h3{font-size:18px;color:#fff;line-height:1.5;padding:10px 0;margin-top:20px;}
.section3 .content .swiper-slide a p{font-size:14px;color:#fff;opacity:0.8;line-height:20px;height:60px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section3 .content .swiper-slide a:hover{transform: translateY(-10px);}
@media (max-width:1200px){
    .section3 .QHwidth{display: block;}
    .section3 .content{width:100%;margin-left:0;}
}

/*section4*/
.section4{padding-top:30px;}
.section4 li{height:400px;width:17.5%;padding:30px;border-radius:10px;overflow: hidden;box-sizing:border-box;position:relative;transition: all 0.5s ease;cursor: pointer;}
.section4 li img{display:none;}
.section4 li a{display: block;width:100%;position:absolute;bottom:30px;color:#fff;left:0;padding:30px;padding-bottom:0;box-sizing:border-box;}
.section4 li h2{font-size:22px;text-align:right;}
.section4 li p{opacity:0.6;text-align:right;margin-top:30px;line-height:1.8;font-size:16px;display:none;}
.section4 li .tag{opacity:0.6;text-align:right;margin-top:10px;line-height:1.8;font-size:16px;display: block;}
.section4 li.on{width:40%;transition: width 0.5s ease;}
.section4 li.on h2{text-align:left;}
.section4 li.on p{text-align:left;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.section4 li.on .tag{display:none;}
.section4 li.on img{display: block;}
@media (max-width:1000px){
    .section4 ul{display: block;}
    .section4 ul li{width:100% !important;height:auto;margin-bottom:20px;}
    .section4 li a{position: static;padding-left:0;}
    .section4 li h2{text-align:left;font-size:18px;}
    .section4 li p{text-align:left;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size:14px;}
    .section4 li p{margin-top:15px;}
    .section4 li .tag{display:none;}
    .section4 li img{display: block;}
}




/*section5*/
.section5{padding-top:30px;}
.section5 .boxA ul{font-size:22px;height:370px;position: relative;}
.section5 .boxA ul li{position: relative;padding-left:30px;cursor: pointer;color:rgba(255, 255, 255, 0.7);}
.section5 .boxA ul li::before{left:0;position:absolute;display: block;content:"";width:15px;height:15px;border:3px solid rgba(255, 255, 255, 0.7);border-radius:100px;}
.section5 .boxA ul li::before{top:50%;margin-top:-9px;}
.section5 .boxA ul li::after{left:0;position:absolute;display: block;content:"";width:2px;height:81px;background:rgba(255, 255, 255, 0.7);left:9px;top:32px;}
.section5 .boxA ul li:last-child::after{display:none;}
.section5 .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;}
.section5 .boxA ul li.on{color:#fff;}
.section5 .boxA ul li.on::before{border-color:#F28D20;}
.section5 .boxA ul li.on i{display:inline-block;opacity:1;}

.section5 .boxC ul{font-size:22px;height:370px;position: relative;}
.section5 .boxC ul li{position: relative;padding-right:30px;cursor: pointer;color:rgba(255, 255, 255, 0.7);text-align:right;}
.section5 .boxC ul li::before{right:0;position:absolute;display: block;content:"";width:15px;height:15px;border:3px solid rgba(255, 255, 255, 0.7);border-radius:100px;}
.section5 .boxC ul li::before{top:50%;margin-top:-9px;}
.section5 .boxC ul li::after{position:absolute;display: block;content:"";width:2px;height:81px;background:rgba(255, 255, 255, 0.7);right:9px;top:32px;}
.section5 .boxC ul li:last-child::after{display:none;}
.section5 .boxC ul li i{display: inline-block; display: inline-block; width: 0; height: 0; border-right: 10px solid #fff; border-left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;position: relative;top:1px;left:-5px;opacity:0;}
.section5 .boxC ul li.on{color:#fff;}
.section5 .boxC ul li.on::before{border-color:#F28D20;}
.section5 .boxC ul li.on i{display:inline-block;opacity:1;}
.section5 .boxB{height:370px;width:600px;border: 1px solid rgba(255, 255, 255, 0.2);padding:30px;box-sizing:border-box;border-radius:30px;}
.section5 .boxB h2{font-size:22px;}
.section5 .boxB p{opacity:0.6;margin-top:10px;line-height:1.8;font-size:16px;}
/*contentWap*/
.section5 .contentWap{display:none;}
.section5 .contentWap .swiper-slide{height:370px;width:600px;border: 1px solid rgba(255, 255, 255, 0.2);padding:30px;box-sizing:border-box;border-radius:30px;}
.section5 .contentWap .swiper-slide h2{font-size:22px;}
.section5 .contentWap .swiper-slide p{opacity:0.6;margin-top:10px;line-height:1.8;font-size:16px;}
@media (max-width:1200px){
    .section5 .contentWap{display: block;}
    .section5 .content{display: none;}
}

/*section6*/
.section6{padding-top:30px;}
.section6 .content .swiper-container{padding-top:10px;cursor: pointer;}
.section6 .content .swiper-slide{height:490px;border-bottom:5px solid #F18D1F;border-radius:5px;padding:35px;box-sizing:border-box;transition: all 0.3s ease;}
.section6 .content .swiper-slide h2{font-size:26px;}
.section6 .content .swiper-slide h2 span:last-child{font-family:Arial;color: #F18D1F;font-size:48px;font-weight:700;}
.section6 .content .swiper-slide p{margin-top:50px;line-height:1.8;font-size:22px;}
.section6 .content .swiper-pagination{position: static;}
.section6 .content .swiper-pagination-bullet-active{background: #fff !important;width:20px !important;}
.section6 .content .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px !important;background: #fff;margin-right:10px;}
.section6 .content .swiper-slide:hover{transform: translateY(-10px);}
@media (max-width:1360px){
    .section6 .content .swiper-slide p{font-size:18px;}
}
@media (max-height:730px){
    .section6 .content .swiper-slide{height:300px;}
}
@media (max-width:800px){
    .section6 .content .swiper-slide h2{font-size:22px;}
    .section6 .content .swiper-slide{height:400px;}
    .section6 .content .swiper-slide p{font-size:16px;}
}

/*section7*/
.section7{padding-top:30px;}
.section7 .content .swiper-container{padding-top:10px;cursor: pointer;}
.section7 .content .swiper-slide{background:#fff;border-radius:10px;transition: all 0.3s ease;}
.section7 .content .swiper-slide span.img{height:116.56px;}
.section7 .content .swiper-slide span.img img{max-width:80%;max-height:80%;}
.section7 .content .swiper-slide span.text{font-size:16px;font-weight:700;color:#333;line-height:20px;display: block;height:40px;padding:10px;text-align:center;}
.section7 .content .swiper-slide:hover{transform: translateY(-10px);}
@media (max-width:900px){
    .section7 .content .swiper-slide span.text{font-size:14px;}
}

/*section8*/
.section8{padding-top:30px;position: relative;}
.section8 img{width:100%;}
.section8 .QHwidth{position:absolute;top:20%;z-index:1;left:50%; right:50%; transform:translateX(-50%)}
@media (max-width:1200px){
    .section8 .QHwidth{top:50px;}
}

/*section9*/
.section9{padding-top:30px;border-top: 1px solid rgba(255, 255, 255, 0.03);}
.section9 .listA{margin-top:50px;}
.section9 .listA li .p1 span{display: block;font-family: Arial;font-weight:700;color:#F28D20;line-height:50px;}
.section9 .listA li .p1 span:nth-child(1){font-size:50px;}
.section9 .listA li .p1 span:nth-child(2){font-size:30px;padding:0 5px;}
.section9 .listA li .p2{padding-top:5px;}
@media (max-width:450px){
    .section9 .listA li .p2{font-size:11px;text-align:center;}
}
.section9 .swiper-container{margin-top:50px;}
.section9 .swiper-slide{width:60%;overflow: hidden;}
.section9 .swiper-slide .item{height:360px;border-radius:10px;transition: all 0.3s ease;overflow: hidden;margin:0 20px;}
.section9 .swiper-slide .box1{width:50%;height:100%;}
.section9 .swiper-slide .box1 img{max-width:80%;max-height:80%;}
.section9 .swiper-slide .box2{width:50%;height:100%;background:rgba(0, 0, 0, 0.4);position: relative; backdrop-filter: blur(10px); }
.section9 .swiper-slide .box2 .icon{margin:30px;}
.section9 .swiper-slide .box2 .text{display: block;width:100%;color:#fff;left:0;padding:0 30px;box-sizing:border-box;}
.section9 .swiper-slide .box2 h2{font-size:22px;}
.section9 .swiper-slide .box2 p{opacity:0.6;margin-top:30px;line-height:1.8;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.section9 .swiper-slide::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display: block;z-index:10;background-color:rgba(0, 0, 0, 0.1);}
.section9 .swiper-slide-active::before{display:none;}
.section9 .nextPrev{width:60%;height:1px;position:absolute;left:20%;top:50%;display:none;}
.section9 .nextPrev span{width:73px !important;height:73px !important;display: block;z-index:11;cursor:pointer;transition: all 0.3s ease;}
.section9 .nextPrev span img{width:100%;height:100%;}
.section9 .nextPrev span:hover{transform: scale(1.1);transition: all 0.3s ease;}
.section9 .nextPrev span:nth-child(1){position:relative;left:-16.5px;}
.section9 .nextPrev span:nth-child(2){position:relative;right:-16.5px;}
.section9 .btn{width: 125px;height: 32px;color: #fff !important;border:1px solid #fff;text-align: center;font-size: 15px;color: #fff;opacity:0.6;margin-top:10px;}
.section9 .btn img{height:10px;margin-left:5px;display:none;}
.section9 .btn:hover{opacity:1;}
.section9 .swiper-container:hover .nextPrev{display: flex;}
.section9 .swiper-container:hover .swiper-slide{opacity:0.6 !important;}
.section9 .swiper-container:hover .swiper-slide-active{opacity:1 !important;}
.section9 .swiper-container .swiper-slide-active:hover{opacity:1 !important;}
.section9 .swiper-container .swiper-slide-active:hover .btn img{display:block;}
@media (max-width:1360px){
    .section9 .swiper-slide .box2 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
}
@media (max-width:900px){
    .section9{padding:40px 0 !important;}
    .section9 .listA{margin-top:40px;}
    .section9 .listA li .p1 span{line-height:30px;}
    .section9 .listA li .p1 span:nth-child(1){font-size:20px;}
    .section9 .listA li .p1 span:nth-child(2){font-size:14px;padding:0 2px;font-weight:normal;}
    .section9 .listA li .p1 span:nth-child(3) img{width:10px;}
    .section9 .swiper-slide{width:100%;height:300px;}
    .section9 .swiper-slide .box2{width:60%;}
    .section9 .swiper-slide .box2 .icon{margin:20px 10px;}
    .section9 .swiper-slide .box2 h2{font-size:16px;}
    .section9 .swiper-slide .box2 .text{padding:10px 10px;bottom:10px;}
    .section9 .swiper-slide .box2 p{font-size:14px;margin-top:20px;}
    .section9 .nextPrev{width:80%;left:10%;}
    .section9 .nextPrev span{width:45px !important;height:45px !important;}
}

/*section10*/
.section10{padding-top:30px;}
.section10 .listA{margin-top:50px;}
.section10 .listA li .p1 span{display: block;font-family: Arial;font-weight:700;color:#F28D20;line-height:50px;}
.section10 .listA li .p1 span:nth-child(1){font-size:50px;}
.section10 .listA li .p1 span:nth-child(2){font-size:15px;padding:0 5px;color:#fff;}
.section10 .listA li .p2{padding-top:5px;}
.section10 .content .box1{float:left;}
.section10 .content .box1 .li{width:275px;height:98px;color:#fff;font-size:22px;opacity:0.5;transition: all 0.3s ease;}
.section10 .content .box1 .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;}
.section10 .content{margin-top:50px;}
.section10 .content .box1 .li{border-bottom:1px solid rgba(255, 255, 255, 0.2);cursor: pointer;}
.section10 .content .box1 .li:last-child{border-bottom:none;}
.section10 .content .box1 .li.on{background-color:rgba(255, 255, 255, 0.2);opacity:1;}
.section10 .content .box1 .li.on i{opacity:1;}
.section10 .content .box2{margin-left:300px;overflow: hidden;height:384px;}
.section10 .content .box2 .table{width:100%;border-collapse: collapse;display:none;background:#fff;overflow: hidden;border-radius:5px;}
.section10 .content .box2 .table .td{border-right:1px solid #eee;border-bottom:1px solid #eee;width:16.666666666666%;height:96px;text-align:center;float:left;box-sizing:border-box;display: flex;align-items: center;justify-content: center;}
.section10 .content .box2 .table .td img{max-width:80%;max-height:80%;transition: all 0.3s ease;cursor: pointer;}
.section10 .content .box2 .table .td:hover img {transform: scale(1.2);}
@media (max-width:900px){
    .section10{padding:40px 0 !important;}
    .section10 .listA{margin-top:40px;}
    .section10 .listA li .p1 span{line-height:30px;}
    .section10 .listA li .p1 span:nth-child(1){font-size:20px;}
    .section10 .listA li .p1 span:nth-child(2){font-size:14px;padding:0 2px;font-weight:normal;}
    .section10 .listA li .p1 span:nth-child(3) img{width:10px;}
    .section10 .content .box1{width:100%;float: none;display: flex;align-items: center;justify-content: space-between;margin-bottom:10px;}
    .section10 .content .box1 .li{width:30%;height:45px;font-size:16px;border:1px solid rgba(255, 255, 255, 0.2) !important;cursor: pointer;border-radius:5px;}
    .section10 .content .box1 .li i{display:none;}
    .section10 .content .box1 .li.on{opacity:1;font-weight:700;}
    .section10 .content .box2{width:100%;float: none;margin-left:0;}
}
@media (max-width:750px){
    .section10 .content .box2 .table .td{width:25%;} 
}
@media (max-width:450px){
    .section10 .content .box2 .table .td{width:33.33333333%;} 
}

/*section11*/
.section11{padding-top:30px;color:#fff;}
.section11 .content .swiper-slide{padding-top:10px;}
.section11 .content .swiper-slide a{width:calc(50% - 15px);display: block;float:left;padding:15px;box-sizing:border-box;background:#fff;border-radius:10px;transition: transform 0.3s ease;}
.section11 .content .swiper-slide a span{width:150px;height:150px;display: block;float:left;}
.section11 .content .swiper-slide a span img{max-width:100%;max-height:100%;width:150px;height:150px;}
.section11 .content .swiper-slide a:nth-child(2n+2){float:right;}
.section11 .content .swiper-slide a:nth-child(1){margin-bottom:30px;}
.section11 .content .swiper-slide a:nth-child(2){margin-bottom:30px;}
.section11 .content .swiper-slide a:nth-child(3){margin-bottom:30px;}
.section11 .content .swiper-slide a:nth-child(4){margin-bottom:30px;}
.section11 .content .swiper-slide a .intro{margin-left:165px;}
.section11 .content .swiper-slide a h3{font-size:18px;line-height:1.5;padding:10px 0;}
.section11 .content .swiper-slide a p{font-size:16px;line-height:1.8;color:#656565;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section11 .content .swiper-slide a:hover{transform: translateY(-10px);}
@media (max-width:900px){
    .section11 .swiper-pagination{position: static;padding-top:0;}
    .section11{padding:30px 0 !important;}
    .section11 .content .swiper-slide a{padding:10px;}
    .section11 .content .swiper-slide a span{height:100px;width:100px;}
    .section11 .content .swiper-slide a h3{padding:0 0 6px 0;line-height:1;}
    .section11 .content .swiper-slide a .intro{margin-left:120px;}
    .section11 .content .swiper-slide a{width:calc(100%);}
    .section11 .content .swiper-slide a{margin-bottom:20px !important;}
    .section11 .content .swiper-slide a p{font-size:14px;}
}


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