/* CSS Document */



/*header*/



.topBox {

	position: relative;

	z-index: 999999;

}



.header {

	width: 100%;

	/* height:188px; */

	position: relative;

	z-index: 2;

}



.header .top {

	height: 34px;

	line-height: 34px;

	background: #242424;

	color: #FFF;

}



.header-c {

	width: 1180px;

	margin: 0 auto;

}



.header .top dl dt {

	float: left;

}



.header .top dl dd {

	float: right;

}



.header .top dl dd a {

	color: #FFF;

	margin: 0 6px;

}



.header .logo {

	height: 108px;

	/* overflow:hidden; */

}



.header .logo .logo-l {

	float: left;

	width: 864px;

	margin-top: 20px;

}



.header .logo .logo-l dl dt {

	float: left;

}



.header .logo .logo-l dl dd {

	float: left;

	font-size: 16px;

	margin: 15px 0 0 20px;

}



.header .logo .phone {

	float: right;

	width: 182px;

	background: url(../images/phone.png) no-repeat left;

	height: 52px;

	padding-left: 50px;

	margin-top: 30px;

}



.header .logo .phone span {

	font-size: 24px;

	color: #007ccb;

}



.header .nav {

	height: 46px;

	line-height: 46px;

	background: #007ccb;

}



.header .nav ul li.another {

	background: #ef8200;

	padding: 0 23px;

}



.header .nav ul li.another a {

	color: #FFF;

}



.header .nav ul li {

	float: left;

	padding: 0 23px;

	position: relative;

}



.header .nav ul li a {

	color: #FFF;

	display: block;

}



.header .nav ul li:hover {

	background: #ef8200;

	padding: 0 23px;

}



.header .nav ul li a.navindex {



	position: relative;



}







.header .nav ul li p {

	position: absolute;

	top: 46px;

	left: 0;

 opacity: 0;

	width: 100%;

	height: 90px;

	-webkit-transition: .5s;

    transition: .5s;

}



.header .nav ul li p a {

	background: #007ccb;

	line-height: 2;

	color: #fff;

	width: 100%;

	height: 40px;

	display: block;

	line-height: 40px;

	text-align: center;

	-webkit-transition: .5s;

    transition: .5s;

}



.header .nav ul li p a:hover{

	background: #ef8200;

}



.header .nav ul li:hover p{

	opacity: 1;

}









/*footer*/



.footer {

	width: 100%;

	background: url(../images/footer.jpg) no-repeat center center;

	height: 225px;

	padding-top: 35px;

	color: #FFF;

}



.footer a {

	color: #FFF;

}



.f-nav {

	float: left;

	width: 255px;

}



.f-nav ul li {

	float: left;

	width: 124px;

	line-height: 32px;

}



.f-last {

	float: left;

	width: 698px;

}



.f-last h2 {

	font-size: 14px;

	display: inline;

}



.f-last p {

	line-height: 34px;

}



.f-ewm {

	float: right;

	text-align: center;

}



















/*右侧悬浮菜单*/



.wjdh-kefu-slide {



	width: 50px;



	height: 250px;



	position: fixed;



	top: 50%;



	margin-top: -126px;



	background: #1084ce;



	right: 0;



	border-radius: 5px 0 0 5px;



	z-index: 999;



}



.wjdh-kefu-slide ul {



	list-style: none;



}



.wjdh-kefu-slide .wjdh-kefu-icon li {



	width: 49px;



	height: 50px;



	background: url(../images/icon.png) no-repeat;



}



.wjdh-kefu-slide .wjdh-kefu-icon .wjdh-kefu-up {



	background-position: -330px -120px;



}



.wjdh-kefu-slide .wjdh-kefu-icon li.wjdh-kefu-qq {



	background-position: -385px -73px;



}



.wjdh-kefu-slide .wjdh-kefu-icon li.wjdh-kefu-tel {



	background-position: -385px -160px;



}



.wjdh-kefu-slide .wjdh-kefu-icon li.wjdh-kefu-wx {



	background-position: -385px -120px;



}



.wjdh-kefu-slide .wjdh-kefu-icon li.wjdh-kefu-down {



	background-position: -330px -160px;



}



.wjdh-kefu-slide .wjdh-kefu-info {



	top: 50%;



	height: 147px;



	position: absolute;



	right: 100%;



	background: #1084ce;



	width: 0px;



	overflow: hidden;



	margin-top: -73.5px;



	transition: 0.5s;



	border-radius: 4px 0 0 4px;



}



.wjdh-kefu-slide .wjdh-kefu-info.hover {



	width: 145px;







}



.wjdh-kefu-slide .wjdh-kefu-info li {



	width: 145px;



	color: #fff;



	text-align: center;



}



.wjdh-kefu-slide .wjdh-kefu-info li p {



	font-size: 14px;



	line-height: 2em;



	padding: 15px;



	text-align: left;



}



.wjdh-kefu-slide .wjdh-kefu-info li.wjdh-kefu-qq p a {



	display: block;



	margin-top: 12px;



	width: 100px;



	height: 32px;



	line-height: 32px;



	color: #fff;



	font-size: 14px;



	text-align: center;



	text-decoration: none;



	border: 1px solid #fff;



	border-radius: 5px;



}



.wjdh-kefu-slide .wjdh-kefu-info li.wjdh-kefu-qq p a:hover {



	color: #FFFFFF;



	border: none;



	background: #1084ce;



}



.wjdh-kefu-slide .wjdh-kefu-info li div.wjdh-kefu-img {



	height: 100%;



	background: #1084ce;



	margin: 15px;



}



.wjdh-kefu-slide .wjdh-kefu-info li div.wjdh-kefu-img img {



	width: 100%;



	height: 100%;



}