﻿@charset "utf-8";

  .left {

 	float: left;

 }

 

 .right {

 	float: right;

 }

 

 .clearboth {

 	clear: both;

 }

 

 .content-1 {

 	width: 1180px;

 	margin: 0 auto;

 }

 

::selection {



	background-color: #0066b3;



	color: #fff;



}







::-moz-selection {



	background-color: #0066b3;



	color: #fff;



}







::-webkit-selection {



	background-color: #0066b3;



	color: #fff;



}



 /*top*/

 

.header-top{

	width: 100%;

	height: 35px;

	background:#00499C;

	display: block;

}

.top-left{

	font: 13px/35px "microsoft yahei";

	color: #fff;

}

.top-right{

	color: #fff;

}

.top-right a{

	display: inline-block;

	font: 13px/35px "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: #f3bf09;

}

.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: 1180px;

	margin: 0 auto;

	height: 150px;



}

.logo img{

	display: block;

 

	height: 58px;

	padding-top: 50px;

}

.logo-title{

	height: 70px;

	border-left: 1px solid #ccc;

	margin: 36px 0 0 24px;

	padding: 7px 25px;

	width: 400px;

}

.logo-title h4{

	font:bold 18px/36px "microsoft yahei";

	color: #333;

	letter-spacing: 2px;

}

.logo-title h4 span{

	color: #333;

}

.logo-title p{

	font:bold 18px/24px "microsoft yahei";

	color: #00499c;

	letter-spacing: 2px;

}

.logo-title p span{

	color: #00499C;

}

.header-tel{

	width: 250px;

	height: 65px;

	background: url(img/header-tel.png) no-repeat 14px 5px;

	padding-left: 10px;

	vertical-align: sub;

	margin-top:43px;

}

.header-tel h4{

	font: 14px/24px "microsoft yahei";

	color: #00499C;

	padding-left: 69px;

}



.header-tel p{

	font:bold 25px/35px "microsoft yahei";

	color: #333;

	padding-left: 69px;

}



/*nav*/

.nav{

	width: 100%;

	height: 64px;

	background: #00499C;

}

.nav .content-1 ul li{

	float: left;

}

.nav .content-1 ul li a{

	display: inline-block;

	font: 15px/64px "microsoft yahei";

	padding: 0 24px;

	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: #f3bf09;

	-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: #f3bf09;

	color: #fff;

}

.fixedNav{background:#00499C ; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}







/*footer*/

.footer{

	width: 100%;

	height: 230px;

	background: #00499C;

	padding-top: 10px;

}





/*footer-box*/

.footer-box{



}

.footer-nav{

	width: 220px;

	height: 190px;

	border-right: 1px solid rgba(255,255,255,.2);

}

.footer-nav ul li{

	float: left;

	width: 110px;

	padding-top: 10px;

	

}

.footer-nav ul li a{

	display: inline-block;

	padding-top: 6px;

	font: 14px "microsoft yahei";

	color: #fff;

}

.footer-nav ul li a:hover{

	color: #f3bf09;

}

.footer-text{

	color: #fff;

	line-height: 32px;

	padding-left: 20px; width:58%;

}

.footer-text h2{

	display: inline-block;

	font: 14px/30px "microsoft yahei";

	color: #fff;

}



.footer-text a{

	font: 14px/30px "microsoft yahei";

	color: #fff;

}

.footer-text a:hover{

	color: #f3bf09;

}

.footer-text img{

	display: inline-block;

	padding-left: 10px;

	vertical-align: sub;

}

.footer-right{

	width: 138px;

	height: 138px;

}

.footer-right img{

    display: inline-block;

    width: 138px;

		height: 138px;

    padding-top: 30px;

}

/*banner*/

.fullSlide { width: 100%; position: relative; height: 500px; background: #FFF; overflow:hidden;}



.fullSlide .bd { height: 500px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }

.fullSlide .bd ul { width: 100% !important; }

.fullSlide .bd li { width: 100% !important; height: 500px; overflow: hidden; text-align: center; }

.fullSlide .bd li a { display: block; height: 500px; }



.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; height: 30px; text-align: center; }

.fullSlide .hd ul { text-align: center; }

.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width:14px; height:14px; margin:3px; background-color:#0066b3; overflow: hidden; line-height: 99px; border:2px solid #FFF; border-radius:50%; 

 -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.fullSlide .hd ul .on {  width:50px; background:#f3bf09; border-radius:9px; -webkit-transition: all .3s linear; transition: all .3s linear; }



.fullSlide .prev, .fullSlide .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top:-30px; z-index: 2; background:url(img/slider-arrow.png) -126px -137px #000 no-repeat; 

filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3;  -webkit-transition: all .5s linear; transition: all .5s linear;  }



.fullSlide .prev { background:url(img/slider-arrow.png) -126px -137px #000 no-repeat; left:10%; }

.fullSlide .next { background-position:-6px -137px;  right: 10%; }

