@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{ margin:0 auto; background:#fff; width:100%;}
.title{ background:url(images/jj_bg.jpg) no-repeat center; height:50px; text-align:center; line-height:25px; color:#fff; font-size:18px; letter-spacing:1px; font-weight:600; padding:15px 0;}
.title p{line-height:20px; color:#fff; font-size:13px; font-weight:normal;}
.title1{ height:50px; text-align:center; line-height:25px; color:#fff; font-size:18px; letter-spacing:1px; font-weight:600; padding:15px 0;}
.title1 p{line-height:20px; color:#fff; font-size:13px; font-weight:normal;}
.more{ margin:30px auto; width:120px; }
.more a{ background:#333; line-height:35px; color:#fff; font-size:13px; display:block; text-align:center;}
.more a:hover{ background:#E2B03D;}
.more1{ background:#424242; width:100%; padding:10px 0 30px;}
.more1 a{ border:1px solid #E2B03D; line-height:35px; color:#fff; font-size:13px; display:block; text-align:center; height:35px; width:120px; margin:auto;}
.more1 a:hover{ background:#666;}

/* 首页 */

.header{position:relative;height:60px;}
.header .logo{font-size:30px; font-weight:bold; color:#fff; line-height:58px; padding:3px 0; padding-left:5px; margin-left:10px;}

.focus{ width:100%; position:relative; overflow:hidden; border-bottom:#fff 0px solid; margin-top:1px; z-index:1;}
.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); z-index:1; }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; z-index:1; }
.focus .hd ul .on{ background:#333; z-index:1;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; z-index:1;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:1;}
 
.nav{ background:#A91E23; overflow:hidden; }
.nav ul{ }
.nav ul li{ float:left; width:25%;}
.nav ul li a{ display:block; width:100%; height:35px; border-right:#D9282D 1px solid; text-align:center; line-height:35px; color:#fff; border-bottom:1px solid #D9282D;}

#product{ overflow:hidden; background:#424242;}
.product{ margin:0px auto; padding:0px 0;}
.prolist{ margin-top:10px; 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 #666; margin:0 10px;}
.prolist ul li p{ color:#ccc; line-height:30px;}


#about{ overflow:hidden;}
.about{ padding:0px 0;}
.about .detail{ margin:20px auto;width:92%;}
.about .detail p{ line-height:220%;}
.about .pic{ margin-top:15px;}

#design{overflow:hidden;}
.design{padding:0px 0;}
.design_list{ margin-top:20px; padding:0 10px;}
.design_list ul li{ width: 45%; float: left; background:#ddd; margin:2.5%}
.design_list ul li a{ width: 100%; font-size:14px; text-align:center;}
.design_list ul li a .vimg{ width: 100%; display: block; border-radius:0%; margin:0px auto 0px;}
.design_list ul li a img{border-radius:0%;}
.design_list ul li a p{ width: 100%; line-height: 40px; color: #666; font-size:13px;}
.design_list ul li a:hover p{ color: #fff; transition:all 0.5s ease-in-out 0s; background:#666;}


#news{overflow:hidden;}
.news {padding:20px 0;}
.news .list{ margin:20px auto;width:92%;}
.news li{ line-height:30px; border-bottom:#ccc 1px solid; float:left; 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:#A91E23;}
.news .date{color:#666; font-size:11px; line-height:30px; float:right;}

#service{overflow:hidden;}
.service{ }

#foot{overflow:hidden; height:80px; text-align:center; line-height:40px; width:100%; background:#efefef;}

.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:0px auto; line-height:200%; padding:20px; width:92%}
.content img{ width:100%;}

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

/*大师作品 */
.dszp{ margin:20px auto;}
.dszplist{ margin-top:20px; padding:0 10px;}
.dszplist ul li{ float:left; width:50%; margin-bottom:10px;}
.dszplist ul li a{ display:block; width:100%; text-align:center;}
.dszplist ul li a .vimg{ display:block; padding:5px; border:1px solid #ccc; margin:0 10px;}

/* 新闻详细 */
.article_title{ font-size:18px; font-weight:bold; color:#E2B03D; 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;}
.pages a,.pages span{ border:#ddd 1px solid; padding:4px 10px; font-size:14px; margin-right:5px;}
.pages span{ background:#E2B03D; color:#fff; border:#fff 1px solid; margin-left:5px;}
.pages a:hover{ border:#E2B03D 1px solid;}