@charset "utf-8";

/* 全局样式 */
*{ margin:0; padding:0; list-style:none;}
body{color:#333; line-height:1.5em; background:#fff; font-size:14px; font-family:"Microsoft YaHei","STHeiti Light",Arial,"SimSun";}
a{ color:#333; text-decoration:none;}
img{ border:none; -ms-interpolation-mode:bicubic;}
body{ max-width:640px; min-width:320px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.layount{ padding:0 10px; margin:0 auto;}
.title{ height:30px; font-size:20px; line-height:25px; color:#c00; text-align:center; margin:20px 0; font-weight:bold;}
.title span{ font-size:14px; color:#666; font-weight:normal;}
.title1{ height:30px; font-size:18px; line-height:25px; color:#fff; text-align:center; margin:20px 0;}
.title1 span{ font-size:13px; color:#ccc; font-weight:normal;}
.more{ background:#c00; width:26%; border-radius:15px; margin:20px auto; font-weight:normal;}
.more a{height:30px; line-height:30px; color:#fff; font-size:12px; display:block; text-align:center;}

/* 首页 */
.top{ background:url(images/icon_tel.png) no-repeat 10px 6px #333; height:30px; line-height:30px; color:#999; font-size:13px; padding-left:30px;}
.header{position:relative;height:60px;background:#fff;}
.header .logo{font-size:30px; font-weight:bold; color:#333; background:url(images/logo.png) left no-repeat;line-height:58px; padding:3px 0; padding-left:55px; margin-left:10px;}

.focus{ width:100%; position:relative; overflow:hidden; border-bottom:#333 1px solid; margin-top:1px;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#333;  }
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
 
.nav{ height:80px; background:#154D9F; overflow:hidden; }
.nav ul{ }
.nav ul li{ float:left; width:20%; border-bottom:1px solid #06c;}
.nav ul li a{ display:block; width:100%; height:40px; border-right:#06c 1px solid; text-align:center; line-height:40px; color:#fff; font-size:16px;}
.nav ul li a:hover{ color:fff; background:#4EAB27;}

.cul{ background:#333; padding:20px 30px; color:#}

#procat{ overflow:hidden; background:#333; padding-bottom:6px;}
.procat{}
.procat .list{ margin:0px auto; width:92%;}
.procat .list ul li{ float: left; width:50%; margin:auto;}
.procat .list ul li a{ display: block; font-size: 13px; color: #333;text-align:center;text-decoration: none;text-align:center; line-height:30px; padding:3px; margin:10px; background:#fff;}
.procat .list ul li a:hover{ background:#fff; display: block; line-height: 30px; font-size: 13px; color: #c00;}


#product{ overflow:hidden; background:url(images/cp_bg.jpg) top center;}
.product{ margin:0px auto;}
.prolist{ margin:10px auto; padding:0 2px; width:90%;}
.prolist ul li{ float:left; width:50%; margin: 0 auto 20px;}
.prolist ul li p{ font-size:12px; border:1px solid #ccc; margin:0 3px; line-height:35px; background:#fff;}
.prolist ul li a{ display:block; width:100%; text-align:center;}
.prolist ul li a .vimg{ display:block; padding:5px; border:1px solid #ccc; margin:5px;}

#about{ overflow:hidden;}
.about{ margin:20px 0; }
.about .pic{ margin:10px 0;}
.about p{ line-height:180%;}
.about .pic{ margin-top:15px;}

#shop{ margin:10px auto;overflow:hidden;}
.shop { margin-top:10px;}

#news{ margin:10px auto;overflow:hidden; background:#f0f0f0;}
.news { margin-top:10px;}
.news li{ line-height:30px; float:left; width:100%; margin-bottom:7px; border-bottom:1px solid #ccc;}
.news li a{ line-height:2em; font-size:14px; color:#333; text-decoration:none; margin-left:10px;}
.news li a:hover{ line-height:2em; font-size:14px; color:#c00;}
.news .date{color:#666; font-size:11px; line-height:30px; float:right; margin-right:10px;}

#contact{overflow:hidden; background:#333; padding:10px 0;}
.contact{ font-size:15px; color:#fff; line-height:180%; text-align:center; font-weight:bold;}
.contact p{ font-size:25px; color:#fff; line-height:150%; text-align:center;}

#foot{overflow:hidden; height:80px; text-align:center; line-height:40px; width:100%; background:#eee; border-top:1px solid #999;}

.floatfoot{ height:40px; width:100%; background:#c00; overflow:hidden; border-top:#FF2828 1px solid; position:fixed; bottom:0px; left:0px; z-index:999;  }
.floatfoot ul{}
.floatfoot ul li{ float:left; width:33.33%; text-align:center; line-height:40px;}
.floatfoot ul li a{ display:block; width:100%; height:40px; padding-top:5px; border-right:#FF2828 1px solid; text-align:center; color:#fff; display:block; vertical-align:middle;}

/* 内页 */
.content{ margin:10px auto; line-height:180%; width:95%;}
.content img{ width:100%;}

/* 产品详细 */
.pro_c_title{width:100%;font-size:18px; font-weight:bold; color:#c00; text-align:center; margin-bottom:20px;}
.pro_c_detail { border-top:1px #999 dashed; padding:10px 0; font-size:14px;}
.pro_c_detail img { height: auto; width: auto\9; width:100%; }

/* 新闻详细 */
.article_title{ font-size:18px; font-weight:bold; color:#c00; text-align:center; margin-bottom:10px;}
.article_title p{ text-align:center; font-size:12px; color:#999; line-height:30px; font-weight:normal;}
.news_article_box{ line-height:180%; font-size:14px;}

/*分页*/
.pages{ overflow:hidden; line-height:50px; padding:10px; width:95%; margin:auto;}
.pages a,.pages span{ border:#ddd 1px solid; padding:4px 10px; font-size:14px; margin-right:5px;}
.pages span{ background:#666; color:#fff; border:#666 1px solid; margin-left:5px;}
.pages a:hover{ border:#666 1px solid;}