@charset "UTF-8";

html, body {
	position: relative;
}

body {
	font-family:"PingHei","华文细黑","STHeiti","Helvetica","Helvetica Neue","Arial","Verdana","sans-serif","Microsoft-Yahei","微软雅黑"!important;
	background-color: #393939;
	margin: 0;
	padding: 0;
	color: #000;
	width: 100%;
	height: auto;
}
html.ng-scope {

}
.topcontainer {
	width:100%;
	height:auto;
	float: left;
	position: relative;
}
.bigtopcon {
	width: 100%;
	height:650px;
	float: left;
	margin:0 auto;
}

.destitle {
	background: #DDD;
	width: 100%;
	height:380px;
	float: left;
	overflow: hidden;
	position:relative;
}
.descon {
	position:absolute;
	width:960px;
	height:auto;
	top:20px;
	left:50%;
	margin-left:-480px;
	border:0px solid #F00;
}
.headtitle {
	width:100%;
	height:50px;
	line-height:50px;
	color:#666;
	
	float:left;
	
	font-size:18px;
	text-align:center;
	font-weight:bolder;
	border-top:1px solid #CCC;
	font-family:"Arial","Microsoft-Yahei","微软雅黑";
}
.headtoptitle {
	height:50px;
	width: 100%;
	line-height: 40px;
	color: #666;
}
.titlelist {
	font-family:"Arial","Microsoft-Yahei","微软雅黑";
	font-weight: lighter;
	width:306px;
	height:100px;
	font-size:24px;
	color:#333;
	background: #EEE;
	line-height:100px;
	border:1px solid #CCC;
	margin:10px 5px 0 5px;
	text-align:center;
	float:left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.footlink {
	width:44px;
	height:44px;
	opacity:0.8;
	border-radius:100%;
	color:#FFF;
	position:fixed;
	bottom:80px;
	right:50px;
	background:#999;
	cursor:pointer;
	z-index:9;
}
.footlink:hover {
	opacity:1;
	background: #43B0E3;
	box-shadow: #333  0 3px  5px inset;
}
.msty {
	width: 30px;
	height:30px;
	position: relative;
	float: left;
	padding:3px;
	margin: 4px;
	border-radius: 100%;
	background: #444;
	color: #EEE;
	text-align:center;
	line-height:14px;
	font-size:12px;
	z-index:99;
}
.topinfocon {
	background: #999;
	width: 100%;
	height: 630px;
	float: left;
	overflow: hidden;
}
.menu {
	padding:0;
	margin-left: 21px;
	width:1230px;
	float:left;
	z-index:1;
}
.topest {
	width:100%;
	height:40px;
	position: absolute;
	top:0;
	left:0;
	background: #2A2A2A;
	opacity: 0.8;
	z-index: 9;
	overflow: hidden;
}
.topest:hover {
	opacity: 1;
}
.topmenu {
	width: 86%;
	height: 40px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -43%;
	border: 0px solid #F00;
}
.headest {
	width:100%;
	height:40px;

	position: relative;
	top:0;

	padding:0;
	overflow:hidden;
	background: #2A2A2A;
	opacity: 0.8;
	z-index: 9;
}
.topleftlist {
	float: left;
	width:140px;
	height:40px;
	margin-left: 30px;
	
}
.topmiddlelist {
	position:absolute;
	left:50%;
	width:80px;
	height:40px;
	margin-left: -40px;
	border: solid 0px #F00;
}
.toprightlist {
	float: right;
	width:auto;
	height:40px;
	margin-right: 0;
	
}
.linktitle {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 10px;
	color: #DDD;
	cursor: pointer;
	font-size: 13px;
	text-align: right;
	float: left;
	height: 40px;
	line-height: 40px;
}

.linktitle:hover {
	color: #43B0E3;
}
.linktitle a {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 5px;
	margin-right: 5px;
	color: #DDD;
	font-size: 12px;
	float: left;
	height: 40px;
	line-height: 40px;
}

.linktitle a:hover {
	color: #43B0E3;
}
.swimg {
	width:100%;
	height:100%;
	margin: 0 auto;
	z-index: 1;
	top:0;
	left:0;
	position: relative;
}

.swinfo {
	width:1000px;
	margin: 0 auto;
	z-index:1;
	position: fixed;
	border-left:1px solid #FFF;
	
}
.swtitle {
	font-size: 18px;
	color: #FFF;
}
.dlcon {
	width: 200px;
	position: absolute;
	top:40px;
	right:35px;
}

.zccon {
	top:40px;
	width: 600px;
	position: absolute;
	right:70px;
}
.toptitle {
	width:85px;
	height:20px;
	margin-top: 8px;
	float: left;
	padding-right: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #CCC;
}
.toptitle:hover {
	color: #43B0E3;
}
::-webkit-scrollbar {
    background-color: #7C7C7C;
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #CCC;
}
::-webkit-scrollbar-thumb {
    background-color: #7C7C7C;
    border-top: 1px solid #111;
	border-bottom:1px solid #111;
	width:10px;
	height:12px;
	min-height:12px;
	line-height:12px;
	margin-top:-1px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #999;
}

.container {
	width:100%;
	position: absolute;
	bottom:0;
	
	float:left;
}
.gpinfocon {
	width:auto;
	margin-top:50px;
	margin-left: 20px;
	z-index:1;
	border:0px #FFF solid;
}

.imgcontent{
	width:200px;
	height:200px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	display:inline;
	overflow:hidden;
}
.work{
	padding:0;
	float:left;
	position:relative;
	display:inline;
	overflow:hidden;

	width: 192px;
	height: 192px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
}

.neirong{
	width:200px;
	height:200px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	display:inline;
	overflow:hidden;
}

.imgcontent .caption{
	width:200px;
	height:200px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	display:none;
}
.caption{
	width:200px;
	height:200px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	display:none;
}
.moban{
	padding:0;
	float:left;
	position:relative;
	display:inline;
	overflow:hidden;

	width: 290px;
	height: 466px;
	margin-left: 0px;
	margin-right: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
}


.mobanneirong{
	width:290px;
	height:466px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	display:inline;
	overflow:hidden;
}

.imgcontent .caption{
	width:200px;
	height:200px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	display:none;
}
.caption{
	width:200px;
	height:200px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	display:none;
}

.mbinfo {
	width:275px;
	height:30px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	bottom:0;
	margin-bottom: 6px;
	margin-left: 6px;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0.7;

}
.anliinfo {
	width:180px;
	height:50px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	bottom:0;
	margin-bottom: 6px;
	margin-left: 6px;	
	background: rgba(0, 0, 0, 0.8);

}
.imgcontent .caption a{text-decoration:none;color:#FFF;font-size:30px;display:block; padding-top:65px;}
.imgcontent .caption p a{margin-top:-60px;font-size:22px;color:#FFF;}
.imgcontent .caption .wenzi{padding-top:18px;font-size:16px;}
.imgcontent .caption .wenzi a{padding-top:2px;font-size:16px;color:#FFF;}
.imgcontent .caption .wenzi p{padding-top:0px;font-size:16px;color:#FFF;}
.imgcontent .caption .erwei{padding-top:75px;font-size:16px;}
.imgcontent .caption .erwei span{padding-top:2px;font-size:16px;color:#F54F36; display:block;}
.imgcontent .caption .about{padding-top:25px;font-size:16px; color:#F54F36;}
.imgcontent .caption .about a{padding-top:2px;font-size:16px;color:#F54F36; display:block;}
.imgcontent .caption .about p{padding-top:2px;font-size:16px;color:#F54F36; display:block;}
.imgcontent .caption .about p a{padding-top:2px;font-size:16px;color:#F54F36; display:block;}

.imgcontent .caption .orange{width:100%; height:100%; background:#F54F36; text-align:center;}
.imgcontent .caption .purple{width:100%; height:100%; background:#9D6FC8; text-align:center;}
.imgcontent .caption .grass{width:100%; height:100%; background:#2ECC71; text-align:center;}
.imgcontent .caption .sky{width:100%; height:100%; background:#43B0E3; text-align:center;}
.imgcontent .caption .pink{width:100%; height:100%; background:#1ABC9C; text-align:center;}
.imgcontent .caption .banana{width:100%; height:100%; background:#FCD006; text-align:center;}
.imgcontent .caption .persimmon{width:100%; height:100%; background:#FF8F22; text-align:center;}
.imgcontent .caption .lime{width:100%; height:100%; background:#B7DB48; text-align:center;}

.imgcontent .caption .lightgray{width:100%; height:100%; background:#D3D3D3; text-align:center;}
.imgcontent .caption .medgray{width:100%; height:100%; background:#969696; text-align:center;}
.imgcontent .caption .darkgray{width:100%; height:100%; background:#5D5D5D; text-align:center;}

.imgcontent .neirong .lightgray{width:100%; height:100%; background:#D3D3D3; text-align:center;}
.imgcontent .neirong .medgray{width:100%; height:100%; background:#969696; text-align:center;}
.imgcontent .neirong .darkgray{width:100%; height:100%; background:#5D5D5D; text-align:center;}
.imgcontent .neirong .dgray{width:100%; height:100%; padding:75px; font-size:40px; color:#F0F0F0; background:#393939;}
.imgcontent .neirong .about {padding-top:86px;font-size:16px; color:#FFF; text-decoration:none;}
.imgcontent .neirong .about a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .about p{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}
.imgcontent .neirong .about p a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .darkabout{padding-top:86px;font-size:16px; color:#666; text-decoration:none;}
.imgcontent .neirong .darkabout a{padding-top:2px;font-size:16px;color:#666; display:block; text-decoration:none;}
.imgcontent .neirong .darkabout p{padding-top:2px;font-size:16px;color:#666; display:block; text-decoration:none;}
.imgcontent .neirong .darkabout p a{padding-top:2px;font-size:16px;color:#666; display:block; text-decoration:none;}

.imgcontent .neirong .dl{padding-top:86px;font-size:16px; color:#FFF; text-decoration:none;}
.imgcontent .neirong .dl a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}
.imgcontent .neirong .dl p{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .jr{padding-top:86px;font-size:16px; color:#FFF; text-decoration:none;}
.imgcontent .neirong .jr a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}
.imgcontent .neirong .jr p{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .sf{padding-top:86px;font-size:16px; color:#FFF; text-decoration:none;}
.imgcontent .neirong .sf a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}
.imgcontent .neirong .sf p{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .zhuce{padding-top:86px;font-size:16px; color:#FFF; text-decoration:none;}
.imgcontent .neirong .zhuce a{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}
.imgcontent .neirong .zhuce p{padding-top:2px;font-size:16px;color:#FFF; display:block; text-decoration:none;}

.imgcontent .neirong .orange{width:100%; height:100%; background:#F54F36; text-align:center;}
.imgcontent .neirong .purple{width:100%; height:100%; background:#9D6FC8; text-align:center;}
.imgcontent .neirong .grass{width:100%; height:100%; background:#2ECC71; text-align:center;}
.imgcontent .neirong .lightgrass{width:100%; height:100%; background:#2ECC71; text-align:center;}
.imgcontent .neirong .sky{width:100%; height:100%; background:#43B0E3; text-align:center;}
.imgcontent .neirong .pink{width:100%; height:100%; background:#1ABC9C; text-align:center;}
.imgcontent .neirong .banana{width:100%; height:100%; background:#FCD006; text-align:center;}
.imgcontent .neirong .persimmon{width:100%; height:100%; background:#FF8F22; text-align:center;}
.imgcontent .neirong .lime{width:100%; height:100%; background:#B7DB48; text-align:center;}

.imgcontent img{
	border:0;
	position:absolute;
	}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration:none; 
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.denglu {
    width: 398px;
    height: 178px;
	top:0;
	padding-top:20px;
	border:#222 1px solid;
	background:#393939; 
	position: relative;
	float: right;
	overflow:hidden;
	display:none;
	z-index:999;
    -moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 20px #000;

	
	
/*    -webkit-animation-name: example;  Chrome, Safari, Opera 
    -webkit-animation-duration: 4s;  Chrome, Safari, Opera 
    animation-name: example;
    animation-duration: 4s;*/
}

.reflesh {
	 float:right;
	margin-right: 5px;
	width:20px;
	height:20px;
 }
.reflesh:hover {
	background: #CCC;
}
.lurucontent{
	width:315px; height:25px; margin-left:60px; line-height:25px; margin-top:12px;
}
.denglucon{
	width:300px;
	height:25px;
	margin-left:60px;
	line-height:25px;
	margin-top:15px;
}
.dlline {
	float: left;
	margin-top: 15px;
	border-top:1px solid #555;
	height:5px;
	width:100%;
}
.lurutitle{
	width:50px; height:25px; line-height:25px; text-align:left; display:inline; float:left; font-size:12px; margin-left:10px; color:#43B0E3;
	}
.codetitle{
	width:60px; height:25px; line-height:25px; text-align:left; display:inline; float:left; font-size:12px; margin-left:10px; color:#43B0E3;
	}
.code{
	width:120px; 
	height:21px ; 
	line-height:25px;
	float:left; 
	padding-left:5px; 
	background:#666; 
	color:#FFF;
	margin-right: 5px;
	border:#666 1px solid;
	outline: none;
}
.code.select {
	background: #666;
}
.luru{
	width:200px; 
	height:21px ; 
	line-height:25px;
	float:left; 
	padding-left:5px; 
	background:#666; 
	color:#FFF;
	outline: none;
	border:#666 1px solid; 
}
.luru.select {
	background: #666;
}
.yz{
	width:100px; 
	height:21px ; 
	line-height:25px;
	float:left; 
	padding-left:5px; 
	background:#666; 
	color:#FFF;
	outline: none;
	
	border:#666 1px solid; 
}
.yz.select {
	background: #666;
}
.yzimg{
	width:88px; 
	height:24px ; 
	line-height:25px;
	float:left; 
	margin-left:10px; 
	margin-top:-1px;
	background:#999; 
	color:#FFF; 
	border:#999 1px solid; 
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px; 
	border-top-right-radius:2px;
	}
.qrcon {
	width:100px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:30px;
	margin-right:20px;
	border:#0F0 0px solid;
}
.queren {
	width:70px;
	height:25px;
	line-height:25px;
	cursor: pointer;
	float:right;
	margin-right:18px;
	text-align:center;
	margin-left:10px;
	font-size:12px;
	background:#43B0E3;
	color:#FFF;
	}
.queren:hover{
	background:#FFF; color:#43B0E3;
	}
	
.newcode {
	width:70px;
	height:25px;
	line-height:25px;
	cursor: pointer;
	float:left;
	text-align:center;
	margin-left:10px;
	font-size:12px;
	background:#43B0E3;
	color:#FFF;
	}
.newcode:hover{
	background:#FFF; color:#43B0E3;
	}
.denglubtn a {
	width:60px;
	height:25px;
	line-height:25px;
	float:right;
	margin-right:35px;
	text-align:center;
	margin-left:10px;
	font-size:12px;
	background:#43B0E3;
	color:#FFF;
}
.denglubtn a:hover {
	background: #FFF;
	color:#43B0E3;
}
.jianyi {
	width:300px; height:25px;
	float:right;
	margin: 10px 60px 0 0;
	text-align: right;
	font-size:12px;
	color:#999;
}
.wangji {
	width:50px; height:25px;
	float:right; margin-right:20px; text-align:center;
	font-size:12px;
	color:#999;
	cursor: pointer;
}
.wangji:hover{
	color:#43B0E3;
}
.wrongcode {
	color: #43B0E3;
	float: left;
	height:15px;
	font-size: 12px;
	text-align: left;
    display: none;
	margin:2px 10px 0 0;
}
.yzminfo {
	color: #43B0E3;
	float: left;
	height:15px;
	font-size: 12px;
	text-align: left;    
	margin:2px 0 0 16px;
}
.yanzheng {
	width:70px; height:25px; float:left; margin-left:10px; margin-right:10px; text-align:center; font-size:12px; background:#FFF; color:#43B0E3;cursor: pointer;
	}
.yanzheng:hover{
	background:#FFF; color:#43B0E3;}
	
.cs {
	width:70px; height:25px;
	cursor: pointer;line-height:25px; float:left; margin-right:18px;
	text-align:center; margin-left:10px; font-size:12px; background:#43B0E3; color:#FFF;
	}
.cs:hover{
	background:#FFF; color:#43B0E3;
	}
.login {
    width: 598px;
    height: 558px;
	top:0px;
	padding-top:20px;
	border:#222 1px solid;
	background:#292929; 
	position: relative;
	float: right;
	overflow:hidden;
	z-index:999;
    -moz-box-shadow: 1px 2px 8px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 2px 8px rgba(255,255,255,0.5);
    box-shadow:  1px 2px 8px rgba(255,255,255,0.5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: none;
}
.logincontent{
	width:550px; height:300px; margin-left:35px;line-height:25px; margin-top:5px; text-align:center;
	}
.logintitle{
	width:100%; text-align:center; font-size:18px; line-height:20px; color:#FFF;
	}
.logininfo {
	width:550px;
	float: left;
	text-align:center;
	border:0px solid #FFF;font-size:12px;
	heihgt:25px;
	line-height:25px; color:#EEE; margin-top:10px;
}

.yyd {
	width:340px;
	float: right;
	border:0px solid #FFF;
	font-size:12px; line-height:12px; color:#999;
	margin-top:10px;
	margin-right: 20px;
}

.logininput {
	width:550px;
	float: left;
	text-align:center;
	border:0px solid #FFF;
	font-size:12px; line-height:12px; color:#999;
	margin-top:2px;
}
.logininfo p{
	text-align:center; line-height:12px; color:#999; margin-top:0px;
	}
.logincheckbox{
	width:180px; height:20px; margin-left:10px; text-align:center; font-size:12px; line-height:15px; color:#CCC; margin-top:15px;border:#F00 0px solid;
	}
.logincheck{
	width:80px; 
	float:left; 
	margin-left:-10px;
	margin-right:0px;
	height:15px; line-height:15px;border:#FFF 0px solid;
	}
.loginchecktitle{
	width:auto; height:margin-top:3px; color:#CCC; font-size:12px; float:left; display:inline;
	}
.logingouxuan{
	margin-left:6px;
	margin-top:1px;
	float:left;
}

.ydcheckbox{
	margin-left:6px;
	margin-top:4px;
	float:left;
}

.checkcontent{
	width:100%; height:20px;
	float: left;
	margin-left: 75px;
	margin-top:20px; border:#FFF 0px solid;
	}
.idcontent{
	width:500px;
	height:20px;
	margin-left:0px; line-height:20px; margin-top:6px; border:#FFF 0px solid;
	}
.idtitle{
	width:auto;
	height:20px;
	line-height:20px;
	text-align:left;
	display:inline;
	float:left;
	font-size:12px;
	margin-left:0px;
	color:#CCC;
	}
.zcts {
	width:auto;
	height:18px;
	line-height:18px;
	text-align:left;
	display:inline;
	float:left;
	font-size:12px;
	margin-left:10px;
	color:#43B0E3;
}


.tytk {
	width:auto;
	height:20px;
	line-height:20px;
	text-align:right;
	display:inline;
	float:right;
	font-size:12px;
	margin-right:10px;
	color:#43B0E3;
}

.wlfm {
	width:auto;
	height:20px;
	line-height:20px;
	text-align:left;
	display:inline;
	float:left;
	font-size:12px;
	margin-left:62px;
	color:#D2442D;
	font-weight:bold;
	}
.zhanghao{
	width:200px; 
	height:16px ; 
	line-height:16px;
	font-size:13px;
	float:left; 
	margin-left:10px;
	padding-left:5px; 
	background:#666; 
	color:#FFF; 
	border:#666 1px solid; 
	}
	
.loginlist{
	width:500px;
	height: 260px;
	background:#CCC;
	color:#555;
	margin-top:15px;
	margin-left:2px;
	padding:10px;
	float: left;
	overflow:auto;
	}
.loginlist  h3 {
	font-size:16px; text-align:left;
	color: #333;
	
	font-family:"Microsoft-Yahei","微软雅黑";
}
.loginlist p{
	width:95%;
	font-size:12px;
	text-align:left;
	line-height:15px;
	margin-top:-10px;
	color: #333;
	}
	
.zxnstitle {
	width: 509px;
	height: auto;
	margin: 5px 0 3px 40px;
	float: left;
	background: #333;
}
.zptitle {
	width: auto;
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0 10px 0 10px;
	border: 1px solid #666;
	color: #DDD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 10px 5px 10px 10px;
	font-size: 12px;
	background: #393939;
	cursor: pointer;
}
.zxnslist {
	width:520px;
	height: 310px;
	background:#CCC;
	color:#555;
	margin-top:5px;
	margin-left:40px;
	float: left;
	overflow-y:auto;
	overflow-x: hidden;
	}
.zxnslist  h3 {
	font-size:16px;
	text-align:left;
	height: 25px;
	line-height: 25px;
	margin: 15px 0 0 10px;
	color: #333;
	font-family:"Microsoft-Yahei","微软雅黑";
}

.zxnslist  h4 {
	font-size:13px; text-align:left;
	height: 20px;
	line-height: 20px;
	margin: 5px 0 0 10px;
	color: #666;
	font-family:"Microsoft-Yahei","微软雅黑";
}
.zxnslist p{
	
	width:90%;
	font-size:12px;
	text-align:left;
	line-height:15px;
	height: auto;
	line-height: 20px;
	margin: 5px 10px 0 10px;
	color: #333;
	}	
	
.zxline {
	width: 100%;
	height:2px;
	border-top: 8px solid #393939;
	margin: 15px 0 15px 0;
}

.biaozhun {
    width: 598px;
    height:378px;
	left: 50%;
	margin-left: -299px;
	top:40px;
	padding-top:20px;
	border:#222 1px solid;
	background:#393939; 
	text-align:center;
	position: absolute;

	overflow:hidden;
	display:none;
	z-index:999;
    -moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 20px #000;
}

.sftitle{
	width:100%; height:25px;
	line-height:25px;
	text-align:center;
	display:inline;
	float:left; 
	font-size:18px;  
	margin-top:5px;
	color:#FFF;
}
.sfcontent{
	width:650px;
	height:260px;
	margin-left:35px;
	margin-top:20px;
	text-align:center;
	position:relative;
	float: left;
}

.tableleft {
	width:105px;
	float: left;
	height:auto;

	border:3px solid #CCC;
}

.sftoplist{
	width:130px;
	height:25px;
	float:left;
	 line-height:25px;
	 border-right:1px solid #333;
	 background:#BBB;
	 font-size:12px;
	 color:#333;
	 text-align:center;
	 display:inline;
	}
.sftoplistright{
	width:130px;
	height:25px;
	float:left;
	 line-height:25px;
	 background:#BBB;
	 font-size:12px;
	 color:#333;
	 text-align:center;
	 display:inline;
	}
.sfhang{
	width:100%; float:left; 
	}
.sflist_title{
	width:125px;
	height:25px;
	line-height:25px;
	float:left;
	border-left:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;
	color:#DDD;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	background: #444;
	}
.sflist_table{
	width:129px;
	height:25px;
	line-height:25px;
	float:left;
	border-bottom:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;
	color:#EEE;
	font-size:12px;
	text-align:center;
	}
	
.sf_graylist_title{
	width:125px;
	height:25px;
	line-height:25px;
	float:left;
	border-left:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;
	color:#DDD;
	background:#555;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	}
.sf_graylist_table{
	width:129px;
	height:25px;
	line-height:25px;
	float:left;
	border-bottom:1px solid #B2B2B2;
	border-right:1px solid #B2B2B2;
	color:#EEE;
	background:#555;
	font-size:12px;
	text-align:center;
	}
.sfinfo{
	width:420px; height:20px;
	float:left;
	margin-left:35px;
	color:#999;
	font-size:12px;
	margin-top:5px;
}


	
.contactus {
	width: 350px;
	height: 170px;
	left: 5%;
	top: 40px;
	padding-top: 20px;
	border: #222 1px solid;
	background: #EEE;
	text-align: center;
	position: absolute;
	overflow: hidden;
	display: none;
	z-index: 999;
	-moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 20px #000;
}

.conustitle {
	width:275px;
	height:30px;
	line-height:20px;
	text-align:left;
	display:inline;
	float:left; 
	font-size:13px;  
	margin:5px 0 2px 10%;
	color:#43B0E3;
	border-bottom: 1px solid #555;
}
.conuslist {
	width:90%;
	height:22px;
	line-height:22px;
	text-align:left;
	display:inline;
	float:left; 
	font-size:13px;
	margin:5px 0 0 10%;
	color:#777;
}
.conuslist span{
	float: left;
}
.conuslist a{
	color: #43B0E3;
	float: left;
}



.recruitment {
    width: 598px;
    height: 450px;
	top:40px;
	left: 50%;
	margin: 0 0 0 -300px;
	padding-top:20px;
	border:#222 1px solid;
	background:#292929; 
	position: absolute;
	overflow:hidden;
	z-index:999;
    -moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 10px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: none;
}
.zhaohui {
    width:398px;
    height:188px;
	top: 0px;
	margin-right:0px;
	padding-top:10px;
	border:#222 1px solid;
	background:#393939; 
	text-align:center;
	position: relative;
	float: right;
	overflow:hidden;
	display:none;
	z-index:99;
    -moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 10px #000;
}
.chongshe{
    width:398px;
    height:88px;
	top: 0px;
	padding-top:10px;
	border:#222 1px solid;
	background:#393939; 
	text-align:center;
	position: relative;
	float: right;
	overflow:hidden;	
	z-index:90;
    -moz-box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 10px #000;
    box-shadow:  1px 1px 20px #000;
	}
.header {
	background-color: #ADB96E;
}

.content {

	padding:0;
	margin:0;
	width:100%;
	float:left;
	z-index:1;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


.workcon {

	padding:0;
	margin-left: 21px;
	width:1230px;
	float:left;
	z-index:1;
}
.erwei {
	width: 180px;
	height:180px;
	margin-top: 6px;
	margin-left: 6px;
}
.anlierwei {
	width: 180px;
	height:180px;
	margin-top: 6px;
	margin-left: 6px;
}
.mbplay {
	width: 100px;
	height:100px;
	margin-top: 160px;
	margin-left: 100px;
}
.ALtitle {

	padding:0;
	margin-top:15px;
	margin-left: 21px;
	width:100%;
	float:left;
	z-index:1;
	overflow:hidden;
	height:95px;
	background: #555;

	border-top-left-radius:5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

}

.brandtitle {

	padding:0;
	margin-top:10px;
	margin-left: 20px;
	width:100%;
	float:left;
	z-index:1;
	overflow:hidden;
	height:40px;
	background: #555;

	border-top-left-radius:5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

}
.anliname {
	font-size: 16px;
	color: #FFF;
	line-height:65px;
	margin-top: 5px;
	margin-left: 15px;
	width:95px;
	height:95px;
	float: left;
}
.ALcon {
	width:1090px;
	height:85px;
	float: left;
	margin-top: 3px;
	margin-left: 100px;

	border:0px solid #FFF;
}
.HYcon {
	width:100%;
	height:20px;
	margin-left: 0px;
	margin-bottom:5px;
	margin-top: 10px;
}
.HYconlist {
	width:700px;
	height:;
	margin-left: 0px;
	margin-bottom:5px;
	margin-top: 10px;
	border:0px solid #FFF;
}
.hangye {
	font-size: 12px;
	height:15px;
	width:auto;
	padding:2px 4px 2px 2px;
	line-height: 15px;
	color: #FFF;
	float: left;
	margin-left: 0px;
	margin-right: 10px;

}
.hangye:hover {
	color: #43B0E3;
}
.hangye.select {
	color: #43B0E3;
}
.ALline {
	width:100%;
	height:2px;
	border-top: 1px solid #777;
	margin:0px;

}

.anlicaption {
	width:200px;
	height:65px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	background: rgba(0, 0, 0, 0);
	bottom: 0;
	display:none;

}
.mbcaption {
	width:270px;
	height:65px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	background: rgba(0, 0, 0, 0);
	bottom: 0;
	display:none;

}
.sfze {
	width:200px;
	height:130px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	left:0;
	background: rgba(0, 0, 0, 0);
	top: 0;
}
.alzs {
	width: 46px; height: 46px; background: rgba(255, 255, 255, 0.6); color: #FFF; font-size: 13px; position: absolute;
	top: 805px;
	margin-left: 1010px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius: 25px;

}
.alzsinfo {
	width: 34px;
	height:32px;
	padding-top: 2px;
	line-height: 15px;
	font-size: 11px;
	color: #000;
	margin-left: 6px;
	margin-top: 6px;
	text-align: center;

	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	opacity: 0.7;
}
.alzsinfo:hover {
	opacity: 1;
	color: #FFF;
}
.covertitle {
	font-size: 12px;
	color: #FFF;
	margin-left: 5px;
	margin-top: 5px;
	width:175px;
	height:20px;
	border-bottom: 1px solid #999;
}
.mbtitle {
	font-size: 12px;
	color: #FFF;
	margin-left: 5px;
	margin-top: 5px;
	width:225px;
	height:20px;
	border-bottom: 1px solid #999;
}
.mblefttitle {
	float: left;
	text-align: right;
}
.mbinfo {
	float: right;
	margin-right: 2px;
	text-align: right;
}
.shoucang {
	font-size: 12px;
	color: #FFF;
	margin-left: 5px;
	margin-top: 5px;
	width:auto;
	height:15px;
	line-height: 15px;
	text-align: center;
	float: left;
}
.alss {
	border:0px solid #666;

	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;

	width:150px;
	height:14px;
	float: right;
	margin-right: 5px;
	margin-top: 2px;
	outline: none;
	background: #3A3A3A;
	padding-left: 26px;
	padding-top: 2px;
	padding-bottom:2px;
	color: #FFF;
	font-size: 12px;
}
.ssicon {
	float: right;
	margin-right: -19px;
	margin-top: 5px;
	width:15px;
	height:15px;
	opacity: 0.6;
}
.yulan {
	font-size: 12px;
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width:auto;
	height:15px;
	float: right;
	line-height: 15px;
	text-align: center;
}
.yulanbtn {
	font-size: 12px;
	color: #FFF;
	margin-right: -8px;
	width: auto;
	height:15px;
	float: right;
	line-height: 15px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.yulanbtn:hover {
	background: #43B0E3;
}
.ckgd {
	width:192px;
	height:16px;
	padding-top: 1px;
	padding-bottom: 7px;
	text-align: center;
	color: #DDD;
	background: #444;
	line-height: 2px;
	font-size: 36px;
	font-family: Helvetica, Arial;
	font-weight: bolder;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 527px;
}
.ckgd:hover {
	background: #777;

}

.brand {
	width:192px;
	height:20px;
	text-align: center;
	color: #DDD;
	background: #555;
	line-height: 20px;
	font-size: 16px;
	font-weight: 200;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 505px;
}
.bg {
	width: 100%;
	height:1205px;
	position: absolute;
	top:0;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9;
}
#window {
	display: none;
}
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px; 
	text-decoration: none;
	background-color: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #ADB96E;
	color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
	width:960px;
	height:115px;
	position: relative;
	clear: both;
	margin:0 auto;
}
.foottop {
	width:950px;
	height:50px;
	margin-top: 20px;
	border-bottom: 0px solid #444;
	float: left;
}
.footbottom {
	width:940px;
	height:20px;
	margin-left: 10px;
	margin-top: 5px;
	left: 0;
	position:absolute;
	bottom: 0;
}
.ftitle {
	float: left;
	height:20px;
	line-height: 20px;
	color: #888;
	font-size: 12px;
	margin-right:10px
}
.friend {
	width:960px;
	height:20px;
	text-align: left;
	float: left;
	color: #888;
	font-size: 12px;
}
.copyright {
	width:100%;
	height:20px;
	text-align: center;
	color: #666;
	float: left;
	margin-top: 10px;
	font-size: 11px;
	position: absolute;
	bottom:0;
	margin-bottom: 10px;

}
.shuidierwei {
	width: 45px;
	height:45px;
	float:right;
	position: absolute;
	right: 0;
	margin: -70px 30px 0 0 ;
	background: #666;
	display: none;
	outline: none;
}
.shuidiqq {
	float: left;
	width:auto;
	height: 35px;
	line-height: 35px;
	text-align: right;
	color: #999;
	padding: 0 10px 0 10px;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	font-size: 12px;
	background: #333;
	outline: none;
}
.qqsize {
	float: left;
	margin: 30px 0 0 0;
	width: auto;
	height: 15px;
	
}
.guanzhu {
	width: 100px;
	float: right;
	margin: 30px 0 0 0;
	height:25px;
	border: solid 0px #F00;
}
.appicon {
	width: 25px ;
	height: 25px;
	padding: 5px;
	float: right;
	margin-left: 35px;
	border: solid 1px #666;
	background: #444;
	cursor: pointer;
	position: relative;
}
.appicon:hover {
	background: #333;
}

.qqicon {
	width: 37px ;
	height: 37px;
	float: left;
	border: solid 1px #666;
	background: #444 url(../images/share_qq.png) no-repeat top left;
	cursor: pointer;
	position: relative;
	outline: none;
}
.qqicon:hover {
	background: #222 url(../images/share_qq.png) no-repeat top left;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->/* CSS Document */