@charset "utf-8";

/* CSS Document */
/* Reset */
html {
	overflow-x: hidden;
	overflow-y: auto;
}

* {
	margin : 0;
	padding: 0;
}

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 {
	list-style: none;
}

body,
button,
input,
select,
textarea {
	font : 14px/1.5 "微软雅黑", tahoma, arial;
	color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

ul,
ol {
	list-style: none;
}

fieldset,
img {
	border        : 0;
	vertical-align: middle;
	width     : 100%;
}

button,
input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing : 0;
}

ins,
a {
	text-decoration: none;
}

input,
textarea {
	outline: none
}

a:hover {
	text-decoration: none;
}

a {
	color: #333;
}

.clearfix:before,
.clearfix:after {
	display    : table;
	line-height: 0;
	content    : '';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* 鼠标转变为手势 */
.cursor {
	cursor: pointer
}

.hovers-img {
	overflow: hidden;
}

.hovers-img img {
	transition: transform 0.5s;
}

.hovers-img:hover img {
	transform: scale(1.5);
}

@keyframes scaleFrames {
	0% {
		transform: scale(0.5);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.hovers-logo:hover img {
	animation        : scaleFrames 2s;
	-moz-animation   : scaleFrames 2s;
	/* Firefox */
	-webkit-animation: scaleFrames 2s;
	/* Safari and Chrome */
	-o-animation     : scaleFrames 2s;
	/* Opera */
}