@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 20px; margin:0 auto;}
.title{ background:url(images/tit_bg.png) no-repeat center bottom; line-height:30px;color:#333; text-align:center; font-size:18px; height:40px; font-weight:bold;}
.title p{ line-height:20px; color:#999; font-size:12px; text-align:center;}
.more{ width:25%; margin-top:20px; margin: 20px auto; height:35px;}
.more a{ line-height:35px; color:#fff; font-size:13px; border-radius:px; display:block; text-align:center; border:1px solid #fff;}
.more1{ width:25%; margin: 0px auto; height:35px; padding-top:20px;}
.more1 a{ background:#c00; line-height:35px; color:#fff; font-size:12px; border-radius:0px; display:block; text-align:center;}

/* 首页 */
#head{ overflow:hidden; width:100%; background:#000;}
.head .logo{ text-align:center; text-align:center;}
.head .tel{ font-size:14px; color:#99FFFF;}

.focus{ width:100%; position:relative; overflow:hidden; }
.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(0,73,147,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#000;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 73, 147, 0); }
 
.nav{ background:#06c; overflow:hidden; }
.nav ul{ border-bottom:0px solid #0040AA;}
.nav ul li{ float:left; width:25%;}
.nav ul li a{ display:block; width:100%; height:40px; border-right:#005BB7 1px solid; text-align:center; line-height:40px; color:#fff; border-bottom:#005BB7 1px solid;}

.youshi{ background: url(images/icon01.png) no-repeat left; padding-left:60px; line-height:30px; color:#333; font-size:15px; margin:20px 10px; border-bottom:1px solid #ccc;}
.youshi p{line-height:30px; color:#666; font-size:12px;}
.youshi1{ background: url(images/icon02.png) no-repeat left; padding-left:60px; line-height:30px; color:#333; font-size:15px; margin:20px 10px; border-bottom:1px solid #ccc;}
.youshi1 p{line-height:30px; color:#666; font-size:12px;}
.youshi2{ background: url(images/icon04.png) no-repeat left; padding-left:60px; line-height:30px; color:#333; font-size:15px; margin:20px 10px; border-bottom:1px solid #ccc;}
.youshi2 p{line-height:30px; color:#666; font-size:12px;}

#procat{ overflow:hidden;}
.procat{ background:#c00; height:100px; margin-top:1px;}
.procat .k{ width:70%; margin:auto; background:url(images/vg_k4rg.png) no-repeat 0px 20px; padding-left:70px; color:#fff; font-size:18px; padding-top:25px;}
.procat .k p{ color:#fff; font-size:13px; line-height:30px;}


#product{ overflow:hidden; background:url(images/cpbg.png) no-repeat top center #efefef;}
.product{ margin:0px auto;}
.prolist{ margin-top:20px; padding:0 10px;}
.prolist ul li{ float:left; width:50%; margin-bottom:10px;}
.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:0 10px;}
.bott{ background:url(images/cpbg1.png) no-repeat bottom center #efefef; height:150px;}

#order{ overflow:hidden; background:#fff;}
.order{ background:url(images/dd_bg.jpg) #ffffff no-repeat center; color:#fff; font-size:13px; line-height:26px; padding:10px 2% 10px 50%; height:212px;}

#about{ overflow:hidden; margin-top:40px; }
.about{ }
.about .detail{ background:#fff; padding:20px;}
.about .detail p{ line-height:180%; color:#333;}
.about .pic{}

#news{ margin:40px auto 0;overflow:hidden;}
.news { margin-top:20px; }
.news li{ line-height:30px; border-bottom:#ccc 1px dashed; width:100%;}
.news li a{ line-height:2em; font-size:14px; color:#333; text-decoration:none;}
.news li a:hover{ line-height:2em; font-size:14px; color:#C00;}
.news .date{color:#666; font-size:11px; line-height:30px; float:right;}

#contact{overflow:hidden;}
.contact{ background:#06c; padding:20px 0;}
.contact p{ font-size:15px; line-height:40px; color:#fff; text-align:center; border-bottom:1px dashed #ccc; width:90%; margin:0px auto; padding:20px 0 5px;}

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

.floatfoot{ height:40px; width:100%; background:#036; overflow:hidden; border-top:#06c 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:#06c 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:#333; text-align:center; margin-bottom:10px; border-bottom:1px #999 dashed; line-height:40px;}
.pro_c_title_img{ margin:20px auto; text-align:center;}
.pro_c_detail { border-top:0px #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:#333; text-align:center; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.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;}
.pages a,.pages span{ border:#ddd 1px solid; padding:2px 5px; font-size:13px; margin-right:5px;}
.pages span{ background:#666; color:#fff; border:#666 1px solid; margin-left:5px;}
.pages a:hover{ border:#666 1px solid;}