html{ display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
img { width: 100%; width: auto\9; height: auto; border: 0; -ms-interpolation-mode: bicubic }
button, input, select, textarea { margin:0; font-size:100%;vertical-align: middle;font-family: \5FAE\8F6F\96C5\9ED1, "Helvetica Neue", Arial, Helvetica, sans-serif;}
* { margin: 0; padding: 0; font-style:normal; list-style: none; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
body {  font-family: \5FAE\8F6F\96C5\9ED1, "Helvetica Neue", Arial, Helvetica, sans-serif; overflow-x:hidden; max-width:640px; margin: 0 auto; background-color:#f6f6f6; -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; color:#333;font-size:12px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.img{ position:relative;}
.img img{ display:block;}
.img-ll{ background:url(../images/top-bg.jpg) no-repeat; background-size:100% 100%; width:100%;}
.banner{ width:100%; padding:10px 0; text-align:center;}
.banner img{ display:inline-block; width:90%;}
.logo{ text-align:center; width:100%;}

.logo img{ width:70%; display:inline-block; }

.img .btn{ width:100%; text-align:center; margin:20px 0;}
.img .btn img{ display:inline-block; width:45%; animation:move 2s 0s infinite;-webkit-animation:move 2s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

.ts{ text-align:center; font-weight:bold; color:#fc2711; font-size:13px;}

.pic{ width:93%; margin:0 auto; background-color:#ffffff; border:solid 2px #dee7f1; border-radius:6px; margin-top:25px;}
.pic .cc{ background-color:#fff; border-bottom:solid 2px #dee7f1; width:98%; height:55px; overflow:hidden; padding:0 1%;}
.pic .cc span{ float:left; margin-top:9px;}
.pic .cc span img{ max-width:170px;}
.pic .cc a{ float:right; margin-top:15px;}
.pic .cc a img{ max-width:120px;}
.pic .tt ul{ padding:0 3%; padding-bottom:20px;}
.pic .tt ul li{ overflow:hidden; margin-top:20px;}
.pic .tt ul li span{ float:left; width:70%;  height:40px; border-radius:5px;}
.pic .tt ul li span em{ float:left; color:#3d4145; width:100%; text-align:center; line-height:40px; font-size:14px; background-color:#ecf3fb; border-radius:5px;}
.pic .tt ul li a{ float:right; width:28%; background-color:#16a9ff; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:15px; border-radius:5px;}

.foot{ background-color:#d9eafd; text-align:center; margin-top:15px; color:#3d4145; line-height:35px; font-size:13px;}


.kf{ position:fixed; top:5%; max-width:640px; margin:0 auto; width:100%; z-index:1000; text-align:right;}
.kf a{ display:inline-block;}
.kf a img{ max-width:85px;}
@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(2px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-2px);}
}

@keyframes bounce-up {
25% {transform: translateY(2px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-2px);}
}

@keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}

@-webkit-keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}