/*品牌的故事*/
.center, .center01, .center02, .center03{ width:100%; float: left;}
.title{ width:100%;display: block; margin: 0 auto; height: 113px; overflow: hidden; float: left; margin-top: 40px; margin-bottom: 30px;}
.title img{width:1910px; margin: 0 auto;display: block; overflow: hidden; height: 113px;}
.c_box{width:1300px; margin: 0 auto; padding-left: 65px;display: block; margin-top: 30px;}
.ship{width:580px; height: 399px; float: left; background: #f00;}
.c_box ul{width:596px; float: left;}
.c_box ul li{ float: left; width: 283px; height: 196px; margin: 0 0 12px 15px;}
.c_box ol{width:596px; float: left;}
.c_box ol li{ float: left; width: 283px; height: 196px; margin: 0 12px 15px 0;}
.d_photo{ width:580px; height: 399px; float: left;display: block;}
.grid01 {position: relative;margin: 0 auto;max-width: 1000px;list-style: none;text-align: center;}
.grid01 figure {position: relative;float: left;overflow: hidden;min-width: 580px;max-height: 399px;text-align: center;cursor: pointer;}
.grid01 figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;width:580px; height: 399px;}
.grid01 figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid01 figure figcaption::before,
.grid01 figure figcaption::after {pointer-events: none;}
.grid01 figure figcaption,
.grid01 figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid01 figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid01 figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid01 figure h2 span {font-weight: 800;}
.grid01 figure h2,
.grid01 figure p {margin: 0;}
.grid01 figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect-bubba01:hover {background: #e37932;	}
figure.effect-bubba01 img {opacity: 0.8;background: #e37932;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-bubba01:hover img {opacity: 0.8;background: #e37932;}
figure.effect-bubba01 figcaption::before,
figure.effect-bubba01 figcaption::after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba01 figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
figure.effect-bubba01 figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
figure.effect-bubba01 h2 {padding-top: 130px;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
figure.effect-bubba01 p {padding: 20px 2.5em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
figure.effect-bubba01:hover figcaption::before,
figure.effect-bubba01:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-bubba01:hover h2,
figure.effect-bubba01:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*休闲娱乐*/
.title01{ width:100%;display: block; margin: 0 auto; height: 113px; overflow: hidden; float: left; margin-top: 30px; margin-bottom: 30px;}
.title01 img{width:1910px; margin: 0 auto;display: block; overflow: hidden; height: 113px;}
.multipleColumn{ overflow:hidden; position:relative; width:900px;}
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4;}
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.multipleColumn .hd ul li.on{ background-position:0 0; }
.multipleColumn .bd{overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:300px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:300px; height:240px; display:block;}
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }

/*米家生活*/
.title02{ width:100%;display: block; margin: 0 auto; height: 113px; overflow: hidden; float: left; margin-top: 30px; margin-bottom: 30px;}
.title02 img{width:1910px; margin: 0 auto;display: block; overflow: hidden; height: 113px;}
.picBtnTop{ width:1300px; height:558px;  position:relative;  overflow:hidden;  zoom:1;  margin: 0 auto;}
.picBtnTop .hd{ width:419px;  height:558px; position:absolute; right:0px; overflow:hidden; }
.picBtnTop .hd ul li{ width:411px;height: 176px; text-align:center; margin:0 0 15px 8px; overflow: hidden;}
.picBtnTop .hd ul li img{ width:100%; height:auto; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:866px;  height:558px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  width:866px; height:558px; overflow: hidden; }
.picBtnTop .bd li .pic img{ width:100%; height: 558px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:866px; height:40px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title05{ width:866px; height:40px; line-height:40px; left:0; text-align: center; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title05 a{ color:#fff; padding-left:15px; text-align: center; }

/*公寓介绍*/
.title03{ width:100%;display: block; margin: 0 auto; height: 113px; overflow: hidden; float: left; margin-top: 30px; margin-bottom: 30px;}
.title03 img{width:1910px; margin: 0 auto;display: block; overflow: hidden; height: 113px;}
.history {width:100%;height:1280px;position:relative;background:url("../img/history_bg.png") no-repeat 0 50px; overflow: hidden;}
.start-history {width:1000px;height:1220px;margin:0px auto;text-align:center;display:block;overflow: hidden;}
.cc_history {color:#2b2b2b;font-size:36px;font-weight:400;display:block;padding-top:43px}
.next_history {color:#bbb;font-size:26px;width:160px;margin:0 auto;border-bottom:1px solid #d1d1d1}
.history-img {height:1500px;width:130px;overflow:hidden;float:left;margin-top:24px;margin-left:8px}
.history_mid {width:1000px;height:auto;margin:0 auto;background:0}
.history_left {width:431px;height:1200px;float:left;clear:left;position:relative;overflow:hidden}
.history_right {width:431px;height:1200px;float:left;position:relative;overflow:hidden}
.history_R {width:420px;height:100px;margin-left:500px}
.history_L {width:420px;height:100px;float:right;margin-right:500px}
.history_r_2005 {margin-top:157px}
.history_2007 {width:420px;height:100px;background:#FFF;margin-top:73px}
.history_2005_span {float:left;line-height:100px;font-size:42px;color:#d43434}
.history_2005_b {width:280px;height:58px;float:left;margin-top:21px;background:url("../img/sprites.png") center;background-position:0 -1300px}
.history_r_month {float:left;color:#FFF;display:block;width:30px;line-height:25px;height:58px;border-right:1px solid #FFF;margin-left:25px}
.history_r_text {float:left;font-size:14px;color:#FFF;display:block;height:58px;line-height:25px;padding-left:5px;text-align:left}
.year2006 {margin-top:242px}
.year2009 {margin-top:65px}
.year2011 {margin-top:53px}
.year211 {margin-top:43px}
.year2013 {margin-top:62px}
.yearalmost {margin-top:73px}
.yearalmostr {margin-top:70px}
.history_2008 {width:420px;height:100px;background:#FFF;margin-top:73px;float:right}
.history_2011 {width:420px;height:100px;background:#FFF;margin-top:43px;float:right}
.history_2006_span {float:right;line-height:100px;font-size:42px;color:#d43434}
.history_2006_b {width:280px;height:58px;float:right;margin-top:21px;background:url("../img/sprites.png") center;background-position:0 -1200px}
.blue {background-position:0 -1400px!important}
.blue_R {background-position:0 -1500px!important}
.yellow {background-position:0 -1600px!important}
.yellow_R {background-position:0 -1700px!important}
.history_l_month {float:right;color:#FFF;display:block;width:30px;line-height:25px;height:58px;border-left:1px solid #FFF;margin-right:37px}
span.blue {color:#37779d}
span.yellow {color:#f76d02}
.history_l_text {float:left;font-size:14px;color:#FFF;display:block;height:58px;line-height:20px;padding-top:3px;width:210px;text-align:right;}
.smalltext {font-size:13px;line-height:20px}
.smalltxt {font-size:12px;}
.more{width:150px; height: 36px; text-align: center; margin: 0 auto; margin-top: 20px; border: #ccc 1px solid; border-radius:18px;line-height: 36px; text-transform: uppercase; color: #000;}
.more a{ font-size: 14px; color: #f76d02;}

/*图标一栏*/
.icon_box{ width:100%; float: left; margin-top: 50px;}
.icon_box ul{ width:1092px; margin: 0 auto; }
.icon_box ul li{ float:left; margin: 0 45px 0 45px;}
.icon_box ul li img{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	width:128px;
	height:159px;
	display:block;
text-align:center;
}

.icon_box ul li img:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);}