/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:0; max-width: 100%; height: auto;}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px;font-family:微软雅黑; }
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/*------------------------------------------------------ 头部开始 ----------------------------------------*/
.header{
	width:100%;height:110px;
}
.head{
	width:1200px;height:100%;margin:0 auto;
}
.head_left{
	float:left;
}
.commonWidth{
	width:930px;float:right;position:relative; z-index:99;
}
/* ------------------------ 导航栏目样式开始---------------------------*/
#navul{width:100%;margin-top:25px;}
#navul li:first-child{ background:none;}
#navul li:hover{background-color:#000;border-top-right-radius: 5px;border-top-left-radius: 5px;}
#navul li{ width:150px;float:left;line-height:50px; font-size:16px; text-align:center;position:relative;}
#navul li a{color:#000; display:block;padding:0 16px;font-size:16px;}
#navul li a:link,#navul li a:visited {color:#999;}
#navul li ol {display:none;position:absolute;z-index:10000;top:50px;left:0;background:#000;}
#navul .li1 a{padding:0;}
#navul li ol li{display:block;float:none;margin-right:0px;width:150px;height:50px;position:relative;
line-height:50px; background:none;border-top:1px solid #ffffff;}
#navul li ol a:hover {background:#d3d3d3;color:#fff}
#navul li ol a{color:#fff;}

/* 首页开始 */
/* banner轮播开始 */
/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo {width: 1200px;font-size: 14px;position:relative;}
.demo a.control {position:absolute;display: block;top: 50%;  opacity: 0.5;filter:alpha(opacity=50);margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider {display: none;}

/* js 单行文字轮播上下 */
.box{ height:35px;  overflow:hidden;}
.t_news{  background:url(../images/laba.png) no-repeat #000 30px;width:1200px;height:60px;  
          color:#fff; overflow:hidden; position:absolute;bottom:0;
		  filter:"alpha(opacity=80)";opacity:0.8
}
.t_news b{ float:left;margin-left:100px;line-height:60px; font-weight:bold; display:inline-block;color:#fdf2da;font-size:30px;}
.news_li,.swap{margin-left:20px;display:inline-block; position:absolute; top:0; left:230px;}
.news_li a,.swap a{ color:#fdf2da;font-size:30px;line-height:60px;display:block }
.swap{top:19px;}
.t_news .details {font-size:22px;background:#fefdfd;width:130px;height:40px;position:absolute;
                 line-height:40px;color:#333;display:block;border-radius:5px;top:20%;left:80%;				 
}
.t_news img{position:absolute;top:9%;left:89%;}
/* js 单行文字轮播上下 */

/*行内元素要设宽度，必须转为行元素
  使用a,为了解决 ie 浏览器中 空标签 绑定事件无效的问题
*/
/*.small_nav li a{
	text-decoration: none;	
	display: block;
	background:url(about:blank); 
}*/
/*图片轮播结束*/

/* 装修案例 */
.case{
	width:1200px;margin:60px auto;
}
.case_title{
	width:98%;margin:0 auto;height:60px;background:url(../images/title_bg.jpg) repeat-x  bottom;
}
.case_title h3{
	font-size:30px;color:#333;display:block;text-align:center;
}
.case_title span{
	font-size:30px;color:#c2c2c2;text-align:center;background-color:#fefdfd;margin-left:38%;padding:0 10px;
}
/* 装修案例选项卡 */
.news_content{
	width:98%;margin:60px auto;
}
.new{
	width:100%;
}
#tab { width:100%; height:580px; position:relative;float:left}
/*设置容器高宽等*/
/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:100px; left:0; width:98%; height:450px;}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; padding:0 50px; height:50px; line-height:50px; margin:0 0 0 0; font-size:22px; cursor:pointer; background-color:#f3efed; text-align:center; color:#666; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#tab #two1{margin-left:24%;}
#tab .up { background:#000;color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:450px;}
#tab li a h5{ display:inline; font-size:18px; text-decoration:none; text-indent:10px; margin-right:10px;color:#333333;font-weight:bold;}
#tab li a p{width:620px;height:70px;font-size:14px;color:#666666;line-height:30px;margin-top:20px;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}

#container{ width:98%; margin: 0 auto;}
#container li{ margin-right:10px;position:relative;width: 550px;border: 1px solid #ccc; height: 431px; line-height: 150px; text-align: center; float: left; cursor: pointer;  overflow: hidden;}
#container li p{ height:431px; width: 100%; position: absolute; left: 0; top: -431px; color: #ffffff;
        z-index: 2; }
#container li .img{ width: 577px; height: 431px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
#container li p span{ display: block; width: 100%;height:82px;background-color:#171717;line-height: 82px; margin-top:33%;font-size: 33px; }
#container li p a{ display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:20px; background:url("images/link.png") no-repeat 0 0;}

.case .more{width:300px;height:60px;border:2px solid #000;border-radius:5px;margin:0 auto;}
.case .more a{font-size:20px;color:#000;font-weight:bold;text-align:center;line-height:60px;display:block}

/*----------------------------------------------------------------- 产品页面开始 ----------------------------------------------*/
#slideshow{position:relative;height:500px;width:930px;margin:0 auto;}
#slideshow a{float:left;display:inline;}
#slideshow .img{position:absolute;width:930px;height:500px;overflow:hidden}
#slideshow .img span{position:absolute;width:19999px;display:block}
#slideshow .btns{z-index:10;position:absolute;width:930px}
#slideshow .btns b{position:absolute;width:100px;display:block;height:14px;overflow:hidden;top:475px;left:50%}
#slideshow .btns b i{width:10px;background:#414140;float:left;height:10px;font-size:0px;overflow:hidden;cursor:pointer;margin-right:6px;border:#414140 2px solid;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
#slideshow .btns b i:hover{background:#a7a7a6}
#slideshow .btns b i.on{background:#3cd2f1;cursor:default}
#slideshow .btns b i.on:hover{background:#3cd2f1;cursor:default}
#slideshow .btns s{position:absolute;width:60px;display:none;height:80px;overflow:hidden;top:215px;cursor:pointer}
#slideshow .btns s i{position:absolute;width:60px;background:url(../images/btn_slideshow.png);height:160px;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="../images/btn_slideshow.png");_background:none;}
#slideshow .btns s.prev{left:0px}
#slideshow .btns s.prev i{top:-80px}
#slideshow .btns s.next{right:0px}
.paging{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;height:500px;position:absolute;background:#000;overflow:hidden}
/*----------------------------------------------------------------- 产品页面结束 ----------------------------------------------*/

/*----------------------------------------------------------------- 家具页面开始 ----------------------------------------------*/
#tab1 { width:100%; height:550px; position:relative;float:left}
/*设置容器高宽等*/
/*兼容IE6:IE6下宽度不够*/
#tab1 div { position:absolute; top:100px; left:0; width:98%; height:450px;}
/*设置容器高宽等*/

#tab1 p{width:540px;height:100%;font-size:15px;color:#666;line-height:35px;float:left;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab1 .block { display:block;width:100%;}
/*选中的容器*/
#tab1 h3 { float:left; padding:0 30px;height:50px; line-height:50px; margin:0 0 0 0; font-size:18px; cursor:pointer; text-align:center; color:#666; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#tab1 h3:hover{border-bottom:2px solid #c79018;color:#c79018;}
#tab1 #two1{margin-left:17%;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab1 ul { list-style:none; padding:0; height:460px;}
#tab1 li a h5{ display:inline; font-size:18px; text-decoration:none; text-indent:10px; margin-right:10px;color:#333333;font-weight:bold;}
#tab1 li a p{width:620px;height:70px;font-size:14px;color:#666666;line-height:30px;margin-top:20px;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}

#tab1 #banner_slider{
	position: relative;/*设置成一个参考点，按钮，导航作绝对定位*/
	/*border: 1px solid red;*/
	width: 575px;
	height: 450px;/*高度自动获取，js方式，也可以给默认的*/
	z-index:1;
    margin-top:-100px;
	float:right;
}
/*图片列表：使用绝对定位，堆叠在一起*/
#tab1 #banner_slider .pic_list{
	width: 100%;/*图片所在的盒子的宽度，ie 不写，图片无法自适应*/
	position: relative;
} 
#tab1 #banner_slider .pic_list li{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	/*默认 先让所有的图片都不显示，然后让我选择的图片显示（其实就是改变选中的图片的z-index 的值）*/
}
#tab1 #banner_slider .pic_list li img{
	width:100%;height:450px;
}
/*小导航*/
#tab1 #banner_slider .small_nav{
	height: 13px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 3;
}
#tab1 #banner_slider .small_nav li{
	/*1个 li 实际宽：15+5+5+1+1 */
	float: left;
	margin: 0px 6px;
	text-align: center;
	width:13px;
	height:13px;
	cursor:pointer;
}
/*----------------------------------------------------------------- 家具页面结束 ----------------------------------------------*/

/*----------------------------------------------------------------- 经典案例开始 ----------------------------------------------*/
#tab2 { width:100%; position:relative;float:left}
/*设置容器高宽等*/
/*兼容IE6:IE6下宽度不够*/
/*设置容器高宽等*/

#tab2 p{width:1200px;height:100%;font-size:15px;color:#666;line-height:35px;float:left;}
#tab2 p img{width:555px;float:left;margin-right:20px;margin-bottom:20px;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab2 .block { margin-top:100px; width:100%;}
/*选中的容器*/
#tab2 h3 {float:left; height:50px; line-height:50px; padding:0 30px;margin:0 0 0 0; font-size:18px; cursor:pointer; text-align:center; color:#666; font-family:Microsoft YaHei;font-weight:normal;}
#tab2 h3:hover{border-bottom:2px solid #c79018;color:#c79018;}
/*默认标题样式*/
/*选中的标题样式*/
/*修饰列表内容*/
#tab2 ul { list-style:none; padding:0;}
#tab2 ul li{cursor:pointer;width:380px;height:300px;position:relative;float:left;margin-bottom:30px;margin-right:10px;}
#tab2 ul li img{width:100%;height:100%;float:left;} 
#tab2 ul li a{display:none;width:100%;height:50px;font-size:16px;display:block;text-align:center;line-height:50px;opacity: 0.6;filter:alpha(opacity=60);position:absolute;bottom:0;background-color:#000;color:#fff;}
#tab2 li a h5{ display:inline; font-size:18px; text-decoration:none; text-indent:10px; margin-right:10px;color:#333333;font-weight:bold;}
#tab2 li a p{width:620px;height:70px;font-size:14px;color:#666666;line-height:30px;margin-top:20px;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}
#tab2 h1{font-size:20px;float: left;margin-top: 15px;margin-left: 17%;margin-right: 20px}
/*----------------------------------------------------------------- 经典案例结束 ----------------------------------------------*/

/*----------------------------------------------------------------- 新闻列表开始 ----------------------------------------------*/
#tab3 { width:100%; height:780px; position:relative;float:left}
/*设置容器高宽等*/
/*兼容IE6:IE6下宽度不够*/
#tab3 #con_two_1,#tab3 #con_two_2,#tab3 #con_two_3{ position:absolute; top:100px; left:0; width:98%; height:450px;}
/*设置容器高宽等*/
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab3 .block { display:block;width:100%;}
/*选中的容器*/
#tab3 h3 { float:left; padding:0 30px;height:50px; line-height:50px; margin:0 0 0 0; font-size:18px; cursor:pointer; text-align:center; color:#666; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#tab3 #two1{margin-left:35%;}
#tab3 .up { border-bottom:2px solid #c79018;color:#c79018;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab3 ul { list-style:none; padding:0; }
#tab3 li{width:100%;height:125px;border-bottom:1px dashed #d1d0d0;padding-bottom:25px;margin-bottom:25px;}
#tab3 li img{float:left;margin-right:20px;}
#tab3 li .middle{width:420px;height:125px;float:left;}
#tab3 li .middle h4{font-size:16px;color:#333;margin-bottom:20px;}
#tab3 li .middle p{width:100%;height:100%;font-size:14px;line-height:30px;overflow:hidden;}
#tab3 li .middle p a{color:#666;}
#tab3 li .right{float:right;width:122px;height:125px;padding-top:25px;}
#tab3 li .right h4{font-size:16px;color:#333;margin-bottom:30px;}
#tab3 li .right a{font-size:16px;color:#fff;width:100%;height:31px;display:block;background:url(../images/icon6.jpg) no-repeat;text-align:center;line-height:31px;}
/*----------------------------------------------------------------- 新闻列表结束 ----------------------------------------------*/

/*----------------------------------------------------------------- 底部样式开始 ----------------------------------------------*/
.bottom{
	width:100%;height:50px;background-color:#171717;min-width:1200px;max-width:1920px;
}
.bottom ul{
	width:1200px;height:50px;margin:0 auto;
}
.bottom ul li{
	float:left;margin-left:10px;height:50px;
}
.bottom ul li span{
	line-height:50px;color:#454545;font-size:16px;
}
.bottom ul li a{
	line-height:50px;font-size:16px;color:#454545;
}

.footer{
	width:100%;height:185px;background-color:#454545;min-width:1200px;max-width:1920px;
}
.foot{
	width:1200px;height:185px;margin:0 auto;
}
.footer_left{
	float:left;
}
.footer_left p{
	font-size:14px;margin-top:15px;margin-left:15px;color:#fefefe
}
.footer_middle{
	width:420px;height:135px;margin-left:70px;margin-right:75px;border-left:1px dashed #bcbcbc;float:left;margin-top:25px;padding-left:80px;
}
.footer_middle img{
	float:left;margin-right:15px;
}
.footer_middle h1,.footer_middle h2,.footer_middle h3,.footer_middle h4,.footer_middle h5{
	font-size:16px;color:#fefefe;margin-bottom:15px;
}
.footer_middle h2 {
	float:left;margin-right:25px;width:100px;
}
.footer_rigth{
	height:135px;width:115px;float:left;margin-top:25px;
}
.footer_rigth img{
	margin-left:5px;
}
.footer_rigth p{
	font-size:16px;color:#fefefe;margin-top:15px;text-align:center;
}