html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:12px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:20px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
/********General**********/
.tel,.nav li,.short_title span,.title span,.widget dd a,.pro span,.info_title a,.jobs a,#submit{}
.nav,.short_title,.clicked{}
/*******Css sprite*******/
/*网站主题样式*/
.wrap{margin:0 auto;width:1200px;}
.header{background: #fff;border-top: 20px solid #000;}
.top{height: 95px;}
.top .right{height: 30px;line-height: 30px;}
.tel{background: url(../Image/tel.jpg) left no-repeat;padding-left: 40px;margin-top: 25px;font-size: 18px;color: #ed6c00;font-weight: bold;height: 50px;line-height: 50px;}
.logo img{vertical-align:middle;}
.search{margin-top: 8px;height: 30px;clear: right;}
.search-text{background: #f1f1f1;border-radius: 20px 0 0 20px; border: none;height: 30px;width: 215px;padding-left: 20px;padding-right: 2px;font-size: 12px;}
.search-btn{background: #019888;border-radius: 0 20px 20px 0; width: 45px; height: 30px; line-height: 30px; border: none; font-size: 12px;color: #fff; }

/*首页导航样式*/
#flash{border-bottom: 1px solid #238383;}
.nav {
  border-bottom: 1px solid #b0b0b0;
  background-color: #f3f3f3;
}

.nav .navCenter {
  width: 1210px;
  margin: 0 auto;
  height: 61px;
  line-height: 60px;
}

.nav .navCenter .navList {
  font-size: 14px;
  margin-right: 50px;
}
.nav .navCenter .navList li {
  text-align: center;
  float: left;
  width: 104px;
}
.nav .navCenter .navList li a {
  color: #333333;
  display: block;
  position: relative;
  margin: 0 auto;
  width: 80px;
}
.nav .navCenter .navList li a:hover {
  color: #90bf20;
}
.nav .navCenter .navList li a:before {
  background-color: #90bf20;
  position: absolute;
  content: "";
  bottom: 0px;
  height: 4px;
  left: 50%;
  right: 50%;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -ms-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav .navCenter .navList li a:hover:before {
  left: 0;
  right: 0;
}
/*首页服务流程样式*/
.indexProgram {
  width: 1210px;
  min-width: 1210px !important;
  margin: 0 auto;
  overflow: hidden;
}
.indexProgram li {
  font-size: 16px;
  float: left;
  width: 150px;
  border-top: 2px solid #90bf20;
  border-bottom: 2px solid #90bf20;
  position: relative;
  overflow: hidden;
  height:130px;
  text-align: center;
}
.indexProgram li span{font-size: 40px;height: 80px;line-height: 80px; }
}
.indexProgram li  p {font-size: 16px;}

.indexProgram li .indexprogramOver {
  width: 100%;
  height: 100%;
  background-color: #90bf20;
  position: absolute;
  -ms-transition-property: top;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  top: -100%;
  left: 0;
}
.indexProgram li .indexprogramOver span {
  color: #fff;
}
.indexProgram li .indexprogramOver p{color: #fff;}
.indexProgram li.indexProgramLi2 {
  border-top: 1px solid #ed6c00;
  border-bottom: 1px solid #ed6c00;
  border-width: 2px;
  background-color: #f2f2f2;
  font-size: 16px;
}
.indexProgram li.indexProgramLi2 .indexprogramOver {
  background-color: #ed6c00;
}
.indexProgram li:hover .indexprogramOver {
  top: 0;
}
/*首页新房套餐样式*/
.house01{margin-top: 10px;height: 490px;}
.house01 img:hover{background-color:#000; opacity:0.8;filter:alpha(opacity=80);}
.house_nr ul{float: left;}
.i_tit{font-size: 28px;color: #000;height: 60px;line-height: 60px;}
/*首页四大优势样式*/
.advantage02{height: 440px;}
.advantage_nr li{float: left;background: #f4f4f4;}
.index-brandbox { width:299px; background: bottom;position: relative;overflow: hidden;float: left;margin: 0 1px 0 0;height: 379px;
transition: background 0.5s , padding 0.5s , margin 0.5s;cursor: pointer;}
.index-brandbox a{ width:299px; height:379px; background: #F4F4F4; float:left;}

.index-brandbox .brand-icon {width: 80px;height: 66px;margin: 60px auto 23px;overflow: hidden;}
.brand-title{ width:299px; text-align:center;}
.brand-title h4{font: normal 20px/10px "微软雅黑";transition: all 0.3s;}
.brand-title p {font: 18px/28px "Times New Roman"; color: #BABABA;}

.brand-title span {
margin-top: 20px;
display: inline-block;
width: 87px;
height: 1px;
overflow: hidden;
background: #716F70;
}
.index-brandbox .brand-intro {
width: 76%;
font: 12px/24px "微软雅黑";

margin: 20px auto 0;
text-align: center;
}
.nrand-jia {
margin: 0 auto;
 margin-top:15px;
width: 114px;
height: 25px;
}
.index-brandbox a:hover{ background-color:#4D4B4C; background-position: center; color:#fff; text-decoration:none; }
/*首页装修案例样式*/
#show1 { width: 1200px; height: 430px; border: 1px solid #ccc; overflow:hidden; }
#show1 ul { width: 3300px; height: 430px; }
#show1 ul li { width: 22px; height: 430px; float: left; position: relative; overflow:hidden; }
.active { width: 550px; }
#show1 ul span { width: 21px; height: 420px; padding-top: 10px; border-right: 1px solid #fff; position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; text-align: center; cursor: pointer; }
#show1 ul img { width: 550px; height: 430px; }
/*首页家装知识样式*/

.knowledge04{margin-top: 25px;}
.know{float: left;}
.know-01{height: 192px;}
.know-01 img{float: left;margin-right: 15px;}
.know-02{float: left; width: 575px;background: #f2f2f2;}
.know {float: left;}
.know ul{margin-top: 15px;}
.know li{height: 40px;line-height: 40px;}

.know-03{height: 192px;margin-top: 15px;}
.know-03 img{float: left;margin-right: 15px;}
.know-04{float: left; width: 575px;background: #f2f2f2;}
.know ul{margin-top: 15px;}
.know li{height: 40px;line-height: 40px;width: 355px;font-size: 13px; }
.know a:hover{color: #da020d }
/*设计师样式*/
.designer05{clear: both;margin-top: 25px;}
.i-tit{height: 40px;line-height: 40px;margin-bottom: 15px;}
.i-tit span{font-size: 28px;}
.i-tit a{float: right; font-size: 28px;border: 1px solid #e7e7e7;color: #e7e7e7;padding: 0 15px;}
.i-tit a:hover{background: #ed6c00;color: #fff}
.kwicks{width:1203px;position:relative}
.kwicks li{width:397px;height:380px;overflow:hidden;margin-right:1px;float:left}
.kwicks li.last{margin-right:0px}
.kwicks li img{width:397px;height:380px;float:left}
.kwicks li a .info_pro:hover{ background:#c00000; color:#fff;}
.kwicks li a:hover{ text-decoration:none;}
.kwicks li .extension{height:380px;background:url(../Image/sjsbg.jpg) no-repeat right top #fff;padding: 50px; border-top:3px solid #C00000; border-left:1px solid #dadada; overflow:hidden}
/*.kwicks li .extension span{ width:310px; padding-top:30px; padding-left:55px; line-height:30px; float:left;}*/
.kwicks li .meta{text-align:right;color:#ccc;padding:5px 10px}
.kwicks li .meta a{color:#ccc}
.kwicks li .meta span{ padding-left:5px; }
.shejis_nr p{height: 30px;line-height: 30px;font-weight: bold;}
.info_pro{ width:397px; height:60px; line-height: 60px; background:#999999; position:absolute; z-index:999; bottom:0px; text-align:center; color:#fff; left:0px;}
.info_pro i{ font-style:normal; font-size:20px; padding-right:10px;}

/*热点活动样式*/
.news06{margin-top:25px;}
.i-news{float: left;width: 800px;margin:0 15px 20px 0; }
.new-nr{background: #f2f2f2;padding: 10px;height: 440px }
.new-nr li{height: 140px;}
.new-nr li img{float: left;width: 225px;height: 122px; margin-right: 20px; border: 5px solid #fff }
.new-nr01{height: 130px; border-bottom: 1px solid #dddddd;margin:10px 0;}
.new-nr01 span{font-size: 18px;color: #333;height: 40px;line-height: 40px; }
.new-nr01 p{font-size: 12px; color: #828282;line-height: 27px; }
.new-nr01 span:hover{color: #ed6c00}
/*联系我们样式*/
.i-contact{float: right;width: 380px;}
.c-tel{background: #ed6c00; padding: 23px 0 1px 15px;}
.c-tel p{line-height: 35px;font-size: 17px;font-weight: bold;padding-left: 50px;color: #fff;margin-bottom: 3px;}
/*脚步样式*/
.footer{clear:both;font-size:12px;background:#e7e7e7;  border-bottom: 24px solid #000; height: 230px;padding-top: 35px; }
.footer a:hover{color:#ed6c00  }
.foot_nr{float: left; width: 940px;}
.ewm{float: right;}
.foot_nav{height: 30px; margin-bottom: 10px;text-align: center;border-bottom: 1px solid #dbdbdb; }
.foot_nav ul{border-left: 1px solid #5a5a5a;height: 15px;line-height: 15px; }
.foot_nav li{float: left;width: 108px;border-right: 1px solid #5a5a5a;color: #5a5a5a; }
.footer p{height: 30px;line-height: 5px;}
.footer span{height: 50px;line-height: 50px;}

/*子页侧栏样式*/
.main{overflow:hidden;margin :20px 0;}
.main p{line-height: 250%;}
.main01{overflow:hidden;margin :20px 0;}
.main01 p{line-height: 250%;margin: 0 40px; }
.short_title{height:160px; background:url(../Image/type_tit.jpg) center no-repeat; text-align: center; }
.short_title strong{font-size: 22px;line-height: 110px; }
.short_title p{font-size: 16px;color: #97d4d4;margin-top: -35px; }
.short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;}

.slxwmf{background:#2ea9a8; color:#fff; height:50px;line-height: 50px; font-size:16px; padding-left: 20px;}



.widget{overflow:hidden;margin-bottom:20px;width:220px;line-height:35px;background: #fff;}
.widget a:hover{color:#da020d;background: #2ea9a8;padding: 7px 25px;border-radius: 15px;}
.widget .clicked{background-position:0px -78px;}
.widget .clicked a{background-position:0px -86px;color:#fff;}
#pro_list li{border-bottom: 1px solid #f1f1f1;height: 48px;line-height: 48px;text-align: center; }
/*产品中心样式*/
.pro-tit{height: 80px;}
.pro-tit li{float: left;background: #E1E1E1;padding: 8px 17px;margin: 5px;}
.pro-tit li:hover{background: #444444;color: #fff}
.pro li{float:left;display: block; overflow:hidden;width:388px;margin:0 5px 20px 5px;border:1px solid #dcdcdc;}
.pro span{height: 40px;line-height: 40px;padding-left: 15px;}
.pro p{height: 35px;line-height: 35px;background: url(../Image/cplb_r6_c7.jpg) 15px 10px no-repeat #F7F7F7;padding-left: 50px;border-top: 1px solid #F2F2F2;}
.pro img{padding:3px;width:380px;height: 268px; }



.article{overflow:hidden;margin-bottom:12px;width:949px;background: #fff;}
.article p{margin:20px 30px;font-size:14px;line-height:28px;}

#allmap p{line-height:10px;margin:10px;}

#title{ height:94px; background:#fff; margin-bottom:10px; border-bottom: 1px #ddd solid}
.title{ height:94px; width: 1200px; margin: 0 auto}
.title h2{ float:left;width:190px;font-size:29px; line-height:94px; background:url(../Image/title_bg.gif) no-repeat right center; font-weight: bold;color: #ff8c0d}
.title i{font-size:16px;height: 90px;line-height: 90px;margin-left: 15px;font-style: normal; }
.title span{ float:right; line-height:94px; font-size:14px;}



.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/

/*************index&goods**************/
.news{margin-left:17px;}
.news li{height:171px;border-bottom:1px dotted #cdcdcd;line-height:39px;margin-bottom: 15px; }
.news li:hover{background-color:#f6f6f6; }
.news a:hover{color:#DD731B;;}
.f_left {float: left;margin-right: 15px;}
.f_left img {width: 230px;height: 170px;border-left:1px dotted #cdcdcd;border-right:1px dotted #cdcdcd;border-top:1px dotted #cdcdcd; }
.f_right {float: right;width: 925px;}
.f_right p {height: 60px; }
.f_right  a {clear: both; }
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-140px;background:#ddd;float:right;width:71px;height:40px;color:#fff;text-align:center;line-height:40px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center;}
.info_title{height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.mes{border-top: 4px solid #FF9002;margin-top: 20px;}
.i-mes{height: 50px;line-height: 50px;font-size: 16px;    background: #F9F9F9;text-align: center; }
.mes_d li{border-bottom: 1px dashed #ccc;margin:10px 0;font-size: 13px; }
.mes_d li p{height: 30px;line-height: 30px;}
.order{width: 1200px; line-height:40px;background: #F9F9F9;border:1px solid #ccc; }
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background: #FF9002;color:#fff;cursor:pointer;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/






.float_mask{position: fixed;z-index: 19999;display:none;width: 100%;right: 0; bottom: 0;height: 180px;_bottom: auto;_width: 100%;_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.float_layer{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: #071828;filter: alpha(opacity=80);opacity: 0.80;}
.float_content{ position: relative;z-index: 2;width: 1200px;height: 100%;margin: 0 auto;}
.float_bg, .float_close{ float: left;}
.float_bg{position: relative;width: 820px;height: 135px;margin-top: 20px;}
.float_slogan {position: absolute; background: url("../Image/footer_ad.PNG") 0 0 no-repeat;}
.float_slogan{left: 0;bottom: 0;width: 800px;height: 135px;cursor: pointer;}
.float_close{width: 60px;margin-top: 30px;}
.float_close a {display: block;width: 53px; height: 52px; margin-left: 7px; background: url("../Image/close.png") 0 0 no-repeat;-webkit-transition: all 400ms;}


.f_order{float: left;width: 300px;}
.order02 {margin:20px 10px 10px 10px;}
.order02 input{width: 250px;height: 30px;line-height: 30px;margin-top: 5px;}
.order02 .t_r{color: #fff;}
.order02 tr{height: 30px;line-height: 30px;}
.order02 tr input{border: none;background: #ddd;border-radius: 5px;}