@charset "utf-8";

#menuname .main_width >img { left:50%; margin-left:-100px;}

#box1 { padding:50px 0 30px; background:url(../images/property_box1_bg.png) no-repeat 90% bottom;}

#box2 { background:#e9e7e5;}
#box2 .main_width { position:relative;}
#box2 .left { position:absolute; left:0; top:0; width:36%; height:100%;}
#box2 .left >div { position:absolute; left:0; top:50%; width:100%; text-align:left; font-size:16px;}
#box2 .left >div.property_logo { margin-top:-150px;}
#box2 .left >div.property_data { margin-top:20px;}
#box2 .left >div.property_data >div { float:left; width:50%; font-size:18px; line-height:30px; color:#504c4a;}
#box2 .left >div.property_data h1 { margin:0; color:#d53f0b; font:80px/80px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box2 .right { padding:50px 5%; width:51.5%; background:#de5d28 url(../images/property_box2_bg.png) no-repeat right bottom;}
#box2 .right >h1 { margin:0; color:#e9a08a; font:50px/50px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box2 .right >h2 { margin:0; font-size:20px; line-height:30px; color:#faf9f7;}
#box2 .right >div { margin:0; height:260px; color:#f3d9d0; line-height:24px;}

#box3 { background:#fff url(../images/property_box3_bg.jpg) no-repeat right top;}
#box3 .box_tit { padding:50px 0; text-align:center;}
#box3 .box_tit h2 { margin:0; font-weight:normal; font-size:24px; line-height:30px; color:#504c4a;}
#box3 .box_tit p { margin:0; color:#df812d; font:28px/30px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial; text-transform:uppercase;}
#box3 .up { height: 40px;}
#box3 .up .right { width:60%;}
#box3 .up .right a { float:left; margin-right: 20px; padding: 0 10px; border-radius: 5px; border:1px solid #ab938d; font-size:18px; line-height:30px; color:#504c4a;}
#box3 .up .right a.sel { border-color: #d53f0b; color: #d53f0b;}
#box3 .down { position:relative; height:400px; }
#box3 .down >img { position:absolute; left:0; bottom:0;}
#box3 .down .right { margin:40px 5% 0 0; width:55%; height: 320px; line-height:24px;}
#box3 .down .right .item{ display: none;}
#box3 .down .right li{ margin:5px 0;}
#box3 .down .right li p { margin: 0;}

#box4 { padding-bottom:80px; background:#f9e0d4 url(../images/property_box4_bg.jpg) no-repeat center bottom;}
#box4 .box_tit { padding:50px 0; text-align:center;}
#box4 .box_tit h2 { margin:0; font-weight:normal; font-size:24px; line-height:30px; color:#504c4a;}
#box4 .box_tit p { margin:0; color:#df812d; font:28px/30px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial; text-transform:uppercase;}
#box4 .swiper-box { position:relative;}
#box4 .swiper-box .prev { left:-30px;}
#box4 .swiper-box .next { right:-30px;}
#box4 .swiper-container { margin:0 auto; width:95%; height:190px;}
#box4 .swiper-container a { display:block; margin:auto; width:270px; background:#faf9f7;}
#box4 .swiper-container a:hover { background-color:#e6603a; color:#fff;}
#box4 .swiper-container a img { display:block; width:100%; height:140px;}
#box4 .swiper-container a p { margin:0; line-height:50px; text-align:center;}
#box4 .swiper-con { padding:0 5%; text-align:center; line-height:24px; color:#504c4a;}
#box4 .swiper-con .li { padding-top:50px; display:none;}
#box4 .swiper-con .li.sel { display:block;}
#box4 .swiper-con .li h2 { font-size:16px;}