@charset "utf-8";
/* CSS Document */

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:14px;
	font-family:'Microsoft YaHei';
}
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	margin:0 auto;
	font-size:14px;
	font-family:"Microsoft YaHei";
	background:#fff;
}
body,html{height:100%;}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {
	padding:0;
	margin:0;
}
ul {list-style:none;}
li{list-style:none;}
input{border:0; margin:0; padding:0;}
img {border:none;vertical-align:middle;}
a {text-decoration:none;}
.margin0Auto {margin:0 auto;}
.fl {float:left}
.fr {float:right}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.posiR{ position:relative;}
.overHide{ overflow:hidden;}
.hide{ display:none;}


.box{ width:100%; margin:0 auto;}
.container{ width:1000px; margin:0 auto;}
.content{ width:100%;}
.banner1{ height:332px; background:url(images/banner-1.png) no-repeat top center;}
.banner2{ height:238px; background:url(images/banner-2.jpg) no-repeat top center;}
.banner3{ height:256px; background:url(images/banner-3.jpg) no-repeat top center;}
.l-bg{ width:340px; height:254px; background:url(images/l-bg.jpg) no-repeat top center; margin:54px 20px 10px 0; padding:52px 20px 0 20px;}
.l-bg p{ font-size:14px; line-height:24px; color:#666666; text-indent:2em;}
.l-bg p.p1{ font-size:18px; font-weight:bold; color:#27b4ac; text-indent:0em;}
.l-bg p.p2{ color:#d81618;text-indent:0em;}
.r-img{ width:600px; height:220px; margin-top:86px; background:url(images/b-rimg.jpg) no-repeat top center; margin-top:86px;}
.zpz{ height:963px; background:url(images/zpz.jpg) no-repeat top center;}
.imgList{ padding-top:309px; width:100%;}

.tit{ width:602px; height:106px; background:url(images/tit.jpg) no-repeat center; margin:0 auto;}

.cont_0 .tatter{
	margin: -425px 0 0 -666px;
	opacity: 0
}

.manlist{width:1030px;height:510px;opacity: 1;transform-style: preserve-3d;transition: all .8s ease; z-index:112;}
.manlist li{cursor: pointer;width:172px;
	height:140px;
	padding:10px;
	background:url(images/zl-bg.jpg) no-repeat center;float:left; margin:0 10px 10px 0; position:relative;}
.manlist li.clmr{ margin-right:0;}
.manlist .ver_pic{
	width:172px;
	height:140px;
	
	background:url(images/zl-bg.jpg) no-repeat center;
}
.manlist li div{
	width:172px;
	height:140px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.manlist li p{
	position: absolute;
	bottom:10px;
	left:10px;
	color:#fff;
	background:rgba(0,0,0,0.8);
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.popwin {
	position: relative;
	left:0%; top:-50%;
	z-index: 113;
	display: none;
	margin-top:-700px;
	width: 1030px;
	height: 902px;
}
.popwin .btn-left {
	position: absolute;
	top: 30%;
	left: 0;
	width: 43px;
	height: 77px;
	background: url(images/popwin.png) 0 0;
	cursor: pointer
}
.popwin .btn-right {
	position: absolute;
	top: 30%;
	right: 0;
	width: 43px;
	height: 77px;
	background: url(images/popwin.png) 0 -87px;
	cursor: pointer
}
.popwin .btn-close {
	position: absolute;
	top: 1px;
	right: 16px;
	width: 59px;
	height: 59px;
	background: url(images/popwin.png) 0 -174px;
	cursor: pointer
}
.popwin .imglist {
	position: relative;
	margin:0 auto;
	 top:-83%; top:-18%\0;
	 left:4%;
	 margin-left:14px;
	width:900px;
	height: 902px;
	overflow: hidden
}
.popwin .imglist ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 902px
}
.popwin .imglist li {
	width: 900px;
	height: 902px;
	display: table-cell;
	vertical-align: middle;
}
.popwin .imglist img {
	width:900px;
	vertical-align: middle;
}

/*第四屏 START*/
#page4 {
	-webkit-background-size: auto 100%;
	background-size: cover;
}

#page4.cont_0 .manlist{margin: 0px  0 0 0px;opacity: 0;}
/*第四屏 END*/

/*第六屏 START*/
#page6 {
	-webkit-background-size: auto 100%;
	background-size: cover;
}

/*autoplay*/
.slide_fade {width: 960px; height: 500px;
	margin-top:35px;
	margin-bottom:50px;
	opacity: 1;
	transform-style: preserve-3d;
	transition: all .8s ease;overflow: hidden;  }
#page6.cont_0 .slide_fade{
	margin: 50px 0 0 0px;
	opacity: 0;
}
.slide_fade .box {overflow: hidden; position: relative; width: 800px; height: 500px; z-index: 4; }
.slide_fade .list {overflow: hidden; height: 9999px; }
.slide_fade .list li {position: relative; width: 800px; height: 500px; }
.slide_fade .box a {color: #fff; }
.slide_fade .list img {_vertical-align: top; }
.slide_fade .txt {position: absolute; bottom: 0; left: 0; color: #fff; font-size: 18px; line-height: 40px; height: 40px; width: 100%; opacity: 0.8; filter:alpha(opacity=80); background: rgba(0,0,0,0.8);background:#000; }
.slide_fade .txt p{padding:0 20px;}
.slide_fade .btn {position: absolute; bottom: 0; right: 0; height: 500px; z-index: 5; }
.slide_fade .btn li {overflow: hidden; width: 140px; height: 100px; padding-left:10px; }
.slide_fade .btn .selected{background:url(images/select.png) no-repeat left top;}
.more{ width:1000px; margin:0 auto; height:40px; background:url(images/more_bg1.jpg) no-repeat;  text-align:center;}
.more a {font:18px/40px "微软雅黑"; color:#27b4ac;}
/* ---------------------------------------------- 公共头和尾 ------------------------------------------------------*/
.head_nav{text-align:center;font-size:12px; width:1000px;line-height:24px; height:24px; color:#fff; background-color:#444;margin:0 auto}
.head_nav a:visited,.head_nav a:link{font-size:12px; color:#fff; margin:0 5px}
.head_nav a:hover,.head_nav a:active{font-size:12px; color:#FF0}

.foot{ text-align:center; font-size:12px; width:950px; padding:25px; line-height:22px; color:#fff; background-color:#666;  margin:0 auto; clear:both}
.foot a:visited,.foot a:link{font-size:12px; color:#fff}