@import "../font/iconfont.css";
.wrap{max-width: 1200px;margin-left:auto;margin-right:auto;}
.wrap .content{max-width: 66.66666%;margin-left:auto;margin-right:auto;}
.top{height:60px;line-height:60px;background:#1c1c1c; display: none;}
.top a:hover{color:#fff; }
.top .top_tel .iconfont{font-size:14px;border-radius: 100%;background:#9d2374;padding:5px;margin-right:10px;}
.top_nav{margin:0 50px;}
.top_nav a{color:#fff;padding:0 25px;} 
.top_nav a:hover{text-decoration: underline;}
.header{ position: fixed;left:0;right:0;top:0; z-index: 1000;background:#424243;transition:all 0.3s; }
/*.header:before{width:100%;height:100%;content:'';position: absolute;left:0;top:0;z-index:1;background: rgba(255, 255, 255, 0.7);backdrop-filter: saturate(180%) blur(20px);}*/
.header .wrap{max-width:1600px;height:100px; position: relative;z-index: 10;}
.header.on{top:0;}  
.logo{width:81px;margin-top:15px;} 
.btn_sleep{display: inline-block;padding:10px 50px;border-radius: 60px;background:#B72755;color:#fff;text-align: center;margin-top:1.5em;}
.btn_sleep:hover{color:#fff;}
.btn_sleep span{display: inline-block;padding-right:1.8em;background:url(../images/arrow.png) no-repeat 95% 50%;background-size:14px; transition:all 0.3s;}
.btn_sleep:hover span{background-position: 100% 50%;}
.mainMenu .item{float:left;margin-left:25px;position:relative;display: flex;align-items: center;}
.mainMenu .item a.mNav{display:inline-block; font-size:18px;line-height:100px; position: relative;}
.mainMenu .item i{display:inline-block;width:24px;height:24px;background:url(../images/arr.png) no-repeat center;background-size:18px; } 
.mainMenu .subMenu{background: rgba(255, 255, 255, 0.7);backdrop-filter: saturate(180%) blur(20px);width:200px; position:absolute;left:50%;top:80%;margin-left:-100px; opacity: 0; visibility:hidden; transition: all 0.5s;padding:10px 0; }
.mainMenu .subMenu a{display:block;padding:10px 1em;text-align:center;}
.mainMenu .subMenu a:hover{color:#9d2374;}
.mainMenu .item:hover .subMenu{opacity: 1; visibility:visible;top:100%;} 
.mainMenu .item:hover a.mNav,.header .mainMenu .item.cr a.mNav{color:#9d2374;font-weight: bold; }
.free_sleep{display:block;width:200px;height:44px; line-height: 40px;font-size:14px; background: #9D2872;border-radius: 44px;text-align: center;color:#fff;border:2px solid #9D2872;}
.free_sleep:hover{color:#9D2872;background:#fff;}
.banner{position: relative;overflow: hidden;margin-top:100px;} 
.banner .img,.banner .mimg{position: relative;}
.banner .img:after,.banner .mimg:after{width:100%;height:100%;background:rgba(0,0,0,0.15);content:'';position: absolute;left:0;top:0;}
.banner .img img{width:100%;}
.banner .bannerFont{top:35%;left:0;right:0;text-align: center;padding:0 1em;}
.banner .bannerFont .tit{ text-shadow: 0 9px 17px rgba(0, 0, 0,0.6);}
.banner .bannerFont .btn_sleep{display:inline-block;margin:3em auto 0; opacity: 0;visibility: hidden;transition:all 0.3s;}
.banner:hover .bannerFont .btn_sleep{opacity: 1;visibility: visible;}
.banner .mimg{display: none;}
.banner .video{width: 100%;height:100%;}
.banner .video video{display:block;width:100%;object-fit: cover;}
.banner .tit{color:#fff; line-height:1.5; top:0px;z-index: 100; text-shadow: 1px 1px 3px rgb(15 48 4 / 30%);letter-spacing:0.2em;}
.banner .tit span{display: block;color:#424243;text-shadow:none;}
.banner .play{bottom:50px;display:flex; align-items: center; cursor:pointer; z-index: 100;}
.banner .play img{width:74px;margin-right:19px;}
.banner .play span{font-size:24px;color:#fff;    text-shadow: 1px 1px 3px rgb(15 48 4 / 48%);}
.arrDown{ width:0;height:30px;position: absolute;bottom: 15px;left: calc(50% - 10px);animation: jumpInfinite 1.5s infinite;}
.arrDown:after{border-bottom: 4px solid #fff;border-radius: 0;border-right: 4px solid #fff;
    content: " ";height: 16px;left: -10px;position: absolute;top: 10px;transform: rotate(45deg);width:16px;}
@keyframes jumpInfinite{
	0%{
		margin-bottom:0;
	}
	50%{
		margin-bottom:20px;
	}
	to{
		margin-bottom:0;
	}
}
.video_show{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background:rgba(0,0,0,0.8);z-index: 9999;text-align: center;display:none;}
.video_show.show{display:block;}
.video_show .video_w{width: 76%;max-width:1100px;position: absolute;top: 50%;left: 50%; transform:translate3d(-50%,-50%,0); }
.video_show .video_w video{width: 100%;}
.video_show .video_close{width:20px;height:20px;position:absolute;top:-40px;right:0;cursor:pointer;}
.banner_bottom{background:#F5F6FA;padding:30px 0;}
.banner_bottom .ban_bom_txt{font-size:20px;color:#424243;text-align: center;}
.banner_bottom .ban_bom_txt img{width:45px;margin-right:20px;}

.indBox1{padding:80px 0;}
 
.page_title{position: relative;margin-bottom:1rem;}
.page_title sup{font-size: 12px;}
.indSwiper{max-width: 1000px;margin:2em auto 0; position: relative;} 
.indSwiper1 .swiper-slide .item{padding:2em;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);margin:1em;border-radius: 8px;}
.indSwiper1 .swiper-slide .img{width:80%;margin:auto;}
.indSwiper1 .swiper-slide .tit{margin-top:1em;}
.indSwiper .swiper-button-prev,.indSwiper .swiper-button-next{width:38px;height:38px;border-radius: 100%;background:#B72755;color:#fff;}
.indSwiper .swiper-button-prev:after,.indSwiper .swiper-button-next:after{font-size:12px;font-weight: bold;}
.indSwiper .swiper-button-prev{left:-10%;}
.indSwiper .swiper-button-next{right:-10%;}
.indSwiper .swiper-pagination{ position: static;width:100%; margin-top:2em;text-align: center;}
.indSwiper .swiper-pagination-bullet{width:16px;height:16px;background:#b02543; opacity: 1; margin:0 5px!important; transform:scale(0.625); transition:transform 0.3s;}
.indSwiper .swiper-pagination-bullet-active{transform:scale(1);}
.page_small{margin-top:2em;}
.btn_download{display: inline-block;padding:10px 50px;border-radius: 60px;border:3px solid #B72755;color:#B72755;text-align: center;margin:1.5em auto 0;}
.btn_download:hover{color:#B72755;}
.btn_download span{display: inline-block;padding-right:1.8em;background:url(../images/arrow_red.png) no-repeat 95% 50%;background-size:18px;transition:all 0.3s;}
.btn_download:hover span{background-position: 100% 50%;}
.indBox2{padding:80px 0;background:#87D7F3;}
.indSwiper2 .img{position: relative;border-radius: 10px;overflow: hidden;}
.indSwiper2 .img:after{width:100%;height:100%;background:rgba(0,0,0,0.15);content:'';position: absolute;left:0;top:0;}
.btn_play{display: inline-block;padding:10px 50px;border-radius: 60px;border:3px solid #fff;color:#fff;text-align: center;margin:0 auto; position: absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%); cursor:pointer;}
.btn_play:hover{color:#fff;}
.btn_play span{display: inline-block;padding-right:1.3em;background:url(../images/play.png) no-repeat right center;background-size:12px;}
.indBox3{padding:80px 0;}
.indSwiper3 .swiper-slide{background:#c5abd3;padding:0 2em 3em;border-radius: 8px;}
.indSwiper3 .swiper-slide .img{width:100%;text-align: center;}
.indSwiper3 .swiper-slide .txt{margin-top:10px;}
.indBox4{margin-top:2em; position: relative;}
.indBox4 .video,.indBox4 .img{width: 100%; position: relative;}
.indBox4 .img img{width:100%;}
.indBox4 .video:after,.indBox4 .img:after{width:100%;height:100%;background:rgba(0,0,0,0.15);content:'';position: absolute;left:0;top:0;}
.indBox4 .video video{display:block;width:100%;object-fit: cover;}
.indBox5{padding:100px 0;background:#88D7F4;}
 
 

.footer{padding:50px 0;background:#424243;}
.footer .wrap{display: flex;justify-content: space-between;}
.f_left{display: flex; align-items: center;}
.ft_logo{width:80px;margin-right:20px;} 
.copyright{color:#fff;}
.ft_link{margin-top:10px;font-size:14px;}
.ft_link a{display: inline-block;margin-right:10px;color:#fff;}
.share_txt{margin:15px 0 30px;color:#666;}
.share_box{text-align: right;margin-top:10px;}
.share_tit{margin-right:8px;color:#fff;}
.social-share .social-share-icon{ border:none!important;color:#fff!important;margin:0; }
.social-share .social-share-icon:hover{ opacity: 0.9;background:none!important; }
.social-share .icon-xhs:before{width:32px;height:32px;content:'';position: absolute;left:0;top:0;background:url(../images/xhs.png) no-repeat center;background-size:100%;}
 
.float_box{width:78px; position: fixed;right:0;top:45%; z-index: 230;}
.float_box a{display: flex;width:78px;height:78px;background:#9d2374; text-align: center;margin:1px 0;padding:8px 10px; position: relative; flex-direction: column;justify-content: center;align-items: center;cursor:pointer; }  
.float_box a .icon{width:30px;height:30px;margin:0 auto 3px;}  
.float_box a .ewm{width:150px;height:150px;padding:10px;;background:rgba(255,255,255,1); position: absolute; right:86px; top:50%;margin-top:-75px; opacity: 0;visibility: hidden;box-shadow: 0px 0px 12px rgba(153,153,153,0.3);border-radius: 8px;transition:all 0.3s;}
.float_box a .ewm:after{ position: absolute;content:''; border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(255,255,255,1);bottom:auto;left:auto;margin-left:0;right:-6px;top:50%;margin-top:-6px;}
.float_box a:hover .ewm{opacity: 1;visibility: visible;}
 
 @media only screen and (max-width:1600px) { 
 	.header .wrap{margin-left:50px;margin-right:50px;}
 }
 @media only screen and (max-width:1440px) { 
 	.video_show .video_w{width:70%;}
 	.header .wrap{margin-left:30px;margin-right:30px;} 
 }
 @media only screen and (max-width:1200px) {
 	.wrap{margin-left:30px;margin-right:30px;} 
 	.mainMenu .item{margin-left:15px;}
	.mainMenu .item a.mNav,.mainMenu .subMenu a{font-size:14px;}
	.indSwiper .swiper-button-prev{left:-5%;}
	.indSwiper .swiper-button-next{right:-5%;}
}
@media (max-width:1100px) { 
	.logo{width:72px;} 
	.header .mobileMenu{position:fixed;width:24px;height:20px;transition: 0.5s all;right:20px;top:20px; z-index:9999999;}
	.header .mobileMenu:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #9d2374;border-bottom:2px solid #9d2374;transition:0.2s all;-webkit-transition:0.2s all;}
	.header .mobileMenu:after {content:'';position:absolute;top:8px;right:0;left:0;height:2px;overflow:hidden;background:#9d2374;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;}
	.mobileMask{display:none;transition:0.2s all;-webkit-transition:0.2s all;position:fixed;z-index:999998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
	.header .mainMenu{position:fixed;right:-100%;width:300px;background:#fff;top:0;bottom:0;padding:4em 0 1em;overflow-y:auto;z-index:999999;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;margin-right:0;}
	.header.open .mobileMenu::before {-webkit-transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);border-bottom: 0;top:7px;left:1px;right:1px;border-color:#9d2374;}
	.header.open .mobileMenu::after {-webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);top: 6px;left:1px;right:1px; background:#9d2374;}
	.header.open .mobileMask{display:block;}
	.header.open .mainMenu{right:0;}  
	.header .mainMenu .item{display:block;float:none;padding:0;margin-left:0;border-top:1px solid #dfdfdf;} 
	.header .mainMenu .item i{display: none;} 
	.header .mainMenu .item .arrow{display: block;width:30px;height:30px;background:url(../images/arr2.png) no-repeat center ; position: absolute;right:0.5em;top:5px;z-index: 10;} 
	.header .mainMenu .item.hasmenu.on>.arrow,.header .mainMenu .sItem.on>.arrow{background-image:url(../images/arr7.png);}
	.header .mainMenu .item > a{display:block;width:100%;line-height:2.8;font-weight:normal;padding-bottom:0;padding: 0 1em;} 
	.header .mainMenu .item.hasmenu.on>a{color:#9d2374;}
	.header.on .mainMenu .item a.mNav{line-height:2.8;}
	.header .mainMenu .subMenu{display:none;position:static;width:100%!important;background:none; transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);transition:0s all ease;-webkit-transition:0s all ease;opacity: 1; visibility:visible;top:100%;margin-left:0!important;left:0;}
	.header .mainMenu .subMenu a{text-align:left; color:#333;padding:5px 2em;}
	.header .mainMenu .item > a{color:#333;font-size:16px;} 
	.header .mainMenu .item.cr a.mNav{color:#9d2374;font-weight: bold; }
	.free_sleep{width:150px;height:36px;line-height:32px;font-size:14px;}
	.wrap .content{max-width: 100%;padding:0 1em;}
	
}
@media (max-width:750px) {
	.wrap{margin-left:1em;margin-right:1em;} 
	
	.top{display: none;}
	.header .wrap{height:80px;margin-left:1em;margin-right:1em;}
	.banner{margin-top:80px;}
	.logo{width:60px;margin-top:15px;} 
	.banner .img{display: none;}
	.banner .mimg{display: block;height:calc(100vh - 80px);}
	.banner .tit{letter-spacing: 0;}
	.indBox1,.indBox2,.indBox3,.indBox5{padding:3em 0;}
	.indBox6{padding:5rem 0 3rem;}
	.indSwiper .swiper-button-prev, .indSwiper .swiper-button-next{display: none;}
 	.indSwiper2 .img{border-radius: 0;}
	.popupBox{background:#fff;}
	.popupDesc{padding:10.66667vw 9.6vw;}
	.popupClose{padding:4.8vw 4.26667vw;}
	.popupStart a{padding:7.46667vw 9.6vw;font-size:5.3333vw;} 
	.popupBox .share_page{background: #F2F4F7;padding-left:6.46667vw;padding-right:6.46667vw;}
	.popupMain{right:0;} 
	.float_box{width:40px;right:10px;} 
    .float_box a{width:40px;height:40px; border-radius: 100%;padding:0;}
    .float_box a .f-14{display: none;}
    .float_box a .icon{width:18px;height:18px;}
    .float_box a .ewm{right:48px;}
	.footer{padding:30px 0;}
    .footer .wrap,.f_left{display: block;text-align: center;}
    .ft_logo{margin-left:auto;margin-right:auto;margin-bottom:1em;}
    .share_page{margin-top:2em;}
    .share_box,.share_tit{text-align: center;}
   
  
}

@media (max-width:480px) { 
	.indSwiper{margin-left:-1em;margin-right:-1em;}
	
	.indSwiper1 .swiper-slide .item{padding:2em 1em;margin:1em 0.5em;border-radius: 5px;}
	.indSwiper .swiper-pagination{margin-top:1em;}
	
}