@charset "utf-8";
body {	min-width: 1200px;	width: 100%;}

.tit01{font-size: 48px; text-align: center; font-family: "Microsoft YaHei";color: #000000;font-weight:normal; font-weight: bold; line-height:80px;}
.tit01 a{color: #000000; line-height:50px;}
.tit01 em{color: #333333; font-size: 20px;font-weight: normal;text-transform: uppercase;font-family:"Times New Roman";  position: relative;width: 232px; margin:0 auto; display: block; height: 23px; }
.tit01 em:before{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;left: 0;}
.tit01 em:after{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;right: 0;}
.tit01 span{font-size: 20px;color: #333333;  font-weight: normal;  display:block;font-family:"Microsoft Yahei";  height: 28px; line-height: 28px; }
.tit01 span:before{content: "";width: 150px; height: 2px; background: #000000;position: absolute;top:11px;left: 0;}
.tit01 span:after{content: "";width: 150px; height: 2px; background: #000000;position: absolute;top:11px;right: 0;}
/**/
.four {	padding: 60px 0;	font-size: 0;}
.four_t {	font-size: 48px;	color: #000;	text-align: center;	background: url(../images/four_line.gif) no-repeat center 78px;	line-height: 48px;	-webkit-transition: transform .3s;	transition: transform .3s;	height: 145px;}
.four_t em {	display: block;	width: 155px;	height: 2px;	margin: 0 auto;	padding: 0 0 10px;}
.four_t span {	display: block;	font-family: "Microsoft YaHei";	font-size: 18px;	color: #333;	font-weight: normal;	padding: 3px 0 0;}
.four_t:hover {	-webkit-transform: translate(0, -10px);	transform: translate(0, -10px);}
.four_t em img {	width: 42px;	height: 42px;	display: block;	transition: all 0.5s ease-in-out 0s;}
.four_t:hover em img {	transform: rotateY(180deg);}
.ibrand-num {	padding: 25px 0 0;}
.ibrand-num li {	float: left;	width: 182px;	height: 120px;	padding-top: 62px;	margin-left: 157px;	text-align: center;	color: #1233b2;	font-size: 20px;	position: relative;}
.ibrand-num li:first-child {	margin-left: 0;}
.ibrand-num li span {	font-size: 42px;	font-family: Verdana, Geneva, sans-serif;}
.ibrand-num li b {	display: block;	font-size: 16px;	color: #666;	font-weight: normal;	padding: 10px 0 0;}
/*.four .four_li01{ background:url(../images/four_k01.gif) no-repeat;}
.four .four_li02{ background:url(../images/four_k02.gif) no-repeat;}
.four .four_li03{ background:url(../images/four_k03.gif) no-repeat;}
.four .four_li04{ background:url(../images/four_k04.gif) no-repeat;}*/
.ibrand-num li .spinner {	position: absolute;	top: 0;	right: 0;	width: 174px;	height: 174px;	border: 4px solid #e8e8e8;	border-radius: 50%;	-webkit-transition: all .8s ease-in-out;	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;}
.ibrand-num li:hover .spinner {	-webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);	-ms-transform: rotate(180deg);	-o-transform: rotate(180deg);	transform: rotate(180deg);	border-color: #1233b2;}
.four .four_li01 .spinner {	border-right-color: #1233b2;}
.four .four_li02 .spinner {	border-top-color: #1233b2;}
.four .four_li03 .spinner {	border-left-color: #1233b2;}
.four .four_li04 .spinner {	border-bottom-color: #1233b2;}


/**/
@-webkit-keyframes shake {
 from, to {
-webkit-transform:translate3d(0, 0, 0);
}
 20%, 60% {
-webkit-transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
transform:translate3d(0, 0, 0);
}
 20%, 60% {
transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
transform:translate3d(10px, 0, 0);
}
}