@charset "utf-8";

/*---------------------------------------------------*/

.swiper-button-next::after,.swiper-button-prev::after {display:none;}

#banner{position:relative;}
#banner .swiper-slide{overflow:hidden;}
#banner .swiper-slide .txt{position:absolute;left:0;top:0;right:0;bottom:0;}
#banner .swiper-slide .txt .wp{height:100%;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
#banner .swiper-slide .txt h6{font-size:2rem;color:#fff;}
#banner .swiper-slide .txt h5{font-size:4rem;color:#fff;font-weight:700;line-height:1;margin:15px 0 0;}
#banner .swiper-slide .txt .more{line-height:4rem;margin:20px 0 0;display:inline-block;background:#fff;padding:0 3rem;text-align:center;color:#000;font-size:1.5rem;border-radius:40px;transition:0.5s;}
#banner .swiper-slide .txt .more:hover{color:#fff;background:#000;}

#banner .swiper-slide .txt .t{max-width:680px;text-align:left;}
#banner .swiper-slide .txt4 .t{max-width:720px;}

#banner .page{position:absolute;z-index:30;bottom:5rem;left:0;right:0;padding:0 10%;display:flex;justify-content:flex-end;align-items:center;}
#banner .swiper-pagination-bullets{width:auto;position:static;}
#banner .swiper-pagination-bullet {width:auto;height:auto;margin:0 10px;background:transparent;border-radius:0;opacity:1;font-size:2rem;color:rgba(255,255,255,0.5);display:inline-flex;align-items:center;transition:all 0.6s ease 0s;}
#banner .swiper-pagination-bullet i{margin-left:6px;background:rgba(255,255,255,0.26);height:2px;width:60px;display:block;position:relative;z-index:3;display:none;transition:all 0.6s ease 0s;}
#banner .swiper-pagination-bullet i::after{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:#fff;display:block;transition:all 4s ease 0s;}
#banner .swiper-pagination-bullet-active{color:rgba(255,255,255,1);text-shadow: 1px 1px 2px #666;}
#banner .swiper-pagination-bullet-active i{display:block;}
#banner .swiper-pagination-bullet-active i::after{animation:first 4s ease forwards;}
#banner .swiper-pagination-bullet:hover{color:#fff;}

@keyframes first{
	  0% {width:0;}
	  100% {width:60px;}
}
#banner .page .swiper-videoplay{width:30px;height:30px;line-height:30px;color:rgba(255,255,255,0.26);text-align:center;cursor:pointer;}
#banner .page .swiper-videoplay::before{font-family:"qico";content:"\e694";font-size:22px;color:inherit;}
#banner .page .swiper-videoplay:hover{color:#fff;}
#banner .page .stop-status.swiper-videoplay:before{content:"\ea8d";}


#banner .page .swiper-button-prev,#banner .page .swiper-button-next{position:static;width:30px;height:30px;line-height:30px;overflow:hidden;border-radius:0;background:none;margin-top:0;text-align:center;color:rgba(255,255,255,0.26);}
#banner .page .swiper-button-prev i,#banner .page .swiper-button-next i{color:inherit;font-size:20px;display:inline-block;}
#banner .page .swiper-button-prev,#banner .page .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
#banner .page .swiper-button-next,#banner .page .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
#banner .page .swiper-button-prev:hover,#banner .page .swiper-button-next:hover{color:#fff;}


@media screen and (max-width:1280px){
#banner .page{padding:0 8%;}
}

@media screen and (max-width:768px){
#banner .page{padding:0 30px;}
}

@media screen and (max-width:640px) {
#banner .swiper-pagination-bullets{display:none;}
}

@media screen and (max-width:576px) {
#banner .page{bottom:2rem;padding:0 20px;justify-content:center;}
#banner .swiper-slide .txt .wp{justify-content:flex-start;align-items:center;text-align:center;}
#banner .swiper-slide .txt .t{max-width:100%;text-align:center;padding:20% 0 0;}
}

@media screen and (max-width:480px) {
#banner .page{padding:0 15px;}
#banner .swiper-slide .txt h5{margin:10px 0 0;}

#banner .page .swiper-button-prev i,#banner .page .swiper-button-next i{font-size:17px;}
#banner .page .swiper-videoplay::before{font-size:19px;}

}	

.video-media{font-size: 0;}
/*------------------------*/
.homeBanner1{margin:20px 0;position:relative;display:none;}
.homeBanner1 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;display:none;}
.homeBanner1 .box .wp{height:100%;display:flex;justify-content:flex-end;align-items:center;}
.homeBanner1 .box .txt{max-width:46%;text-align:center;}
.homeBanner1 .box .txt h3{font-size:3.6rem;color:#fff;font-weight:700;}
.homeBanner1 .box .txt p{font-size:1.8rem;color:#fff;margin:12px 0 0;}
.homeBanner1 .box .txt .more{margin:30px 0 0;}
.homeBanner1 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 25px;line-height:3.8rem;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner1 .box .txt .more a:hover{background:#141414;color:#fff;}

/*------------------------*/
.homeBanner2{margin-top:20px;position:relative;margin-top:-1px;display:none;}
.homeBanner2 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;}
.homeBanner2 .box .wp{height:100%;display:flex;align-items:center;}
.homeBanner2 .box .txt{max-width:38%;text-align:center;}
.homeBanner2 .box .txt h3{font-size:4rem;color:#fff;font-weight:700;}
.homeBanner2 .box .txt p{font-size:1.8rem;color:#fff;margin:12px 0 0;}
.homeBanner2 .box .txt .more{margin:3rem 0 0;}
.homeBanner2 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 2.5rem;line-height:3.8rem;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner2 .box .txt .more a:hover{background:#141414;color:#fff;}

/*------------------------*/
.homeBanner3{position:relative;margin-top:-1px;}
.homeBanner3 .video-media video{width:100%;}
.homeBanner3 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;}
.homeBanner3 .box .wp{height:100%;display:flex;align-items:center;justify-content: center;}
.homeBanner3 .box .txt{max-width:38%;text-align: center;}
.homeBanner3 .box .txt h6{font-size:1.8rem;color:#fff;font-weight:500;}
.homeBanner3 .box .txt h3{font-size:4rem;color:#fff;font-weight:700;margin:5px 0 0;text-transform: uppercase;/*background-image: -webkit-linear-gradient(#f5f1ed, #cbbba4, #a2855b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/}
.homeBanner3 .box .txt p{font-size:1.6rem;color:#fff;margin:1.5rem 0 0;line-height:1.5}
.homeBanner3 .box .txt .more{margin:3rem 0 0;}
.homeBanner3 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 2.5rem;line-height:3.8rem;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner3 .box .txt .more a:hover{background:#141414;color:#fff;}


@media screen and (max-width:1681px){
..homeBanner3 .box .txt{max-width: 43%;}
}
@media screen and (max-width:1441px){
.homeBanner3 .box .txt{max-width:46%;}
}
@media screen and (max-width:1281px){
.homeBanner3 .box .txt{max-width:44%;}
}
@media screen and (max-width:1171px){
.homeBanner3 .box .txt{max-width:48%;}
}
@media screen and (max-width:1081px){
.homeBanner3 .box .txt{max-width:52%;}
}
@media screen and (max-width:992px){
.homeBanner3 .box .txt{max-width:53%;}
}

@media screen and (max-width:768px){
.homeBanner3 .box .txt{max-width:58%;}
}
@media screen and (max-width:640px){
.homeBanner3 .box .txt{max-width:68%;}
}

@media screen and (max-width:576px) {
.homeBanner3 .box .txt{max-width:74%;}
}	
@media screen and (max-width:480px){
.homeBanner3 .box .txt{max-width:88%;}
}


/*------------------------*/
.homeBanner4{position:relative;margin-top:-1px;}
.homeBanner4 .video-media video{width:100%;}
.homeBanner4 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;}
.homeBanner4 .box .wp{height:100%;display:flex;justify-content:center;align-items:center;}
.homeBanner4 .box .txt{max-width:38%;text-align: center;}
.homeBanner4 .box .txt h6{font-size:1.8rem;color:#fff;font-weight:500;}
.homeBanner4 .box .txt h3{/*font-size:3.6rem;*/font-size:4rem;color:#fff;font-weight:700;margin:5px 0 0;text-transform: uppercase;/*background-image: -webkit-linear-gradient(#f5f1ed, #cbbba4, #a2855b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/}
.homeBanner4 .box .txt p{font-size:1.6rem;color:#fff;margin:1.5rem 0 0;line-height:1.5}
.homeBanner4 .box .txt .more{margin:3rem 0 0;}
.homeBanner4 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 2.5rem;line-height:3.8rem;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner4 .box .txt .more a:hover{background:#141414;color:#fff;}

@media screen and (max-width:1681px){
.homeBanner4 .box .txt{max-width: 43%;}
}
@media screen and (max-width:1441px){
.homeBanner4 .box .txt{max-width:46%;}
}
@media screen and (max-width:1281px){
.homeBanner4 .box .txt{max-width:44%;}
}
@media screen and (max-width:1171px){
.homeBanner4 .box .txt{max-width:48%;}
}
@media screen and (max-width:1081px){
.homeBanner4 .box .txt{max-width:52%;}
}
@media screen and (max-width:992px){
.homeBanner4 .box .txt{max-width:53%;}
}

@media screen and (max-width:768px){
.homeBanner4 .box .txt{max-width:58%;}
}

@media screen and (max-width:640px){
.homeBanner4 .box .txt{max-width:68%;}
}
@media screen and (max-width:576px) {
.homeBanner4 .box .txt{max-width:74%;}
}	
@media screen and (max-width:480px){
.homeBanner4 .box .txt{max-width:88%;}
}
/*------------------------*/
.homeBanner5{position:relative;margin-top:-1px;}
.homeBanner5 .video-media video{width:100%;}
.homeBanner5 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;}
.homeBanner5 .box .wp{height:100%;display:flex;align-items:center;justify-content: center;}
.homeBanner5 .box .txt{max-width:64rem;text-align: center;}
.homeBanner5 .box .txt h6{font-size:1.8rem;color:#fff;font-weight:500;}
.homeBanner5 .box .txt h3{font-size:3.6rem;color:#fff;font-weight:700;margin:5px 0 0;text-transform: uppercase;/*background-image: -webkit-linear-gradient(#f5f1ed, #cbbba4, #a2855b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/}
.homeBanner5 .box .txt p{font-size:1.6rem;color:#fff;margin:1.5rem 0 0;line-height:1.5}
.homeBanner5 .box .txt .more{margin:3rem 0 0;}
.homeBanner5 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 2.5rem;line-height:3.8rem;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner5 .box .txt .more a:hover{background:#141414;color:#fff;}


@media screen and (max-width:640px){
.homeBanner5 .box .txt{max-width:68%;}
}

@media screen and (max-width:576px) {
.homeBanner5 .box .txt{max-width:74%;}		
}	

@media screen and (max-width:480px){
.homeBanner5 .box .txt{max-width:88%;}
}





@media screen and (max-width:1681px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width: 43%;}
}
@media screen and (max-width:1441px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:46%;}
}
@media screen and (max-width:1281px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:44%;}
}
@media screen and (max-width:1171px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:48%;}
}
@media screen and (max-width:1081px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:52%;}
}
@media screen and (max-width:992px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:53%;}
}

@media screen and (max-width:768px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:58%;}
}

@media screen and (max-width:640px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:68%;}
.homeBanner1 .box .txt h6,.homeBanner2 .box .txt h6,.homeBanner3 .box .txt h6,.homeBanner4 .box .txt h6,.homeBanner5 .box .txt h6{font-size:2rem;}	
.homeBanner1 .box .txt p,.homeBanner2 .box .txt p,.homeBanner3 .box .txt p,.homeBanner4 .box .txt p,.homeBanner5 .box .txt p{font-size:1.8rem;}	
}

@media screen and (max-width:576px) {
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:74%;}
.homeBanner3 .box .wp,.homeBanner4 .box .wp,.homeBanner5 .box .wp{align-items:center;text-align:center;height: 100%;display: flex;justify-content: center;}
.homeBanner1 .box .txt h6,.homeBanner2 .box .txt h6,.homeBanner3 .box .txt h6,.homeBanner4 .box .txt h6,.homeBanner5 .box .txt h6{font-size:2rem;}	
.homeBanner1 .box .txt p,.homeBanner2 .box .txt p,.homeBanner3 .box .txt p,.homeBanner4 .box .txt p,.homeBanner5 .box .txt p{font-size:1.8rem;}		
}	

@media screen and (max-width:480px){
.homeBanner1 .box .txt,.homeBanner2 .box .txt{max-width:88%;}
.homeBanner1 .box .txt h6,.homeBanner2 .box .txt h6,.homeBanner3 .box .txt h6,.homeBanner4 .box .txt h6,.homeBanner5 .box .txt h6{font-size:2rem;}	
.homeBanner1 .box .txt p,.homeBanner2 .box .txt p,.homeBanner3 .box .txt p,.homeBanner4 .box .txt p,.homeBanner5 .box .txt p{font-size:1.8rem;}	
}




.homeBanner6{position:relative;margin-top:-1px;}
.homeBanner6 .box{position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;}
.homeBanner6 .box .wp{height:100%;display:flex;align-items:center;}
.homeBanner6 .box .txt{max-width:30%;}
.homeBanner6 .box .txt h6{font-size:2.4rem;color:#fff;font-weight:700;}
.homeBanner6 .box .txt img{margin:2.8rem 0 2rem;height:5rem;}
.homeBanner6 .box .txt p{font-size:1.6rem;color:#fff;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.homeBanner6 .box .txt .more{margin:4rem 0 0;}
.homeBanner6 .box .txt .more a{display:inline-block;font-size:1.5rem;font-weight:500;color:#141414;padding:0 2.5rem;line-height:3.8rem;border:1px solid #fff;background:#fff;transition:0.5s;border-radius:35px;}
.homeBanner6 .box .txt .more a:hover{background:#141414;color:#fff;border-color:#141414;}
@media screen and (max-width:1681px){
.homeBanner6 .box .txt {max-width: 34%;}
}
@media screen and (max-width:1441px){
.homeBanner6 .box .txt{max-width:37%;}
}
@media screen and (max-width:1281px){
.homeBanner6 .box .txt{max-width:38%;}
}
@media screen and (max-width:1081px){
.homeBanner6 .box .txt{max-width:40%;}
}
@media screen and (max-width:992px){
.homeBanner6 .box .txt{max-width:42%;}
}


@media screen and (max-width:768px){
.homeBanner6 .box .txt{max-width:48%;}
}

@media screen and (max-width:640px){
.homeBanner6 .box .txt{max-width:55%;}
.homeBanner6 .box .txt h6{font-size:2rem;}	
.homeBanner6 .box .txt p{font-size:1.8rem;}	
}

@media screen and (max-width:576px){
.homeBanner6 .box .wp{align-items:flex-start;text-align:center;}
.homeBanner6 .box .txt{max-width:74%;padding-top:20%;margin: 0 auto;}
.homeBanner6 .box .txt h6{font-size:2rem;}	
.homeBanner6 .box .txt p{font-size:1.8rem;}	

}


@media screen and (max-width:480px){
.homeBanner6 .box .txt{max-width:88%;}
.homeBanner6 .box .txt h6{font-size:2rem;}	
.homeBanner6 .box .txt p{font-size:1.8rem;}	
}



.homeBanner7{position:relative;display:flex;background:#EAEDF2;display:none;}
.homeBanner7 .txt{flex:1;margin:0 5%;display:flex;flex-direction:column;justify-content:center;position:relative;}
.homeBanner7 .txt h3{font-size:3.6rem;color:#141414;font-weight:900;}
.homeBanner7 .txt .more{margin:50px 0 0;}
.homeBanner7 .txt .more a{display:inline-block;font-size:16px;font-weight:500;color:#141414;padding:0 30px;height:45px;line-height:43px;border:1px solid #141414;transition:0.5s;border-radius:35px;}
.homeBanner7 .txt .more a:hover{background:#141414;color:#fff;}
.homeBanner7 .txt p{font-size:1.8rem;color:#141414;position:absolute;left:0;right:0;bottom:80px;}

.homeBanner7 .pic{width:53%;text-align:center;padding:110px 0;background:#fff;}
.homeBanner7 .pic img{max-width:80%;}


@media screen and (max-width:1680px){
.homeBanner7 .pic{padding:100px 0;}
}
@media screen and (max-width:1550px){
.homeBanner7 .pic{padding:95px 0;}
}
@media screen and (max-width:1441px) {
.homeBanner7 .pic{padding:90px 0;}
}

@media screen and (max-width:1367px) {
.homeBanner7 .pic{padding:80px 0;}
}

@media screen and (max-width:1281px){
.homeBanner7 .txt .more{margin:20px 0 0;}
.homeBanner7 .txt .more a{padding:0 25px;height:42px;line-height:40px;}
.homeBanner7 .txt p{font-size:18px;bottom:60px;}
.homeBanner7 .pic{padding:70px 0;}
}

@media screen and (max-width:992px){
.homeBanner7 .txt p{bottom:50px;}
}

@media screen and (max-width:768px){
.homeBanner7 .txt{text-align:center;padding:30px;}
.homeBanner7 .txt p{position:static;margin:15px 0 0;}
.homeBanner7 .txt .more{margin:25px 0 0;}
.homeBanner7 .txt .more a{font-size:15px;padding:0 25px;height:40px;line-height:38px;}

.homeBanner7 .pic{width:100%;padding:40px 0;}
.homeBanner7 .pic img{max-width:60%;}
}

@media screen and (max-width:576px) {
.homeBanner7 .txt{padding:30px 20px;}
.homeBanner7 .txt .more{margin:15px 0 0;}
.homeBanner7 .txt .more a{font-size:14px;padding:0 20px;height:36px;line-height:34px;}
}

@media screen and (max-width:480px) {
.homeBanner7 .txt{padding:30px 15px;}
.homeBanner7 .txt p{font-size:15px;margin:15px 0 0;}
.homeBanner7 .txt .more a{font-size:13px;padding:0 16px;height:30px;line-height:28px;}

.homeBanner7 .pic{padding:25px 0;}
.homeBanner7 .pic img{max-width:80%;}

}	



.video-banner{position:relative;margin-top:-1px;}
.video-banner .swiper-slide{height:800px;position:relative;overflow:hidden;}
.video-banner .swiper-slide::after{content:"";background-color: rgba(0,0,0,.3);position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;}
.video-banner video{width:100%;object-fit:cover;height:100%;}
.video-banner > img{display:none;}
.video-banner .t{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding-bottom:10%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;}
.video-banner .t h5{font-size:3.6rem;color:#fff;font-weight:700;line-height:1;}
.video-banner .t p{font-size:1.6rem;color:#fff;font-weight:300;line-height:1.5;margin:20px 0 0;}

.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:30px;font-size:0;}
.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{width:14px;height:14px;margin:0 5px;background:rgba(255,255,255,0.37);border-radius:20px;opacity:1;}
.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active{background:#fff;}

.video-banner .swiper-button-prev,.video-banner .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:8px;background:none;margin-top:-25px;text-align:center;color:#fff;opacity:0.7;}
.video-banner .swiper-button-next::after,.video-banner .swiper-button-prev::after{display:none;}
.video-banner .swiper-button-prev i,.video-banner .swiper-button-next i{color:inherit;font-size:30px;display:inline-block;margin-top:1px;}
.video-banner .swiper-button-prev,.video-banner .swiper-container-rtl .swiper-button-next{left:17px;right:auto;}
.video-banner .swiper-button-next,.video-banner .swiper-container-rtl .swiper-button-prev{right:17px;left:auto;}
.video-banner .swiper-button-prev:hover,.video-banner .swiper-button-next:hover{opacity:1}


@media screen and (max-width:992px){
.video-banner .swiper-slide{height:610px;}
.video-banner .swiper-button-prev,.video-banner .swiper-button-next{display:none;}
}

@media screen and (max-width:768px){
.video-banner .swiper-slide{height:550px;}
.video-banner video {width:auto;object-fit:none;height:100%;position:absolute;left:50%;transform:translateX(-50%);}
	
}
@media screen and (max-width:640px){
.video-banner .t p{font-size:1.8rem}
}
@media screen and (max-width:576px){
.video-banner .t p{font-size:1.8rem}

.video-banner .swiper-slide{height:auto;}
.video-banner video{width:100%;position:static;object-fit:fill;transform:none;}

.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:15px;}
.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{width:12px;height:12px;margin:0 3px;}
}
@media screen and (max-width:480px){
.video-banner .t p{margin:15px 0 0;font-size:1.8rem;}
.video-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{width:10px;height:10px;}
}



.home-app{background:#F9F9F9;padding:0 0 24rem;position:relative;margin-top: -1px;}
.home-app .box{position:absolute;right:0;bottom:0;top:0;left:0;}
.home-app .wp{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:space-between;}
.home-app .txt{width:34%;}
.home-app .txt h3{font-size:7rem;line-height:1;color:#fff;font-weight:900;text-transform:uppercase;}
.home-app .txt p{font-size:1.6rem;color:#333;line-height:1.5;margin:10.5rem 0 0;}
.home-app .txt .more{display:inline-block;font-size:1.6rem;font-weight:500;color:#141414;margin:2rem 0 4.3rem;padding:0 3rem;line-height:4.3rem;border:1px solid #141414;transition:0.5s;border-radius:35px;}
.home-app .txt .more:hover{background:#141414;color:#fff;}
.home-app .pic{width:40%;display:block;margin-bottom: 4.5rem;}


@media screen and (max-width:1550px){
.home-app .txt{width:36%;}
.home-app .txt p{line-height:1.6;}
}

@media screen and (max-width:1367px){
.home-app .txt{width:38%;}

}
@media screen and (max-width:1200px){
.home-app .txt{width:40%;}
.home-app .txt h3{font-size:6rem;}

}


@media screen and (max-width:992px){
.home-app{padding:0 0 40px;}
.home-app .box{position:static;margin-top:-20%;}
.home-app .wp{flex-direction:column-reverse;}
.home-app .txt{margin:20px auto 0;text-align:center;width:67%;}
.home-app .txt h3{color:#141414;}
.home-app .pic{width:55%;margin:0 auto;}
.home-app .txt .more{margin:20px 0 0;}
.home-app .txt p{margin:4.5rem 0 0}
}

@media screen and (max-width:768px){
.home-app .txt{width:74%;}
.home-app .txt h3{font-size:6rem;}
.home-app .pic{width:74%;}
}

@media screen and (max-width:640px) {
.home-app .txt{width:78%;}
.home-app .pic{width:78%;}
.home-app .txt p{font-size:1.8rem;}	
}
@media screen and (max-width:576px) {
.home-app .txt{width:85%;}
.home-app .txt p{font-size:1.8rem;}
.home-app .pic{width:85%;}
}


@media screen and (max-width:480px) {
.home-app{padding:0 0 30px;}
.home-app .txt{width:97%;}
.home-app .txt p{margin:15px 0 0;font-size:1.8rem;}
.home-app .txt .more{font-size:14px;}
.home-app .pic{width:90%;}

.home-app .txt h3{font-size:4.5rem;}


}	


/*-----------------------*/

.home-spotlight{padding:10rem 0 0;background:#fff;}
.home-spotlight h3{font-size:3.6rem;line-height:1;color:#1e1e1e;font-weight:700;text-align:center;}

.home-spotlight .list{margin:5.5rem auto 0;max-width:135rem;position:relative;}
.home-spotlight .list .swiper-slide{text-align:center;}
.home-spotlight .list .swiper-slide h5{font-size:2.4rem;color:#2e2e2e;font-weight:700;}
.home-spotlight .list .swiper-slide .t{max-width:80%;margin:20px auto 0;font-size:1.8rem;color:#141414;line-height:1.5;}

.home-spotlight .swiper-button-prev,.home-spotlight .swiper-button-next{width:40px;height:40px;line-height:40px;overflow:hidden;border-radius:0;background:none;margin-top:-20px;text-align:center;color:#141414;}
.home-spotlight .swiper-button-prev i,.home-spotlight .swiper-button-next i{color:inherit;font-size:25px;display:inline-block;margin-top:1px;}
.home-spotlight .swiper-button-prev,.home-spotlight .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.home-spotlight .swiper-button-next,.home-spotlight .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.home-spotlight .swiper-button-prev:hover,.home-spotlight .swiper-button-next:hover{color:var(--active-color);}

.home-spotlight .swiper-pagination-bullets{position:static;margin-top:50px;width:100%;}
.home-spotlight .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:10px;width:10px;margin:0 5px;background:#D6D6D6;border-radius:0;opacity:1;}
.home-spotlight .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#000;}

.home-spotlight .list2{margin:5.5rem 0 0;border-top:1px solid #E3E3E3;padding:6rem 6rem 0;}
.home-spotlight .list2 .swiper{}
.home-spotlight .list2 .swiper-slide{}
.home-spotlight .list2 .swiper-slide .pic{text-align:center;height:6rem;width:100%;display:flex;justify-content:center;align-items:center;}
.home-spotlight .list2 .swiper-slide .pic img{max-height:100%;max-width:100%;}

.home-spotlight .list2 ul{display:flex;flex-wrap:wrap;}
.home-spotlight .list2 ul li{width:calc(100% / 7);padding:0 3px;}
.home-spotlight .list2 ul li .box{background:#F8F8F8;text-align:center;}



@media screen and (max-width:1281px){
.home-spotlight .list2{padding:5.5rem 0 0;}
}

@media screen and (max-width:992px){

.home-spotlight .swiper-button-prev,.home-spotlight .swiper-button-next{width:30px;height:30px;line-height:30px;margin-top:-15px;}
.home-spotlight .swiper-button-prev i,.home-spotlight .swiper-button-next i{font-size:22px;}
}

@media screen and (max-width:576px) {
.home-spotlight .list2{margin:4rem 0 0;padding:4rem 0 0;}
}


/*-----------------------*/

.home-video{padding:10rem 0;}
.home-video h3{font-size:3.6rem;color:#141414;font-weight:700;text-align:center;}

.home-video .list{margin:6rem 0 0;}
.home-video .swiper-slide a{display:block;position:relative;overflow:hidden;}
.home-video .swiper-slide a > img{width:100%;}
.home-video .swiper-slide a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/video.png") no-repeat center;display:block;}

.home-video .swiper-slide a:hover > img{transform:scale(1.05);}

.home-video .bot{display:flex;align-items:center;width:120rem;margin:6.5rem auto 0;}

.home-video .tips{flex:1;margin-right:20px;overflow:hidden;}
.home-video .swiper-pagination-progressbar.swiper-pagination-horizontal{position:static;width:100%;height:3px;background:#EAEAEA;}
.home-video .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;top:0;height:3px;}

.home-video .bot .page{font-size:0;}
.home-video .swiper-button-prev,.home-video .swiper-button-next{position:static;width:20px;height:20px;line-height:20px;overflow:hidden;background:none;margin-top:0;text-align:center;color:#202020;display:inline-block;border-radius:0;}
.home-video .swiper-button-prev i,.home-video .swiper-button-next i{color:inherit;font-size:19px;display:inline-block;}
.home-video .swiper-button-prev,.home-video .swiper-container-rtl .swiper-button-next{}
.home-video .swiper-button-next,.home-video .swiper-container-rtl .swiper-button-prev{margin-left:8px;}
.home-video .swiper-button-prev:hover,.home-video .swiper-button-next:hover{color:var(--active-color);}



@media screen and (max-width:1281px){
.home-video .bot{width:90%;}
}

@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){

}

@media screen and (max-width:768px){

}







/*------------------------------------------------------------*/