@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#2d2d2d;
	line-height:1.5;
	font-family:Microsoft Yahei;
	background:url(../images/bj.jpg) no-repeat center top; letter-spacing:1px;
	
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#2d2d2d;
	text-decoration:none;
	}
a:hover{
	color:#4a7e95;
	text-decoration:none;
	}
table{ margin: auto}
em{ font-style:normal}
i{ font-style:normal}
.header{ width:100%; float:left; height:155px; border-bottom:2px solid #4c829a; background:#FFF}
.top{ width:1200px; float:left; height:155px;}

.logo{ width:195px; height:155px; float:left; }
.logo span{ height:100%; vertical-align:middle; display:inline-block}
.logo img{ max-height:155px; max-width:100%; vertical-align:middle;}

.nav{ width:800px; float:right; height:115px; font-size:18px; line-height:115px; margin-top:40px; text-align:right; letter-spacing:1px;}
.nav a{ margin-left:80px;}

.main{ width:1200px; margin:auto}
.yw{ width:1200px; float:left; margin-top:35px;}
.yw01{ width:211px; float:left; height:330px; background: url(../images/fwbj01.png) no-repeat center; margin-right:33px;}
.yw01 dl dt{ height:95px; text-align:center; margin-top:30px; }
.yw01 dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.yw01 dl dt img{ max-width:199px; max-height:95px; vertical-align:middle}
.yw01 dl dd{ font-size:16px; line-height:24px; text-align:center;letter-spacing:2px;}
.yw01 dl dd i{ letter-spacing:0px;}
.yw01 ul li{ width:201px; float:left; font-size:14px; background:#FFF; padding-left:5px; padding-right:5px; padding-bottom:10px; padding-top:10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; text-align:center; margin-top:32px; height:60px; letter-spacing:1px;}
.yw01 a{width:211px; float:left; height:330px;}
.yw01 a:hover{ background: url(../images/fwbj02.png) no-repeat center; color:#000}

#yw01on{ background: url(../images/fwbj02.png) no-repeat center; color:#00}

.yw02{ width:199px; float:left; height:260px; background:#deefff; margin-right:1px;}
.yw02 a{width:199px; float:left; height:260px;}
.yw02 a:hover{ background:#d5a7ff; color:#000}
#yw02on{ background:#d5a7ff; color:#000}
#yw02on a{ background:#d5a7ff; color:#000}

.yw03{ width:199px; float:left; height:260px; background:#deefff; margin-right:1px;}
.yw03 a{width:199px; float:left; height:260px;}
.yw03 a:hover{ background:#a7caf2; color:#000}
#yw03on{ background:#a7caf2; color:#000}
#yw03on a{ background:#a7caf2; color:#000}

.yw04{ width:199px; float:left; height:260px; background:#deefff; margin-right:1px;}
.yw04 a{width:199px; float:left; height:260px;}
.yw04 a:hover{ background:#d6c2d2; color:#000}
#yw04on{ background:#d6c2d2; color:#000}
#yw04on a{ background:#d6c2d2; color:#000}

.yw05{ width:199px; float:left; height:260px; background:#deefff; margin-right:1px;}
.yw05 a{width:199px; float:left; height:260px;}
.yw05 a:hover{ background:#ddc780; color:#000}
#yw05on{ background:#ddc780; color:#000}
#yw05on a{ background:#ddc780; color:#000}

.yw06{ width:199px; float:left; height:260px; background:#deefff; margin-right:1px;}
.yw06 a{width:199px; float:left; height:260px;}
.yw06 a:hover{ background:#6efa64; color:#000}
#yw06on{ background:#6efa64; color:#000}
#yw06on a{ background:#6efa64; color:#000}

.al{ width:1188px; float:left; margin-top:35px; border-left:3px solid #deefff; border-top:3px solid #deefff; margin-left:6px; margin-right:6px;}
.al ul li{ width:294px; float:left; border-bottom:3px solid #deefff; border-right:3px solid #deefff; height:207px; position:relative;}
.al ul li img{width:294px;height:207px;}
.al ul li a,.al ul li span{display:none; text-decoration:none}
.al ul li:hover{cursor:pointer} 
.al ul li:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.al ul li:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:294px; 
z-index:10;height:140px; background:url(../images/bj.png); font-size:14px; line-height:35px; padding-top:67px; text-align:center}
.al ul li:hover span b{ font-size:16px;}

.foot{ width:100%; float:left; background:#4d4948; min-width:1200px; padding-top:60px; padding-bottom:60px; font-size:16px; line-height:26px; color:#FFF; margin-top:80px; letter-spacing:1px;}
.foot b{ font-size:20px; letter-spacing:1px; font-weight:normal}
.foot a{ color:#FFF}

/*客服*/
.qqkefu{
	position: fixed;
    bottom:75px;
    _position: absolute;
   	_top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
	right:20px;
	width:53px;
	}
.qqkefu ul li{
	height:47px;
	margin-bottom:1px;
	float:right;
	background:#eeeeee;
	line-height:47px;
	font-size:14px;
	cursor:pointer;
	opacity: 0.9;
	position:relative; width:53px; text-align:center; border:1px solid #ddd; margin-top:10px;border-radius:5px;
}
.qqkefu ul li a{
	display: block;
	}
.qqkefu ul li.qq_cza{
	overflow:hidden
	}
.qqkefu ul li:hover{
	background:#ffd900; color:#333333
	}
.qqkefu ul li a:hover{color:#333333}	
	
#qqkefuon{
	background:#ffd900; color:#333
	}
	
	
.qqkefu ul li.top{
	color:#1c1c1c;
	font-weight:800;
	text-align:center;
	background:#d0d6d9 url(../images/top_icon.png) no-repeat center;
	position:relative;
	width:53px;
	cursor:pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	}
.qqkefu ul li.top:hover {
	background-color: #CE0000;
}
.qqkefu ul li b{
	width:53px;
	height:47px;
	display:block;
	overflow:hidden;
	float:left;
}
#zx{width: 53px;}
#sj{width: 53px;}
.qqkefu ul li b.a{
	background:url(../images/czx4.png) no-repeat center center;
}
.qqkefu ul li b.b{
	background:url(../images/czx3.png) no-repeat center center;
}

.qqkefu ul li b.sj{
	background:url(../images/sj.png) no-repeat center center;
}
.qqkefu ul li b.d {
	background:url(../images/bdsq.png) no-repeat center center;
}
.qqkefu ul li b.c{
	background:url(../images/czx5.png) no-repeat center center;
}
.qqkefu ul li b.lxb{
	background:url(../images/phone0.png) no-repeat center center;
}
.erweima{
	height: 150px;
	position: absolute;
	top:-72px;
	left: -176px;
	float: right;
	cursor: default !important;
	z-index:1111
	}
.erweima p{
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 130px;
	}
.erweima p img{
	width: 165px;
	height:241px;
	margin: 10px 10px 0px 10px;
	}

.contect{ width:1200px; float:left; margin-top:35px; font-size:16px; line-height:30px;}

.photo{ width:585px; height:497px; background:#e3e2e2; position:relative; margin-bottom:15px; float:left}
.photo dl dt{ height:427px; text-align:center;}
.photo dl dt img{ height:427px; width:585px; }
.photo dl dd{ font-size:16px; line-height:70px; padding-left:15px; padding-right:15px;height:70px; }

.photo a,.photo span{display:none; text-decoration:none}
.photo:hover{cursor:pointer} 
.photo:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.photo:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:585px; 
z-index:10;height:497px; background: url(../images/bj.png);}


.next{ width:100%; float:left; margin-top:50px; font-size:16px; line-height:35px; color:#4c829a}
.next a{color:#4c829a}
.tex{ width:1020px; float:left; background:#FFF; font-size:16px; line-height:25px; padding:90px; padding-bottom:65px; padding-top:45px;}

.photo2{ width:588px; height:475px; border:1px solid #ddd; background:#FFF; position:relative; margin-bottom:15px; float:left}
.photo2 dl dt{ height:360px; text-align:center;margin-bottom:15px; }
.photo2 dl dt i{ height:100%; display:inline-block; vertical-align:middle}
.photo2 dl dt img{ max-height:360px; max-width:588px; vertical-align:middle}
.photo2 dl dd{ font-size:16px; line-height:25px; padding-left:15px; padding-right:15px; }
.photo2 dl dd i{ float:right; background:url(../images/yj.jpg) no-repeat left; padding-left:33px; color:#999; padding-bottom:5px; padding-top:5px; font-size:16px; color:#999; font-weight:normal}
.photo2 dl dd em{ float:left; background:url(../images/sz.jpg) no-repeat left; padding-bottom:5px; padding-top:5px; padding-left:30px; font-size:16px; color:#999; font-weight:normal}

.photo2 a,.photo2 span{display:none; text-decoration:none}
.photo2:hover{cursor:pointer} 
.photo2:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.photo2:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:588px; 
z-index:10;height:475px; background: url(../images/b02.png);}

.fy{ width:100%; float:left; margin-top:50px; text-align:center; height:40px; overflow:hidden; line-height:40px;}
.fy a{ padding:15px; background: url(../images/dian1.png) no-repeat center; margin-left:5px;}
.fy a:hover{ background: url(../images/dian2.png) no-repeat center;}