@charset "utf-8";
body{ padding:0px; margin:0px auto; font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; color:#333; min-width:300px; max-width:640px; -webkit-text-size-adjust:none; background:#ededed;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#5c5c5d; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; border:0; max-width:100%; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} /*为IE8以下的浏览器定义块*/
.Texthide{ display:none;}
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.tbl-type {display: table;	width: 100%}
.tbl-cell {	display: table-cell;	vertical-align: top;text-align: center}

.Contain{ background:#ededed;}
.Content{ padding:2%; background:#ededed;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:1.4em;}


/**/
header{ padding:2%; position:relative; background:#FFF;}
header .logo{ width:50%; float:left;}
header .logo img{ width:100%;}
header .home{ float:left; padding-top:2%;}
header .home img{ height:22px;}
header .name{ position:relative; position:absolute; left:35%; top:25%; color:#1f252b; font-size:2em; font-weight:bold;}
header .btn{ width:8.33%; position:relative; padding-top:2%; z-index:2; float:right;}
header .NavMenu{ display:none; background:url(../images/NavBg.png) repeat left top; position:absolute; right:0px; top:0px; z-index:1; padding:25% 15% 10%;}
header .NavMenu li{ padding:5% 0;}
header .NavMenu li a{ font-size:1.6em; display:block; color:#FFF; font-weight:bold;}

footer{ border:none; background:#7f2d1e; width:100%; margin-top:1em;}
.navbar{  text-align:center;}
.navbar ul{ line-height:2em;}
.navbar li{ float:left; width:25%;}
.navbar li a{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.4em; color:#fff; font-size:1.6em; border-left:0.1em solid #7E2323; padding-left:8%; padding:0.8em 0;}
.navbar li a.first{ border-left:none; padding-left:0;}
.navbar li a img{ max-width:43px; width:50%;}

/**/
.H_ban{ margin:0px; padding:0px; position:relative;}
.H_ban img{ width:100%;}
.H_ban li{ position:relative; text-align:center; line-height:0px; }
.H_ban .hd{ text-align:center; position:absolute; bottom:15px; width:100%; height:11px; z-index:100;}
.H_ban .hd a{ display:inline-block; width:10px; height:10px; line-height:140px; overflow:hidden; margin:0 1px; background:url(../images/H_banNum.png) no-repeat right top;}
.H_ban .hd a.on{ background:url(../images/H_banNum.png) no-repeat left top;}
.H_ban #ban_next{ background:url(../images/H_banBtn.png) no-repeat right top; display:block; width:28px; height:28px; cursor:pointer; position:absolute; left:50%; bottom:40px; z-index:51; margin-left:-14px;}

.H_menu{ padding:5% 0; background:#FFF; margin:2% 0;}
.H_menu li{ float:left; width:18%; overflow:hidden; float:left; padding:0 1%;}
.H_menu li a{ display:block; text-align:center; font-size:1.3em; font-weight:bold;}
.H_menu li img{ width:100%; padding-bottom:5%;}
.H_menu li.C1{ background:#f4a100;}
.H_menu li.C2{ background:#e8792f; float:right;}
.H_menu li.C3{ background:#f16455;}
.H_menu li.C4{ background:#e8c211; float:right;}

.H_ad{}
.H_ad li{ float:left; width:33.3%;}
.H_ad li img{ width:100%;}





/**/
.MoreBtn{ clear:both; text-align:center; font-size:1.4em; padding:2% 0;}
.MoreBtn a{ background:url(../images/MoreBtn.jpg) no-repeat center bottom; padding-bottom:12px; color:#999;}

.Product_list{}
.Product_list li{ width:49%; float:left; position:relative; margin:1% 0;}
.Product_list li .pic{}
.Product_list li .pic img{ width:100%;}
.Product_list li span{ position:absolute; right:0; bottom:0; width:96%; text-align:center; background:url(../images/Product_liBg.png) repeat left top; padding:2%;}
.Product_list li span a{ color:#FFF; font-size:1.6em;}
.Product_list li.End{ float:right;}

.Banner{ margin:0px; padding:0px; position:relative;}
.Banner img{ width:100%;}
.Banner li{ position:relative; text-align:center; line-height:0px; }
.Banner .hd{ text-align:center; position:absolute; bottom:15px; width:100%; height:11px; z-index:100;}
.Banner .hd a{ display:inline-block; width:9px; height:10px; line-height:140px; overflow:hidden; margin:0 1px; background:url(../images/P_btn.png) no-repeat right top;}
.Banner .hd a.on{ background:url(../images/P_btn.png) no-repeat left top;}

.News_list{ background:#FFF; padding:2%;}
.News_list li{ padding:2% 0%; margin-top:2%; border-bottom:solid 1px #ccc;}
.News_list li a{ width:100%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/Icon_news.jpg) no-repeat right center;}

.News_info{}
.News_info .h1{ font-size:1.4em; text-align:center;}
.News_info time{ border-bottom:1px solid #ddd; text-align:center; display:block; font-size:1.2em; color:#C4C4C6;}

.Info_title{ text-align:center; font-weight:normal; padding:4% 0 2%; margin:0; font-size:2.2em;}
.Info_time{ text-align:center; font-weight:normal; padding:1% 0 2%; margin:0; font-size:1.5em; color:#666;}
.Info_txt{ padding:1% 0 1% 0; font-size:1.4em;}
.Info_bg{ background:#fff; padding:3%;}



/**/
.Pages{ padding:3.75% 0; text-align:center;}
.Pages a{ margin-left:0.5%; background:#CC9752; border-radius:3px; display:inline-block; padding:1% 3%; color:#fff; font-size:1.2em;}

@media screen and (max-width:320px){

	}