@charset "gb2312";

/* CSS Document */

* {

	margin: 0 auto;

	padding: 0;

	border: 0;

}

body {

	background-color: #f5f5f5;

	font-size: 14px;

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	color: #333333;

	font-family: "Microsoft Yahei";

}

.wrap {

	width: 1200px;

	margin: 0 auto;

	padding: 0;

}

a {

	color: #333333;

	text-decoration: none;

}

li {

	list-style: none;

}





/* 公共头部！ */



.headcommon {

	width: 100%;

	float: left;

	height: 153px;

	background-color: #ffffff;

}

.headcommon .wrap .head {

	width: 100%;

	float: left;

	height: 153px;

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

}

.headcommon .wrap .head .nav {

	width: 850px;

	float: right;

	margin-top: 7.2%;

}

.headcommon .wrap .head .nav ul {

	width: 100%;

	float: left;

}

.headcommon .wrap .head .nav ul li {

	width: 16.66%;

	float: left;

	text-align: right;

}

.headcommon .wrap .head .nav ul li a {

	width: 100%;

	font-size: 18px;

	color: #666666;

}









/*公共尾部*/

.foot { width:100%; float:left; height:285px; background:#01b3c4;}



.foot .footdiv { width:100%; float:left;}



.foot .footdiv img { float:left; margin-top:35px;}



.foot .footdiv .you { width:685px; float:left; margin-left:88px; margin-top:50px;}

.foot .footdiv .you ul { width:100%; float:left;}





.foot .footdiv .you ul li:nth-child(1) { background:url(../images/footwx.jpg) no-repeat left; padding-left:38px; font-size:18px; line-height:30px; color:#FFF; float:left;}



.foot .footdiv .you ul li:nth-child(2) { background:url(../images/footdz.jpg) no-repeat left; padding-left:38px; font-size:18px; line-height:30px; color:#FFF; float:left; margin-left:50px;}



.foot .footdiv .you ul li:nth-child(3) { background:url(../images/footgj.jpg) no-repeat left; padding-left:38px; font-size:18px; line-height:30px; color:#FFF; float:left; margin-top:17px; width:100%;}





.foot .footdiv .you ul li:nth-child(4) { font-size:18px; line-height:30px; color:#FFF; float:left; margin-top:17px; width:100%;}



.foot .footdiv .you ul li:nth-child(5) { font-size:18px; line-height:30px; color:#FFF; float:left; margin-top:17px; width:100%;}













.xiaoguoimg {-webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    -webkit-transform: scale(1);

    transform: scale(1);}



.xiaoguoimg:hover {-webkit-transform: scale(1.06);

    transform: scale(1.06);

    transform-origin: center center;

    -webkit-transform-origin: center cetner;

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;}









/*help*/

.ksbangzhu { width:100%; float:left;padding:60px 0; margin-bottom:50px;}

.ksbangzhu span { width:100%; float:left; text-align:center; font-size:32px; line-height:47px; color:#666666;}

.ksbangzhu p { width:100%; float:left; text-align:center; color:#666666; font-size:24px; line-height:47px;}

.ksbangzhu ul { width:100%; float:left; margin-top:40px;}

.ksbangzhu ul li:nth-child(1) { margin-left:0;}

.ksbangzhu ul li { width:157px; height:157px; float:left; margin-left:100px;}

.ksbangzhu ul li a { width:100%; float:left; height:100%; border:1px #9c9c9c solid; border-radius:50%;}

.ksbangzhu ul .on a {border:1px #496a9a solid;}

.ksbangzhu ul li:nth-child(1) a { background:url(../images/ksx1.png) no-repeat center;}

.ksbangzhu ul li:nth-child(2) a { background:url(../images/ksx2.png) no-repeat center;}

.ksbangzhu ul li:nth-child(3) a { background:url(../images/ksx3.png) no-repeat center;}

.ksbangzhu ul li:nth-child(4) a { background:url(../images/ksx4.png) no-repeat center;}

.ksbangzhu ul li:nth-child(5) a { background:url(../images/ksx5.png) no-repeat center;}

.ksbangzhu ul .on:nth-child(1) a { background:#496a9a url(../images/ksx11.png) no-repeat center;}

.ksbangzhu ul .on:nth-child(2) a { background:#496a9a url(../images/ksx22.png) no-repeat center;}

.ksbangzhu ul .on:nth-child(3) a { background:#496a9a url(../images/ksx33.png) no-repeat center;}

.ksbangzhu ul .on:nth-child(4) a { background:#496a9a url(../images/ksx44.png) no-repeat center;}

.ksbangzhu ul .on:nth-child(5) a { background:#496a9a url(../images/ksx55.png) no-repeat center;}







/*右侧*/

.youce { z-index:99999;position:fixed; top:27%; left:1%;}

.youce ul li { margin-top:7px;display: table; cursor:pointer; position:relative;}

.youce ul li .ico{ width:49px; height:49px; border-radius:50%; float:left; z-index:9999; position:relative;}

.youce ul li .ico img { width:100%; float:right;}

.youce ul li:nth-child(1) .ico , .youce ul li:nth-child(1) a  { background-color:#496a9a;}

.youce ul li:nth-child(2) .ico , .youce ul li:nth-child(2) a  { background-color:#44a8b2;}

.youce ul li:nth-child(3) .ico , .youce ul li:nth-child(3) a  { background-color:#64a1c7;}

.youce ul li:nth-child(4) .ico , .youce ul li:nth-child(4) a  { background-color:#445a72;}

.youce ul li:nth-child(5) .ico , .youce ul li:nth-child(5) a  { background-color:#b1b1b6;}

.youce ul li:nth-child(6) .ico , .youce ul li:nth-child(6) a  { background-color:#496a9a;font-size: 14px;text-indent: 15px;}

.youce ul li:nth-child(7) .ico , .youce ul li:nth-child(7) a  { background-color:#44a8b2;}





.youce ul li a { position:absolute; left:0; height:49px; line-height:49px;width:160px;border-radius:50px; z-index:5999; font-size:18px; color:#ffffff; text-indent:53px; opacity:0; visibility:hidden;-webkit-transform: translateX(-20px) rotate(0deg);

    -moz-transform: translateX(-20px) rotate(0deg);

    transform: translateX(-20px) rotate(0deg);

    -webkit-transition: opacity 0.2s, transform 0.2s;

    -moz-transition: opacity 0.2s, transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;}



.youce ul li:hover a {opacity: 1;

    visibility: visible;

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    transform: translateX(0px);}