@charset "utf-8";
::-ms-selection{
	background-color: #0B218D;
	color: #fff;
	
}

  .left {
 	float: left;
 }
 
 .right {
 	float: right;
 }
 
 .clearboth {
 	clear: both;
 }
 
 .content-1 {
 	width: 1180px;
 	margin: 0 auto;
 }
 .fl {
    float: left;
}
.fr {
    float: right;
}
.m{
    width: 1180px;
    margin: 0 auto;
}
.clear {
    clear: both;
}
::-moz-selection {
	background-color: #0B218D;
	color: #fff;
}

::-webkit-selection {
	background-color: #0B218D;
	color: #fff;
}
::selection {
	background-color: #0B218D;
	color: #fff;
}
 /*top*/
 
.header-top{
	width: 100%;
	height: 40px;
	background:url(../images/header-top.jpg) no-repeat center;
	display: block;
}
.top-left{
	font: 13px/40px "microsoft yahei";
	color: #fff;
}
.top-right{
	color: #fff;
}
.top-right a{
	display: inline-block;
	font: 13px/40px "microsoft yahei";
	color: #fff;
	padding-right:5px;
}

.top-right i{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: sub;
	padding-right: 5px;
}

.top-right a:hover{
	color: #0B218D;
}
.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: 100%;
	margin: 0 auto;
	height: 150px;
	background: url(../images/header.jpg) no-repeat center;

}
.logo img{
	display: block;
	/* width: 293px;
	height: 84px; */
	padding-top: 32px;
}
.logo-title{
	height: 60px;
	border-left: 1px solid #ccc;
	margin: 40px 0 0 24px;
	padding: 7px 25px;
}
.logo-title h4{
    font: 100 18px/30px "microsoft yahei";
    color: #333;
}
.logo-title h4 span{
	color: #333;
}
.logo-title p{
	font:100 18px/24px "microsoft yahei";
	color: #333;
	letter-spacing: 2px;
	margin-top: 10px;
}
.logo-title p span{
	color: #0B218D;
}
.header-tel{
	width: 224px;
	margin-top: 50px;
	background:url(../images/header-tel.png) no-repeat left 5px;
}
.header-tel span{
	display: block;
	font: 16px/30px "microsoft yahei";
	color: #333;
	text-indent: 68px;
}
.header-tel h4{
	font:bold 24px/29px arial;
	color: #333;
	letter-spacing: 1px;
	text-align: right;
	padding-bottom: 20px;
	color: #fe0c17;
}

.header-tel p{
	font:bold 25px/35px "microsoft yahei";
	color: #333;
	padding-left: 69px;
}

/*nav*/
.nav{
	width: 100%;
	height: 50px;
	background: url(../images/nav.jpg) no-repeat center;
}
.nav .content-1 ul li{
	float: left;
}
.nav .content-1 ul li a{
	display: inline-block;
	font: 15px/50px "microsoft yahei";
	padding: 0 22px;
	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: #ffb400;
	-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: #ff9b00;
	color: #fff;
}
.fixedNav{background:#0B218D ; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}


/*footer*/
.footer{
	width: 100%;
	height: 310px;
	background: #0B218D;
}

.footer-nav{
	width: 1180px;
	height: 60px;
	border: 1px solid rgba(255,255,255,.4);
	border-left: none;
	border-right: none;
	
}
.footer-pt{
	width: 1180px;
	margin: 0 auto;
	padding-top: 40px;
}
.footer-nav ul li{
	float: left;

}
.footer-nav ul li a{
	font: 14px/60px "microsoft yahei";
	color: #fff;
	margin: 0 28px;
}
.footer-nav ul li a:hover{
	color: #fe0c17;
}

.footer-box{
	width: 1180px;
	font: 14px/30px "microsoft yahei";
	color: #fff;
	text-align: left;
	padding-top: 30px;
	text-align: center;
}
.footer-box h2{
	    display: inline-block;
			font: 14px/30px "microsoft yahei";
}
.footer a{
	color: #fff;
}
.footer a:hover{
	color: #fe0c17;
}