@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: 36px;

	background: #f1f1f1;

}

.top-left{

	font: 12px/36px "microsoft yahei";

	color: #333;

}

.top-right{

	color: #333;

}

.top-right a{

	display: inline-block;

	font: 12px/36px "microsoft yahei";

	color: #333;

}



.top-right i{

	display: inline-block;

	width: 14px;

	height: 14px;

	vertical-align: sub;

	padding-right: 5px;

}



.top-right a:hover{

	color: #0546ac;

}

.top-right i.ly{

	background: url(../style/liuyan.png) no-repeat left top;

}

.top-right i.wt{

	background: url(../style/wenti.png) no-repeat left top;

	padding-top: 0;

}



.top-right i.lx{

	background: url(../style/lianxi.png) no-repeat left top;

}

.top-right i.sp{

	background: url(../style/shangpu.png) no-repeat left top;

}





/*header*/

.header{

	width: 1180px;

	margin: 0 auto;

	height: 140px;

}

.logo img{

	display: block;

	width: 225px;

	height: 83px;

	padding-top: 30px;

}

.logo-title{

	width: 260px;

	height: 60px;

	border-left: 1px solid  #d6d6d6;

	margin: 40px 0 0 15px;

	padding-left: 10px;

}

.logo-title h4{

	font:bold 24px/36px "microsoft yahei";

	color: #333;

}

.logo-title h4 span{

	color: #0546AC;

}

.logo-title p{

	font: 16px/24px "microsoft yahei";

	color: #333;

}

.header-tel{

	width: 220px;

	height: 60px;

	background: url(../style/header-tel.png) no-repeat 0 8px;

	padding-left: 10px;

	vertical-align: sub;

	margin-top: 30px;

}

.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: #0546AC;

	padding-left: 39px;

}





/*nav*/

.nav{

	width: 100%;

	height: 56px;

	background: #0546AC;

}

.nav .content-1 ul li{

	float: left;

}

.nav .content-1 ul li a{

	display: inline-block;

	font: 16px/56px "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: #ff9000;

	-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: #ff9000;

	color: #fff;

}

.fixedNav{background:#0546AC ; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

	



/*footer*/

.footer{

	width: 100%;

	height: 285px;

	background: #0546ac;

	padding-top: 40px;

}

.footer-nav{

	width: 100%;

	height: 46px;

	background: rgba(0,0,0,.1);

}

.footer-nav ul li{

	float: left;

}

.footer-nav ul li a{

	display: inline-block;

	font: 16px/46px "microsoft yahei";

	color: #fff;

	padding: 0 22px;

}

.footer-nav ul li a:hover{

	background:#ff9000;

}

.footer-nav ul li span{

	color: #fff;	

}

	

.footer-left{

	padding-top: 30px;

	color: #fff;

	line-height: 30px;

}

.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{

	color: #ff9000;

}

.footer-left 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: 50px;

}









/*在线客服*/



/*-----------------初始化---------------------

/*固定的悬浮窗*/

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}

.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}

.yb_bar .yb_top{background:#0546ac url(../style/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone{background:#0546ac url(../style/fixCont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ{text-indent:0;background:#0546ac url(../style/fixCont.png) no-repeat 0 -113px;}

.yb_bar .yb_ercode{background:#0546ac url(../style/fixCont.png) no-repeat 0 -169px;}

.hd_qr{padding:0 29px 25px 29px;}

.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}