@charset "utf-8";

  .left {

 	float: left;

 }

 

 .right {

 	float: right;

 }

 

 .clearboth {

 	clear: both;

 }

 

 .content-1 {

 	width: 1180px;

 	margin: 0 auto;

 }

  .content-all{

  	width: 1180px;

 	margin: 0 auto;

 	position: relative;

  }

 ::selection {

	background-color: #ff8004;

	color: #fff;

}



::-moz-selection {

	background-color: #ff8004;

	color: #fff;

}



::-webkit-selection {

	background-color: #ff8004;

	color: #fff;

}



 /*top*/

 

.header-top{

	width: 100%;

	height: 5px;

	background:#f2f2f2;

	display: block;

}

.top-left{

	font: 13px/45px "microsoft yahei";

	color: #333;

}

.top-right{

	color: #333;

}

.top-right a{

	display: inline-block;

	font: 13px/45px "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: #ff8004;

}



/*header*/

.header{

	width: 1180px;

	margin: 0 auto;

	height: 150px;



}

.logo img{

	display: block;

	width: 126px;

	height: 85px;

	padding-top:30px;

}

.logo-title{

	height: 70px;

	border-left: 1px solid #ccc;

	margin: 36px 0 0 24px;

	padding: 2px 25px;

}

.logo-title h4{

    font: 17px/40px "microsoft yahei";

    color: #333;

}



.logo-title p{

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

	color: #ff8004;

	background:url(../images/dingwei-line.png) no-repeat center ;

}

.logo-title p span{

	color: #ff8004;

}

.header-tel{

	width: 170px;

	margin-top: 50px;



}

.header-tel span{

	display: block;

	font: 13px/30px "microsoft yahei";

	color: #333;

	text-align: center;



	background:url(../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: #ff8004;

}

.nav .content-1 ul li{

	float: left;

}

.nav .content-1 ul li a{

	display: inline-block;

	font: 15px/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;

	-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;

	background: #017ad3;

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

	color: #fff;

	background: #017ad3;

}

.fixedNav{ 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: #ff8004;

}

.footer-left{

	width: 220px;

	height: 170px;

	border-right: 1px solid rgba(255,255,255,.2);

	margin-top: 40px;

	padding-top: 20px;

}

.footer-left b i{

	display: inline-block;

	width: 14px;

	height: 18px;

	background: url(../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/36px "microsoft yahei";

	color: #fff;

	padding-top: 60px;

}

.footer-content h2{

	display: inline-block;

	font: 14px/30px "microsoft yahei";

	color: #fff;

}

.footer-content a{

	color: #fff;

	display: inline-block;

	padding-right: 3px;

}



.footer-right{

	width: 155px;

	height: 155px;

	margin-top: 50px;

}

.footer-right img{

	display: block;

	width: 155px;

	height: 155px;

}