@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:18px; line-height:25px; color:#154D9F; text-align:center; margin:20px 0;}
.title span{ font-size:13px; 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;}

/* 首页 */
#head{ overflow:hidden; width:100%;}
.head{ padding-top:0px; margin:20px auto; text-align:center; font-size:30px; font-weight:bold; line-height:30px;}

.focus{ width:100%; position:relative; overflow:hidden; border-bottom:#fff 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:25%; 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:#c00;}

#procat{ overflow:hidden; background:#154D9F; padding-bottom:6px;}
.procat{}
.procat .list{ margin:0px 0;}
.procat .list ul li{width:100%; float: left;}
.procat .list ul li  a{ display: block; line-height: 22px; font-size: 14px; color: #004993;text-align:center;text-decoration: none;text-align:center; padding:3px; margin:4px; background:#fff; font-weight:bold;}
.procat .list ul li a:hover{ background:#52C3F1; display: block; line-height: 22px; font-size: 13px; color: #fff;}
.procat .list .sec{ width:50%; margin:0 auto; float: left;}
.procat .list .sec a{ line-height:22px; font-size:12px; border-bottom:0px #aaa dashed; display:block; color:#333; text-align:center;  padding:3px; margin:4px; background:#eee; font-weight:normal;}
.procat .list .sec a:hover{ color:#004993; background:#fff; font-size:12px;}


#product{ overflow:hidden; background:url(images/cp_bg.jpg) top center;}
.product{ margin:0px auto;}
.prolist{ margin-top:10px; padding:0 2px;}
.prolist ul li{ float:left; width:50%; margin-bottom:10px;}
.prolist ul li p{ font-size:12px; border:1px solid #ccc; margin:0 3px; line-height:35px;}
.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-top:10px; }
.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:#00468B;}
.news .date{color:#666; font-size:11px; line-height:30px; float:right; margin-right:10px;}

#contact{overflow:hidden; background:#00468B; 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;}

.floatfoot{ height:40px; width:100%; background:#333; overflow:hidden; border-top:#666 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:#666 1px solid; text-align:center; color:#fff; display:block; vertical-align:middle;}

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

/* 产品详细 */
.pro_c_title{width:100%;font-size:18px; font-weight:bold; color:#2F9300; 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:#00468B; 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;}