@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:#f5f5f5;}
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:#ce2122; height:50px; line-height:50px; position:relative;}
.top_01 h1{ text-align:center; 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;}

.con img{max-width:100%;    height: auto !important;}
/*menu start*/
.menu{max-width:680px; min-width:240px; margin:0 auto; background:#f2f2f2; padding:10px 0;}
.menu ul li{ float:left; width:25%; height:30px; text-align:center; line-height:30px;}
.menu ul li a{ color:#000; display:block; font-size:16px;}
/*menu end*/

.main1{ box-shadow:0 0 2px -1px rgba(0,0,0,.5),0 .25rem 0rem -.3rem rgba(0,0,0,.1); background:#fff; padding:10px 0; border-radius:10px; margin:0 5px;}
.main2{ background:url(../images/lxbg.jpg) center bottom no-repeat; background-size:cover; padding:10px 0; border-radius:10px; margin:0 5px;}
.main3{ box-shadow:0 0 2px -1px rgba(0,0,0,.5),0 .25rem 0rem -.3rem rgba(0,0,0,.1); background:#fff; padding:10px 0 0 0; border-radius:10px; margin:0 5px;}

.about{max-width:680px; min-width:240px; margin:10px auto;overflow:hidden;}
.about h2{ height:20px; line-height:20px; margin:0 10px; border-left:#ce2122 solid 5px; color:#ccc; font-weight:normal;}
.about h2 strong{ font-size:18px; color:#ce2122; padding-left:10px; font-weight:normal;}
.about h2 span{ color:#ccc; font-size:16px; font-weight:normal;}
.about h2 a{ font-size:14px; font-weight:normal; float:right; color:#ce2122;}
.about .nr{ margin:10px 0; line-height:25px; padding:0 10px;}
.about .nr img{ float:left; width:28%; margin-right:10px;}
.about .nr p{ color:#333; font-size:16px;}
.about .nr a{ color:#ce2122; font-size:16px;}

.anli{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden;}
.anli .left{ float:left; width:46%; margin-left:10px;}
.anli .left img{ width:100%; height:140px; display:block; margin-bottom:10px;}
.anli .right{ float:right; width:46%; margin-right:10px;}
.anli .right img{ width:100%; height:140px; display:block; margin-bottom:10px;}

.new{max-width:680px; min-width:240px; margin:10px auto; }
.new h2{ height:20px; line-height:20px; margin:0 10px 5px 10px; border-left:#ce2122 solid 5px; color:#ccc; font-weight:normal;}
.new h2 strong{ font-size:18px; color:#ce2122; padding-left:10px; font-weight:normal;}
.new h2 span{ color:#ccc; font-size:16px; font-weight:normal;}
.new h2 a{ font-size:14px; font-weight:normal; float:right; color:#ce2122;}
.new ul li{ height:40px; line-height:40px; border-bottom:#ccc dashed 1px;}
.new ul li strong{ font-size:16px; color:#333; padding-left:10px; font-weight:normal;}
.new ul li img{ display:block; float:right; width:18px; height:18px; margin-top:11px; margin-right:10px;}


.contact{max-width:680px; min-width:240px; margin:0 auto;}
.contact h2{ height:35px; line-height:35px; margin:0 10px 5px 10px; font-weight:normal; margin:0 10px; border-bottom:#fff solid 1px;}
.contact h2 strong{ font-size:18px; color:#ce2122; padding-left:10px; font-weight:normal;}
.contact h2 span{ color:#ccc; font-size:16px; font-weight:normal; padding-left:10px;}










.contact ul li{ height:40px; line-height:40px; margin:0 10px;}
.contact ul li img{ float:left; display:block; width:24px; height:24px; margin-top:8px;}
.contact ul li span{ float:left; font-size:16px; color:#fff; padding-left:10px;}
.contact ul li strong{ padding-left:34px; font-size:18px; color:#fff;} 




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









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


.titlexxx{border: 1px solid #dcdee0; height:36px; background:#fff; line-height:36px; margin:0 10px;color:#ce2122; font-size:16px; text-align:center; background:url(../images/biao_03.gif) #fff center no-repeat;}