@charset "utf-8";

*{margin:0;outline:0;padding:0;font-size:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#333;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
a:link{color:#333}
a:visited {color:#333}
a:hover {color:#333}
a:active{color:#333}
img{outline:none}
html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,.submit{font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;background:#fff;font-size:14px;color:#333}
body{background:#f4f4f4}
ul,li{list-style: none;outside:none;}
em,i{font-style:normal}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;}
		
.clear{ clear:both;height:0}
.f-l{float:left}
.f-r{float:right}

.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0;}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0;}
.height15{height:15px;clear:both;zoom:1;line-height:0;font-size:0;}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0;}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0;}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0;}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0;}
.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.center{max-width:650px;margin: 0 auto;}

/*head*/
.ttop4{ display:block;overflow:hidden;height:46px;width:100%;max-width:650px;text-align:center; position: fixed; z-index: 1000; top:0;background:#fff;}
.ttop_bg{display:block;overflow:hidden;height:46px;}

.ttop_home,.ttop_more{height:36px;margin:5px 10px 0;}
.ttop_more img{height:26px;margin-top:5px}
.ttop_home img{height:36px; margin-top:0}

/*ttop_nav*/
.dofl{ display:block; overflow:hidden; float:left;}
.dofr{ display:block; overflow:hidden; float:right;}
.domr{ display:block; overflow:hidden; float:none; margin-left:auto; margin-right:auto;}
.index_on_body{ overflow:hidden; overflow-x:hidden; overflow-y:hidden;}
.index_nav{ display:block;width:0%;max-width:650px;height:100%;min-height:100%;max-height:100%;z-index:1000; overflow:hidden;position:fixed;top:0px;overflow:hidden; background:rgba(0,0,0,0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}

.index_nav .box{width:0px;height:100%;min-height:100%;max-height:100%;background:#e31611; }
.index_nav .tit{width:180px;height:50px;line-height:50px; background:rgba(0,0,0,0.2); padding:0 20px;color:rgba(255,255,255,0.9);font-size:20px;}
.index_nav .tit img{width:40px;height:40px;margin:5px 0 0;}
.index_nav .uls{width:180px;padding:5px 20px;}
.index_nav li{overflow:hidden;width:100%;}
.index_nav li a{width:96%;height:40px;line-height:40px;font-size:15px;border-bottom:rgba(255,255,255,0.2) dashed 1px;color:rgba(255,255,255,0.9);}

.index_nav.on{background:rgba(0,0,0,0.7);}
.index_nav.on .box{width:220px;}
/*footer*/
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}
#mcover .img1{position:fixed;right:18px;top:5px;max-width:80%;max-height:45%;z-index:20001;}
#mcover .img2{ position:relative;top:50%;left:-80px;margin:0 0 0 50%;width:160px;box-shadow:rgba(0,0,0,0.5) 0 0 30px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 30px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 30px;}

.footer{ position:relative; z-index:9; background-color:#fff;}
.footer .box1{width:80%;padding:0 10%;}
.footer .f_bot1{width:33.3%; float:left;}
.footer .f_bot1 .button{font-size:12px;margin:10px 0;color:#666;width:100%;cursor:pointer; background:none;border:none; box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;color:#666}
.footer .f_bot1 .button img{width:25%;}
.footer .f_bot1 .button2{box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-moz-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;}

/*foot*/
.h_pic{ width:100%; background-color:#1d1c1f;color:#aaa;font-size:12px;padding:10px 0;text-align:center}
.h_pic .p1{padding:5px 0}
.h_pic .p1 img{height:50px}
.h_pic p{line-height:22px}
.h_pic p a{color:#aaa;}
.h_cen{padding:0 10px;margin:auto}
.f_line{border-top:1px solid #333;margin:10px 0 5px}

.middle{padding:0 10px}


/*ban*/
.focus{width:100%;margin:0 auto; position:relative;overflow:hidden;border-bottom:1px solid #e5e5e5}
.focus .hd{ width:100%; height:16px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px;  font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#e31611;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  background:url(images/loading.html) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
/*menu*/
.i_menu ul{width:100%; overflow:hidden;background:#fff}
.i_menu ul li{float:left;width:33.333333333333333%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;padding:10px 0;text-align:center}
.i_menu ul li a{display:block;color:#777;margin-top:3px;}
.i_menu ul li img{width:50%;}

.index_li{margin-top:10px;}
.index_li .pic img{width:100%}
.index_li dt{position:relative;padding:10px;background:#fff}
.index_li dt span{display:block;font-size:16px;height:20px;line-height:20px;}
.index_li dt p{
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #d4a32f;
}
.index_li dt i{ position:absolute;width:60px;height:60px;line-height:60px;right:0;top:0;border-left:1px solid #e5e5e5;color:#e5e5e5;text-align:center;font-size:20px}

.i_pro h2{height:40px;line-height:40px;font-size:16px}
.i_pro ul{width:100%; overflow:hidden;background:#fff}
.i_pro ul li{float:left;width:50%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;padding-bottom:15px;text-align:center}
.i_pro ul li img{width:100%}


.i_news h2{height:40px;line-height:40px;font-size:16px}
.i_news ul{width:100%;overflow:hidden;background:#fff}
.i_news ul li{margin:0 10px;height:44px;line-height:44px;border-bottom:1px solid #e5e5e5} 
.i_news ul li span{
	display: block;
	float: left;
	width: 25%;
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	font-size: 12px;
	text-align: center;
	 
	 
}
.i_news ul li p{display:block;float:right;width:70%;height:20px;line-height:20px;margin-top:12px;}
.i_news a.more{
	display: block;
	color: #000000;
	text-align: center;
	margin: 20px 0
}


/*n*/
.n_ban img{max-width:100%}
.n_title{height:50px;line-height:50px;font-size:18px;font-weight:normal;padding:0 10px}
 


.focus2{width:100%;margin:0 auto; position:relative;overflow:hidden;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:20px 0}
.focus2 .hd{ width:100%; height:16px;   z-index:1; bottom:15px; text-align:center;margin-top:20px  }
.focus2 .hd ul{ display:inline-block; height:10px; padding:3px 5px;  font-size:0; vertical-align:top;}
.focus2 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus2 .hd ul .on{ background:#9e0071;  }

.focus2 .bd{ position:relative; z-index:0; }
.focus2 .bd li a{display:block;float:left;width:25%;text-align:center;color:#666}
.focus2 .bd li a img{display:block;width:60%;margin: 0 auto 5px}

.fuchi{width:100%; overflow:hidden;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.fuchi li{float:left;width:33.333333333333333%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;text-align:center}
.fuchi li a{display:block;padding:10px}
.fuchi li img{width:100%}
.fuchi li p{margin-top:10px}

.map{padding:20px;background:url(j/map.jpg) no-repeat center center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.map h3{text-align:center;font-weight:normal;font-size:20px;margin-bottom:10px}
.map p{line-height:24px;color:#777}

.tuiguang{width:100%; overflow:hidden;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tuiguang li{float:left;width:50%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-right:-1px;margin-bottom:-1px;text-align:center;vertical-align:middle}
.tuiguang li a{display:block;height:100px;padding:20px;vertical-align:middle}
.tuiguang li img{max-width:100%;max-height:100px; vertical-align:middle}


.n_contact{line-height:24px;color:#777;background:#fff;padding:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.n_contact h3{font-size:18px;line-height:30px}
.n_contact img{max-width:100%}

.n_li{margin-top:10px;}
.n_li .pic img{width:100%}
.n_li dt{position:relative;padding:10px;background:#fff;border-top:1px solid #e5e5e5}
.n_li dt p{font-size:14px;height:20px;line-height:20px;width:80%}
.n_li dt i{ position:absolute;width:40px;height:40px;line-height:40px;right:0;top:0;border-left:1px solid #e5e5e5;color:#e5e5e5;text-align:center;font-size:20px}


/*about*/
.n_content{background:#fff;padding:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

.about_1{line-height:24px;color:#666}
.about_2 ul{width:100%;overflow:hidden;background:#fff;padding:0;border-top:1px solid #e5e5e5}
.about_2 ul li{line-height:24px;padding:10px;border-bottom:1px solid #e5e5e5; position:relative} 
.about_2 ul li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.about_2 ul li span{
	display: block;
	width: 15%;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 10px;
	text-align: center;
	color: #fef0d0;
	border-radius: 4px;
	background-color: #000000;
}
.about_2 ul li p{display:block;float:right;width:78%;border-left:1px solid #e5e5e5;padding-left:3%;color:#666}

.n_news ul{width:100%;overflow:hidden;background:#fff}
.n_news ul li{padding:0 10px;height:44px;line-height:44px;border-bottom:1px solid #e5e5e5} 
.n_news ul li span{
	display: block;
	float: left;
	width: 15%;
	height: 20px;
	line-height: 20px;
	margin-top: 12px;
	font-size: 12px;
	text-align: center;
	color: #fef0d0;
	border-radius: 4px;
	background-color: #000000;
}
.n_news ul li p{display:block;float:right;width:80%;height:20px;line-height:20px;margin-top:12px;}
.n_news a.more{
	display: block;
	color: #000000;
	text-align: center;
	margin: 20px 0
}


/*pro*/
.n_product h3{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;text-align:center;font-size:20px;padding:10px 0;font-weight:normal}
.n_product ul{width:100%; overflow:hidden;background:#fff}
.n_product ul li{float:left;width:33.33333333333333%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;padding-bottom:15px;text-align:center}
.n_product ul li img{width:100%}


.Huifold{background:#fff}
.Huifold .item{ position:relative;background:#fff;border-bottom:1px solid #e5e5e5}
.Huifold .item h4{margin:0;position:relative;font-size:16px;line-height:22px;padding:10px 10px;margin:0 10px;font-weight:normal;background:url(a/a3.jpg) no-repeat left 17px;background-size:7px 7px}
.Huifold .item h4 b{position:absolute;display: block; cursor:pointer;right:10px;top:18px;color:#fff;width:12px;height:7px; text-align:center; color:#666;background:url(a/a2.jpg) no-repeat left center;}
.Huifold .item h4 b.on{background:url(a/a1.jpg) no-repeat left center}
.Huifold .item .info{display:none;padding:0 20px 10px;color:#666;line-height:24px}


.prolist h3{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;text-align:center;font-size:20px;padding:10px 0;font-weight:normal}
.Huifold2{background:#fff}
.Huifold2 .item{ position:relative;background:#fff;border-bottom:1px solid #e5e5e5}
.Huifold2 .item h4{margin:0;position:relative;font-size:16px;line-height:22px;padding:10px 10px;margin:0 10px;font-weight:normal;background:url(a/a3.jpg) no-repeat left 17px;background-size:7px 7px}
.Huifold2 .item h4 b{position:absolute;display: block; cursor:pointer;right:10px;top:18px;color:#fff;width:12px;height:7px; text-align:center; color:#666;background:url(a/a2.jpg) no-repeat left center;}
.Huifold2 .item h4 b.on{background:url(a/a1.jpg) no-repeat left center}
.Huifold2 .item .info{display:none;padding:0;color:#666}
.Huifold2 .item .info img{max-width:100%}
.Huifold2 .item .info a{display:block;height:100%}
.Huifold2 .item .info table {border-top:1px solid #e5e5e5;margin-top:-1px}



.product_img{text-align:center;}
.product_img img{max-width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.productn{}
.productn .h{border-bottom:1px solid #e5e5e5;text-align:center;font-size:20px;padding:10px 0;font-weight:normal}
.productn .p_con{background:#fff;padding:20px 10px;line-height:26px;color:#666}
/*留言*/

.index_form{display:block;overflow:hidden;background:#fff;padding:10px;border-top:1px solid #e5e5e5}
.index_form .in_form{display:block;overflow:hidden;width:100%;margin:auto;}
.index_form .in_form .in_in{display:block;overflow:hidden;height:40px;width:100%; position:relative;margin:0 0px 10px;}
.index_form .in_form .in_in input{display:block;height:40px;width:100%;position:relative;top:0px;left:0px;z-index:99; background:none; line-height:35px;padding:0 4px;color:#353535; font-size:14px;}
.index_form .in_form .in_in span{display:block;overflow:hidden;height:38px;width:97%; position:absolute;z-index:10; top:0;left:0; padding:0 1%;line-height:35px;font-size:14px;}

.index_form .in_form .in_area{display:block;overflow:hidden;height:100px;width:100%; position:relative;margin:0 0px 10px;}
.index_form .in_form .in_area textarea{display:block;height:94px;width:100%;position:relative;top:0px;left:0px;z-index:99;background:none; line-height:24px;padding:4px 4px 0; font-size:14px;overflow:auto; resize:none; }
.index_form .in_form .in_area span{display:block;overflow:hidden;height:98px;width:97%;padding:0 1%;position:absolute;z-index:10;top:0;left:0; line-height:33px;font-size:14px;}

.index_form .in_form .in_sub{display:block;overflow:hidden;height:40px;margin:auto;position:relative;}
.index_form .in_form .in_sub .submit{
	width: 99%;
	height: 40px;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fef0d0;
	cursor: pointer;
	background-color: #000000;
}

.index_form .in_form .in_in input,
.index_form .in_form .in_area textarea{color:#999;border:none;outline:none;}
.index_form .in_form .in_in span,
.index_form .in_form .in_area span{border:#e5e5e5 solid 1px;color:#aaa;background:#fff;}

.index_form .in_form .in_in span.sp_on,
.index_form .in_form .in_area span.sp_on{color:#aaa;border:#e5e5e5 solid 1px;text-align:right;background:#f1f1f1}
.index_form .in_form .in_in span.sp_out,
.index_form .in_form .in_area span.sp_out{color:#aaa;border:#e5e5e5 solid 1px;text-align:left;background:#f1f1f1}


/*********      page      ***************/
#page{ padding:10px 0;margin:0 10px;overflow:hidden;background:#fff}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 15px;font-size:14px;margin:0 1px;background-color:#ececec; line-height:30px;color:#666;}
#page .page_info font{color:#9e0071;}

/** prev next button ***/
.pn{ padding-top:10px; width:100%; line-height:25px; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn_l{font-size:14px; overflow:hidden;}
.pn_r{font-size:14px; overflow:hidden;}
.pn a{color:#666}

#pn{ padding:10px; line-height:25px; overflow:hidden;border-top:1px solid #e5e5e5;color:#666;background:#fff;}
#pn_l{font-size:14px; overflow:hidden;}
#pn_r{font-size:14px; overflow:hidden;}
#pn a{color:#666}


.news_con{padding:10px;background:#fff;border-top:1px solid #e5e5e5}
.news_con h3{font-size:18px;margin-bottom:5px;text-align:center;color:#555}
.news_con .time{font-size:12px;color:#999;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px;text-align:center}
.news_con .content{width:100%;color:#666;line-height:24px}
.news_con .content img{max-width:100%}




.top_barbg{height:40px}
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0;max-width: 650px;min-width: 320px; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #d1d1d1; display: block; width: 100%; height: 40px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal;background:#fff}
.top_bar .top_menu>li { width:33%; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu li a { line-height:40px; display:block; text-align:center; color:#666; text-decoration:none;-webkit-box-flex:1; }
.top_bar .top_menu li a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; }
.top_bar .top_menu>li>a img { display: inline-block; height: 20px; width: 20px; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }

/*页码样258式*/
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}

.pageNavi1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR:#e31611; BORDER-BOTTOM-COLOR:#e31611; BORDER-TOP-COLOR:#e31611; BORDER-RIGHT-COLOR:#e31611;background:#e31611; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;
}/*当前指上页码的边框色*/

.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR:#e31611; BORDER-BOTTOM-COLOR:#e31611; BORDER-TOP-COLOR:#e31611; BORDER-RIGHT-COLOR:#e31611; background:#e31611; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#e31611 1px solid;border-radius:5px;
}/*当前选中页码的背景色*