@charset "utf-8";
/* mollyhu 2015.12.31 */
* { margin: 0; padding: 0; }
html,body,div,button,input,select,textarea,li,ul,p {
  border:0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-box-sizing: border-box;
  -o-box-box-sizing: border-box;
  -ms-box-box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {font-size: 100%;padding:0;margin:0}
ul,ol,li,i,em {list-style: none;font-style:normal; padding:0;margin:0;}
input,button,a {outline:none;text-decoration: none;}
html { height: 100%;font-size: 62.5%;}
body {
  margin: 0 auto; padding:0; height: 100%; position: relative; font-size: 1.4rem; 
  font-family: "Helvetica", sans-self;
  -webkit-text-size-adjust: none;  
}
.cls:after{ content:""; display:block; height:0;  clear:both;  visibility:hidden; }
a {color:#000;}
.btn,select {-webkit-appearance: none;}
.cls:after{ content:""; display:block; height:0;  clear:both;  visibility:hidden; }

div[class$="_et"] {
  transition: all 2s;
  -webkit-transition: all 2s;

  /*   transition-delay: 2s;
    -webkit-transition-delay: 2s; */
}
/* index page */
body {
  background:#fff url(../images/body_head.jpg) no-repeat top center;
 -webkit-background-size: 384px 205px;
background-size: 384px 205px;
}
.box {width:360px; margin:0 auto 20px; position:relative;}
.logo {
	background: url(../images/a_logo.png) no-repeat;
	-webkit-background-size: 91px 20px;
	background-size: 91px 20px;
	position:absolute; top:15px;left:9px; 
	width:91px; height: 20px;
}
.header {padding:40px 0 0;}
.header div {text-indent: -9999px;}
.header .pic1 {background: url(../images/a_txt1.png) no-repeat center center;
	-webkit-background-size: 281px 113px;
	background-size: 281px 113px;
	height: 113px;
	width:100%;
}
.header .pic2 {background: url(../images/a_txt2.png) no-repeat center center; 
	-webkit-background-size: 245px 60px;
	background-size: 245px 60px;
	height: 60px; width:245px;
	position: absolute; top:70px; left:50%; margin-left:-120px;
}
.header .pic3 {background: url(../images/a_txt3.png) no-repeat center center; 
	-webkit-background-size: 273px 257px;
	background-size: 273px 257px;
	width:100%; height: 257px; 
	margin-top:20px;
}
.bg_t {background: url(../images/bg_t.png) no-repeat top center; }
.bg_b {background: url(../images/bg_b.png) no-repeat top center; }
.bg_t,.bg_b {
	-webkit-background-size: 360px 28px;
	background-size: 360px 28px;
	height: 28px;
}
.box_con {background: url(../images/bg_c.png) repeat-y top center;
	-webkit-background-size: 360px 2px;
	background-size: 360px 2px;
	margin:0 auto;
	padding:0 20px;
}
.box_con_title { 
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-background-size: 210px 15px;
	background-size: 210px 15px;
	width:100%; height: 30px;
	text-indent:-9999px;
}
.box1 dt {background-image: url(../images/lay_t1.png);}
.box2 dt {background-image: url(../images/lay_t2.png);}
.box3 dt {background-image: url(../images/lay_t3.png);}
.box4 dt {background-image: url(../images/lay_t4.png);}
.box5 dt {background-image: url(../images/lay_t5.png);}
.box6 dt {background-image: url(../images/lay_t6.png);}
.box7 dt {background-image: url(../images/lay_t7.png);}

.box_con_content {position:relative;}
.box1 .pic { 
	background: url(../images/lay1_pic1.jpg) no-repeat right center;
	-webkit-background-size: 227px 162px;
	background-size: 227px 162px;
	position: absolute; top:100px; right:0;
	z-index:-1;
	width:227px; height: 162px; 
}
.box1 {}
.box img {max-width: 100%;}
.mb30 {margin-bottom: 20px;}

.box7 .flower {
	background: url(../images/lay7_bt.png) no-repeat 45% center;
	-webkit-background-size: 274px 124px;
	background-size: 274px 124px;
	width:274px;
	height: 124px;	
}
.box7 .cup {
	background:url(../images/lay7_fla.png) no-repeat  center center;
	-webkit-background-size: 252px 185px;
	background-size: 252px 185px;
	height: 185px; 
	margin-top:-70px;
}
.cy {max-width:300px;margin:20px auto;}
#footer {
	background: url(../images/body_foot.jpg) no-repeat center;
	-webkit-background-size: 352px 146px;
	background-size: 352px 146px;
	height: 146px;
	width:100%; margin-top:-90px;

}
.ico {
	   animation: minMax 2s linear infinite;
  -webkit-animation: minMax 2s linear infinite;
}
@keyframes minMax { 
  0% {
     transform: scale(1);
  }
  50% {
     transform: scale(0.9);
  }
  100% {
   transform: scale(1);
  }
}

@-webkit-keyframes minMax { 
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
  }
  100% {
  -webkit-transform: scale(1);
  }
}

/* 适配 */
@media only screen and  (max-width: 320px) {
	body {
	   -webkit-background-size: 320px 172px;
		background-size: 320px 172px;
	}
	.bg_t,.bg_b {
		-webkit-background-size: 300px 24px;
		background-size: 300px 24px;
		height: 24px;
	}
	.box_con {
		-webkit-background-size: 300px 2px;
		background-size: 300px 2px;
		min-height: 150px;
	}
	#footer {
			-webkit-background-size: 320px 134px;
			background-size: 320px 134px;
			height: 134px;
	}
	.box  {width:320px;}

}

@media only screen and (min-width:321px) and (max-width:375px) {
 

} 

@media only screen and (min-width:376px) and (max-width:621px)  {

}