html, body { position: relative; height: 100%; background: #fff; overflow: hidden;}
.mobile-home{  width: 100%;  height: 100%; }
.mobile-home .swiper-slide { padding-top:1.5rem; padding-bottom: 1.55rem; text-align: center; display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden;}
.mobile-home .swiper-button-next{ bottom:2.3rem; left:50%; margin-left:-0.2rem; top:auto; right:auto; width:0.4rem; height:0.4rem; background-size: cover; background-color: rgba(255,255,255,0); background-image: url(../images/mb_banner_button.png);}

.arrowGo{
	 animation: arrowGo 2.5s infinite; 
	 -webkit-animation: arrowGo 2.5s infinite ; 
}

@-webkit-keyframes arrowGo {
	0%{ 
		-webkit-transform: translate(0, 30%);
	}
	50%{ 
		-webkit-transform: translate(0, 0%);
	}
	100%{
		-webkit-transform:translate(0, 30%);
	}
}
@keyframes arrowGo {
	0%{ 
		transform: translate(0, 30%);
	}
	50%{
		transform: translate(0, 0%);
	}
	100%{
		transform:translate(0, 30%);
	}
}


.mb-more{ margin: 0 auto; display: block; width: 4.8rem; color: #FFFFFF; border-radius: 0.56rem; height: 1.12rem; line-height: 1.12rem; font-size: 0.4rem; background-size: 200% auto; background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c); -moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);}
.mb-tit{ width: 100%; text-align: center; font-size: 0.44rem; color: #333333; text-transform: uppercase;}
.mb-tit div{ margin: 0.2rem auto 0; max-width: 8rem; font-size: 0.293333rem; line-height: 0.48rem;}



.mb-banner-text{ text-align: center; color: #FFFFFF;}
.mb-banner-text .tit{ font-size: 0.8rem; padding-bottom:0.333333rem; position: relative;  text-shadow: 0 0 3px rgba(0,0,0,.3);}
.mb-banner-text .tit:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -0.32rem; width: 0.64rem; height: 0.07rem; background: #FFFFFF;}
.mb-banner-text .des{ margin-top: 0.4rem; font-size: 0.4rem; text-shadow: 0 0 3px rgba(0,0,0,.3);}
.mb-banner-text .mb-more{ margin-top: 1.266666rem;}


.mb-about { width: 100%;}
.mb-about ul{ margin: 0.3rem 0.3rem 0.6rem; text-align: center; font-size: 0;}
.mb-about li{ margin: 0.3rem 0.15rem 0; width: 2.7rem; display: inline-block; -o-box-shadow:0 0 20px rgba(255,220,100,.2);  -ms-box-shadow:0 0 20px rgba(255,220,100,.2); -moz-box-shadow:0 0 20px rgba(255,220,100,.2); -webkit-box-shadow:0 0 20px rgba(255,220,100,.2); box-shadow:0 0 20px rgba(255,220,100,.2);}
.mb-about li a{ display: block; padding-top: 0.25rem; padding-bottom: 0.5rem;}
.mb-about li img{ width: 0.75rem;}
.mb-about li span{ font-size:0.7rem; color: #ff7f5b; position: relative;}
.mb-about li span i{ position: absolute; right:-0.3rem; top:0; font-style: normal; font-size: 0.4rem;}
.mb-about li p{ margin-top: 0.1rem; font-size: 0.293333rem; color: #333333;}
.mb-about li div{ margin-top: 0.1rem; font-size: 0.213333rem; color: #1cb19c; text-transform: uppercase;}


.mb-service{ width: 100%; padding-bottom:1.3rem;}
.mb-service:after{ content: ""; position: absolute; bottom:1.5rem; left:0; width:5.333333rem; height:3.066666rem; background-image: url(../images/mb_service_img.jpg); background-size: cover; z-index:0;}
.mb-service .slick{ margin: 0.6rem 0 1rem; text-align: center; font-size: 0; position:relative; z-index: 1;}
.mb-service .slick-dots{ bottom:-0.6rem;}
.slick-dots li.slick-active button{ background: #47bf9c;}
.mb-service .slick-slide{ padding: 0 0.3rem;}
.mb-service .item{ margin:0.12rem; width:2.8rem; padding: 0.333333rem 0; display: inline-block; -o-box-shadow:0 0 10px rgba(0,0,0,.06); -ms-box-shadow:0 0 10px rgba(0,0,0,.06); -moz-box-shadow:0 0 10px rgba(0,0,0,.06); -webkit-box-shadow:0 0 10px rgba(0,0,0,.06); box-shadow:0 0 10px rgba(0,0,0,.06);}
.mb-service .item img{ width: 1.066666rem;}
.mb-service .item span{ display: block; height: 0.8rem; line-height: 0.8rem; position: relative; font-size: 0.3rem; color: #333333;}
.mb-service .item span:after{ content: ""; position: absolute; left:50%; bottom:0; margin-left:-0.2rem; height: 2px; width: 0.4rem; background: #47bf9c;}
.mb-service .mb-more{ position: relative; z-index: 1;}



.mb-team{ width:100%;}
.mb-team:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 50%; background: #fffcee; z-index:0;}
.mb-team .mb-tit{ position: relative; z-index: 1;}
.mb-team .slick{ margin-bottom: 0.8rem; position:relative;z-index: 1;}
.mb-team .slick-next,
.mb-team .slick-prev{ width: 0.8rem; height: 0.8rem; margin-top: -0.4rem;}
.mb-team .slick-next{ right:0.6rem; background-image: url(../images/slick_next.png);}
.mb-team .slick-prev{ left:0.6rem;  background-image: url(../images/slick_prev.png);}
.mb-team .slick-dots{ bottom:-0.5rem;}
.mb-team .item{ width: 5.6rem; margin: 0 auto;}
.mb-team .item .img{ margin-top: 0.266666rem; position: relative; z-index:0; border-radius: 0.2rem; overflow: hidden;}
.mb-team .item .text{ margin: -2.8rem auto 0; padding: 0.4rem; border-radius: 0.2rem; position: relative;z-index: 1; width: 5.2rem; background: #32b498; color: #FFFFFF;  text-align: left;}
.mb-team .item .text .tit{ position: relative; padding-bottom: 0.3rem; font-size: 0.3rem;}
.mb-team .item .text .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 0.466666rem; height: 2px; background: #FFFFFF;}
.mb-team .item .text .des{ margin-top: 0.25rem; font-size: 0.24rem; line-height: 0.4rem; height: 1.6rem; overflow: hidden;}



.mb-story{ width: 100%;}
.mb-story .slick{ margin:0.3rem 0 0.9rem;}
.mb-story .slick-dots{ bottom:-0.5rem}
.mb-story-ul { padding: 0 0.6rem;}
.mb-story-ul li{ float: left; width: 50%; padding: 0.15rem;}
.mb-story-ul li a{ display: block; border-radius:5px; overflow: hidden; font-size: 0.293333rem; color: #FFFFFF; position: relative;}
.mb-story-ul li .tit{ position: absolute; bottom: 0; left:0; width: 100%; background: #44b693; line-height: 0.586666rem; height:0.586666rem; padding: 0 0.133333rem; text-align: center;}


.mb-customer{ width: 100%;}
.mb-customer .slick-slide{ padding: 0.2rem 0.4rem 1.4rem;}
.mb-customer .slick-dots{ bottom:.6rem}
.mb-customer .item { margin-top: 0.266666rem; background:#FFFFFF; border-radius: 0.2rem; -o-box-shadow:0 0 20px rgba(255,220,100,.2);  -ms-box-shadow:0 0 20px rgba(255,220,100,.2); -moz-box-shadow:0 0 20px rgba(255,220,100,.2); -webkit-box-shadow:0 0 20px rgba(255,220,100,.2); box-shadow:0 0 20px rgba(255,220,100,.2);}
.mb-customer .item a{ display: block; text-align: left; padding:0.3rem;}
.mb-customer .item .img{ float:left; width: 1rem; border-radius: 100%; overflow:hidden;}
.mb-customer .item .text{ margin-left:1.5rem; position: relative; padding-right: 2rem;}
.mb-customer .item .text>p{ font-size:0.4rem; color: #333333; line-height:0.5rem;}
.mb-customer .item .star{ margin-top: 0.1rem; font-size: 0;}
.mb-customer .item .star span{ margin-right: 0.05rem; display: inline-block; vertical-align: middle; width:0.38rem; height:0.38rem; background-size: cover; background-image: url(../images/star.png);}
.mb-customer .item .star .cur{ background-image: url(../images/starh.png);}
.mb-customer .item .tip{ position:absolute; top:0; right:0; padding-top: 0.15rem; text-align: right; font-size: 0.24rem; line-height: 0.4rem; color: #999999;}
.mb-customer .item .des{ margin-left:1.5rem; margin-top: 0.2rem; font-size: 0.266666rem; color: #777777; line-height:0.44rem; height: 1.76rem; overflow: hidden;}


.mb-store{ width: 100%; padding-bottom: 1.5rem;}
.mb-store .con{ margin-top:0.4rem;}
.mb-copright{ position: absolute; bottom:1.55rem; left:0; width: 100%;}




@media ( max-width: 420px ) and (max-height: 670px) {
	.mb-about ul{ 0 0.3rem 0.25rem;}
	.mb-tit div{ margin-top:0.1rem;}
	.mb-team .item{ width: 4.6rem;}
	.mb-team .item .text{ margin-top: -2rem; width: 4.3rem; padding: .2rem .3rem;}
	.mb-story .slick{ margin-top: .1rem;}
	.mb-story-ul{ padding: 0 1rem;}	
}