@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:12px;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif;background:#fff;} 
li, ol { list-style:none; }
table
  {
  border-collapse:collapse;
  }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft YaHei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft YaHei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:70px;overflow:hidden;position:fixed;z-index:10;width:100%; background:#e95704;}
.sp_logo{padding:10px;float:left; padding-top:5px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:5px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid; padding-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display:inline-block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{padding-left:10px;line-height:26px; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/
.main{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;background:#fff;} /*网站首页宽度*/
/*内页返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px; max-width:620px; min-width:300px; margin:0 auto;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*内页目录样式*/
/*内页返回结束*/
.main .news{width:94%; margin: auto;}
.main .news a{color: #2b2b2b;height: 3em;line-height: 3em;display: block;border-bottom: 1px solid #ccc;white-space: nowrap;overflow: hidden; background:url(../images/p.png) left center no-repeat; padding-left:15px;}
.main .prolist ul li img {width:98%;border: #e5e5e5 1px solid;}
.main .prolist ul li span{display:block; height:40px; line-height:40px; background:#eee;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.main .prolist ul li {width:49%;float: left;text-align: center; margin-right:1%; margin-bottom:30px;}
.main .prolist ul li:nth-child(2n){ margin-right:0; float:right;}
.main .prolist{ width:98%; margin:0 auto;}
.product_x{}
.product_xx{height:35px; background:#eee;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight: bold; background-color:#ff6c00;}
#product_info{ padding-top:10px;width:100%; height:auto;overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left;}/*------通用部件-----*/
/*首页标题 开始*/
.m-tit{ position:relative; text-indent:10px; height:38px; font-size:15px; line-height:38px;} /*首页产品导航样式*/
.m-tit .u-ico{ position:absolute;right:10px; top:2px; width:30px; height:38px; }  /*首页产品导航箭头样式*/
.m-tit .u-ico:before{content:"";position:absolute;width:12px;height:12px;right:5px;top:12px;z-index:10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.m-tit .u-ico:after{content:"";position:absolute;width:12px;height:12px;right:8px;top:12px;z-index:10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.u-empty { height:18px; }
/*空白 分割样式*/
/*内页分享样式*/
.m-share{ margin-bottom:23px; font-size:13px;} /*分享间距及文字大小*/
.m-share span{vertical-align:middle; line-height:25px; float:left; margin:0 10px 0 30px;} /*分享到样式*/
.m-share .m-ico{position:relative;width:320px; margin:0 auto;} /*分享外框样式*/
.m-share a{ margin-right:10px;} /*分享图标的间距*/
/*内页分享样式*/
/*底部开始*/
.g-ft{background: #fff;overflow: hidden; max-width:640px; min-width:320px; margin:0 auto; margin-bottom:70px;}
.g-ft .u-top {display: block;width: 3rem;height: 3rem; margin:0 auto; padding:2rem 0 0;}
.g-ft .u-top img{width: 3rem;height: 3rem;}
.g-ft p.copy { color:#555; font-size:1rem; text-align:center;line-height: 2rem;}
.g-ft p.copy a {color:#555; margin-right:10px;}
.g-kefu{ width:100%; background:#e95704; position:fixed; bottom:0; max-width:640px; min-width:320px; z-index:101;}
.g-kefu ul li{ width:25%; text-align:center; float:left; padding:1% 0; position:relative;}
.g-kefu ul li:after{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-kefu ul li:last-child:after{ background:none;}
.g-kefu ul li em{display:block; margin:0 auto;}
.g-kefu ul li em img{ width:30px;}
.g-kefu ul li a{ font-size:0.8rem; color:#fff;}

.CategoryList_Title {height:2.968em;line-height:2.968em;padding:0 .687em;color:#333;font-size: 1.125em;background:linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i {font-size: 1.2em;}
.icon-left{background: url(../images/leftarror.jpg) no-repeat left center;}
.icon-details{background: url(../images/list.jpg) no-repeat left center;width:5rem}
.wrap .CategoryList_Title img{width: 27px;height: 22px;vertical-align: middle;}
.wrap .CategoryList_Title a{line-height:2.968em;height:2.968em; color:#000;}
.current_nav{ color:#f37800; font-weight:bold;}
.CategoryList_Title i {color: #333;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.CategoryList_Title .icon-details {margin-right: .5em;text-align: right;}
.CategoryList_Title i {font-size: 1.1em;}
.CategoryList_Title i {color: #333;}

.caaa{ margin-bottom:30px;}
.caaa img{ max-width:100%;}
.product-list img{ max-width:100%;}