@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:'Microsoft YaHei',Helvetica,Arial,Tahoma;min-width:320px;color:#4D4D4D; background:#232323; }


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{ width:100%; background:#000; height:50px; line-height:50px; text-align:center; position:relative;}
.top_01 h1{ text-align:center;height:50px;color:#fff; font-size:22px;}
.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{max-width:680px; min-width:240px; margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.menu{width: 100%; padding:5px 0;height:60px; line-height:30px;background:#232323;}
.menu ul li{float: left; line-height:30px; width:25%; text-align:center;}
.menu ul li a{color:#fff; font-size:16px;}




.con01{max-width:680px; min-width:240px; margin:20px auto 0 auto;}
.con01 h2{ height:35px; line-height:35px; background:url(../images/biao_03.png) center no-repeat; font-size:18px; font-weight:normal; text-align:center; color:#fff;}
.con01 .nr{ margin:10px; line-height:25px; color:#fff; font-size:16px;}
.con01 .nr p{ color:#fff; font-size:16px;}

.con02{max-width:680px; min-width:240px; margin:20px auto 0 auto;}
.con02 h2{ height:35px; line-height:35px; background:url(../images/biao_03.png) center no-repeat; font-size:18px; font-weight:normal; text-align:center; color:#fff;}
.con02 ul li{ margin:10px 2% 15px 2%; height:90px;}
.con02 ul li img{ display:block; float:left; width:26%; height:90px;}
.con02 ul li strong{ display:block; float:right; width:70%; height:25px; color:#fff; font-size:16px;}
.con02 ul li span{ display:block; float:right; width:70%; height:40px; line-height:20px; color:#fff; font-size:14px;}
.con02 ul li span a{ color:#fff; font-size:14px;}

.con03{max-width:680px; min-width:240px; margin:20px auto 0 auto; overflow:hidden;}
.con03 h2{ height:35px; line-height:35px; background:url(../images/biao_03.png) center no-repeat; font-size:18px; font-weight:normal; text-align:center; color:#fff;}
.con03 ul{}
.con03 ul li{ float:left; width:47%; margin-top:15px; margin-left:2%;}
.con03 ul li img{ width:100%; height:100px;}
.con03 ul li span{ display:block; width:100%; height:25px; line-height:25px; color:#fff; text-align:center; font-size:16px;}

.more a{ display:block; margin:20px 2%; height:25px; line-height:25px; border:#ccc solid 1px; font-size:16px; text-align:center; color:#fff;}


.foot{ margin-top:10px; border-top:#ccc solid 1px; text-align:center; padding:10px; margin-bottom:50px;}
.foot ul li{ line-height:25px; text-align:center; font-size:14px; color:#fff;}
.foot ul li a{ color:#fff; font-size:14px;}

.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#000; }
.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;text-align:center; height:29px; padding:0px;}
.side_nav dl a span img{ width:26px; height:26px; padding-top:3px;}
.side_nav dl dd a{ border-left:#555 solid 1px; height:50px;}
.side_nav dl dd{ float:left; width:20%;}
.side_nav dl dt{ float:left; width:20%;}






.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 #dcdee0; height:36px; background:#fff; line-height:36px; margin:0 10px;color:#0657a9; font-size:16px; text-align:center; background:url(../images/biao_03.gif) #fff center no-repeat;}
.title i{  padding-right:5px; font-size:14px;}
 

.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:#0657a9; color:#fff; padding:2px 5px; border-radius:3px;}