@charset "utf-8";
@font-face {
	font-family:AlibabaPuHuiTi;
	src: url(AlibabaPuHuiTi-2-55-Regular.ttf);
}
*{
	margin: 0;
	padding:0;
	font-family:AlibabaPuHuiTi;
}
html,body{
	background:#9cd9f6;
	position: fixed;
	width:100%;
	height:100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
.hide{
	display: none!important;
}
.loading_wrap{
	position: fixed;
	width:100%;
	height: 100%;
	background:url(http://beekucdn.beekudata.com/BlueWindChime/img/loading/bg.jpg?202112072129) no-repeat center #9cd9f6;
	background-size: 100% auto;
	z-index: 9;
}
.loading_wrap .el0{
	position: absolute;
	left: 2.58rem;
	top:50%;
	width:2.32rem;
	-webkit-transform: translateY(-.75rem);
}
.loading_wrap .el1{
	position: absolute;
	left: 2.58rem;
	top:50%;
	width:0;
	height: .74rem;
	overflow: hidden;
	-webkit-transform: translateY(-.75rem);
	-webkit-transition: all .3s;
	font-size: 0;
}
.loading_wrap .el1 img{
	width:2.32rem;
	height: .74rem;
}
.loading_wrap .el2{
	position: absolute;
	left: 2.52rem;
	top:50%;
	width:100%;
	-webkit-transform: translateY(.17rem);
	font-size: .23rem;
	color: #28307a;
	font-weight: bold;
}
.loading_wrap .el3{
	position: absolute;
	left: 0;
	top:50%;
	width:100%;
	-webkit-transform: translateY(.6rem);
	font-size: .23rem;
	color: #28307a;
	text-align: center;
	font-weight: bold;
}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.shanghai_page{
	width:100%;
	font-size: 0;
	position: fixed;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	top:0;
	left:0;
}
.part1,.part2,.part3,.part4{
	font-size: 0;
	position: relative;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/bg1.jpg?202112072129) no-repeat;
	background-size: 100%;
	width:7.5rem;
	height:20.73rem;
}
.part2{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/bg2.jpg?202112072129);
	height: 4.27rem;
}
.part3{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/bg3.jpg?202112072129);
	height: 7.38rem;
}
.part4{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/bg4.jpg?202205101637);
	height: 14.42rem;
}
.logo{
	position: absolute;
	width:1.88rem;
	left:5.33rem;
	top:.37rem;
}
.part1 .title{
	position: absolute;
	width:3.6rem;
	left:.15rem;
	top:.26rem;
}
.city_list img{
	position: absolute;
}
.city0{
	width:2.9rem;
	left:2.1rem;
	top:3.92rem;
}
.city1{
	width:3.36rem;
	left:4.17rem;
	top:1.76rem;
}
.city2{
	width:2.28rem;
	left:5.07rem;
	top:3.84rem;
}
.city3{
	width:2.2rem;
	left:.04rem;
	top:6.76rem;
}
.city4{
	width:2.3rem;
	left:1.74rem;
	top:5.78rem;
}
.city5{
	width:2.64rem;
	left:5.23rem;
	top:5.18rem;
}
.city6{
	width:2.68rem;
	left:4.1rem;
	top:6.65rem;
}
.city7{
	width:2.58rem;
	left:2.19rem;
	top:7.87rem;
}
.city8{
	width:2.4rem;
	left:5.01rem;
	top:8.06rem;
}
.city81.shade{
	animation: shade81 1.5s infinite ease-out;
}
@keyframes shade81{
	0%{transform: translateX(0%);}
	5%{transform: translateX(-2%);}
	15%{transform: translateX(2%);}
	25%{transform: translateX(-2%);}
	35%{transform: translateX(2%);}
	45%{transform: translateX(-1%);}
	55%{transform: translateX(1%);}
	65%{transform: translateX(-1%);}
	70%{transform: translateX(0%);}
	100%{transform: translateX(0%);}
}
.city82{
	width:2.52rem;
	left:4.7rem;
	top:9.72rem;
	transform-origin: 2.23rem 0;
	transform: scale(0);
	transition: all .3s ease-out;
}
.city82.show{
	transform: scale(1);
}
.city9{
	width:2.38rem;
	left:1.97rem;
	top:9.58rem;
}
.city10{
	width:2.88rem;
	left:4.71rem;
	top:10.6rem;
}
.city11{
	width:2.46rem;
	left:-0.1rem;
	top:12.6rem;
}
.city12{
	width:2.27rem;
	left:3.11rem;
	top:12.56rem;
}
.city13{
	width:2.39rem;
	left:.15rem;
	top:14.81rem;
}
.city14{
	width:2.66rem;
	left:4.31rem;
	top:14.67rem;
}
.part1 .intro{
	color: #fff;
	font-size: .28rem;
	width:6.32rem;
	line-height: .44rem;
	text-align: justify;
	position: absolute;
	left:.58rem;
	top:18.1rem;
}
.video_wrap{
	position: absolute;
	overflow: hidden;
	width:6.58rem;
	height: 3.86rem;
	border-radius: .4rem;
	left:.46rem;
	top:.16rem;
}
video{
	min-width:100%;
	height: 100%;
}
.part3 .title{
	position: absolute;
	width:100%;
	font-size: .38rem;
	line-height: .38rem;
	color: #42535e;
	text-align: center;
	left:0;
	top:.91rem;
	font-weight: bold;
}
.label1,.label2,.label3,.label4{
	position: absolute;
	font-size: .27rem;
	line-height: .27rem;
	color: #3696d0;
	left:1.68rem;
	top:1.77rem;
}
.label2{
	top:2.81rem;
}
.label3{
	top:3.82rem;
}
.label4{
	top:4.82rem;
}
#dp_name,#dp_address,#dp_phone,#dp_intro{
	position: absolute;
	font-size: .22rem;
	line-height: .32rem;
	color: #42535e;
	left:3.02rem;
	top:1.75rem;
	width:3.29rem;
	height: .32rem;
	background: none;
	border: none;
	outline: none;
}
#dp_address{
	top:2.78rem;
}
#dp_phone{
	top:3.79rem;
}
#dp_intro{
	top:4.8rem;
}
.btn_submit{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width:4.03rem;
	height: .65rem;
	line-height: .65rem;
	left:1.7rem;
	top:5.83rem;
	border-radius: .325rem;
	color: #0b74ed;
	font-size: .36rem;
	letter-spacing: .1rem;
	border:.03rem solid #0b74ed;
}
.btn_kf,.btn_fwqy,.btn_book,.btn_fangpian,.btn_share,.btn_wufu{
	position: absolute;
	width:7.04rem;
	height:1.44rem;
	left:.3rem;
	top:0.2rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/1.png?202112072129);
	background-size: 100%;
}
.btn_fwqy{
	height:1.44rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/2.png?202112072129);
	top:1.84rem;
}
.btn_fangpian{
	height:1.44rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/3.png?202112072129);
	top:3.48rem;
}
.btn_book{
	height:1.44rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/4.png?202112072129);
	top:5.12rem;
}
.btn_wufu{
	width:7.04rem;
	height:1.44rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/5.png?202112072129);
	top:6.76rem;
}
.btn_share{
	width:7.04rem;
	height:1.44rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/6.png?202112072129);
	top:8.4rem;
}
.city_mask{
	position: fixed;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	left: 0;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.city_close{
	position: absolute;
	width:.69rem;
	height: .69rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/arrow_left.png?202112072129);
	background-size: 100%;
	z-index: 9;
	left:2.57rem;
	bottom:-1rem;
}
.city_box{
	position: relative;
	width:5.9rem;
	height: 10.22rem;
	background: #eff7f9;
	border-radius: .26rem;
}
.city_title{
	position: absolute;
	width:6.13rem;
	height: 1.1rem;
	left:-.15rem;
	top:-.25rem;
	font-size: 0;
	z-index: 1;
}
.city_title img{
	width:100%;
	height: 100%;
}
.xiaodian_wrap{
	position: absolute;
	top: .66rem;
	left: 0;
	width:100%;
	height: 9rem;
	overflow: hidden;
	overflow-y: scroll;
}
.xiaodian_item{
	width:4.92rem;
	height: 1.77rem;
	font-size: 0;
	display: flex;
	align-items: center;
	margin: 0 auto;
	position: relative;
}
.xiaodian_item img{
	width:2rem;
	height: 1.77rem;
	position: relative;
	z-index: 1;
}
.xiaodian_item p{
	margin-top: .5rem;
	line-height: .28rem;
	color: #343437;
	font-size: .24rem;
	font-weight: bold;
	width:2.05rem;
	padding:0 .2rem;
	text-align: center;
}
.xiaodian_item span{
	margin-top: .5rem;
	width:.34rem;
	height: .33rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page1/arrow_blue.png?202112072129);
	background-size: 100%;
}
.xiaodian_item em{
	position: absolute;
	display: block;
	border-top:.02rem solid #3a9fdb;
	width:3.91rem;
	bottom:0;
	right:0;
}

.page2{
	background: #f5f5f5;
	font-size: 0;
}
.btn_close{
	position: absolute;
	width:.5rem;
	height: .5rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page2/btn_close.png?202112072129) center no-repeat;
	background-size: .16rem .25rem;
	left:.32rem;
	top:.25rem;
}
.page2 .title{
	width:100%;
}
.content{
	position: relative;
	margin-top: -.39rem;
	border-radius: .39rem .39rem 0 0;
	background:#f5f5f5;
}
.swiper_box{
	width:7.5rem;
	height: 4.46rem;
	padding-top:.39rem;
}
.swiper-container{
	width:7.5rem;
	height: 3.96rem;
}
.swiper-slide >div{
	width:6.65rem;
	height: 3.96rem;
	position: relative;
	overflow: hidden;
	border-radius: .17rem;
	margin: 0 auto;
}
.swiper-slide img{
	width:100%;
}
.swiper-pagination{
	height: .41rem;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-pagination-bullet{
	width:.1rem;
	height: .1rem;
	border-radius: .05rem;
	background: #fff;
	box-shadow: 0 0 .04rem 0 #8d8d8d;
	opacity: 1;
	margin: 0 .08rem;
	-webkit-transition: all .3s;
}
.swiper-pagination-bullet-active{
	width:.42rem;
	background: #337af6;
}
.swiper_index{
	position: absolute;
	height: .25rem;
	line-height: .25rem;
	text-align: center;
	color: #fff;
	font-size: .21rem;
	border-radius: .125rem;
	background: rgba(0,0,0,.58);
	right:0;
	bottom:.11rem;
	padding-left:.14rem;
	padding-right:.14rem;
}
.address_wrap{
	width:6.65rem;
	height: .76rem;
	display: flex;
	align-items: center;
	position: relative;
	background: #fff;
	border-radius: .38rem;
	margin: 0 auto;
}
.icon_address{
	width:.29rem;
	height: .29rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page2/icon_address.png?202112072129);
	background-size: 100%;
	margin-left: .27rem;
}
.address_wrap p{
	font-size: .24rem;
	color: #545454;
	margin-left: .17rem;
}
.arrow_right{
	width:.13rem;
	height: .21rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page2/arrow_right.png?202112072129);
	background-size: 100%;
	position: absolute;
	right:.3rem;
	top:.27rem;
}
.story_title{
	width:6.65rem;
	height: .9rem;
	display: flex;
	align-items: center;
	position: relative;
	margin: .15rem auto 0;
}
.icon_person{
	width:.27rem;
	height: .27rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page2/icon_person.png?202112072129);
	background-size: 100%;
}
.story_title p{
	font-size: .3rem;
	color: #337af6;
	margin-left: .26rem;
	letter-spacing: .05rem;
}
.story_con{
	width:6.65rem;
	position: relative;
	background: #fff;
	border-radius: .38rem;
	margin: 0 auto;
}
.story_con p{
	font-size: .24rem;
	color: #545454;
	padding:.3rem .34rem;
	line-height: .48rem;
	text-align: justify;
	overflow: hidden;
	overflow-y: scroll;
}
.product_title{
	width:6.65rem;
	height: .89rem;
	display: flex;
	align-items: center;
	position: relative;
	margin: .06rem auto 0;
}
.icon_zan{
	width:.26rem;
	height: .28rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page2/icon_zan.png?202112072129);
	background-size: 100%;
}
.product_title p{
	font-size: .3rem;
	color: #337af6;
	margin-left: .27rem;
	letter-spacing: .05rem;
}
.product_list{
	width:6.64rem;
	position: relative;
	margin: 0 auto;
	padding-bottom: .25rem;
}
.product_item{
	width:6.64rem;
	height: 2.43rem;
	position: relative;
	background: #fff;
	border-radius: .38rem;
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
}
.img_wrap{
	width:2.41rem;
	height: 2.43rem;
	background: #ebeaea;
	border-radius: .38rem;
	overflow: hidden;
}
.img_wrap img{
	width:100%;
	height: 100%;
}
.product_intro{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left:.39rem;
	font-size: .24rem;
	color: #2f2f2f;
	text-align: justify;
	line-height: .35rem;
	width:3.54rem;
}
.product_intro p:nth-child(2){
	color: rgba(48,48,48,.76);
	padding-top:.1rem;
}
.page3{
	background: #d9e9ec;
}
.page3_con{
	font-size: 0;
	position: relative;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page3/bg.jpg?202112081737) no-repeat;
	background-size: 100%;
	width:7.5rem;
	height:23.8rem;
	padding-top: 2.95rem;
}
.page3_con .btn_close{
	left: .3rem;-
	top: .45rem;
	background:rgba(0,0,0,0);
}
.video_wrap3{
	width:6.65rem;
	height: 3.71rem;
	border-radius: .15rem;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin: 0 auto;
}
.video_wrap3 video{
	width:100%;
	height: auto;
}
.page3_list{
	padding-top:.92rem;
	/* display: none; */
}
.page3_item{
	width:6.09rem;
	height: 1.5rem;
	margin: 0 auto .58rem;
}

.page4{
	background: #fefefe;
}
.page4_con{
	font-size: 0;
	position: relative;
	padding-top:1.14rem;
	padding-bottom:.4rem;
}
.logo4{
	width:1.69rem;
	height: .64rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page4/logo.png?202112072129);
	background-size: 100%;
	margin-left: 2.9rem;
}
.title1{
	text-align: center;
	font-size: .44rem;
	color: #3775f6;
	letter-spacing: .1rem;
	font-weight: bold;
	padding-top:.6rem;
}
.title2{
	text-align: center;
	padding-top:.2rem;
	padding-bottom:.57rem;
}
.title2 div{
	height: .55rem;
	line-height: .55rem;
	padding:0 .5rem;
	background:#3775f6;
	border-radius: .275rem;
	font-size: .44rem;
	color: #fff;
	letter-spacing: .1rem;
	font-weight: bold;
	display: inline-block;
}
.story_list img{
	width:100%;
}
.logos4{
	width:6.46rem;
	height: .43rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/page4/logos.png?202112072129);
	background-size: 100%;
	margin-left: .52rem;
	margin-top: .65rem;
}
.page4_con .btn_close{
	left:.47rem;
	top:.59rem;
}
.share_wrap{
	position: fixed;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.share_wrap img{
	width:90%;
}
.share_wrap p{
	font-size: .2rem;
	padding-top: .2rem;
	color: rgba(0,0,0,.7);
}

.page5,.page6{
	background: #fff;
}
.book_list{
	position: relative;
	font-size: 0;
	padding:.5rem 0;
}
.book_list img{
	width:100%;
}
.page5 .btn_close{
	position: fixed;
}
.book_list div{
	position: relative;
	font-size: 0;
}
.btn_play,.btn_pause{
	position: absolute;
	display: block;
	width:1rem;
	height:1rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/btn_play.png?202112072129);
	background-size: 100% 100%;
	top:.8rem;
	right:1rem;
}
.btn_pause{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/btn_pause.png?202112072129);
}
.sound4 .btn_play,.sound4 .btn_pause{
	top:.3rem;
}
.sound5 .btn_play,.sound5 .btn_pause{
	top:-.35rem;
}
.sound6 .btn_play,.sound6 .btn_pause{
	right:auto;
	left:.5rem;
}
.sound10 .btn_play,.sound10 .btn_pause{
	right:auto;
	left: 2rem;
	top: .4rem;
}

.mulu_list{
	position: relative;
	width:7.5rem;
	height: 12.23rem;
	padding-top:3.6rem;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/bg.jpg);
	background-size: 100% 100%;
}
.mulu_list > div{
	position: relative;
	width:6.72rem;
	height: 1.23rem;
	margin: 0 auto;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/item_bg.png);
	background-size: 100% 100%;
	margin-top: -.16rem;
}
.mulu_list > div:first-child{
	margin-top: 0;
}
.mulu_list p{
	width:6.72rem;
	height: 1.14rem;
	line-height: 1.14rem;
	font-size: .22rem;
	color: #45535d;
	font-weight: bolder;
	text-align: center;
}
.mulu_list > div .btn_play,.mulu_list > div .btn_pause{
	width:.58rem;
	height:.59rem;
	top:.27rem;
	right:.29rem;
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/btn_play2.png);
}
.mulu_list > div .btn_pause{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/book/btn_pause2.png);
}
.page6 .btn_close{
	top:.45rem;
}

.page7{
	background: #dd002b;
}
.wufu_scroll{
	position: relative;
}
.wufu_scroll .tit{
	width:7.06rem;
	padding: .95rem 0 0 .23rem;
}
.wufu_scroll .video_bg{
	width:6.8rem;
	padding: .71rem 0 0 .37rem;
}
.wufu_scroll .tit2{
	width:4.43rem;
	padding: .72rem 0 0 1.56rem;
}
.wufu_scroll .shoushi{
	width:7.08rem;
	padding: .2rem 0 0 .21rem;
}
.wufu_scroll .logo7{
	width:7.28rem;
	padding: .46rem 0 1.28rem .05rem;
}

.video_bg video{
	width:100%;
	height: 100%;
}
.page7 .btn_close{
	background-image: url(http://beekucdn.beekudata.com/BlueWindChime/img/page7/btn_close.png?202112072129);
}

.shanghai_list{
	font-size: 0;
	position: relative;
	background: url(http://beekucdn.beekudata.com/BlueWindChime/img/shanghai/bg.jpg?202410281645) no-repeat;
	background-size: 100%;
	width:7.5rem;
	height:17.26rem;
}
.shanghai_list div{
	position: absolute;
	background: rgba(0,0,0,0);
	width:1.21rem;
	height: 1.28rem;
	left:5.35rem;
	top:5.78rem;
}
.shanghai_list div:nth-child(2){
	width:1.15rem;
	height: 1.12rem;
	left:5.78rem;
	top:8.54rem;
}
.shanghai_list div:nth-child(3){
	width:1.6rem;
	height: 1.02rem;
	left:2.98rem;
	top:5.71rem;
}
.shanghai_list div:nth-child(4){
	width:1.32rem;
	height: .97rem;
	left:3.58rem;
	top:10.54rem;
}
.shanghai_list div:nth-child(5){
	width:1.46rem;
	height: 1rem;
	left:4.2rem;
	top:11.75rem;
}
.shanghai_list div:nth-child(6){
	width:1.22rem;
	height: 1.56rem;
	left:1.19rem;
	top:4.8rem;
}
.shanghai_list div:nth-child(7){
	width:1.02rem;
	height: 1.36rem;
	left:2.61rem;
	top:11.66rem;
}
.shanghai_list div:nth-child(8){
	width:1.69rem;
	height: 1.34rem;
	left:5.78rem;
	top:12.57rem;
}
.shanghai_list div:nth-child(9){
	width:1.48rem;
	height: 1.01rem;
	left:.15rem;
	top:9.01rem;
}
.shanghai_list div:nth-child(10){
	width:1.45rem;
	height: 1.32rem;
	left:2.53rem;
	top:4.27rem;
}
.shanghai_list div:nth-child(11){
	width:1.5rem;
	height: 1.06rem;
	left:2.09rem;
	top:9.44rem;
}
.shanghai_list div:nth-child(12){
	width:1.56rem;
	height: .69rem;
	left:1.76rem;
	top:14.51rem;
}
.shanghai_list div:nth-child(13){
	width:1.71rem;
	height: .9rem;
	left:1rem;
	top:15.74rem;
}
.shanghai_list div:nth-child(14){
	width:1.34rem;
	height: 1.17rem;
	left:1.4rem;
	top:10.49rem;
}
.shanghai_list div:nth-child(15){
	width:1.51rem;
	height: 1.02rem;
	left:.1rem;
	top:7.61rem;
}
.shanghai_list div:nth-child(16){
	width:1.24rem;
	height: 1.2rem;
	left:3.64rem;
	top:12.76rem;
}
.shanghai_list div:nth-child(17){
	width:1.89rem;
	height: .96rem;
	left:3rem;
	top:7.2rem;
}
.shanghai_list div:nth-child(18){
	width:1.96rem;
	height: 1.18rem;
	left:2.96rem;
	top:8.26rem;
}
.shanghai_list div:nth-child(19){
	width:1.54rem;
	height: 1.12rem;
	left:5.73rem;
	top:7.4rem;
}
.shanghai_list div:nth-child(20){
	width:1.2rem;
	height: 1.44rem;
	left:1.63rem;
	top:6.6rem;
}
.shanghai_list div:nth-child(21){
	width:1.06rem;
	height: 1.5rem;
	left:5.53rem;
	top:10.08rem;
}
.shanghai_list div:nth-child(22) {
	width: 1.4rem;
	height: 1.3rem;
	left: 3.5rem;
	top: 14.5rem;
}
.shanghai_list div:nth-child(23){
	width: 1.06rem;
	height: 1.2rem;
	left: 0.3rem;
	top: 11.6rem;
}
.shanghai_list div:nth-child(24){
	width: 1.16rem;
	height: 1.2rem;
	left: 1.2rem;
	top: 12.6rem;
}