.banner {position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;height: 904px;}
.banner .img{position: relative;width: 100%;height:100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;z-index: 10;}
.banner .img:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);z-index: 20;}
.banner .imgApp{display: none;}
.banner .imgApp{width: 100%;overflow: hidden;}
.banner .imgApp img{width: 100%;-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.banner .video{width: 100%;height: 100%;overflow: hidden;}
.banner .video video {width: 100%;height: 100%;object-fit: fill;}
.banner .titBan{position: absolute;left: 0;top:28%;width: 100%;text-align: center;z-index: 100;}
.banner .titBan .ani{position: relative;}
.banner .titBan h1{font-size: 72px;line-height: 92px;color: #fff;text-shadow: 2px 4px 8px rgba(0,0,0,0.25);}
.banner .titBan p{font-size: 26px;line-height: 36px;color: #fff;text-shadow: 2px 4px 8px rgba(0,0,0,0.25);letter-spacing: 4px;}


/*.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}*/

.banner .swiper-slide-active .imgApp img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.banner .swiperBtn{position: absolute;left: 0;bottom: 60px;width: 100%;z-index: 200;}
.banner .swiper-button-next,.banner  .swiper-container-rtl .swiper-button-prev{background-image: none;}
.banner .swiper-button-next,.banner .swiper-button-prev{position: static;display: inline-block;margin-right: 11px;background-image: none;width: auto;height: auto;margin-top: 0;}
.banner .swiper-button-next img, .banner .swiper-button-prev img{width: 54px;}
.swiper-button-next:after, .swiper-button-prev:after{content: '';}

.banner .pagination{position: absolute;left: 0;bottom: 60px;width: 100%;z-index: 1000;}
.banner .swiper-pagination{position: static;text-align: left;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;margin-right: 8px;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #f9b600;}




.section{background-repeat: no-repeat;background-position: center bottom;background-size: cover;overflow:hidden;background-color: #efefef;}


.sec02{position: relative;padding-top: 130px;padding-bottom: 105px;}
.sec02:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image:url("../images/secbg_02_2.png");background-position:top right;background-repeat: no-repeat;overflow:hidden;background-size: 100%;z-index: 10;}

.sec03{padding-bottom: 100px;}
.sec04{padding: 110px 0;background-color: #e3e3e4;}
/*.sec05{padding: 390px 0;}*/
.sec06{padding: 110px 0;}
.centerCont,.newsW{position: relative;z-index: 100;overflow: hidden;}
.centerCont{display: flex;justify-content: space-between;align-items: center;}
.centerCont .introIn{width: 42%;}
.centerCont .introNum{width: 51%;}
.introNum{}
/*.introNum li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;border-radius: 26px;background-color: rgba(255,255,255,0.6);}*/
.introNum li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;border-radius: 26px;-webkit-backdrop-filter: blur(.15rem);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,.6);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;}
.introNum li:nth-child(2n){margin-right: 0;}
.introNum li .box{padding: 30px 30px;}
.introNum li img{width: 58px;}
.introNum li .num,.introNum li p{display: flex;justify-content: flex-end;align-items: flex-end;}
.introNum li .num{color: #231714;margin-top: 60px;}
.introNum li .num .numCX{font-size: 80px;line-height: 80px;font-family: 'Roboto-Bold';}
.introNum li .num .dw{display: inline-block;font-size: 24px;line-height: 34px;margin-left: 5px;}
.introNum li p{font-size: 18px;line-height: 24px;color: #6c6c6c;}

.sec03 .txt{position: relative;height: 935px;display: flex;align-items: flex-end;}
.sec03 .txt .title{width: 100%;}

.sec05 .title{width: 46%;}
.proIn{margin-top: 130px;}
.proIn .swiper {margin-left: auto;margin-right: auto;}
#gallery{width: 80%;overflow: visible;position: relative;}
#gallery .swiper-wrapper{align-items: center;}
#gallery .box{width: 100%;display: flex;justify-content: flex-end;align-items: center;}
#gallery .box .img{width: 50%;background-image: none;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;text-align: center;display: flex;justify-content: center;align-items: center; }
/*#gallery .box .img:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.5);}*/
#gallery .box .img img{ width: 50%;opacity: 0.2;filter: opacity(20);}
#gallery .box .mes{width: 50%;display: none;}
/*#gallery .box .mes span{display: block;font-size: 22px;line-height: 32px;color: #000018;}*/
/*#gallery .box .mes h3{font-size: 50px;line-height: 60px;color: #000018;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
/*#gallery .box .mes p{font-size: 18px;line-height: 26px;color: #656565;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;margin-top: 20px;}*/
/*#gallery .box .mes p{font-size: 18px;line-height: 26px;color: #656565;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}*/
/*#gallery .box .mes .more{}*/
#gallery .box .mes .more:hover{box-shadow: 3px 4px 10px rgba(0,0,0,0.2);}
#gallery .box .mes .more{display: inline-block;font-size: 18px;line-height: 20px;color: #333;padding: 20px 30px;background-color: #f9b600;border-radius: 30px;margin-top: 35px;font-weight: 600;vertical-align: middle;}
#gallery .box .mes .more img{display: inline-block;width: 18px;margin-left: 15px;}
#gallery .swiper-slide{width: 95%;}
#gallery .swiper-slide.swiper-slide-prev .box{justify-content: flex-end;}
#gallery .swiper-slide.swiper-slide-prev .box .img{justify-content: flex-end;}
#gallery .swiper-slide .box{justify-content: left;}
/*#gallery .swiper-slide .box .img{justify-content: left;padding-right: 50px;}*/
#gallery .swiper-slide .box .img{justify-content: left;}
#gallery .swiper-slide.swiper-slide-next .box{justify-content: left;align-items: center;}
#gallery .swiper-slide.swiper-slide-next .box .img{justify-content: left;align-items: center;}
/*#gallery .swiper-slide.swiper-slide-next .box .img{justify-content: left;padding-left: 50px;}*/
#gallery .swiper-slide.swiper-slide-active .box{justify-content: center;}
#gallery .swiper-slide.swiper-slide-active .box .img{justify-content: center;padding: 0 0;}

#gallery .swiper-slide.swiper-slide-active .box .img img{width: 100%;opacity: 1;padding-top: 0;}

/*#gallery .swiper-slide.swiper-slide-active .box .img{ width: 820px;background-image: url("../images/pro_bg.png");}*/
#gallery .swiper-slide.swiper-slide-active .box .img img{ width: 480px;}
#gallery .swiper-slide.swiper-slide-active .box .mes{display: block;}
#gallery .swiper-slide.swiper-slide-active .box .mes img{max-width: 100%!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
.swiper-button-lock{display: block;}

#gallery .swiper-button-next, #gallery .swiper-button-prev{width: 48px;height: 48px;background-repeat: no-repeat;background-position: center center;background-size: 24px;z-index: 100;}
#gallery .swiper-button-prev{background-image: url("../images/index_prev.png");}
#gallery .swiper-button-next{background-image: url("../images/index_next.png");}

#thumbs {overflow: hidden;}
#thumbs .swiper-wrapper{display: flex;justify-content: center;overflow: hidden;padding-top: 50px;}
#thumbs .swiper-slide {width: 82px;height: 82px;background-color: #fff;border: 9px solid #fff; border-radius: 50%;box-sizing: border-box;cursor: pointer;}
#thumbs .swiper-slide  .thumbs-img{position: relative;width: 100%;height: 100%;background-color: #fdf2ca;border-radius: 50%;text-align: center;}
#thumbs .swiper-slide  .thumbs-img img{width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-25px,-25px);-webkit-transition:all .5s cubic-bezier(.38,0,0,1);;-moz-transition:all .5s cubic-bezier(.38,0,0,1);;-o-transition:all .5s cubic-bezier(.38,0,0,1);;transition:all .5s cubic-bezier(.38,0,0,1);}
#thumbs .swiper-slide.swiper-slide-thumb-active{width: 100px;height: 100px;margin-top: -10px;}
#thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img{background-color: transparent;}
#thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img img{width:100px;height: 100px;top: -30px;transform: translate(-50px,0);}



.newsIn{margin-top: 50px;}
.newsIn .swiper-slide a{display: block;background-color: #fff;border-radius: 10px;overflow: hidden;}
.newsIn .swiper-slide .mes{padding: 40px;}
.newsIn .swiper-slide .mes span{display: block;font-size: 16px;line-height: 26px;color: #717171;font-family: 'DIN';margin-bottom: 25px;}
.newsIn .swiper-slide .mes p{font-size: 28px;line-height: 38px;color: #000;height:114px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;font-family: 'PingFang-SC-Light'; }
.newsIn .swiper-slide .img{height: 230px;position: relative;overflow: hidden;}
/*transition: all .5s cubic-bezier(.38,0,0,1);*/
.newsIn .swiper-slide .img .pic{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;filter: grayscale(100%);opacity: .56;
    transform: translateY(50%);-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);transition:all .5s cubic-bezier(.38,0,0,1);}
.newsIn .swiper-slide.swiper-slide-active .img .pic,.newsIn .swiper-slide:hover .img .pic{filter: grayscale(0%);opacity: 1;
    transform: translateY(0);}

.newsIn .swiper-slide.swiper-slide-active a,.newsIn .swiper-slide:hover a{box-shadow: 0 0 16px rgba(118,118,118,0.13);}


.newsIn .swiper-pagination{position: static;text-align: right;font-size: 36px;line-height: 36px;color: #231815;margin-bottom: 35px;font-family: 'PingFang-SC-Light';word-spacing: -5px;}

.newsIn .swiper-pagination .swiper-pagination-total{font-weight: bold;}

.newsIn .swiper-navigation{position: relative;padding-left: 215px;padding-top: 90px;padding-bottom: 10px;}
.newsIn .swiper-button-prev, .newsIn .swiper-button-next{margin-top: 0;width: 80px;height: 80px;background-color: #fff;border-radius: 50%;background-repeat: no-repeat;background-position: center center;background-size: 24px;-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);transition:all .5s cubic-bezier(.38,0,0,1);}
.newsIn .swiper-button-prev{left: 0;background-image: url("../images/index_prev.png");}
.newsIn .swiper-button-next{left: 100px;right: auto;background-image: url("../images/index_next.png");}
.newsIn .swiper-button-prev:hover,.newsIn .swiper-button-next:hover{background-color: #f9b500;}


.newsIn .news-mr{display: flex;justify-content: flex-end;align-items: center;}
.newsIn .news-mr .line{flex: 1;height: 1px;background-color: #231815;}
.newsIn .news-mr a{position: relative;display: block;font-size: 18px;line-height: 24px;color: #fff;background-color: #231714;padding: 20px 30px;border-radius: 30px;overflow: hidden;margin-left: 30px;}

/*.newsIn .news-mr a:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color:#f9b500;border-radius: 30px;overflow: hidden;-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);;transition:all .5s cubic-bezier(.38,0,0,1); }*/
.newsIn .news-mr a span{position: relative;z-index: 10;}
.newsIn .news-mr a img{width: 20px;margin-left: 20px;}
.newsIn .news-mr a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}


.sec05 {position: relative;overflow: hidden;}
.sec05 .swiper-slide{position: relative;overflow: hidden;height: 1080px;}
.sec05 .img{width: 100%;height:100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;}
.sec05 .swiper-slide:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.54);z-index: 10;}
.sec05 .titBan{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 100;}
.sec05 .wrap{height: 100%;}
.sec05 .titBan .ani{position: relative;width: 100%;height: 100%;display: flex;align-items: center;}

.sec05 .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.sec05 .swiper-button-next,.sec05  .swiper-container-rtl .swiper-button-prev{background-image: none;}
.sec05 .swiper-button-next,.sec05 .swiper-button-prev{width: 82px;height: 82px;background-repeat: no-repeat;background-position: center center;background-size: 22px;border-radius: 50%;background-color: rgba(255,255,255,0.33);z-index: 200;}
.sec05 .swiper-button-prev{left: auto;right: 162px;background-image: url("../images/index_prev.png");}
.sec05 .swiper-button-next{right: 60px;background-image: url("../images/index_next.png");}
.sec05 .swiper-button-next:hover,.sec05 .swiper-button-prev:hover{background-color: rgba(255,255,255,0.8);}

.newsW{margin-top: 70px;padding-top: 70px;border-top: 1px solid #c4c6c6;}
.news-center{margin-top: 60px;overflow: hidden;}
.news-center .ctr{float: left;width:49%;margin-right: 2%; }
.news-center .ctr:nth-child(2n){margin-right: 0;}
.news-center .ctr .news-mes,.news-center .ctr-nav{margin-bottom: 25px;}
.news-center .ctr .news-mes a,.news-center .ctr-nav a,.news-center .ctr-nav .oth{display: block;height: 208px;background-color: #fff;border-radius: 22px;overflow: hidden;-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);transition:all .5s cubic-bezier(.38,0,0,1);}
.news-center .ctr .news-mes .bx{display: flex;flex-direction: row;height: 100%;}
.news-center .ctr .news-mes .img{width: 302px;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news-center .ctr .news-mes .mes{flex: 1;padding:0 35px;height: 100%;}
.news-center .ctr .news-mes h3{font-size: 28px;line-height: 36px;height: 108px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news-center .ctr .news-mes .dt{font-size: 16px;line-height: 20px;color: #717171;font-family: 'DIN';margin-top: 14px;}

.news-center .ctr-nav{float: left;width:49%;margin-right: 2%; }
.news-center .ctr-nav:nth-child(2n){margin-right: 0;}
.news-center .ctr-nav a{position: relative;}
.news-center .ctr-nav .img{position: relative;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 10;}
.news-center .ctr-nav .img:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.31);z-index: 15;-webkit-transition:all .5s cubic-bezier(.38,0,0,1);-moz-transition:all .5s cubic-bezier(.38,0,0,1);-o-transition:all .5s cubic-bezier(.38,0,0,1);transition:all .5s cubic-bezier(.38,0,0,1);}
.news-center .ctr-nav .img:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: url("../images/index_navbg.png");background-position: bottom center;background-repeat: no-repeat;background-size: 100%;z-index: 16;}
.news-center .ctr-nav .mes{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.31);display: flex;justify-content: center;align-items: center;z-index: 20;}
.news-center .ctr-nav .mes p{font-size: 30px;line-height: 1;color: #fff;}

.news-center .ctr .news-mes a:hover,.news-center .ctr-nav a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.news-center .ctr-nav a:hover .img:before,.news-center .ctr-nav .oth:hover .img:before{background-color: rgba(0,0,0,0.15);}

.news-center .ctr-nav .oth{position: relative;text-align: center;}
.news-center .ctr-nav .oth .cont{position: absolute;left: 0;top:0;width: 100%;height: 100%;text-align: center;z-index: 20;}
.news-center .ctr-nav .oth a{display: inline-block;height: auto;background-color: transparent;border-radius: 0;font-size: 24px;line-height: 44px;color: #fff;border-bottom: 2px solid #fff;margin-right: 80px;}
.news-center .ctr-nav .oth a:last-child{margin-right: 0;}
.news-center .ctr-nav .oth .mes{position: static;}
.news-center .ctr-nav .oth .icon{margin-top: 40px;margin-bottom: 20px;}
.news-center .ctr-nav .oth .icon img{width:auto;height: 70px; }