body{background: #f6fbfb;}
img{display: block;width: 100%;font-size: 0;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden ;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
.box_hd {text-align: center;padding-top: .58rem;font-size: 0;}
.box_hd  h2{font-size: .4rem;color: #222;font-weight: bold;line-height: .6rem; text-align: center;position: relative;display: inline-block;padding: 0 1.75rem;}
.box_hd img{position: absolute;top: .38rem;width: 1.48rem;}
.box_hd .boxhd1{left: 0;}
.box_hd .boxhd2{right: 0;}
.box_hd  h2 span{
	position: absolute;
	width: 1.08rem;
	height: .06rem;
	background: #24bdb2;
	left: 50%;
	margin-left: -.54rem;
	bottom: -.3rem;
}
.box_hd2{
	width: 100%;
	height: 1.39rem;
	background: url("../images/boxhd3.png") no-repeat center;
	background-size: 100%;
}
.box_hd2 h2{
	font-size: .36rem;
	color: #333;
	font-weight: bold;
	position: relative;
	padding: .43rem 0 0 1.75rem;
}
.box_hd2 h2 b{
	color: #fff;
	width: .68rem;
	line-height: 1.39rem;
	position: absolute;
	left: .87rem;
	top: 0;
	text-align: center;
}
.box_hd3{
	background: url("../images/boxhd4.png") no-repeat center;
	background-size: 100%;
}
.box_hd3 h2{
	text-align: right;
	padding: .43rem 1.48rem 0 0;
}
.box_hd3 h2 b{right: .52rem;left: auto;}
.box_hd1 h2{color: #0c056f;}
.btn_box img{position: absolute;top: 0.3rem;left: 50%;margin-left: -2.15rem;width: 4.3rem;height: 1rem;}
.a_btn {
	width: 5.16rem;
	height: .68rem;
	line-height: .68rem;
	background: #ff455b;
	text-align: center;
	border-radius: .68rem;
	border-bottom: .1rem solid #ff929f;
	box-shadow: 0px .05rem .15rem rgba(255,69,91,.7);
	display: block;
	color: #fff;
	font-size: .36rem;
	margin: 0 auto;
}

.ban .swiper-pagination{font-size: 0;bottom: .5rem !important;}
.ban .swiper-pagination-bullet{background: #fff;opacity: .5;width: .38rem;height:.06rem;border-radius: 0;}
.ban .swiper-pagination-bullet-active{opacity:1;}

.box2{padding-bottom: .65rem;background: #fff;}
.box2 .box2_con video{
	width: 5.84rem;
	min-height: 2.4rem;
	background: url("../images/box2pic1.jpg") no-repeat center top;
	background-size: 100%;
	display: block;
	margin: .74rem auto .28rem;
	border-radius: .15rem;
	z-index: 2;
}
.box2 .box2_con p{
	font-size: .26rem;
	color: #2c2c2c;
	line-height: .36rem;
	padding: .1rem .35rem .3rem;
}

/*.box3{background: #f6fbfb;}*/
.box3 .box3_con{padding: .64rem 0;}

.box4{padding-bottom: .65rem;}
.box4 .box4_con video{
	width: 6.58rem;
	min-height: 2.4rem;
	background: url("../images/box4pic1.jpg") no-repeat center top;
	background-size: 100%;
	display: block;
	margin: .46rem auto .35rem;
	border-radius: .15rem;
}
.box4 .box4_con p{
	font-size: .26rem;
	color: #666;
	font-weight: bold;
	line-height: .38rem;
	padding: .24rem 0 .28rem 1.22rem;
}

.box5{padding-bottom: .92rem;}
.box5 .box5_con{padding-top: .5rem;}
.box5 .box5_con .main{
	width: 7.1rem;
	border: 1px #acafaf solid;
	border-radius: .15rem;
	margin: .22rem auto .23rem;
	padding: .25rem 0 .21rem;
	position: relative;
}
.box5 .box5_con .main p{
	font-size: .25rem;
	color: #000;
	padding: 0 .26rem .12rem;
	line-height: .38rem;
}
.box5 .box5_con .main span{
	position: absolute;
	width: .07rem;
	height: 80%;
	top: 10%;
	background: #f6fbfb;
	border-top: .07rem #959595 solid;
	border-bottom: .07rem #959595 solid;
}
.box5 .box5_con .main .mainspan1{left: -.04rem;}
.box5 .box5_con .main .mainspan2{right: -.04rem;}

.box6{padding-bottom: .92rem;}
.box6 .box6top{position: relative;margin: .3rem 0 .15rem;}
.box6 .box6top b{
	position: absolute;
	width: 2.48rem;
	height: 2.48rem;
	top: 1.55rem;
	left: 2.2rem;
	border: .3rem solid rgba(32,168,171,.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 999;
	opacity: 1;
	-webkit-animation: warn 2s ease-out;
	-moz-animation: warn 2s ease-out;
	animation: warn 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.box6 ul{margin-left: .22rem;overflow: hidden;}
.box6 ul li{
	width: 2.25rem;
	float: left;
	margin-right: .15rem;
	text-align: center;
}
.box6 ul li h2{
	font-size: .26rem;
	height: .85rem;
	color: #333;
	font-weight: bold;
	line-height: .7rem;
}
.box6 ul li p{
	font-size: .24rem;
	color: #fff;
	height: 3.5rem;
	line-height: .36rem;
	padding: .34rem .06rem 0;
	background: #20a8ab;
}
.box6 .main{
	box-shadow:  .12rem .12rem .1rem rgba(32,168,171,.52);
	width: 6.9rem;
	border-radius: .1rem;
	margin: .32rem auto .74rem;
}
.box6 .main .con{
	border: 1px solid #24bdb2;
	box-shadow: .07rem .06rem 0 #20a8ab;
	border-radius: .1rem;
	overflow: hidden;
	background: #fff;
}
.box6 .main p{
	color: #198a8d;
	font-size: .26rem;
	font-weight: bold;
	line-height: .36rem;
	padding:.2rem 0;
	text-align: center;
}

.box7{padding-bottom: .8rem;}
.box7 .box7_con{padding: .38rem 0 .64rem;}
.box7 .main{
	background: #fff;
	margin-bottom: .6rem;
}
.box7 .main ol{float: left;width: 1.96rem;}
.box7 .main ol li{
	width: 100%;
	height: .88rem;
	background: #2eb1b4;
	box-shadow: 0 .05rem .1rem #bbe4e5;
	margin-bottom: .21rem;
}
.box7 .main ol li.cur p{background: #3abbbe;color: #fff;}
.box7 .main ol li p{
	height: .81rem;
	background: #c8f4ff;
	text-align: center;
	line-height: .81rem;
	font-size: .24rem;
	color: #000;
	font-weight: bold;
}
.box7 .main ol li span{
	display: block;
	width: 1.95rem;
	height: .06rem;
	background: #94dad7;
}
.box7 .main ul{
	width: 5.2rem;
	float: right;
}
.box7 .main ul li{font-size: 0;display: none;}
.box7 .main ul li.cur{display: block;}
.box7 .main ul li h2{
	display: inline-block;
	padding: 0 .3rem;
	background: #555;
	font-size: .26rem;
	color: #fff;
	line-height: .5rem;
	margin: .3rem 0 .15rem;
}
.box7 .main ul li p{
	width: 94%;
	font-size: .24rem;
	color: #333;
	line-height: .38rem;
}
.box7 .main ul li p span{
	display: inline-block;
	width: 50%;
}

.box8 .img1{margin-top: .4rem;}
.box8 ol{width: 96%;
	margin: .3rem auto 0;overflow: hidden;
	background: url(../images/box8_img1.jpg) no-repeat center;
	background-size: 100% 100%;
	position: relative;
	z-index: 999;
	padding: .2rem 0;
}
.box8 ol li{width: 32%;
	float: left;
	text-align: center;
	height: .8rem;
	margin:0 .6%;
	background: #fff4e2;
	border-top: .05rem solid #ff9967;
	border-radius: 100px;
	margin-bottom: .2rem;
	font-size: .22rem;
	color: #000;
	height: .8rem;
	line-height: .7rem;
	text-align: center;
}
.box8 ol li.li_on{background: #ff6c25;
	border-bottom: .05rem solid #ff9967;
	border-top: none;
	color: #fff;
	font-weight: bold;
}
.box8 .btn_box{background: #d1f3f3;padding-bottom: .4rem;}
.box8 ul{width: 100%;overflow: hidden;background: #d1f3f3;padding-top: 1.5rem;margin-top: -1.3rem;}
.box8 ul li{width: 96%;margin: 0 auto;}
.box8 .li_top{margin: .3rem 0;}
.box8 .li_top h3{font-size: .34rem;color: #000;font-weight: bold;text-align: center;margin-bottom: .2rem;}
.box8 ul li .con{overflow: hidden;}
.box8 ul li .con .fl{width: 100%;position:relative;overflow: hidden;}
.box8 ul .con .fr{width: 100%;}
.box8 ul li .fl h3{font-size: .26rem;color: #fff;text-align: center;width: 1.5rem;height:.5rem;line-height:.5rem;background: #333;border-radius:50px ;margin-bottom: .2rem;margin-left: .55rem;}
.box8 ul li .fl img{position: absolute;top: 0;left: 0;width: .4rem;}
.box8 ul li .con .fr p{overflow: hidden;margin-bottom: .1rem;}
.box8 ul li .con .fr span{width: 4%;float: left;display: block;font-size: .2rem;}
.box8 ul li .con .fr b{width: 96%;float: left;display: block;font-weight: normal;font-size: .24rem;}
.box8 ul li{height: 0;overflow: hidden;}
.box8 ul li.show{height:auto;}
.box8 ul li .swiper-slide{padding-bottom:.8rem;width: 100%;}
.box8 ul li .swiper-slide img{width: 100%;box-shadow: .1rem .1rem 0 #47afa9;}
.box8 .swiper-pagination-bullet{background: #c0c0c0;opacity: 1;width: .5rem;height:.1rem;border-radius: 0;background:#20a8ab;opacity: .5;}
.box8 .swiper-pagination-bullet-active{opacity:1;}
.box8 ul li .img_box{box-shadow:  .1rem .2rem .1rem rgba(32,168,171,.42);margin-bottom: .2rem;margin-right: .2rem;}


.box9{background: #fff;padding: .76rem 0 .48rem;}
.box9 .box9_con{padding: .33rem 0 .84rem;}
.box9 .box9pic1{
	float: left;
	width: .62rem;
	margin-top: .2rem;
}
.box9 ol{float: left;width: 1.64rem;margin-top: .2rem;}
.box9 ol li{
	width: 1.64rem;
	height: .84rem;
	background: #20a8ab;
	border-radius: .15rem;
	border-bottom: .06rem #fff solid;
	box-shadow: 0 .1rem .1rem rgba(32,168,171,.42);
	font-size: .24rem;
	color: #fff;
	text-align: center;
	padding-top: .05rem;
	margin-bottom: .51rem;
}
.box9 ol li.cur{
	background: #ff6c7d;
	box-shadow: 0 .1rem .1rem rgba(255,108,125,.42);
}
.box9 ul{
	float: right;
	width: 5.16rem;
}
.box9 ul li{display: none;}
.box9 ul li.cur{display: block;}

.box10{background: #fff;padding-bottom: .98rem;}
.box10 .box10_con{padding: .2rem 0 .28rem;}
.box10 .main{margin-bottom: .46rem;}
.box10 .main .flexslider{position: relative;}
.box10 .main .flex-control-paging{overflow: hidden;}
.box10 .main .flex-control-nav li{float: left; width: 1.25rem;}
.box10 .main .flex-control-nav li a{width: 1.25rem; display:block;cursor:pointer;height: 1.25rem;}
.box10 .main .flex-control-nav li a span{width: 1.25rem;display: block;height: 1.25rem;}
.box10 .main .flex-control-nav li a.flex-active span{border: .03rem #0ff solid;width: 1.19rem;height: 1.19rem;}
.box10 .main .flex-control-nav li a .span1{background: url(../images/tea1.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span2{background: url(../images/tea2.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span3{background: url(../images/tea3.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span4{background: url(../images/tea18.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span5{background: url(../images/tea5.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span6{background: url(../images/tea6.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span7{background: url(../images/tea7.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span8{background: url(../images/tea8.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span9{background: url(../images/tea9.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span10{background: url(../images/tea10.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span11{background: url(../images/tea11.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span12{background: url(../images/tea12.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span13{background: url(../images/tea13.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span14{background: url(../images/tea14.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span15{background: url(../images/tea15.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span16{background: url(../images/tea16.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span17{background: url(../images/tea17.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .flex-control-nav li a .span18{background: url(../images/tea19.jpg) no-repeat center top;background-size: 100%;}
.box10 .main .slide{width: 100%;margin: 0 0 .3rem 0;overflow: hidden;position: relative;padding-bottom: .1rem;}
.box10 .main .slide .pic{width: 1.65rem;position: absolute;left: .2rem;top: .28rem;border-radius: .15rem;border-right: .05rem #9ee solid;border-bottom: .05rem #9ee solid;box-shadow: .05rem .05rem .1rem #309da0;}
.box10 .main .slide img{width: 1.6rem;border-radius: .15rem;margin-top: -.05rem;}
.box10 .main .slide .con{background: #48b8bb url("../images/teabg.jpg") no-repeat right top;width: 6.53rem; padding: .37rem .34rem .22rem 1.3rem;margin-left: .73rem; min-height: 3rem;border-radius: .15rem;box-shadow: .1rem .1rem 0 #dbfeff;}
.box10 .main .slide .con h3{font-size: .28rem;font-weight: bold;color: #fff;}
.box10 .main .slide .con h3 span{font-size: .25rem;float: right;width: 3.6rem;line-height: .25rem;margin-top: .07rem; padding-left: .23rem;border-left: .02rem #fff solid;}
.box10 .main .slide .con p{font-size: .24rem;color: #fff;line-height: .36rem;}

.box11{background: #fff;padding-bottom: .22rem;}
.box11 .box11_con{
	width: 7.1rem;
	margin: .4rem auto -.2rem;
}
.box11 .box11_con .swiper-container{padding-bottom: 1rem;}
.box11 .box11_con .swiper-slide{
	width: 7.1rem;
	border-radius: .1rem;
	border: 1px #e6e6e6 solid;
	overflow: hidden;
}
.box11 .swiper-pagination-bullet {
	background: #8fd3d5;
	opacity: 1;
	width: .18rem;
	height: .18rem;
}
.box11 .swiper-pagination-bullet-active{
	background: #20a8ab;
}
.box11 .main{margin-bottom: .3rem;}

.box12{background: #fff;}
.box12 .box12_con{padding: .8rem 0 .2rem;}
.box12 ul{overflow: hidden;}
.box12 ul li{
	width: 50%;
	float: left;
	padding: 0 .3rem;
	height: 3.6rem;
}
.box12 ul li img{
	width: 2.19rem;
	margin: 0 auto;
}
.box12 ul li h2{
	font-size: .26rem;
	color: #444;
	font-weight: bold;
	padding: .1rem 0 .1rem;
	text-align: center;
}
.box12 ul li p{
	font-size: .24rem;
	color: #666;
}
.box12 .main{background: #dbffff;padding-bottom: .8rem;}
.box12 .main h2{
	font-size: .32rem;
	color: #128179;
	text-align: center;
	font-weight: bold;
	padding: .48rem 0 .14rem;
}
.box12 .main p{
	font-size: .26rem;
	color: #2a2a2a;
	text-align: center;
	line-height: .4rem;
	padding-bottom: .36rem;
}

.box13{background: #fff;}
.box13 .box13_con{padding: .68rem 0 .48rem;}
.box13 ul{padding-bottom: .1rem;}
.box13 ul li{overflow: hidden;padding: 0 .2rem .2rem .35rem;}
.box13 ul li img{
	float: left;
	width: 2.36rem;
}
.box13 ul li .conright{
	float: right;
	width: 4.26rem;
}
.box13 ul li .conright h2{
	font-size: .3rem;
	color: #222;
	font-weight: bold;
	padding: .15rem 0 .1rem;
}
.box13 ul li .conright p{
	font-size: .24rem;
	color: #666;
	line-height: .36rem;
}
.box13 .main{padding: .6rem 0 .3rem;}
.box14{background: #fff;}
.box14 .box14_con{position: relative;}
.box14 .box14_con a{
	position: absolute;
	height: 5.86rem;
	width: 100%;
	left: 0;
	bottom: 0;
}

@keyframes warn {
  0% {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 0.0; }
 	25% {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	opacity: 0.3; }
  50% {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0.2; }
  75% {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	opacity: 0.1; }
  100% {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 0.0; } }


/*小屏幕/苹果5s*/
@media screen and (max-width: 320px){
	body{font-size: .9rem}
	.box7 .main ol{width: 2.1rem;}
	.box7 .main ol li span{width: 2.09rem;}
	.box7 .main ul{width: 5.1rem;}
	.box12 ul li{height: 3.9rem;}
}