@charset "gb2312";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	list-style:none;
}
body, td, th {
	font-size: 14px;
	color: #333;
}
body {
	margin: 0px;
	font-family:΢ÈíÑźÚ;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}
.w a:link {
	color: #333;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	color: #333;
}
.w a:hover {
	text-decoration: none;
	color: #333;
}
.w a:active {
	text-decoration: none;
	color: #333;
}
.header {
	overflow:hidden;
	height:700px; background:#000000;
	
}
.top {
	position:relative;
	background:url(../images/topbg.png) no-repeat center;
	height:111px;
	z-index:999;
}
.head {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.head .logo {
	width:400px;
	float:left;
	height:111px;
}
.head .nav {
	width:800px;
	float:right;
	height:111px;
}
.nav li {
	width:12%;
	float:left;
	text-align:center;
	line-height:100px;
}
.nav li a {
	color:#FFF;
	font-size:16px;
}
.indexpro {
	background:#171e28;
	overflow:hidden;
	min-height:600px;
	padding:40px 0px;
}
.pro {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.pro li {
	width:280px;
	height:340px;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	line-height:40px;
	color:#fff; font-size:18px; 
}
.pro li div {
	width:280px;
	height:280px;
	background:#fff;
}
.pro li div img {
	height:280px;
}
.pro2 {
	
	margin:0px auto;
	overflow:hidden;
}
.pro2 li {
	width:280px;
	height:340px;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	line-height:40px;
	color:#fff; font-size:18px; border:1px solid #ddd; margin-bottom:20px;
}
.pro2 li div {
	width:280px;
	height:280px;
	background:#fff;
}
.pro2 li div img {
	height:280px;
}
.leibie {
	overflow:hidden;
	width:1200px;
	margin:0px auto;
	margin-bottom:20px;
	text-align:center;
}
.leibie a {
	background:#FC0;
	color:#000;
	line-height:50px;
	border:1px solid #323639;
	font-size:16px;
	padding:10px 30px;
	margin-left:10px;
	margin-right:10px;
	border-radius:20px;
}
.xw {
	overflow:hidden;
}
.xw li {
	border-bottom:1px solid #ddd;
	padding:10px 0px;
}
.xw li b {
	font-size:16px;
	line-height:150%;
}
.content{ width:1300px; margin:0px auto; overflow:hidden;}
.content .left{ width:240px; float:left; overflow:hidden;}
.ltit{ background:url(../images/lbg.jpg) no-repeat top;}
.content .right{ width:1000px; float:right; overflow: hidden;}
.place{ border-bottom:1px solid #ddd; line-height:50px;}
.viewbox .title{ text-align:center; line-height:80px; }
.viewbox .info{ text-align:center; border-bottom:1px solid #ddd;}
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.npro{ width:96%; overflow:hidden;}
.nleft{ width:400px; height:400px; float:left;}
.nright{ width:450px; height:400px; float:left; border-left:1px solid #ddd; padding-left:30px;}
.lfenlei{ overflow:hidden; margin-left:8px;}
.lfenlei li{ background:#010b16; height:40px; line-height:40px; text-indent:2em; font-size:16px; color:#FFF; margin-bottom:1px;}
#banner { overflow:hidden;}
/*»ÃµÆƬ±ê?�*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1;}
.carousel li { margin-right: 5px; }

.flex-control-nav{ width:95%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }