/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
h1,h2,h3,h4,h5,h6{font-weight: normal; margin:0; padding:0}
body {
	background: url(../images/bg.jpg);
	font-family: "微软雅黑";
}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	text-decoration:underline; color:#333;
}
#header {
	width: 100%;
}
button{ background-color:#000;}
.sousou {
	float: right;
	width: 310px;
	line-height: 35px;
	font-size: 18px;
margin-top:15px;
}
#nav { background: #5b4f33;text-align: center;}
#nav li {float: left;}
#nav li a {display: block;text-decoration: none;padding: 0 28px;color: #ece8d7;border-right: 1px solid #000; line-height: 50px; font-size:16px;}
#nav li a:hover {padding: 0 28px;display: block;background: #423721;}

.navbar-inverse{ background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar { margin-bottom:0px;}

.documentation {
	width: 1100px;
	margin: 0px auto;
	padding: 100px 0px;
}
.documentation h3, p {
	text-align: center;
}
.documentation h3 {
	margin: 0px 0px 20px 0px;
	font-weight: 300;
	font-size: 2em;
}
#content {
	background: linear-gradient(to bottom, #fefcea 0%, #ffffff 100%);
	-webkit-background: linear-gradient(to bottom, #fefcea 0%, #ffffff 100%);
	-moz-background: linear-gradient(to bottom, #fefcea 0%, #ffffff 100%);
}
.menu {
	line-height: 45px;
	list-style: none;
	font-size: 18px;
	text-align: center;
	height:45px;
}
.menu li {
	width: 120px;
	height: 45px;
	float: left;
	margin-left: 20px;
}
#li_first {
	margin-left: 11px;
}
.menu li a:hover {
	background: #4BF708;
}
.menu li a {
	display: block;
	width: 120px;
	height: 45px;
	text-decoration: none;
	background: #32900E;
	color: #fff;
}
.line {
	border-bottom: 1px #ccc dotted;
	height: 2px;
}
.about {
	text-align: center;
	margin:20px 0;
}
.about h3 {
	color: #5b4f33;
}
.about p {
	margin: 20px auto;
	line-height: 30px;
	font-size: 14px;
	color: #333;
text-align: left;
width:765px;
}
.two {
	margin: 20px auto;
	min-height: 200px;
	overflow: hidden;
}
.two h3 {
	text-align: center;
	color: #5b4f33;
}
.youshi {
	width: 485px;
	float: left;
}
.two p {
	margin: 20px 10px 0;
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.contact {
	width: 485px;
	float: right;
}
.index_pro {
	margin:0 auto 20px;
	min-height: 200px;
	overflow: hidden;
}
.index_pro h3 {
	text-align: center;
	color: #5b4f33;
}
#brand {
	width: 990px;
	margin:20px 0 0;
}


#brand .bd-box li span {
	width: 227px;
	border: 1px solid #e9e8e8;
	position: absolute;
	left: 0px;
	z-index: 1;
	text-align: center;
	line-height: 179px;
	font-size: 14px;
	color: #FFF;
	background: #ffa340;
	font-weight: bold;
	overflow: hidden;
	height: 0px;
	display: none;
	top: 38px;
}

#footer{
	
	width:100%;
	min-height:50px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.info{

	min-height:120px;
	width:1000px;
	margin:20px auto;
	color: #333;
	overflow:hidden;
}
.info ul{
	font-size:14px;
	line-height:28px;
	margin:15px 5px;
}
.time{
	float:right;
}
.more a{
	float:right;
	color:#333;
	font-size:12px;
}
.info ul li{
		list-style:disc;
		margin:0 0 0 25px;
}
.info ul li a{
color: #333;
}
.info h3{
	border-bottom:1px solid #ece8d7;
	line-height:40px;
	text-indent:15px;
	font-weight:bold;
}
.f_news{
	width:485px;
	float:left;
}
.f_jiameng{
	width:485px;
	float:right;
}
.footer{
	background: #423721;
	text-align:center;
	color:#ccc;
	padding:10px 0;
	line-height:24px;
	font-size:12px;
	
}
.footer a{
	color: #ece8d7;
	
}
.links{
		background: #423721;
	color: #ece8d7;
	width:100%;
}
.links p{
	width:1000px;
	margin:0 auto;
	line-height:26px;
	text-align:left;
}
.links a{
	color: #ece8d7;
	font-size:14px;
}
/*neiye.star*/

#left h3{
		background:url(../images/tb1.png) no-repeat left center;
		text-align:center;
		font-weight:bold;
		color: #423721;
	line-height:45px; font-size:20px;
}
#left ul{
	margin:15px 0;
}
#left ul li{
	background:url(../images/tg.png) no-repeat left center;
	height:45px;
	line-height:50px;
	text-indent:45px;
	font-size:14px;
	margin-bottom:5px;
}
#right{
	width:741px;
	padding-left:20px;
	float:right;
	border-left:1px dotted #ccc;
		min-height:500px;
	overflow:hidden;
}
.title{
	font-size:14px;
	border-bottom:1px dotted #ccc;
	line-height:30px;
}
.content{
	margin:15px;
}
.content p{
		text-align:left;
		margin-bottom:5px;
		line-height:30px;
		font-size:14px;
		text-indent:2em;
}

.newslist{}

.newslist li{
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
}
.newslist li a{
	font-size:16px;
	color:#000;
	line-height:32px;
}
.newslist li p{
	line-height:24px;
	font-size:12px;
color:#888;
}
.newslist .more{
	text-align:right;

}
.newslist .more a{
	font-size:12px;
	color:#6eb92b;	line-height:24px;

}
.clear{
	clear:both;
}
.pro{
	width:100%;
	margin:20px 0;
	min-height:200px;
	overflow:hidden;
}

.pro li p{
	text-align:center;
	text-indent:0; margin-top:10px;
}
.imgter{
	width:100%;
}
.tit{
	text-align:center;
	font-size:24px;
}
.tiao{
	text-align:center;
	font-size:12px;
	margin:10px 0 15px;
	line-height:28px;
	color:#666;
	background:#ece8d7;
}
.yeci{
	margin:20px 0;
	text-align:center;
	font-size:12px;
}



.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn { background:url(images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other img{width:120px;height:120px;}
.other p { padding:5px 0; _height:16px; margin:0;color:green;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

@media (min-width: 1200px){
.logo { width: 1000px; margin: 0 auto; padding: 20px 0;}
#nav { height: 50px; line-height: 50px; box-shadow: 1px 1px 1px 1px #666; margin-bottom: 5px;}
#nav ul {list-style: none; width: 1210px; margin: 0 auto;}
#content {margin: 20px auto;width: 1040px; padding: 20px;min-height: 400px;overflow: hidden;}
#brand .bd-box li {float: left;width: 227px;height: 179px;	overflow: hidden;position: relative;margin: 10px 10px 0px 10px;_margin: 10px 10px 0px 5px;}
#brand .bd-box li img {width: 227px;height: 179px;border: 1px solid #e9e8e8;position: absolute;left: 0px;top: 0px;z-index: 2;overflow: hidden;}
#brand .bd-box li a {width: 227px;height: 179px;	position: absolute;left: 0px;top: 0px;z-index: 3;}
#demo{ width:1000px;}
.db{display:none;}
#left{ width:240px; float:left; min-height:200px;overflow:hidden;}
.pro li{width:210px;margin:0 10px 15px;float:left;background:#FFF;box-shadow:1px 1px 1px 1px #eaeaea;line-height:30px;}
.sjzs{display:none;}
.dbsj{display:none;}
}
@media (max-width: 1180px){
.logo { width:100%;}
.sousou{ display:none;}
#nav,.nav{width:100%;}
.container{width:100%;}
#nav li{ width:11.1%;}
#nav li a {padding: 0; font-size:14px;}
#nav li a:hover {padding: 0;}
#content { margin: 5px auto 20px;width:100%;padding: 20px;min-height: 400px;overflow: hidden;}
.index_pro img,.about img{ width:100%;}
.menu{ height:190px; margin-top:10px;}
.menu li{ width:50%; margin-left:0px; padding:0px 5px; margin-bottom:5px;}
.menu li a{ width:100%;}
#li_first{ margin-left:0px;}
#brand{ width:100%;}
#brand .bd-box li {float: left; width: 50%;overflow: hidden; padding: 10px 5px 0px 5px; overflow: hidden;}
#brand .bd-box li img {width: 100%; display:block; border: 1px solid #e9e8e8;}
#brand .bd-box li a {width:100%;}
.about p,.info,.f_news,.f_jiameng,.youshi,.contact{ width:100%;}
.youshi{ margin-bottom:20px;}
.scrollsidebar{display:none;}
.footer{ margin-bottom:50px;}
.footer p{ text-align:left; padding-left:20px;}
#left{ width:100%; min-height:200px;overflow:hidden;}
#left h3{ display:none;}
#left ul{margin:15px 0;}
#left ul li{ background-color:#eee; background-image:none; height:45px;line-height:50px;text-indent:2em;font-size:14px;
margin:0px 1% 5px; width:48%; float:left;}
#left .gsj li{background-color:#eee; background-image:none; height:45px;line-height:50px;text-indent:2em;font-size:14px;
 width:100%;}
.yc{display:none;}
#right{ width:100%; border-left:none; padding:0;}
.content{ margin:0px;}
.pro li{width:48%; margin:0 1% 15px; float:left; background:#FFF; box-shadow:1px 1px 1px 1px #eaeaea; line-height:30px;}
.content p img{ width:80%; height:auto; margin:0 auto; display:block;}
.about h3 img{ margin-bottom:10px;}
.info ul{ margin:15px 0px;}
.info ul .time{display:none;}
.two p{ text-align:left; margin:20px 0px 0px ;}
.pro li p{ height:30px; overflow:hidden; font-size:14px;}
.dbsj{ background-color:#000; width:100%; position: fixed;left: 0px; bottom: 0px; height:50px; padding-top:15px;}
.dbsj ul li{ width:25%; float:left; text-align:center;}
.dbsj ul li img{ width:25px; margin:-5px 5px 0px 0px;}
.dbsj ul li a{ color:#fff; height:50px;}
.dbsj ul li a:hover{ text-decoration:none;}

@media (max-width: 768px){
.navbar-header{ float:right;}
.xian{ border:1px solid #000; color:#000; background-color:#423721;}
.logo img{ height:30px; margin-top:10px;}
#nav li{ width:100%; float:none; padding:0; background:#eee; border-bottom:1px solid #ccc; text-align:center;}
#nav li a {color: #423721; border-right:none;}
#nav li a:hover {color:#fff;}
.navbar-nav{ margin:0; width:100%;}
.navbar-collapse{ padding:0;}
.flicker-example{display:none;}

}