@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060; background:#fff; -webkit-text-size-adjust:none;}
a{ color:#464646; text-decoration:none;}
a:hover{ color:#11578b; text-decoration:none;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:20px;}
.br-bg{}
.editor{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:18px;}
/*.editor p,.editor li,.editor div{ text-indent:2em;}*/
/*头部*/
*,body,ul,li,a{ padding:0px; margin:0px; text-decoration:none; list-style-type:none;  font-family:"微软雅黑","宋体"; border:none;}
.clear{ clear:both;}
.wrap_top{ height:30px;background: url("../top_bg.png")no-repeat center; width:100%; min-width:1200px;}
.inner{ margin:0px auto; width:1200px;}
.wrap_top .top_title{font-size:12px; line-height:30px; color:#FFF;}
.top_fd{width: 100%;position: fixed; z-index:5;top: 0;min-width: 1200px;height: 167px;border-bottom: 1px solid #3bb3c3;background:white;}
.top_l{float: left}
.top_r{float: right}
.wrap_top .inner p{color:#FFF; display:block; float:left;font-family:"宋体";font-size: 14px;}
.wrap_top .inner span{color:#FFF;float:right;margin-right:20px;font-size: 15px;}
.wrap_top .inner span a{color: white}
.wrap_top .inner span img{float: left;padding-top:4px;}
.wrap_top .inner form{ float:right; }
.wrap_top .inner form .keyname{ border:none; border-radius:20px; box-shadow:1px 1px 7px #999; color:#c9c9c9;font-size:1rem; text-indent: 1rem}
.wrap_top .inner form .sousuo{ border:none; background:url(../icon.png) no-repeat 0 -16px; width:15px; height:20px; vertical-align:middle; position:relative; left:-25px;}
.logo{ display:block; float:left; margin-right:15px;}
.nav_box{width: 1200px; margin: 0 auto;padding-top: 15px;}
.daohang{padding-top: 10px;float:right;}
.daohang li{ float:left; font-size:16px;width: 108px;height: 94px; text-align: center;line-height: 94px;}
.daohang li:first-child{background: url(../menu_bg.png)no-repeat center;color:#FFF;}
.daohang li:first-child a{color: white;}
.daohang li a{display:block; background:url(../line.jpg) no-repeat center 67px;}
.daohang li:hover{ background:url(../menu_bg1.png) no-repeat center center; color:#FFF;}
.daohang a:hover{color:#FFF;}
.newys1 a img{position: absolute;width: 20px;height:12px;margin-top: 20px; top: 65px;}
/* banner图css样式 */
.slideBox{ width:100%; height:550px; overflow:hidden; position:relative; min-width:1200px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:25px; height:25px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#3bb3c3; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:550px; display:block; }
/* 下面是前/后按钮代码 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*首页*/

/* 快速导航 */
.inner .bus{ height:120px; margin:20px 0px 40px 0px;}
.inner .bus li{width:285px; height:120px; border-right:1px solid #bdbdbd; display:inline-block; float:left; overflow:hidden; padding-left:10px;}
.inner .bus li img{ width:107px; height:124px; display:block;}
.inner .bus li .img{ width:107px; height:120px; float:left;}
.inner .bus li .bus_text{ width:148px; height:100px; float:right; margin:10px 20px 10px 10px; line-height:20px;}
.inner .bus li .bus_text h1{color:#000000; font-size:16px; margin-bottom:10px;}
.inner .bus li .bus_text p{font-size:12px;}
.inner .bus li .bus_text .more{ margin-top:10px;}
.inner .bus li .bus_text a{ background:#3bb3c3; font-size:12px; border-radius:5px; padding:3px 15px; color:#FFF;}
.inner .bus li .bus_text a:hover{ transition:all 0.5s ease-in-out; background:none; border:1px dashed #3bb3c3; border-radius:5px; color:#3bb3c3;}
/* 公司简介 */
.about{ background:url(../title_bg.png) no-repeat center center; height:181px;min-width: 1200px;margin: 0 auto;}
.about .con_title{ text-align:center; margin-left:90px; padding-top:65px; line-height:37px;}
.about .con_title h1{ font-size:32px; letter-spacing:2px;}
.about .con_title p{ color:#626262; font-size:14px; margin-left:330px;text-indent: 2rem}
.about .con_title p sub{ font-family:"Eras Light ITC","微软雅黑";}
.about_con{ width:1200px; margin:0px auto; color:#767676; font-size:14px; line-height:33px; text-indent:2em;text-align: left;min-width: 1200px;}
.about_con p{width: 1000px;margin: 0 auto;}
.about_con a{padding:5px 30px; border:1px solid #3bb3c3; margin:0px auto; color:#3bb3c3;}
.about_con a:hover{ transition: all 0.5s ease-in-out; background:#3bb3c3; color:#FFF;}
.details{text-align: center;padding-top: 20px;}

/* 时尚家居品牌产品 */
.brand_pro{ height:524px; width:100%; background:#0b8798; margin-top:32px; min-width:1200px;}
.brand_title{ margin:0px auto; text-align:center; padding-top:36px; line-height:30px;}
.brand_title .nn{ color:#FFF;}
.brand_title h2{ font-weight:100; color:#ffffff; font-size:28px}
.brand_title p{ color:#ffffff; font-size:16px; }
.mores{margin-top:15px;}
.mores a{padding:8px 25px; border:1px solid #ffffff; font-size:12px; color:#ffffff;}
.mores a:hover{ background:#ffffff; border:none;  transition: all 0.5s ease-in-out; color:#0b8798;}
/*
.brand_pro .pro{ margin-top:31px;}
.brand_pro .pro a{width:282px; height:303px; float:left; padding:6px; display:inline-block; text-align:center; background:#FFF; margin-right:6px; line-height:23px;}
.brand_pro .pro a:hover{ background:#01c1cd;}
.brand_pro .pro a:hover p{ color:#FFF; opacity:0.6;}
.brand_pro .pro a:hover h3{ color:#FFF;}
.brand_pro .pro li{width:282px; height:303px; float:left; padding:6px; display:inline-block;  margin-right:6px;  }
.brand_pro .pro li h3{ font-size:14px; font-weight:100; color:#666666; margin-top:13px;}
.brand_pro .pro li p{ font-size:12px; color:#9b9b9b; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
*/
#demo {
	overflow: hidden;
	height: 315px;
	width: 1200px;
	margin: 0 auto;
	margin-top:31px;
}
#indemo {
	float: left;
	width: 1200%;
}
#demo1 {
	float: left;
	height: 315px;
	margin: 0 auto;
}
#demo2 {
	float: left;
	height: 315px;
}
#demox {
	overflow: hidden;
	height: 315px;
	width: 1200px;
	margin: 0 auto;
	margin-top:31px;
}
#indemox {
	float: left;
	width: 1200%;
}
#demo1x {
	float: left;
	height: 315px;
	margin: 0 auto;
}
#demo2x {
	float: left;
	height: 315px;
}
/*.brand_pro .pro{margin-top:31px;}*/
.brand_pro .pro a{width:282px; height:303px; float:left; padding:6px; display:inline-block; text-align:center; background:#FFF; margin-right:6px; line-height:23px;}
.brand_pro .pro a:hover{ background:#01c1cd;}
.brand_pro .pro a:hover p{ color:#FFF; opacity:0.6;}
.brand_pro .pro a:hover h3{ color:#FFF;}
.brand_pro .pro li{width:282px; height:303px; float:left; padding:6px; display:inline-block;  margin-right:6px;  }
.brand_pro .pro li h3{ font-size:14px; font-weight:100; color:#666666; margin-top:13px;}
.brand_pro .pro li p{ font-size:12px; color:#9b9b9b; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


.brand_title1{ margin:0px auto; text-align:center; padding-top:36px; line-height:30px;}
.brand_title1 .nn{ color:#FFF;}
.brand_title1 h2{ font-weight:100; color:#37484d; font-size:28px}
.brand_title1 p{ color:#707070; font-size:16px; }
.mores1{margin-top:15px;}
.mores1 a{padding:8px 25px; border:1px solid #707070; font-size:12px; color:#707070;}
.mores1 a:hover{ background:#3bb3c3; border:none;  transition: all 0.5s ease-in-out; color:#FFF;}
/*
.brand_pro .pro li a:hover img {
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.2, 1.2);
	transition-timing-function:ease-in-out;
	transition-duration: 400ms;
}
*/
.brand_pro1{height:524px; width:100%;  margin-top:32px; min-width:1200px;}
.brand_pro1 .pro a{width:282px; height:303px; float:left; padding:6px; display:inline-block; text-align:center; background:#01c1cc; margin-right:6px; line-height:23px;}
.brand_pro1 .pro a:hover{ background:#017e86;}
.brand_pro1 .pro a:hover h3{ color:#FFF;}
.brand_pro1 .pro li{width:282px; height:303px; float:left; padding:6px; display:inline-block;  margin-right:6px;}
.brand_pro1 .pro li h3{ font-size:14px; font-weight:100; color:#FFF; margin-top:13px;}
/* 专业设计师 */
.design{margin-top:32px;}
.design li{ display:inline; float:left; margin-right:10px; position:relative; overflow:hidden; text-align:center;  cursor:pointer; }
.design .firstimg{ display:block; margin-right:22px;}
.design .lastimg{ display:block; margin-top:4px;}
.design li .design_text{ width:247px; height:310px; overflow:hidden; position:absolute;top:310px;}
.design li .design_text p{ margin-top:150px; color:#fff;font-size: 16px;}
.design li .design_text a:hover{ background:none;}
.rsp{width:247px;height:310px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;
 filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/}

/* 了解家居行业，关注最新动态 */
.news{ background:url(../new_bg.jpg) center center; height:534px; margin-top:55px; width:100%; min-width:1200px;}
.news .news_title{margin:50px 35px;}
.news .news_title li{ width:520px; height:103px; float:left; display:inline-block; margin-right:40px; padding:10px;  overflow:hidden;}
.news .news_title li .data{ width:106px; height:103px; float:left; margin-right:30px; color:#FFF; text-align:center; line-height:45px;
background: url("../datebg.png")no-repeat center;}
.news_con{height: 103px;width: 384px;float: right;overflow: hidden;}
.news .news_title li .data h1{ color:#FFF; font-size:50px;font-weight: bold;padding-top: 10px;}
.news .news_title li .data span{ color:#FFF; font-size:20px;}
.news .news_title li .news_con h3{ font-size:18px; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #606068; }
.news .news_title li .news_con p{ font-size:12px; color:#FFF; margin-top:10px;}
.news .news_title li:hover{ border:1px solid #61c1be; transition:all 0.5s ease-in-out; }
.news .news_title a:hover{background:none;}
.news .news_title a{color: white}

/*底部*/

/* 友情链接 */
.link_box{width: 100%;background: #30383c;height: 75px;min-width: 1200px;}
.linklist{font-size:12px;width: 1200px;margin: 0 auto;padding-top: 15px;}
.linklist img{ float:left;}
.linklist .links{ line-height:50px;}
.links a{ color:#a5a5a5}
.linklist .links li{ float:left; text-align:center; padding-left: 20px;font-size: 14px}
.linklist .links li a:hover{ background:none; color:#61c1be; text-decoration:none;}
/*底部信息*/
.line{ background:#61c1be; height:5px;  margin-top:23px; width:100%; min-width:1200px;}
.foot{ background:url(../footbg.jpg) no-repeat center center; height:195px; width:100%; min-width:1200px;}
.foot .foot_intro{width:744px; float:left;}
.foot .contact{ width:355px; float:left; margin:30px 20px 0px 40px; font-size:14px;}
.foot .contact li{ line-height:23px;color: #FFFFFF}
.foot .contact li span{ font-weight:bold;color:#FFFFFF;font-size: 16px;}
.foot .sub_n{width:744px; float:left; margin:50px 40px 0px 0px;}
.foot .sub_nav{ width:744px; float:left; border-bottom:1px solid #52acb2; border-top:1px solid #52acb2; font-size:12px;}
.foot .sub_nav li{ width:80px; float:left; text-align:center;padding:5px 0 5px;}
.foot p{ float:left; margin:10px; font-size:14px;color:#FFFFFF}
.foot a{color: #FFFFFF;font-size: 14px;}
.foot a:hover{ background:none; color:#61c1be; text-decoration:underline;}

/*内页侧栏*/

.sidebar .sb_nav{ float:left; width:275px; position:relative;}
.sb_nav .nei_kinds li{ width:275px; line-height:37px;margin-bottom:10px; font-size:18px;}
.sb_nav .nei_kinds li a{ display:block; background:#3bb3c3; text-align:center; color:#FFF;}
.sb_nav .lianxi li{background:#f3f3f3;; line-height:30px; margin:5px 0px; color:#3bb3c3; padding:0px 10px; text-align:center;font-size: 14px;}
.sidebar .sb_box{ float:right; width:870px; overflow:hidden;}
.sidebar{ margin-top:15px;}
.sb_nav h3{font-size:25px; text-align:center; width:275px; overflow:hidden;zoom:1;z-index:1;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:20px; border-bottom:2px solid #3bb3c3; padding:0px 15px; color:#3bb3c3;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #cce6f5;height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}

/*内页侧栏*/
.side_cont ul{ background:#f3f3f3; line-height:30px; text-align: center}
.main_li{ width:275px;background:#3bb3c3;float:left;overflow:hidden;border:1px solid #4eb0b0;line-height:37px;margin-bottom:10px; font-size:18px;}
.main_li a{color: #FFFFFF;text-align: center}
.ullf{ display:none;}
.liff{margin-bottom: 0px}
.ullf li a{ background:#0b8798;overflow:hidden;display:block;color: #FFFFFF;font-size: 16px;text-align: center;border-bottom: 1px dashed #3bb3c3;line-height:35px;}
.side_cont ul li:hover ul{ display:block}
.sidebar .sb_nav .active{ padding:0px 15px 10px 15px; border:1px solid #cccccc; border-top:none;zoom:1;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#FFFFFF ;}
.sidebar .ct-con{ line-height:2; color:#FFFFFF;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#FFFFFF; text-decoration:underline;}
/*新闻*/
#newslist li{ background:url(../li.png) no-repeat left 17px;}
#newslist li p{ color:#888;}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #3bb3c3; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
#shownews .relatedlist li a:hover{ text-decoration:underline; }
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#06F; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95;}
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(../rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #4d6e95; border:1px solid #5985ba;}
#rl-product{ position:relative; width:690px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
/*下载*/
#downloadlist dl.top dt a{ color:#004080;}
#downloadlist .metlist dd{ background:#eef3fa;}
/*地图*/
#sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;}

/*搜索*/
.search {
	FLOAT: right; MARGIN: 5px 0px 12px; WIDTH: 245px; POSITION: relative
}
.searchInput {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a0a0a0 1px solid; WIDTH: 180px; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #a0a0a0 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #fff
}
.searchBtn {
	BACKGROUND:#CCC; WIDTH: 48px; CURSOR: pointer; BORDER-TOP-STYLE: none; LINE-HEIGHT: 22px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}



#demos {
    overflow: hidden;
    height: 270px;
    width: 1200px;
    color: #ffffff;
	padding-top: 30px;
}
#demos ul li {
    width: 282px;
    height: 303px;
    float: left;
    padding: 6px;
    display: inline-block;
    margin-right: 6px;
}
#demos ul li img {
    width: 280px;
}
#demos ul li a{
	width: 282px;
    height: 303px;
    float: left;
    padding: 6px;
    display: inline-block;
    text-align: center;
    background: #01c1cc;
    margin-right: 6px;
    line-height: 23px;
}
#demos ul li a:hover{
	background: #017e86;
}
#demos ul li h3 {
    font-size: 14px;
    color: #FFFFFF;
	line-height: 40px;
	font-family: "微软雅黑","宋体";
	font-weight: lighter;
}



/*<--下拉导航-->*/
#nav {
    height: 76px;
}
#nav * {
    margin: 0;
    padding: 0;
}
#nav a {
    text-decoration: none;
    font-size: 16px;
    display: block;
}

.newys1 ul li a{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    display: block;
    color: white;
}
/*一级菜单*/
#nav ul {
    margin: 0 auto;
    width: 1200px;
    display: block;
    list-style-type: none;
}
#nav ul li {
    display: block;
    width: 108px;
    height: 94px;
    line-height: 94px;
    float: left;
    text-align: center;
}
.newys {
    background: url(../menu_bg.png)no-repeat center;
    color: #FFF;
}
.newys1 a {
    display: block;
    background: url(../line.jpg) no-repeat center 67px;
}
.newys1 .hover-none{
    display: block;
    background: url(../line.jpg) no-repeat center 67px;
    
}
.newys a span{
    color: #FFF;
}
#nav ul li:last-child {
    border-right: none;
}
.newys1:hover a span  {
    color: #31a5b4;
}
/*.newys1:hover {
           background-color: #31a5b4;
}*/

/*二级菜单*/
#nav ul li ul {
    display: none;
}
#nav ul li ul li {
    width: 108px;
    height: 50px;
    line-height: 50px;
    background-color: #2297a7;
    border-bottom: dashed 1px #579ca1;
}
#nav ul li:hover ul {
    display: block;
    position: relative;
    width: 108px;
    z-index: 99999;
}
#nav ul li ul li:hover {
    background-color: #1f6f78;
    color: #FFF;
}

/*三级菜单*/
#nav ul li:hover ul li ul {
    display: none;
}
#nav ul li:hover ul li:hover ul {
    display: block;
    position: relative;
    left: 108px;
    top: -50px;
    z-index: 99999;
}
#nav ul li:hover ul li:hover ul li {
    width: 108px;
    height: 50px;
    line-height: 50px;
}
#nav ul li:hover ul li:hover ul li:hover {
    background-color: #316f74;
}
#nav ul ul li a:hover {
    color: #FFF !important;
}
/*四级菜单*/
#nav ul li:hover ul li:hover ul li ul {
    display: none;
}
#nav ul li:hover ul li:hover ul li:hover ul {
    display: block;
    position: relative;
    left: 108px;
    top: -50px;
    z-index: 99999;
}
#nav ul li:hover ul li:hover ul li:hover ul li {
    width: 108px;
    height: 50px;
    line-height: 50px;
}
#nav ul li:hover ul li:hover ul li:hover ul li:hover {
    background-color: #316f74;
}
#nav ul ul li a:hover {
    color: #FFF !important;
}