html,body{width: 100%;height: 100%;}
/* 头部 */
header img{width:100%; display:block;}

/* banner */
.banner{ position:relative; overflow:hidden; margin:0 auto ;max-width:640px;/* 设置焦点图最大宽度 */ }
.banner .hd{ position:absolute; bottom:0; right:45.5%; z-index:1;}
.banner .hd p{background-color:rgba(255,255,255,0.7); -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; height:14px; width:55px; position:absolute; top:10px; z-index:-100;}
.banner .hd ul{ margin:0 5px;}
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner .hd li.on{ background:#e00000;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li{ position:relative; text-align:center;}
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */


/* 导航 */
.nav{ margin:0 auto;  }
.nav .nav_list{ height:62px; width:auto;background:url(../images/navbj.jpg) repeat-x;font-size:16px; overflow:hidden;}
.nav .nav_list ul li{ float:left; height:37px; width:20%; text-align:center; padding:25px 0 0; vertical-align:top;  }
.nav .nav_list ul li.on a{ color:#eb0012; display:block; }
 

/* 内容 */
#content{ padding:0 0 40px; background:#fff;  }


/*案例展示*/
/*标题*/
.chalou_tt{width:100%; height:auto; margin:15px auto;}
.chalou_tt .yingwen{text-transform:Uppercase; text-align:center; font-size:0.55em;letter-spacing:3px;color:#999;}
.chalou_tt .xiantiao{ width:100%; height:1px; background:#e4e9e5;}
.chalou_tt .xiantiao span{ width:180px; height:2px; background:#eb0012; display:block; margin:0 auto;}
.chalou_tt h2{ font-size:1.2em; color:#000; text-align:center;}

/*内容*/
.chalou{ padding:0 10px 10px;}
.chalou_con li{ width:47%; position:relative; border:1px solid #e3e3e3;border-radius:5px;padding:4px;float:left; margin-bottom:1.2em;}
.chalou_con img{ width:100%;overflow:hidden; }
.chalou_con p{ font-size:14px; color:#fff; position:absolute; bottom:25px; text-indent:3%; background:rgba(0,0,0,0.5);width:95%;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis; height:30px; line-height:30px;}

.more{height:25px; line-height:27px; font-size:14px; text-align:center; width:30%; border-radius:10px; margin:0 auto 20px; border:1.5px solid #eb0012;}
.more a{color:#eb0012; }

/*茶道文化*/
.chadao{ width:100%; height:auto; position:relative;}
.chadao img{width:100%; height:auto;position:relative; display:block;}
.chadao ul{position:absolute; width:50%; height:auto; left:47%; top:3%;}
.chadao li{width:100%; float:left; line-height:27px; overflow:hidden;}
.chadao li a{  width:100%;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.chadao li a:hover{color:#eb0012;}

/*关于我们*/
.guanyu{ width:100%; height:auto; position:relative;}
.guanyu img{ width:100%; height:auto;position:relative; display:block;}
.guanyu p{ position:absolute; bottom:3%;left:14%; line-height:18px; font-size:14px; width:70%; text-align:center;}
.guanyu a:hover{color:#eb0012;}


/*装修百科*/
.zxbk{ background:#eeeeee; padding-bottom:4px;}
.zxbk img{ width:100%; height:auto;}
.zxbk ul{width:92%; margin:0 4%; background:#fff;}
.zxbk ul li{ border-bottom:1px solid #ededed;}
.zxbk ul li a{ text-indent:10px; display:block;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis; }

/*底部*/
footer{ background:url(../images/dibu_bj.jpg) no-repeat; width:100%;height:auto;background-size:100% 100%; text-align:center; font-size:14px; margin-top:-30px;padding-bottom: 20px; position:relative;}
footer p{ padding:10px 0 20px; margin-bottom:18px; line-height:25px;}
footer .tongji{ position:absolute; left:70%; bottom:40px;}

/*底部固定导航代码*/

#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; padding:0;right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto; list-style:none;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;
}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}

.toollist {background: url(../images/dibu_bjx.jpg) repeat-x;}
.toollist li{border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li a {color: #fff;}

/*=============================用户留言==================================*/

.container {width:100%;margin:0 auto 60px;position:relative;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }
#contact {margin:5px 0;}
#contact h3 {color:#f0f0f;display: block;font-size:30px;font-weight:400; border-top:5px solid #f0f0f0; padding-top:10px; text-indent:20px;}
#contact h4 {margin:5px 0 10px; color:#999;display:block;font-size:12px; line-height:20px;border-bottom:5px solid #f0f0f0;padding-bottom:10px; text-indent:20px;}
fieldset {border: medium none !important;margin:2%;padding: 0;width:96%;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {width:92%;border:1px solid #CCC;background:#FFF;margin:0 0 5px;padding:10px;}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #AAA;}
#contact textarea {height:100px;max-width:100%;resize:none;}
#contact button[type="submit"] {cursor:pointer;width:100%;border:none;background:#a50e15;color:#FFF;margin:0 0 5px;padding:10px;font-size:15px;}
#contact button[type="submit"]:hover {background:#dd030d;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }
#contact input:focus, #contact textarea:focus {outline:0;border:1px solid #999;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888;}
::-moz-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}

/*二级bannaer*/
.er_banner img{ width:100%; height:auto;}

/*=============================茶楼装修==================================*/
.chalou_anli dl{ width:47%; border:1px solid #e3e3e3;border-radius:5px;padding:4px;float:left; margin:1em 0 0.2em 0;}
.chalou_anli dt img{ width:100%;overflow:hidden; }
.chalou_anli h3{ font-size:16px; color:#333; text-indent:3%; background:#e3e3e3; width:100%;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis; height:30px; line-height:30px;}
.chalou_anli dd{font-size:14px; text-align:justify; margin:5px 0; line-height:20px; color:#999;}

/*翻页*/
.fanye{ width:100%; height:26px; line-height:26px; font-size:14px; border:1px solid #e3e3e3; margin:30px auto; text-align:center;}
.fanye a{  font-size:20px; color:#eb0012;}
.fanye .zuoce{ margin-left:20%;float:left;}
.fanye .youce{ margin-right:20%;float:right;}
/*=============================中式家装终极页==================================*/
.jiaZJ{ padding:0 3% 20px;}
.jiaZJ h4{ height:35px; background:#f0f0f0; line-height:35px; text-align:center; color:#eb0012; margin:10px auto;}
.jiaZJ p{ line-height:25px;}
.jiaZJ img{ width:100%;}

/*相关内容*/
.xgNR{ background:#f0f0f0;}
.xgNR h3 img,.zxBK h3 img{width:100%;}
.xgNR ul{ padding:0 3% 16px;}
.xgNR li{width:48%;position:relative; padding:10px 1% 15px;float:left;}
.xgNR li img{width:100%;overflow:hidden;}
.xgNR li p{ font-size:14px; color:#0f0f0f; background:#fff; position:absolute; bottom:0; text-align:center; width:96%;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis; height:30px; line-height:30px;}

/*=============================装修百科==================================*/

.zxBK ul{ background:#f0f0f0; padding:10px 3%;}
.zxBK li {line-height:1.8em;overflow:hidden;width:100%; margin:10px 0; background:#fff; }
.zxBK li img{ float:left; width:35%; margin-right:8px;}
.zxBK li h4 a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.zxBK li p{height:3em; overflow:hidden; color:#666; line-height:1.5em; padding-right:5px; margin:0px; font-size:13px;}

/*=============================装修百科终极页==================================*/
.fXD{ padding:15px 3%; height:28px; font-size:16px;border-top:10px solid #f0f0f0;border-bottom:10px solid #f0f0f0;}
.xgYD{ background:#f0f0f0;}
.xgYD h3{ height:50px; background:#fff; font-size:28px; padding:0 3%; line-height:50px;border-bottom:10px solid #f0f0f0;}
.xgYD ul{width:94%; margin:0 3%; background:#fff;}
.xgYD ul li{ border-bottom:5px solid #ededed;}
.xgYD ul li a{ text-indent:10px; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#666; }