@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:'',Helvetica,Arial,Tahoma;min-width:320px;color:#4D4D4D; background:#e3e4e6; }
a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

/*公司名称和电话*/
.top_01{ background:#E94E45; height:44px; line-height:44px; position:relative;}
.top_01 h1{ text-align:center; color:#fff; font-size:16px; font-weight:500;}
.top_01 a{ position:absolute; background: url(../images/biao_01.png) center no-repeat; width:42px; height:42px; right:10px; top:1px; display:block;}


/*menu start*/
.menu{background:#343434; padding:10px 0;}
.menu ul li{ float:left; width:25%; height:24px; text-align:center; line-height:24px;}
.menu ul li a{ color:#fff; display:block;}
.menu ul li a:hover{ background:#222;}
/*menu end*/

/*banner*/
.box_swipe { overflow: hidden; position: relative; }
.box_swipe ul{ -webkit-padding-start: 0px; margin-top: -5px; }
.box_swipe > ol{ height: 20px; position: relative; z-index: 10; margin-top: -20px; text-align: right; padding-right: 15px; background-color: rgba(0,0,0,0.3); }
.box_swipe > ol > li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.box_swipe > ol > li.on { background-color: #ffffff; }

.title{ height:38px; border-top:#E94E45 solid 2px; background:#fff; padding:0 10px; color:#E94E45; line-height:38px; font-size:16px; font-weight:bold; border-bottom:#eee solid 1px;}
.title span{ float:left;}
.title a{ float:right; display:block;}
.title a i{ font-size:24px;}
.more{ height:38px; border:#eee solid 1px; line-height:38px; margin:10px; text-align:center;border-radius:3px;}
.more a{ display:block; background:#fff; color:#E94E45;}

.product_list{background:#fafafa; margin-top:10px; padding-bottom:10px; overflow:hidden;}
.product_list ul{ padding:5px;}
.product_list ul li{ width:50%; float:left;}
.product_list ul li a{ display:block;}
.product_list ul li span{ display:block; vertical-align:middle;border:solid #eee 1px;background:#fff; text-align:center;min-height:150px; margin:0 5px; border-radius:5px; overflow:hidden;}
.product_list ul li span table tr td{ height:150px; vertical-align:middle;}
.product_list ul li span img{ max-height:150px; max-width:100%;vertical-align:middle;}
.product_list ul li strong{ display:block; height:24px; line-height:24px; font-weight:normal; text-align:center;}

.about{background:#fafafa; margin-top:10px; padding-bottom:10px; overflow:hidden;}
.about_con{ padding:5px 10px;}

.contact{ background:#fafafa;margin-top:10px;}
.contact dl{ padding:5px 10px;}
.contact dl dd{ border-bottom:#eee solid 1px; line-height:20px; padding:5px 0px;}
.contact dl dd strong{ font-weight:normal;}
.contact dl dd span{ color:#333;}
.contact dl dd span a{ background:#E94E45; color:#fff; padding:2px 5px; border-radius:3px;}

.footer{ background:#fafafa; margin-top:10px; border-top:#ccc solid 2px; text-align:center; padding:10px 0; padding-bottom:60px;}
.footer dl dt{line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.footer dl dd{ font-size:12px; color:#999; line-height:20px; height:20px;}
.footer dl dd a{font-size:12px; color:#999;}
.side_nav{ height:50px; z-index:99;
background-image: -moz-linear-gradient(top, #333, #222); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #222)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222', GradientType='0'); /* IE*/
 position:fixed; bottom:0; width:100%; overflow:hidden; }
.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#343434; }
.side_nav dl{ text-align:center; height:50px;}
.side_nav dl a{ display:block; color:#fff; font-size:12px; height:50px; }
.side_nav dl a span{ display:block; padding-top:5px;text-align:center;}
.side_nav dl dd a{ border-left:#555 solid 1px; height:50px;}
.side_nav dl dd{ float:left; width:25%;}
.side_nav dl dt{ float:left; width:25%;}



.news{background:#fafafa;margin-top:10px; padding-bottom:10px;}
.news{ line-height:20px;}
.news ul li{ margin:0 10px; border-bottom:#eee solid 1px; padding-top:8px; padding-bottom:3px;}
.news ul li span{ display:block; height:20px; line-height:20px; font-size:10px; color:#aaa;}