@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background: #f4f4f4;color:#000;}
input, img {vertical-align: middle;}
input::-webkit-input-placeholder{
    color:#fff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
body,html{margin:0 auto;}
*{
    margin: 0;
    padding: 0;
    border: 0;
}

body{
    margin: auto;
    max-width: 640px;
    min-width: 320px;
}

img{
    width: 100%;
	display:block;
}

#index_nav{
	width: 100%;
	position:absolute;
	top:2.02rem;
}
#index_nav ul li{
	cursor:pointer;
	float: left;
	margin-left:0.15rem;
	margin-bottom:0.15rem;
	width: 2.82rem;
	height: 1.32rem;
	text-align: center;
-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;	
}
#index_nav ul li.mgl{ margin-left:0.3rem;}
#index_nav ul li.bt{
	margin-bottom: 0.28rem;
}
#index_nav ul li img{ width:auto;}
/*360旋转*/
#index_nav ul li.on {
-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);   
}

#index_nav ul li:nth-child(4n){
	/*margin-right:0;*/
}
#index_nav ul li img{
	width: 100%;
}
#index_nav ul li p{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	color: #000;
	font-size: 0.24rem;
}
.gifd{ position:absolute; left:1.65rem; top:2.55rem; width:2.76rem; }
@media screen and (min-width:320px) and (max-width:640px){
#index_nav{
	top:2.25rem;
}
#index_nav ul li{
	margin-left:0.35rem;
	margin-bottom:0.35rem;
}
#index_nav ul li.mgl{ margin-left:0.7rem;}
.gifd{ left:2.15rem; top:3.05rem;position:absolute; width:2.76rem; }
}


@-webkit-keyframes beat {
	0%,
	100%,
	33.2%,
	66.4% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	16.6%,
	49.8%,
	83% {
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}
}

@keyframes beat {
	0%,
	100%,
	33.2%,
	66.4% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	16.6%,
	49.8%,
	83% {
		-webkit-transform: scale3d(1.08, 1.08, 1.08);
		-ms-transform: scale3d(1.08, 1.08, 1.08);
		transform: scale3d(1.08, 1.08, 1.08)
	}
}

.beat {
	-webkit-animation-name: beat;
	animation-name: beat;
	 visibility: visible; animation-duration: 2s; animation-iteration-count: infinite;
}


/********banner****/




.banner1 .hd{position:absolute; bottom:10px; width:100%;}
.banner1 .hd ul{text-align:center;}
.banner1 .hd ul li{ display:inline-block; width:0.08rem; height:0.08rem;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; text-indent:-9999px; overflow:hidden; margin:10px 6px;   }
.banner1 .hd li.on{ background:#00b6c6;  }


.webbottom{margin:0 auto; max-width:640px; min-width:320px;width:100%;position:relative; margin-top:1.02rem; z-index:999}
.webbottom .bot{ background:#0cc4c4; position:fixed; bottom:0rem;max-width:640px; min-width:320px;width:100%;}
/******.webbottom .bot a{ width:1.28rem; height:auto; float:left; text-align:center;}
.webbottom .bot a.cd1 img{ width:1.28rem; height:1.02rem;}
.webbottom .bot a.cd2 img{ width:1.28rem; height:1.02rem;}
.webbottom .bot a.cd3{ height:1.21rem; position:relative; text-align:left;}
.webbottom .bot a.cd3 img{ width:1.28rem; height:1.21rem; position:absolute; top:-0.4rem;}
.webbottom .bot a.cd4 img{ width:1.28rem; height:1.02rem;}
.webbottom .bot a.cd5 img{ width:1.28rem; height:1.02rem;}**/
.bot-1{width:15%;float:left;}
.bot-1 .bot-1-a img{ width:100%; text-align:center;margin:0 auto;}
.bot-2{width:15%;float:left;}
.bot-2 .bot-2-a img{ width:100%; text-align:center;margin:0 auto;}
.bot-3{width:40%;float:left; position:relative;}
.bot-3 .bot-3-a img{ width:100%; text-align:center;margin:0 auto; position:absolute; top:-0.4rem;}
.bot-4{width:15%;float:right;}
.bot-4 .bot-4-a img{ width:100%; text-align:center;margin:0 auto;}
.bot-5{width:15%;float:right;}
.bot-5 .bot-5-a img{ width:100%; text-align:center;margin:0 auto;}