@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px; list-style:none;}

body {font-family:"΢ÈíÑźÚ"; font-size:14px; color:#333;}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active {
	color: #333;
	text-decoration: underline;
}
.top{ background:#f2f2f2; padding:3px; border-bottom:1px solid #ddd;}
.menu{ background:#00458a; height:50px; line-height:50px;}
.nav{ width:1200px; margin:0px auto; overflow:hidden;}
.nav li{ width:12%; float:left; text-align:center;}

.nav li a:link,.nav li a:visited {
	color: #fff;
	text-decoration: none;
}
.nav li a:hover, .nav li a:active {
	color: #fff;
	text-decoration: underline;
}

.w a:link,.w a:visited {
	color: #fff;
	text-decoration: none;
}
.w a:hover, .w a:active {
	color: #fff;
	text-decoration: underline;
}
#banner { margin-bottom:20px;}
/*»ÃµÆƬ±ê?�*/
 .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; }

#container{ width:1200px; margin:0px auto; overflow:hidden;}
.about{ width:380px; float:left; height:400px;}
.case{width:380px; float:left; height:400px; margin-left:20px; margin-right:20px;}
.news_company{width:380px; float:right; height:400px;}
.about_title{ font-size:16px; font-weight:700; color:#003366; line-height:50px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.recommend_product{width:1200px; margin:0px auto; overflow:hidden;


}

.title{ font-size:16px; font-weight:700; color:#003366; line-height:50px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.hpro{ overflow:hidden;}
.hpro li{ width:180px; float:left; height:200px; margin-right:20px; text-align:center;}
.hpro li img{ width:180px; height:150px;}
.hpro li h3{ font-size:14px; font-weight:500;text-align:center;}
.con{ width:95%; overflow:hidden;}
.new2{ overflow:hidden; }
.new2 li{ line-height:25px;}
.new2 li span{ width:60px; float:right; }
.more{ width:50px; float:right; padding-top:20px;}
.contact{width:1200px; margin:0px auto; overflow:hidden;}
.f_link{width:1200px; margin:0px auto; overflow:hidden; padding:20px 0px;}
.content{width:1200px; margin:0px auto; overflow:hidden;}
.content .left{ width:250px; float:left; overflow:hidden;}
.content .right{ width:900px; float:right; overflow:hidden;}
.place{ border-bottom:1px solid #ddd; line-height:50px;}

.e2{
	
}
.e2 li{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:12px 0px;
	border-bottom:1px solid #EEE;
	color:#aaa;
}

.e2 li a.tit{
	overflow:hidden;
	line-height:25px;
	font-weight:bold;
	font-size:16px;
}
.e2 span.info{
	display:block;
	line-height:23px;
	color:#555;

}
.e2 span.info small{
	color:#AAA;
	font-size:12px;

}
.e2 span.info a{
	color:#690;
}
.e2 p.intro{
	color:#776955;
	line-height:20px;

	padding-right:10px;
}
.scrollleft li{ width:200px; float:left;}
.pro{ overflow:hidden;}
.pro li{ border:1px solid #ddd; width:250px; height:250px; margin-left:20px; margin-right:20px; float:left; text-align:center; font-size:16px; margin-bottom:20px;border-bottom-right-radius:1em;
border-bottom-left-radius:1em; background:#f2f2f2;}

.pro li img{ width:250px; height:200px;}
.viewbox{
	width:1000px;
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title{
	height:56px;
	line-height:56px;
	text-align:center;
	overflow:hidden;
	padding-top:10px; border-bottom:0px;
}
.viewbox .title h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:90%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .picview{
	width:320px;
	float:right;
	padding-right:24px;
	padding-top:16px;
}
.viewbox .labeltitle{
	height:23px;
	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:10px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	font-size:14px;
	padding:12px 16px;
	line-height:25px;
	color:#333;
}
.viewbox .dede_pages{
	width:712px;
	float:none;
	overflow:hidden;
	text-align:center;
}
.viewbox .dede_pages ul{
	margin:0px auto;
	float:none;
	clear:both;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
	float:none;
	display:inline;
}


#footer{ overflow:hidden; background:#3366cc; padding:20px; color:#FFF; min-height:60px; text-align:center;}

.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;
}
#demo {width:800px;margin:0 10px;overflow:hidden;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:210px;height:160px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul li a {line-height:30px;}
#demo ul li:hover {text-decoration:underline;}

#ademo {width:1200px;margin:0 10px;overflow:hidden;}
#aindemo {float:left;width: 800%;}
#ademo1 {float:left;}
#ademo2 {float:left;}
#ademo ul li {width:210px;height:120px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#ademo ul li a {line-height:30px;}
#ademo ul li:hover {text-decoration:underline;}