@charset "utf-8";
.left {
	float: left;
}
.right {
	float: right;
}
.clearboth {
	clear: both;
}
.content-1 {
	width: 1180px;
	margin: 0 auto;
}
/*top*/

 

.header-top {
	width: 100%;
	height: 35px;
	background: #f2f2f2;
	display: block;
}
.top-left {
	font: 14px/35px "microsoft yahei";
	color: #333;
}
.top-right {
	color: #333;
}
.top-right a {
	display: inline-block;
	font: 14px/35px "microsoft yahei";
	color: #333;
	padding-right: 5px;
}
.top-right i {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: sub;
	padding-right: 5px;
}
.top-right a:hover {
	color: #1c59d4;
}
.top-right i.ly {
	background: url(../images/liuyan.png) no-repeat left top;
}
.top-right i.wt {
	background: url(../images/wenti.png) no-repeat left top;
	padding-top: 0;
}
.top-right i.lx {
	background: url(../images/lianxi.png) no-repeat left top;
}
.top-right i.sp {
	background: url(../images/shangpu.png) no-repeat left top;
}
/*header*/

.header {
	width: 1180px;
	margin: 0 auto;
	height: 140px;
}
.logo img {
	display: block;
	width: 530px;
	height: 75px;
	padding-top: 40px;
}
.logo-title {
	height: 60px;
	border-left: 1px solid #d6d6d6;
	margin: 43px 0 0 15px;
	padding-left: 10px;
}
.logo-title h4 {
	font: bold 24px/36px "microsoft yahei";
	color: #333;
}
.logo-title h4 span {
	color: #1c59d4;
}
.logo-title p {
	font: bold 17px/24px "microsoft yahei";
	color: #333;
}
.logo-title p span {
	color: #1c59d4;
}
.header-tel {
	width: 250px;
	height: 65px;
	background: url(../images/header-tel.png) no-repeat 14px 8px;
	padding-left: 10px;
	vertical-align: sub;
	margin-top: 43px;
}
.header-tel h4 {
	font: bold 16px/24px "microsoft yahei";
	color: #333;
	margin-top: 5px;
	padding-left: 69px;
}
.header-tel p {
	font: bold 22px/32px "microsoft yahei";
	color: #1c59d4;
	padding-left: 69px;
}
/*nav*/

.nav {
	width: 100%;
	height: 56px;
	background: #1c59d4;
}
.nav .content-1 ul li {
	float: left;
}
.nav .content-1 ul li a {
	display: inline-block;
	font: 16px/56px "microsoft yahei";
	padding: 0 40px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	color: #fff;
}
.nav .content-1 ul li a:hover {
	color: #fff;
	background: #fdbb29;
	-webkit-animation: rot 0.5s 2 alternate;
	-moz-animation: rot 0.5s 2 alternate;
	-ms-animation: rot 0.5s 2 alternate;
	animation: rot 0.5s 2 alternate;
	-ms-transform: rotate(0deg) scale(1.1);
}
 @keyframes rot {
 0% {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
 50% {
-webkit-transform: rotate(-2deg) scale(1.01);
-moz-transform: rotate(-2deg) scale(1.01);
-ms-transform: rotate(-2deg) scale(1.01);
transform: rotate(-2deg) scale(1.01);
}
 100% {
-webkit-transform: rotate(0deg) scale(1.1);
-moz-transform: rotate(0deg) scale(1.1);
-ms-transform: rotate(0deg) scale(1.1);
transform: rotate(0deg) scale(1.1);
}
}
.nav ul li.another a {
	background: #fdbb29;
	color: #fff;
}
.fixedNav {
	background: #1c59d4;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
/*footer*/

.footer {
	width: 100%;
	height: 300px;
	background: #1c59d4;
	padding-top: 40px;
}
/*links*/

.links {
	width: 100%;
	height: 52px;
	background: url(../images/links.png) no-repeat center;
}
.links h4 {
	display: inline-block;
	padding: 0 10px 0 20px;
	font: bold 16px/52px "microsoft yahei";
	color: #fff;
}
.links a {
	display: inline-block;
	font: 14px/52px "microsoft yahei";
	color: #fff;
	padding-right: 10px;
}
.links a:hover {
	color: #FDBB29;
}
/*footer-box*/

.footer-box {
	padding-top: 20px;
}
.footer-nav {
	width: 224px;
	height: 190px;
	border-right: 1px solid #4f7ddd;
}
.footer-nav ul li {
	float: left;
	width: 112px;
}
.footer-nav ul li a {
	display: inline-block;
	padding-top: 13px;
	font: 14px "microsoft yahei";
	color: #fff;
}
.footer-nav ul li a:hover {
	color: #FDBB29;
}
.footer-text {
	padding-top: 8px;
	color: #fff;
	line-height: 30px;
	width: 780px;
	padding-left: 20px;
}
.footer-text h2 {
	font: 14px/30px "microsoft yahei";
	color: #fff;
}
.footer-text a {
	font: 14px/30px "microsoft yahei";
	color: #fff;
}
.footer-text a:hover {
	color: #fdbb29;
}
.footer-text img {
	display: inline-block;
	padding-left: 10px;
	width: 20px;
	height: 16px;
	vertical-align: sub;
}
.footer-right {
	width: 138px;
	height: 138px;
}
.footer-right img {
	display: inline-block;
	width: 138px;
	height: 138px;
	padding-top: 30px;
}