@charset "utf-8";
 ::selection {
	background-color: #017ad3;
	color: #fff;
}

::-moz-selection {
	background-color: #017ad3;
	color: #fff;
}

::-webkit-selection {
	background-color: #017ad3;
	color: #fff;
}

  .left {
 	float: left;
 }
 
 .right {
 	float: right;
 }
 
 .clearboth {
 	clear: both;
 }
 
 .content-1 {
 	width: 1180px;
 	margin: 0 auto;
 	position: relative;
 }
 .fl {
    float: left;
}
.fr {
    float: right;
}
.m{
    width: 1180px;
    margin: 0 auto;
}
.clear {
    clear: both;
}
 /*top*/
 
.header-top{
	width: 100%;
	height: 45px;
	background:#017ad3;
	display: block;
}
.top-left{
	font: 13px/45px "microsoft yahei";
	color: #fff;
}
.top-right{
	color: #fff;
}
.top-right a{
	display: inline-block;
	font: 13px/45px "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: #fdbb29;
}
.top-right i.ly{
	background: url(/templates/pc_wjdh/images/liuyan.png) no-repeat left top;
}
.top-right i.wt{
	background: url(/templates/pc_wjdh/images/wenti.png) no-repeat left top;
	padding-top: 0;
}

.top-right i.lx{
	background: url(/templates/pc_wjdh/images/lianxi.png) no-repeat left top;
}
.top-right i.sp{
	background: url(/templates/pc_wjdh/images/shangpu.png) no-repeat left top;
}

/*header*/
.header{
	width: 1180px;
	margin: 0 auto;
	height: 140px;
}
.logo img{
	display: block;
	width: 293px;
	height: 56px;
	padding-top: 45px;
}
.logo-title{
    height: 80px;
    border-left: 1px solid #ccc;
    margin: 37px 0 0 24px;
    padding: 0px 23px;
}
.logo-title h4{
    font: bold 21px/40px "microsoft yahei";
    color: #333;
    padding-bottom: 2px;
}
.logo-title h4 span{
	color: #333;
}
.logo-title p{
	font:18px/24px "microsoft yahei";
	color: #017ad3;
	letter-spacing: 2px;
}
.logo-title p span{
	color: #017ad3;
}
.header-tel{
	width: 170px;
	margin-top: 36px;
}
.header-tel span{
	display: block;
	font: 13px/30px "microsoft yahei";
	color: #333;
	text-align: center;

	background:url(/templates/pc_wjdh/images/header-tel.png) no-repeat center;
}
.header-tel h4{
	font:24px/29px "microsoft yahei";
	color: #333;
	text-align: right;
	padding-bottom: 20px;
	text-align: center;
}

.header-tel p{
	font:bold 25px/35px "microsoft yahei";
	color: #333;
	padding-left: 69px;
}


/*nav*/
.nav{
	width: 100%;
	height: 64px;
	background: #017ad3;
}
.nav .content-1 ul li{
	float: left;
}
.nav .content-1 ul li a{
	display: inline-block;
	font: 15px/64px "microsoft yahei";
	padding: 0 32px;
	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: #f90;
	-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: #f90;
	color: #fff;
}
.fixedNav{background:#017ad3 ; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}





/*footer*/
.footer-content-1{
	width: 100%;
	height: 256px;
	background: #017bd3;
	margin-top: 30px;
}
.footer-left{
	width: 220px;
	height: 170px;
	border-right: 1px solid rgba(255,255,255,0.2);
	margin-top: 40px;
	padding-top: 20px;
}
.footer-left b i{
	display: inline-block;
	width: 14px;
	height: 18px;
	background: url(/templates/pc_wjdh/images/footer-1.png) no-repeat center left;padding-right: 10px;
	vertical-align: sub;
}
.footer-left b {
	font: 16px/30px "microsoft yahei";
	color: #fff;
}
.pt{
	display: block;
	margin-top: 20px;
}
.footer-left p{
	font:   27px/30px "microsoft yahei";
	color: #fff;
}
.footer-left p.footer-ll{
	font:   15px/30px "microsoft yahei";
}

.footer-content{
	padding-top:30px;
	width: 754px;
	padding-left: 20px;
	font: 14px/30px "microsoft yahei";
	color: #fff;
	padding-top: 40px;
}
.footer-content h2{
	display: inline-block;
	font: 14px/30px "microsoft yahei";
	color: #fff;
}
.footer-content a{
	color: #fff;
}

.footer-right{
	width: 155px;
	height: 155px;
	margin-top: 50px;
}
.footer-right img{
	display: block;
	width: 155px;
	height: 155px;
}
.footer-nav{
	width: 100%;
	height: 60px;
	background: #0273c5;
}

.footer-content a{
	display: inline-block;
	padding-right: 5px;
}

.footer-nav ul li{
	float: left;

}
.footer-nav ul li a{
	font: 14px/60px "microsoft yahei";
	color: #fff;
	margin: 0 33px;
}
<!--ºÄÊ±1754638695.154Ãë-->