@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: #0b6ac6;
}
.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: 140px;
}
.logo img{
	display: block;
	width: 393px;
	height: 57px;
	padding-top: 50px;
}
.logo-title{
	height: 60px;
	border-left: 1px solid  #d6d6d6;
	margin: 43px 0 0 15px;
	padding-left: 10px;
}
.logo-title h4{
	font:bold 21px/36px "microsoft yahei";
	color: #333;
	letter-spacing: 2px;
}
.logo-title h4 span{
	color: #0b6ac6;
}
.logo-title p{
	font:bold 18px/24px "microsoft yahei";
	color: #333;
}
.logo-title p span{
	color: #0b6ac6;
}
.header-tel{
	width: 220px;
	height: 65px;
	background: url(../images/header-tel.png) no-repeat 14px 5px;
	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: 39px;
}

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

/*nav*/
.nav{
	width: 100%;
	height: 64px;
	background: #0b6ac6;
}
.nav .content-1 ul li{
	float: left;
}
.nav .content-1 ul li a{
	display: inline-block;
	font: 16px/64px "microsoft yahei";
	padding: 0 23px;
	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:#0b6ac6 ; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}



/*footer*/
.footer{
	width: 100%;
	height: 210px;
	background: #0B6AC6;
	padding-top: 40px;
}
.footer-nav{
	width: 240px;
	border-right: 1px solid rgba(0,0,0,.2);
	float: left;
}
.footer-nav ul li{
	float: left;
	width: 112px;
}
.footer-nav ul li a{
	font: 14px/32px "microsoft yahei";
	color: #fff;
}

	
.footer-left{
	color: #fff;
	width:751px;
    line-height: 26px;
    padding-left: 25px;
}
.footer-left h2{
	display: inline-block;
	font: 14px/28px "microsoft yahei";
	color: #fff;
}

.footer-left a{
	font: 14px/28px "microsoft yahei";
	color: #fff;
}
.footer-left a:hover,.footer-nav ul li a:hover{
	color: #FDBB29;
}
.footer-left img{
	display: inline-block;
	padding-left: 10px;
	vertical-align: sub;
}

.footer-box h2 {
    display: inline-block;
    font: 14px/28px "microsoft yahei";
    color: #fff;
}
.footer-box {
    color: #fff;
    line-height: 24px;
    padding: 0px 0 0 18px;
    line-height: 32px;
}
.footer-box a{
	color: #fff;
}
.footer-box a:hover{
	color: #FDBB29;
}
.footer-box img {
    display: inline-block;
    padding-left: 10px;
    vertical-align: sub;
}

.footer-right{
	width: 135px;
	height: 135px;
}
.footer-right img{
    display: inline-block;
    width: 135px;
    height: 135px;
    padding-top: 15px;
}