@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,i,img{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:' ',Helvetica,Arial,Tahoma;min-width:240px;color:#4D4D4D; background:#f4f4f4; }
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; }

.header{ background:#a7a7a7;}

/*banner*/
.box_swipe { overflow: hidden; position: relative; max-width:680px; min-width:240px; margin:0 auto; }
.box_swipe ul{ -webkit-padding-start: 0px; margin-top: -5px; z-index:1; position:relative;}
.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; }


.about{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;}
.about .con{ padding:10px; background:#fff;border-left: 1px solid #dcdee0; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.title{border: 1px solid ##a7a7a7; height:36px; background:#fff; line-height:36px; margin:0 10px;color:#a7a7a7; font-size:16px; text-align:center; background:url(../images/biao_03.gif) #fff center no-repeat;}
.title i{  padding-right:5px; font-size:14px;}
.more{ height:36px; line-height:36px; text-align:center;border: 1px solid #dcdee0; height:36px; background:#fff; margin:0 10px;}
.more a{ display:block;color:#a7a7a7;}
.more i{ padding-left:5px; font-size:18px;}

.product_list{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;}
.product_list .con{ padding:10px 0; background:#fff;border-left: 1px solid #dcdee0; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.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;}

.news{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;line-height:20px;}
.news .con{padding:10px 0; background:#fff;border-left: 1px solid #dcdee0; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.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;}

.contact{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;}
.contact .con{padding:10px 0; background:#fff;border-left: 1px solid #dcdee0;border-bottom: 1px solid #dcdee0;  line-height:24px;border-right: 1px solid #dcdee0; margin:0 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:#109e25; color:#fff; padding:2px 5px; border-radius:3px;}

.foot{ background:#fafafa; margin-top:10px; border-top:#ccc solid 2px; text-align:center; padding:10px 0; padding-bottom:60px;}
.foot dl dt{ height:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.foot dl dd{ font-size:12px; color:#999; line-height:20px; height:20px;}
.foot dl dd a{font-size:12px; color:#999;}

.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#a7a7a7; }
.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{ height:50px; border-left:#a7a7a7 solid 1px;}
.side_nav dl dd{ float:left; width:25%;}
.side_nav dl dt{ float:left; width:25%;}