*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Microsoft Yahei;
	font-size: 14px;
}
h2{
	font-size: 32px;
	font-weight: 400;
	margin: 60px 0 10px;
	text-align: center;
}
i{
	display: block;
	font-size: 12px;
	text-align: center;
}
.icon{
	width: 1em;height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
#banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#banner img{
	display: block;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
#icon{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
#icon{
  margin-top: 40px;
}
#liucheng ul,#icon ul,#plan ul{
	list-style: none;
	margin: 20px auto 60px;
  overflow: hidden;
  width: 1200px;
}
#liucheng ul li,#icon ul li{
	width: 600px;
	height: 500px;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative;
}
#liucheng ul li.past{
	background: url(../img/liucheng_past.png) no-repeat;
	background-position: 120px -20px;
}
#liucheng ul li.future{
	background: url(../img/liucheng_future.png) no-repeat;
	background-position: 125px 0;
}
#liucheng ul li span,#liucheng ul li .text{
	position: absolute;
}
#liucheng ul li span{
	font-size: 28px;
	color: #333;
	bottom: 120px;
	left: 50%;
	margin-left: -56px;

}
#liucheng ul li .text{
	color: #666;
	bottom: 50px;
	left: 50%;
	margin-left: -86px;
}
#liucheng ul li.future .text{
	margin-left: -114px;
}
#icon ul.liucheng_9{
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	padding:5px;
}
#icon ul.liucheng_9 li{
	width: 60px;
	height: 100px;
	margin: 0px 15px;
	padding: 15px 15px 10px;
	box-shadow: 0 2px 10px #eee;
}
#icon ul.liucheng_9 li.last{
	margin-right: 0;
}
#icon ul.liucheng_9 li svg{
	width: 60px;
	height: 60px;
}
#icon ul.liucheng_9 li span{
	font-size: 14px;
	bottom: 15px;
}
#baoming{
  width: 1200px;
	overflow: hidden;
	margin: 0 auto 60px;
  position: relative;
}
#baoming .form{
  width: 450px;
  position: absolute;
  top: 260px;
  right: 80px;
}
#baoming .form input,#baoming .form button{
  display: block;
  width: 100%;
  height: 74px;
  background: none;
  border: none;
  text-indent: 100px;
  margin-bottom: 14px;
  font-size: 18px;
}
#baoming .form input:focus,#baoming .form button:focus{
  outline: none;
}
#baoming .form button{
  border-radius: 60px;
  font-size: 24px;
  background: #f93b37;
  color: #fff;
  text-align: center;
  text-indent: 0;
  letter-spacing: 4px;
  margin-top: 16px;
  cursor: pointer;
}
#plan{
  width: 100%;
  height: auto;
  overflow: hidden;
  background: url(../img/plan_bg.jpg) no-repeat;
}
#plan h2{
  color: #fff;
}
#plan i{
  color: #eee;
}
#plan ul li{
  float: left;
  margin-left: 24px;
  margin-right: 25px;
}
#plan .space{
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 20px auto 40px;
}
#plan .cloakroom,#plan .funtional,#plan .bathroom{
  position: relative;
}
#plan .space a{
  display: block;
  padding: 14px 50px;
  width: 180px;
  margin: 20px auto 10px;
  background: #bc0018;
  color: #fff;
  text-decoration: none;
  font-size: 26px;
  border-radius: 30px;
  letter-spacing: 2px;
  text-align: center;
  box-shadow: 0 4px 10px #770311;
}
#plan .cloakroom a{
	position: absolute;
	top: 300px;
	left: 70px;
}
#plan .funtional a{
	position: absolute;
	bottom: 30px;
	right: 80px;
}
#plan .bathroom a{
	position: absolute;
	bottom: 60px;
	right: 80px;
}
#apply .form{
  width:1200px;
  height: 400px;
  margin:auto;
  background: url(../img/apply_bg.jpg) no-repeat;
  position: relative;
}
#apply .form .form_list{
  width: 428px;
  position: absolute;
  top: 85px;
  right: 120px;
}
#apply .form .form_list input,#apply .form .form_list select,#apply .form .form_list button{
  display: block;
  width: 100%;
  height: 58px;
  background: none;
  border: none;
  text-indent: 86px;
  margin-bottom: 5px;
  font-size: 18px;
}
#apply .form .form_list input:focus,#apply .form .form_list select:focus,#apply .form .form_list button:focus{
  outline: none;
}
#apply .form .form_list select{
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
}
#apply .form .form_list button{
  border-radius: 60px;
  font-size: 24px;
  background: #f93b37;
  color: #fff;
  text-align: center;
  text-indent: 0;
  letter-spacing: 4px;
  margin-top: 16px;
  cursor: pointer;
}
#liucheng{
	width: 100%;
	height: auto;
	background: #fffef8;
	padding-top: 2px;
}
#liucheng h2,#xijie h2,#apply h2{
	color: #333;
}
#liucheng i,#xijie i,#apply i{
	color: #999;
}
#liucheng ul{
	margin-bottom: 0;
}
#liucheng ul li{
	margin:0;
}
#xijie{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
#xijie ul{
	list-style: none;
	margin: 20px 0 40px;
	overflow: hidden;
}
#xijie ul li{
	width: 290px;
	height: 380px;
	box-shadow: 0 4px 14px #eee;
	margin: 5px;
	float: left;
	border-radius: 5px;
	transition: all 0.5s;
	overflow: hidden;
}
#xijie ul li:hover{
	transform: translateY(-4px);
	-moz-transform:translateY(-4px); /* Firefox 4 */
	-webkit-transform:translateY(-4px); /* Safari and Chrome */
	-o-transform:translateY(-4px); /* Opera */
	box-shadow: 0 2px 10px #999;

}
#xijie ul li span.tt{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 140px;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}
#xijie ul li:hover .tt{
	color: #585858;
	background: #eee;
}
#xijie ul li.porch span{
	background: url(../img/xijie_porch.jpg) no-repeat;
}
#xijie ul li.livingroom span{
	background: url(../img/xijie_livingroom.jpg) no-repeat;
}
#xijie ul li.restaurant span{
	background: url(../img/xijie_restaurant.jpg) no-repeat;
}
#xijie ul li.kitchen span{
	background: url(../img/xijie_kitchen.jpg) no-repeat;
}
#xijie ul li.toilet span{
	background: url(../img/xijie_toilet.jpg) no-repeat;
}
#xijie ul li.badroom span{
	background: url(../img/xijie_badroom.jpg) no-repeat;
}
#xijie ul li.balcony span{
	background: url(../img/xijie_balcony.jpg) no-repeat;
}
#xijie ul li.study span{
	background: url(../img/xijie_study.jpg) no-repeat;
}
#xijie ul li p{
	padding: 6px 20px;
	color: #666;
}
#xijie ul li p.first{
	margin-top: 20px;
}
/*头部*/
#head {width:100%;height:156px;transition:1.5s;}
#head .top {height:auto !important;width:1200px;padding:20px 0px 5px;background:#fff;margin:0 auto;overflow:hidden;}
#head .top .logo {float:left;}
#head .top .slogan {float:left;margin-left:20px;margin-top:-10px;}
#head .top .tel {float:right;width:270px;height:50px;background:url(/Skins/Default/Img/head_tel.jpg) no-repeat;background-position:20px 0;text-align:right;color:#666;}
#head .top .tel span {display:block;font-size:28px;}
#head .nav {width:100%;height:60px;background:#be0e23;}
#head .nav .nav_list {width:1200px;height:100%;margin:0 auto;}
#head .nav .nav_list ul li {float:left;}
#head .nav .nav_list ul li a {display:inline-block;width:130px;line-height:60px;color:#fff;transition:all 0.5s;font-size:16px;text-decoration:none;text-align:center;}
#head .nav .nav_list ul li a:hover {background:#333;}
.on {position:fixed;top:-100px;left:0;z-index:999;}
li {list-style-image: none;list-style-position: outside;list-style-type: none;}
.header, .content, .footer {width: 1200px;margin:0 auto;}
a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.center {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.pa {position: absolute;}
.pr {position: relative;}

/*底部开始*/
.ft{background:#585656;font-family: "Microsoft YaHei";margin-bottom: 130px;margin-top: 40px;}
.ftnyys{height:264px;background:#585656;margin-bottom: 90px;}
.ft .logo{width: 325px;margin: 0 auto;display: block;text-align: center;}
.ft .logo a img{width: 325px;height: 60px;position: relative;margin-top: -30px;}
.ft .logo em img{display: block;width: 19px;margin: 0 auto;padding-top: 3px;}
.ft-f {height: 200px;overflow: hidden;}
.ft-f ul{padding-top: 44px;float: left;}
.ft-f ul li{float: left;width: 112px;}
.ft-f ul li b{font-size: 14px;padding-bottom: 30px;display: block;color: #fff}
.ft-f ul li b a{padding-bottom:0px}
.ft-f ul li a{display: block;color: #fff;font-size: 14px;padding-bottom: 15px}
.ft-f p{float: left;background: url(/Skins/Default/Img/Common/ft_07.jpg) no-repeat 0 0;height: 179px;display: block;padding-left: 55px;margin: 15px 0 0 55px}
.ft-f p span{display: block;padding-top: 18px;color: #fff;font-size: 14px}
.ft-f p span em{font-style: normal;display: inline-block;padding: 0 20px}
.ft-f p span a{color: #fff;font-size: 14px;}
.ft-d{/*background: url(/Skins/Default/Img/Common/ft_07.jpg) no-repeat 0 0;*/height: 179px;padding-left: 55px;margin-top: 15px;color: #fff;padding-top: 20px;font-size: 14px}
.ft-d b{display: block;font-size: 28px;padding: 10px 0 30px}
.ft-d a{background: url(/Skins/Default/Img/Common/sjc.jpg) no-repeat 0 0;width: 122px;height: 38px;display:block;float:left;padding-left: 27px;color: #c30d23;font-size: 16px;font-weight: bold;line-height: 38px;}
.ft-d img{float: left;width:38px;height: 38px}

.link{margin-top: 15px;overflow: hidden;}
.link em img{width:79px;height: 79px;display: block;border: 6px solid #fff}
.link-t {width:1060px}
.link-t span{padding:18px 0 5px 0;display: block;height: 22px}
.link-t i a{float: right;height: 22px;padding-left: 14px;width: 126px;display: block;font-size: 13px;font-style: normal;color: #fff;line-height: 22px;}
.link-t b a{float: left;color: #fff;font-size: 14px;}
.link-t p a{color: #fff;font-size: 14px;display: inline-block; width:140px; height:25px; line-height:25px; overflow:hidden;}
.link-t p .none{padding-right:0}
/*底部结束*/
.sj{position: relative;position:fixed; right:0;left:0; bottom:0; position:fixed;_bottom:100px;z-index:10000;_position:absolute;overflow:visible;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); z-index:100;background:#c30d23;}
.ftlydiv{height:90px;_height:130px;margin-top:36px; background:#c30d23;width:1200px;margin: 0 auto;font-family: "Microsoft YaHei";}
.sj p{width: 187px;float: left;color: #fff;font-size: 16px;text-align: right;padding-right: 22px}
.sj p b{font-size: 18px;display: block;padding: 27px 0 5px 0}
.sj ul li{float:left;height: 30px;padding: 29px 12px 0 0}
.sj ul li span{width: 43px;float: left;font-size: 14px;color: #fff;line-height: 30px}
.sj ul li input{width: 115px;float: left;height: 27px;border-top: 3px solid #d3d3d3;border-left: 3px solid #d3d3d3;color:#000000;font-size: 12px;line-height: 29px}
.sj ul li.sj1 input{width: 68px}
.sj ul li.sj2 input{width:118px;}
.sj ul li.sj3 input{width:130px;}
.sj ul li.sj3 .inpys1{border: none;height: 32px;width: 148px;background: url(/Skins/Default/Img/Common/sj_03.jpg) no-repeat 0 0;cursor:pointer;}
.sj .sj-s{width:178px;height: 125px;background: url(/Skins/Default/Img/Common/ft_19.png) no-repeat 0 0;padding-left: 45px;margin-top: -36px;position: relative;}
.sj .sj-s b{display: block;padding: 20px 0 5px 0;color: #000000;font-size: 18px}
.sj .sj-s b i{font-style:normal;display: inline;font-size:18px;}
.sj .sj-s span{color: #000000;font-size: 12px;line-height: 20px;}
.sj-c{position: relative;}
.sj-c em{position: absolute;top: 30px;right:-40px;}
.lyzkbtn{width:24px;height:88px;display:none}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}