
.homePage,
.homePage body,.homePage .pageWrap,.homeContainer{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.outerSlider{height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;overflow: hidden;}
.outerSlider .wrap{width: 100%;height: 100%;}


/* banner */
.banner{height: 100vh;width: 100%;}
.banner .wrap{display: block;height: 100vh;}

/* 控制器 */
.pageControl{position: absolute;left: 0;top: 3.33rem;z-index: 9;width: 3.33rem;height: calc(100% - 3.33rem);border-right: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.pageControl .scroll{flex-direction: column;position: absolute;left: 0;width: 100%;bottom: 1rem;line-height: 0.67rem;}
.pageControl .scroll img{margin-bottom: 7px;height: 0.6rem;}
.pageControl .homePagination{flex-direction: column;position: relative;left: 0;top: 0;right: auto;transform: translate(0);color: #fff;}
.pageControl .homePagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;position: relative;margin: 0.3rem 0;opacity: 1;background: none;display: block !important;}
.pageControl .homePagination .swiper-pagination-bullet::before{content: "";width: 0.33rem;height: 0.33rem;background: currentColor;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;}
.pageControl .homePagination .swiper-pagination-bullet::after{content: "";width: 100%;height: 100%;box-sizing: border-box;border: 1px solid currentColor;border-radius: 50%;position: absolute;left: 0;top: 0;transform: scale(0.5);opacity: 0;}
.pageControl .homePagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{transform: scale(1);opacity: 1;}
.pageControl .homePagination.hide{opacity: 0;visibility: hidden;}
.pageControl.hide{opacity: 0;visibility: hidden;}
.pageControl.black{border-color: #DBDBDB;}
.pageControl.black .homePagination .swiper-pagination-bullet{color: #DBDBDB;}
.pageControl.black .homePagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{border: none;background: url(../images/dot.png) no-repeat center;background-size: 100%;}
.pageControl.black .homePagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 0;visibility: hidden;}


/* 标题 */
.iTitle{margin-bottom: 1.13rem;}
.iTitle .name{line-height: 1rem;color: #42242C;margin-bottom: 0.6rem;}
.iTitle .title{line-height: 1.3;}
.iTitle.white .name,
.iTitle.white .title{color: #fff;}

/* 描述 */
.descStyle{line-height: 1rem;color: #7E7376;margin-bottom: 1.8rem;}

/* 第二屏 */
.outerSlider2 .contLeft{width: 53.125%;height: 100%;}
.outerSlider2 .contLeft video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.outerSlider2 .contLeft .videoIcon{width: 5.6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;transition: 0.3s linear 0.4s;}
.outerSlider2 .contLeft .scaleIcon{width: 1.27rem;position: absolute;left: 4.07rem;bottom: 1.2rem;cursor: pointer;filter: brightness(0) invert(1);transition: 0.3s;}
.outerSlider2 .contLeft .scaleIcon:hover{filter: brightness(1) invert(0);}
.outerSlider2 .contRight{width: 46.875%;height: 100%;background-image: url(../images/slide2_bg.jpg);box-sizing: border-box;padding: 0 5.2% 0 9.79%;}
.outerSlider2 .contRight .box{width: 100%;}
.outerSlider2 .contRight .descStyle{margin-bottom: 2.37rem;}
.outerSlider2 .dataList{position: absolute;left: 46.23%;top: 50%;transform: translateY(-50%);margin-top: 1.67rem;width: 13.5%;transition: 0.3s linear 0.6s;}
.outerSlider2 .dataList li{margin-top: 1.17rem;padding: 0.57rem 0.67rem 0.67rem 0.67rem;align-items: flex-start;background: #FFFFFF;border-radius: 10px;box-shadow: 0px 0px 0.47rem 0px rgba(0, 0, 0, 0.06);color: #42242C;line-height: 1.07rem;}
.outerSlider2 .dataList li:first-child{margin-top: 0;}
.outerSlider2 .dataList li .icon{width: 1.07rem;margin: 0.5rem 0.63rem 0 0;}
.outerSlider2 .dataList li .top span{line-height: 2rem;font-family: "Barlow-Medium";}
.outerSlider2 .dataList li .top em{margin-top: 0.2rem;}
.outerSlider2.on .dataList{opacity: 0;visibility: hidden;transition: 0.1s linear;}
.outerSlider2.on .contLeft{width: 100%;transition-delay: 0.2s;}
.outerSlider2.on .contRight{width: 0;padding: 0;transition-delay: 0.2s;}
.outerSlider2.on .contRight .box{transform: scale(0.5) translateX(30%);opacity: 0;visibility: hidden;}
.outerSlider2.on .contLeft .videoIcon{transform: translate(-50%, -50%) scale(0);opacity: 0;visibility: hidden;transition: 0.3s linear;}

/* 第三屏 */
.outerSlider3{background-image: url(../images/slide3_bg.jpg);box-sizing: border-box;padding-top: 3.33rem;}
.outerSlider3 .logoBg{width: 64.63rem;height: 37.13rem;position: absolute;left: 20.4%;top: 50%;transform: translateY(-50%);animation: rond 40s infinite;}
.outerSlider3 .content{padding: 0 5.2% 0 7.29%;width: 100%;box-sizing: border-box;}
.outerSlider3 .nav{flex-shrink: 0;}
.outerSlider3 .nav li{margin: 0.63rem 0;position: relative;padding: 0 0.73rem;}
.outerSlider3 .nav li .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%) scale(0);opacity: 0;width: 100%;}
.outerSlider3 .nav li a{width: 2.13rem;height: 2.13rem;background: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 0.5rem 0px #E4E2DB;position: relative;}
.outerSlider3 .nav li a::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;background: linear-gradient(131deg, #DAB476 17%, #B3864F 105%);border-radius: 50%;opacity: 0;}
.outerSlider3 .nav li a img{height: 56.25%;position: relative;}
.outerSlider3 .nav li.active .logo{transform: translateY(-50%) scale(1);opacity: 1;}
.outerSlider3 .nav li.active a::before{opacity: 1;}
.outerSlider3 .nav li.active a img{filter: brightness(0) invert(1);}
.outerSlider3 .med{width: 25.7%;}
.outerSlider3 .med .moreBtn{display: none;}
.outerSlider3 .contRight{width: 50.47%;}
.outerSlider3 .container{overflow: visible;width: 22.33rem;height: 16rem;perspective: 1200px;}
.outerSlider3 .container .swiper-slide{border-radius: 0.67rem;overflow: hidden;}
.outerSlider3 .container .wrap{display: block;width: 100%;height: 16rem;border-radius: 0.8rem;overflow: hidden;color: #fff;position: relative;}
.outerSlider3 .container .wrap::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);z-index: 2;}
.outerSlider3 .container .wrap .pic{width: 100%;height: 100%;border-radius: 0.67rem;object-fit: cover;position: absolute;left: 0;top: 0;}
.outerSlider3 .container .wrap .tit{position: absolute;z-index: 3;top: 1.33rem;left: 0;width: 100%;box-sizing: border-box;padding: 0 1.57rem;}
.outerSlider3 .container .wrap .btm{position: absolute;z-index: 3;bottom: 0.73rem;left: 0;width: 100%;box-sizing: border-box;padding: 0 1.57rem;display: none;}
.outerSlider3 .container .wrap .num{font-family: "Barlow-Regular";color: #fff;}
.outerSlider3 .container .swiper-slide-active .wrap::before{opacity: 0;transition-delay: 0.1s;}
.outerSlider3 .container .wrap .tit{opacity: 0;transform: translateY(20px);}
.outerSlider3 .container .wrap .btm{opacity: 0;transform: translateY(20px);}
.outerSlider3 .container .swiper-slide-active .wrap .tit,
.outerSlider3 .container .swiper-slide-active .wrap .btm{opacity: 1;transition-delay: 0.2s;transform: translateY(0);}
.outerSlider3 .container .swiper-slide-active .wrap .btm{transition-delay: 0.3s;}

/* 第四屏 */
.outerSlider4{background-image: url(../images/slide4_bg.jpg);}
.outerSlider4 .content{padding: 3rem 5.2% 0 7.29%;width: 100%;box-sizing: border-box;}
.outerSlider4 .contLeft{width: 10.13rem;margin-right: 7.85%;}
.outerSlider4 .tabs{margin: 3.2rem 0 5.43rem;color: #fff;line-height: 0.77rem;}
.outerSlider4 .tabs li{display: flex;margin: 0.1rem 0;}
.outerSlider4 .tabs li a{display: block;padding: 0.1rem 0;position: relative;}
.outerSlider4 .tabs li a::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: currentColor;transform: scale(0,1);opacity: 0;}
.outerSlider4 .tabs li.active a::before{transform: scale(1);opacity: 1;}
.outerSlider4 .container{flex: 1;overflow: hidden;min-height: 20rem;}
.outerSlider4 .wrap{display: block;}
.outerSlider4 .date{color: #42242C;font-family: "Barlow-Regular";}
.outerSlider4 .date span{display: block;line-height: 1;}
.outerSlider4 .date em{line-height: 1.2;}
.outerSlider4 .pic{margin: 1rem 0 0.9rem;padding-bottom: 56.38%;border-radius: 10px;}
.outerSlider4 .tit{color: #FFFFFF;line-height: 1rem;height: 2rem;}
.outerSlider4 .desc{color: #FFFFFF;line-height: 0.87rem;height: 1.73rem;margin: 0.6rem 0 1.53rem;}
.outerSlider4 .moreBtn{border-color: transparent;}
.outerSlider4 .wrap:hover .tit{text-decoration: underline;}
.outerSlider4 .wrap:hover .moreBtn{border-color: #fff;}
.outerSlider4 .wrap:hover .moreBtn img{transform: rotateZ(0deg);}

/* 第五屏 */
.outerSlider5{background-image: url(../images/slide5_bg1.jpg);}
.outerSlider5 .bgWrap{position: absolute;left: 50%;top: 50%;width: 110%;height: 110%;transform: translate(-50%, -50%);}
.outerSlider5 .bgWrap .scene{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.outerSlider5 .bgWrap .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.outerSlider5 .bgWrap .bg2{opacity: 0.6;mix-blend-mode: overlay;}
.outerSlider5 .content{padding: 0 5.2% 0 7.29%;width: 100%;box-sizing: border-box;justify-content: space-between;}
.outerSlider5 .list{width: 41%;justify-content: space-between;}
.outerSlider5 .list li{width: 47.8%;margin-bottom: 4.4%;color: #7E7376;line-height: 0.67rem;}
.outerSlider5 .list li:nth-child(2n){transform: translateY(3.57rem);}

.outerSlider5 .list .wrap{display: block;position: relative;height: 6.67rem;box-sizing: border-box;padding: 1rem;background: #FFFFFF;border-radius: 10px;}
.outerSlider5 .list .wrap.show{visibility: visible !important;}
.outerSlider5 .list li .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(118deg, #DAB476 16%, #B3864F 108%);opacity: 0;border-radius: 10px;}
.outerSlider5 .list .wrap .tit{color: #42242C;line-height: 1rem;margin-bottom: 0.27rem;}
.outerSlider5 .list .wrap .num{position: absolute;left: 1rem;bottom: 0.73rem;font-family: "Barlow-Regular";display: none;}
.outerSlider5 .list .wrap .icon{width: 2rem;position: absolute;right: 1.2rem;bottom: 0.87rem;}
.outerSlider5 .list li:hover,
.outerSlider5 .list li:hover .wrap .tit{color: #fff;}
.outerSlider5 .list li:hover .wrap::before{opacity: 1;}
.outerSlider5 .list li:hover .wrap .icon{filter: brightness(0) invert(1);transform: rotateY(180deg);transition: 0.3s;}

/* 第六屏 */
.outerSlider6{height: auto !important;}


@media screen and (max-width: 1620px){
.outerSlider2 .dataList li{padding: 0.6rem;margin-top: 0.8rem;}
.outerSlider2 .dataList li .top span{line-height: 1.5rem;}
.outerSlider2 .dataList li .icon{width: 0.8rem;margin: 0.4rem 0.3rem 0 0;}

.outerSlider4 .pic{margin: 0.6rem 0;}
.outerSlider4 .desc{margin: 0.4rem 0 1.2rem;}
.outerSlider4 .tabs{margin: 4rem 0 5rem;}
.outerSlider4 .container{min-height: 17rem;}

}
@media screen and (max-width: 1480px){
.outerSlider4 .tabs{margin: 2.4rem 0 3rem;}
}

@media screen and (max-width: 1300px){
.outerSlider4 .content{padding-top: 1rem;}

.outerSlider3 .med{width: 30%;}
}


@media screen and (max-width: 1024px){
.outerSlider2 .dataList{left: 45.23%;width: 15%;}

}

@media screen and (max-width: 760px){
.pageControl{display: none;}

.homePage, .homePage body, .homePage .pageWrap, .homeContainer{width: auto;height: auto;overflow: scroll;}
.homeContainer > .swiper-wrapper{display: block !important;}
.outerSlider{height: auto;flex-wrap: wrap;}

.banner{height: auto;margin-top: 2.2rem;}
.banner .wrap{height: auto;padding-bottom: 50%;}
.outerSlider1 .wave{bottom: -1.5rem;}



.header{background: #fff;color: #222222;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .filterWhite{filter: brightness(1) invert(0);}

.iTitle{margin-bottom: 0.8rem;}
.iTitle .name{margin-bottom: 0.3rem;}
.descStyle{margin-bottom: 0.6rem;}


.outerSlider2 .contLeft,
.outerSlider2 .contRight{width: 100%;}
.outerSlider2 .contLeft{height: 50vh;display: none;}
.outerSlider2 .contLeft .videoIcon{width: 3rem;}
.outerSlider2 .contLeft .scaleIcon{display: none;}
.outerSlider2 .contRight{padding: 1rem 5%;}
.outerSlider2 .contRight .descStyle{margin-bottom: 1rem;}
.outerSlider2 .dataList{width: 100%;left: 0;position: relative;top: 0;transform: translateY(0);display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;padding: 0 5% 1rem;margin-top: 1rem;}
.outerSlider2 .dataList li{width: 48%;margin: 0 0 2% 0 !important;box-sizing: border-box;}

.outerSlider3{padding: 1rem 5%;box-sizing: border-box;}
.outerSlider3 .content{padding: 0;display: block;}
.outerSlider3 .nav{display: flex;align-items: center;justify-content: center;}
.outerSlider3 .med{width: 100%;}
.outerSlider3 .contRight{width: 100%;margin-top: 1rem;height: auto;padding-right: 8%;}
.outerSlider3 .container{width: 100%;height: auto;}
.outerSlider3 .container .wrap{height: 0;padding-bottom: 71.64%;}
.outerSlider3 .container .wrap .tit{padding: 0 0.5rem;top: 0.5rem;}
.outerSlider3 .container .wrap .add{width: 1rem;}
.outerSlider3 .container .wrap .btm{padding: 0 0.5rem;}

.outerSlider4{background: #F3F3F3;}
.outerSlider4 .content{padding: 1rem 5%;display: block;}
.outerSlider4 .contLeft,
.outerSlider4 .container{width: 100%;margin-right: 0;}
.outerSlider4 .moreBtn{display: none;}
.outerSlider4 .tabs{margin: 0.5rem 0 1rem;display: flex;justify-content: center;align-items: center;justify-content: space-between;}
.outerSlider4 .tabs li{margin: 0;color: #222;}
.outerSlider4 .container{min-height: auto;}
.outerSlider4 .tit{color: #42242C;}
.outerSlider4 .desc{color: #7E7376;}
.outerSlider4 .date{display: none;}

.outerSlider5 .content{padding: 1rem 5% 1.5rem;display: block;}
.outerSlider5 .list{width: 100%;}
.outerSlider5 .list li:nth-child(2n){transform: translateY(1rem);}
.outerSlider5 .list .wrap{padding: 0.6rem;height: 5rem;}
.outerSlider5 .list .wrap .icon{width: 1.2rem;bottom: 0.4rem;right: 0.4rem;}


}

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