@charset "utf-8";
/* CSS Document */
body{margin:50px 0 80px 0; padding:0; font:normal 92% Helvetica,STHeiti,Droid Sans Fallback; color:#333; }
*{margin:0; padding:0;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#333;}
.clear{clear:both}
.fl{ float:left}
.fr{ float:right}
img{border:0;max-width:100%;}
DIV,ul,li,h1,h2,p,dl,dt,dd{ margin:0; padding:0; list-style:none}
header{height:50px; line-height:50px; background:#147c2f; text-align:center; color:#fff; top:0; left:0; position:fixed; width:100%; z-index:999999;}
.back-btn{width:40px; height:40px; position:absolute; top:5px; left:10px; background:url(images/back.png) no-repeat;background-size:cover;}
/*侧边栏*/
.menu{width:40px; height:40px; position:absolute; top:5px; right:10px; background:url(images/list.png) no-repeat;background-size:cover;}
.sidebar-wrapper{position: relative; height:100%; overflow:auto;}
#dowebok{background-color:#333;} 
#dowebok .nav {margin-top:30px; list-style-type:none;}
#dowebok .nav li {border-bottom: 1PX SOLID #444; font-size: 0.9em; height: 35px; line-height:35px;}
#dowebok .nav a {display: block; padding:0 20px; color:#fff; text-decoration: none;}
#dowebok .nav a:hover {background-color:#147c2f;}
[data-simplersidebar='active'] {box-shadow:-3px 0 3px 0 rgba(0, 0, 0, 0.5);}
.logo{height:68px; background:url(images/logo.png) center no-repeat #fff; background-size:contain;}
/*BANNER*/
.swipe{width:100%;overflow:hidden;position:relative; text-align:center}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe li img{width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#C80002;}
/*ICO*/
.ico_box{width: 30%; height: 95px; float:left;}
.ico_box img{float: left; width:70px; height:70px; margin-right:10px;}
.ico_menu{float: right; width: 70%;}
.ico_menu span{width: 99%; height: 25px; line-height: 25px; font-size: 1em; float: right;}
.ico_menu li {float: left; padding:0 10px; height: 25px; line-height: 25px; font-size: 0.8em; margin:1px 0 0 1px; background:#666; color: #fff; text-align: center; display:block; }
.ico_menu li:hover{background:#e60012;}
.ico_title {background:#e60012;font-size:18px; display:block; width:96px; color:#fff; text-align:center;}
/*INDEX-CONTENT*/
.title{height:50px;margin:1% auto;display:block;font-size:1.5em;line-height:35px;color:#333; text-align:center;}
.title p{line-height:16px; font-size:0.6em; color:#333; text-transform:capitalize; font-family:Georgia; font-weight:normal;}
.in-abo{width:100%;margin:0 auto;}
.in-abo ul li{padding:10px;line-height:1.6em;}
.in-pro{width:100%;margin:0 auto;}
.in-pro ul{}
.in-pro ul li{margin:2% 1% 2% 3%; width:42%; height: 190px; float:left; padding:1%; display:inline-block; border:1px solid #555; text-align:center; list-style:none; color: #fff;}
.in-pro ul li a{color: #555;}

.inpic{width:98%;margin:0 auto;}
.inpic ul{background:#fff; margin:10px auto;}
.inpic ul li{margin:2%; width:29%; float:left; display:inline-block; text-align:center; list-style:none;}
.inpic ul li img{width:100%; max-width:100%;}
.inpic ul li p{line-height:30px; text-align:center; font-size:0.9em;}
.innews_time{width:55px; height:55px; float:left; text-align:center; margin:10px 5px 0 0;}
.innews_day{width:55px; height:30px; line-height:30px; font-size:30px; color:#ff0000; font-family:Georgia;}
.innews_year{width:55px; height:20px; line-height:20px; color:#ff0000; font-family:Georgia; font-size:13px;}
.inews_content{width:98%; margin:0 auto; padding:0;}
.inews_content ul{list-style:none; padding:0;}
.inews_content ul li{width:100%; line-height:30px; height:75px; margin:10px 0; float:left; border-bottom:1px solid #555; background:#555;}
.inews_content ul li a{font-size:15px; color:#fff; font-weight:bold;}
.inews_content ul li a:hover{color:#fff;}
.inews_content ul li p{width:100%; font-size:14px; color:#ccc; line-height:18px;}
.more{width:30%; height:30px; margin:10px auto 30px auto; font-size:0.9em; border-radius:5px; border:1px solid #555; line-height:30px; text-align:center;}
.more a{color:#555; display:block;}
/*BOTTOM*/
.bottom{height:60px; background:#ddd; line-height:60px; text-align:center; color:#666; font-size:0.87em;}
footer{position:fixed;padding:5px;width:100%;height:45px;bottom:0;border-top:1px solid #fff;background:#147c2f;}
footer ul{height:45px;line-height:45px;}
footer ul li{width:25%;float:left;color:#FFF;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:25px;overflow:hidden;}
footer ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}
/*SUB*/
.content{padding:10px; line-height:30px; max-width:100%; }
.content h2{text-align:center; font-size:1.1em}
.content .img{text-align:center;}
.news{width:100%;margin:0 auto;}	
.news ul{width:100%;margin:0 auto;}	
.news li{list-style-position:inside;list-style-type:disc; border-bottom: 1px solid #eceef0;box-shadow: 0 1px 1px #FFFFFF;height:35px;line-height:35px;padding-left:8px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.news li a:hover{color:#000;}
.proc-img{width:100%; margin:0 auto; max-width:100%;}
.pro-content{width:100%; margin:0 auto; max-width:100%; color: #000;}
.pro-content img{max-width: 100%;}





/*SUB_PRO*/
.pro_pic{width: 551px;  height: 509px; float: left;}
.pro_main{width: 100%; margin: 0 auto;}
.pro_mp{padding: 10px; color: #aaa; line-height: 25px;}
.pro_name{height: 45px; background: #e60012; font-size: 14px; line-height: 45px; color: #fff; padding: 0 0 0 5px;}
.pro_option{height: 30px; background: #111; font-size: 14px; line-height: 30px; color: #fff; padding: 0 0 0 5px;}
.pro_table{margin: 25px auto;}
.pro_table ul{text-align: center; list-style: none;}
.pro_table ul li{ list-style: none; font-size: 0.7em;}
.pro_table1{width: 25%; height: 34px; line-height: 34px; background: #1d1d1d; text-align: center; color: #fff; float: left; margin-bottom: 1px;}
.pro_table2{width: 25%; height: 34px; line-height: 34px; background: #2d2d2d; text-align: center; color: #ccc; float: left; margin-bottom: 1px;}
.pro_table3{width: 20%; height: 34px; line-height: 34px; background: #1d1d1d; text-align: center; color: #fff; float: left; margin-bottom: 1px; line-height: 34px;}
.pro_table4{width: 80%; height: 34px; line-height: 34px; background: #2d2d2d; text-align: center; color: #ccc; float: left; margin-bottom: 1px; line-height: 34px;}
.sub_pro_more {width:150px; height:50px; color:#fff; background:#e60012; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 0;}
.sub_pro_more a{color:#fff; background:#e60012; display:block;}
.sub_pro_more a:hover{color:#eee; background:#b50411;}
/*产品详情页样式*/
.product_title{ width:100%; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center}
.product_time{width:100%; background:#999; color:#fff; height:30px; margin:10px auto; text-align:center; line-height:30px;}
.prodct_content_title{width:100%; margin:0 auto;}
.prodct_content_title li{float:left; width:120px; height:50px; line-height:50px; text-align:center; margin:25px 1px 0 0;}
.bgcolor{ background:#555; color:#FFF;}
.bgcolor_on{ background:#ca1019; color:#FFF}
.prodct_content_title li a{ color:#FFF}
.product_content{width:100%; margin:0 auto; border-top:1px #555 solid;}

.prodct_content_titles{width:100%; margin:0 auto;}
.prodct_content_titles li{float:left; width:120px; height:30px; line-height:30px; text-align:center; margin:25px 1px 0 0;}
.prodct_content_titles li a{ color:#FFF}
.product_contents{width:100%; margin:0 auto; border-top:1px #555 solid;}



/*XIANGGUANCHANPIN*/

.related_pro{width:100%;margin:0 auto;}
.related_pro ul{background:#333;}
.related_pro ul li{margin:2%; width:42%; height: 100%; float:left; padding:1%; display:inline-block; border:1px solid #555; text-align:center; list-style:none; color: #fff;}
.related_pro ul li a{color: #fff;}


/*XIANGGUANXINWEN*/
.related_news{width:90%; padding:0; margin:0 auto;}
.related_news ul{margin:20px 0; padding:0; text-align: center;}
.related_news ul li{width: 100%; box-sizing: border-box; height: 45px; line-height: 45px; border-bottom: 1px solid #333; list-style:none; margin:0; text-align: left; font-size: 14px; }
.related_news ul li a{width:100%; display:block;color: #ddd;}
.related_news ul li a:hover{color: #fff;}
.related_news ul li span{width:290px; float: right; color:#aaa;  height: 45px; line-height: 45px; font-size:14px; text-align:center; display:block; text-align:right;}



.shangxia a{color: #000;margin-top:30px;}
.shangxia a:hover{color: #000;}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


.sort{
	width:99%;
	margin:0 auto; 
	color:#FFF;
	overflow: hidden;
	}
	
.sort ul li{
	font-size:12px;
	width:45%;
	margin:5px;
	float:left;
	line-height:30px;
	text-align:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#17792e;
	}
	
.sort ul li a{
	display:block;
	line-height:30px;
	font-size:1em;
	padding-left:20px;
	font-weight:bolder;
	color:#fff;
	
	}

.sort ul li a:hover{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#f00;
	color:#fff;
	}
	
.sort ul li .sort_two{
	width:98%;
	margin:0 auto;
	}

.sort ul li .sort_two li{
	margin:5px auto;
	line-height:50px;
	text-align:left;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
	background:-moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);
	}

.sort ul li a:hover .sort_two li a{
	display:block;
	font-size:0.9em;
	line-height:50px;
	font-size:16px;
	padding-left:20px;
	color:#5D5D5D;
	
	}




.sort2{
	width:99%;
	margin:0 auto; 
	color:#FFF;
	overflow: hidden;
	}
	
.sort2 ul li{
	font-size:12px;
	width:45%;
	margin:5px;
	float:left;
	line-height:30px;
	text-align:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#e60012;
	}
	
.sort2 ul li a{
	display:block;
	line-height:30px;
	font-size:1em;
	padding-left:20px;
	font-weight:bolder;
	color:#fff;
	
	}

.sort2 ul li a:hover{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#f00;
	color:#fff;
	}
	
.sort_two2{
	width:98%;
	margin:0 auto;
	}

.sort_two2 li{
	margin:5px auto;
	line-height:50px;
	text-align:left;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:#555;
	}

.sort_two2 li a{
	display:block;
	font-size:0.9em;
	line-height:50px;
	font-size:16px;
	padding-left:20px;
	color:#ccc;
	background:#555;
	
	}