@charset "utf-8";
/* CSS Document */
/*----------------------header----------------------------*/
#header #top {
	height:40px;
	background:#222;
	color:#ccc;	
	line-height:40px;
	font-size:14px;
	position:relative;
	z-index:2;
}
#header #top a {
	color:#00B2BC;	
}
#header #top span {
	margin-right:25px;	
}
.nav {
	height:75px;
	background:white;
	position:relative;
	z-index:2;
}
.nav a {
	color:#333;
}
.nav .nLi {
	position: relative;
	display:inline-block;
}
.nav .nLi {
	*display:inline;
}
.nav .nLi h3 {
	line-height:75px;
	font-weight:normal;
}
.nav .nLi h3 a {
	display:block;
	padding:0 15px;
}
.nav .sub {
	display: none;
	width:200px;
	left:-50px;
	top:75px;
	position: absolute;
	background:white;
	font-size:14px;
	z-index:9;
}
.nav .sub li {
	zoom: 1;
}
.nav .sub a {
	display:block;
	width:auto;
	padding:5px 10px;
	text-align:center;
	border-top:1px #ddd dashed;
}
.nav .sub a:hover {
	background:#00B2BC;
	color:#fff;
}
.nav .on h3 a {
	color:#00B2BC;	
}

/*header end*/

/*----------------------footer----------------------------*/
#footer {
	background:#252525;
	color:#999;
}
#footer .fotnav {
	border-right:1px #404040 solid;	
}
#footer a {
	font-size:14px;	
	color:#999;
}
#footer .inner {
	border-left:1px #404040 solid;	
	border-right:1px #404040 solid;	
}
#footer .navbox {
	width:140px;
	float:left;	
}
#footer .navbox .h5 {
	padding-bottom:10px;	
}
#footer .navbox .h5 a {
	display:block;
	color:white;
	font-size:16px;
	padding:20px 25px 15px;
	border-bottom:1px #404040 solid;
}
#footer .navbox a {
	display:block;
	padding:2px 25px;
}
#footer .navbox a:hover {
	color:#ccc;	
}
#footer .contact {
	width:450px;
	padding-bottom:10px;
}
#footer .contact li {
	padding-left:25px;
	font-size:14px;	
	line-height:30px;
}
#footer .contact li p {
	font-size:14px;	
}
#footer .contact .left {
	display:inline-block;	
	padding-left:26px;
	width:42px;
}
#footer .contact .text {
	display:inline-block;
	width:340px;	
}
#footer .contact li:nth-child(1) {
	background:url(../images/icon8.png) no-repeat 25px 5px;
}
#footer .contact li:nth-child(2) {
	background:url(../images/icon9.png) no-repeat 25px 5px;
}
#footer .contact li:nth-child(3) {
	background:url(../images/icon10.png) no-repeat 25px 5px;
}
#footer .contact .left,#footer .contact .text {
	*display:inline;
	vertical-align:top;	
}
#footer .ewm {
	text-align:center;
	padding:25px 0 0;
	width:328px;
}
#footer .ewm p {
	font-size:14px;
	padding-top:10px;	
}
#footer .ewm span {
	display:block;
	background:white;
	border:10px white solid;	
}
#footer .ewm .ewmbox {
	display:inline-block;
	padding:0 15px;
}
#footer .ewm .ewmbox {
	*display:inline;	
}
#footer .copyright {
	padding:10px 0;
	text-align:center;
	border-top:1px #404040 solid;
	font-size:14px;	
}	
#footer .copyright span {
	margin:0 10px;	
}
/*footer end*/
/*----------------------backtotop----------------------------*/
#back_to_top{
	position:fixed;
	bottom:100px;
	right:2%;
}
#back_to_top a{
	text-align:center;
	text-decoration:none;
	color:#d1d1d1;
	display:block;
	width:80px;
	/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
	-moz-transition:color 1s; 
	-webkit-transition:color 1s;
	-o-transition:color 1s;
}
#back_to_top a:hover{
	color:#979797;
}
#back_to_top a span{
	background:#d1d1d1;
	border-radius:6px;
	display:block;
	height:50px;
	width:50px;
	margin:auto;
	margin-bottom:5px;
	background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;
	-moz-transition:background 1s;
	-webkit-transition:background 1s;
	-o-transition:background 1s;
}
#back_to_top a:hover span{
	background-color:#979797;
}
/*backtotop end*/
/*----------------------page----------------------------*/
#page {
	width:100%;
	height:28px;
	padding:10px 0;
	margin:30px 0;
	border-radius:3px;
	background:#f2f3f5;
	text-align:center;	
}
#page li {
	display:inline-block;
	line-height:26px;
	font-size:14px;
	margin:0 5px;	
}
#page li {
	*display:inline;	
}
#page li a {
	display:block;
	width:26px;
	height:26px;
	border:1px #999 solid;
	color:#666;	
	border-radius:3px;
}
#page li a.on {
	border-color:#00B2BC;
	background:#00B2BC;	
	color:white;
}
#page li a.first,#page li a.prev,#page li a.next,#page li a.last{
	width:auto;
	line-height:28px;
	border:0;	
	color:#333;
}
#page li a:hover{
	color:#00B2BC;
}
/*page end*/
/*----------------------bannerny----------------------------*/
#bannerny {
	position:relative;	
	z-index:1;
	width:100%;
	height:240px;
	overflow:hidden;
}
#banimg {
	width:1920px;
	height:240px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;	
}
#banimg img {
	width:1920px;
	height:240px;
}
#bannerny #title {
	width:1200px;
	position:absolute;	
	top:70px;
	left:50%;
	margin-left:-600px;
	z-index:1;
}
#bannerny #title h2 {
	color:white;
	font-size:34px;	
}
#bannerny #title .en {
	font-size:46px;	
	color:white;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	filter:alpha(opacity=50);
	opacity:0.5;
}
/*bannerny end*/
/*二级分类*/
.classify_two {
	background:#f0f1f7;
	margin-bottom:30px;
	text-align:center;	
}
.classify_two li {
	display:inline-block;
	vertical-align:middle;	
	margin:0 3px;
}
.classify_two li {
	*display:inline;	
}
.classify_two li a {
	display:table;
	height:30px;
	min-width:230px;
	padding:5px 0;
	line-height:1.2em;
	background:white;
	border-radius:3px;
}
.classify_two li a:hover {
	color:#00B2BC;	
}
.classify_two li a.on {
	padding:15px 0;
	background:#00B2BC;	
	color:white;
}
.classify_two li a span {
	display:table-cell;
	vertical-align:middle;
}
/*二级分类 结束*/
/*----------------------leftsubnav----------------------------*/
#left.subnav {
	width:230px;
	padding:10px 0;
	background:url(../images/hui.jpg) repeat-y 189px top;
	position:relative;	
}
#left.subnav .circle {
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	right:34px;
	border:2px #d1d1d1 solid;
	border-radius:50%;
	background:white;	
}
#left.subnav .cir1 {
	top:0;
}
#left.subnav .cir2 {
	bottom:0;
}
#left.subnav li a{
	display:block;
	padding-right:55px;
	position:relative;
}
#left.subnav li a h4{
	border-top:1px #ccc dashed;
	font-weight:normal;
	padding:12px 0 12px 10px;
}
#left.subnav li:nth-child(1) a h4 {
	border:none;
}
#left.subnav li a span {
	display:block;
	width:8px;
	height:8px;
	border:2px #fff solid;
	background:#d1d1d1;
	border-radius:50%;	
	position:absolute;
	top:50%;
	margin-top:-6px;
	right:34px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
#left.subnav li a:hover {
	color:#00B2BC;	
}
#left.subnav li.on a{
	color:#00B2BC;	
	background:url(../images/icon11.png) no-repeat right center;	
}
#left.subnav li.on a span,#left.subnav li a:hover span{
	background:#00B2BC;	
}
/*----------------------subright----------------------------*/
#right {
	width:930px;	
}
#right .h4 {
	background:url(../images/hui2.png) repeat-x left bottom;
}
#right .h4 h4 {
	font-weight:normal;	
	position:relative;
	padding:0 50px 8px 16px;
	border-bottom:4px #c8f0ef solid;
	display:inline-block;
	color:#00B2BC;
}
#right .h4 h4 span {
	display:block;
	width:5px;
	height:18px;
	position:absolute;
	left:2px;
	top:3px;
	background:#00B2BC;
}
#right #content {
	padding:20px;
}
#right #content img {
	max-width:100%;	
}
/*right end*/