@charset "gb2312";
* { margin: 0; padding: 0; font-family: "Microsoft Yahei，PingFangSC-Regular"; text-shadow: none; }	
.header-up-container,
.header{ background:#fff; }

.clear{ display:block; clear: both; width: 100%; height: 0; padding: 0; margin: 0 auto; overflow: hidden;}

body{background: #fff;	padding: 0;  margin: 0;}
.ui-body-c{ background:#fff; }

.main_wrap {position:relative; display:block; clear:both;	width:100%;	height:auto; padding: 0 0 20px 0; margin: 0; text-align: center; font-size: 14px; font-family: "Microsoft Yahei，PingFangSC-Regular"; background: #fff url(../images/banner.jpg) no-repeat 50% 0; background-size:100% auto;	}
	

.container_wrap{ position: relative; display:block;	clear:both;	width:1020px; height:auto; padding:0 0 40px 0;  margin:20px auto; text-align:center; font-size: 14px; font-family: "Microsoft Yahei，PingFangSC-Regular"; }

/*banner*/
.banner{ display:block; clear:both; width:100%; height: calc(100vw * 0.2); padding: 0; margin: 0 auto; text-align: center; overflow: hidden; background: transparent; }
.banner img{ display:none; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; border: none;}

.block_wrap{display:inline-block; clear:both; width:1000px; height:auto; padding:0; margin:1em auto; text-align: center;/* overflow: hidden;*/ background:rgba(255,255,255,1.0); box-shadow:0 5px 10px rgba(0,0,0,0.2); } 
.block_wrap img{ display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; border: none;}


.block_wrap h1.heading{ position: relative; display:inline-block; clear:both; width:100%; height:auto; padding:0.2em 0; margin:0 auto; text-align: center; background: linear-gradient(60deg,#29a 0%,#9b6 50%,#29a 100%);}
.block_wrap h1.heading span{ display: inline-block; clear: both; width:100%; height:auto; padding:0; margin:0 auto; overflow: hidden; line-height: normal;font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing: 0.1em; box-sizing: border-box; text-align: center; font-size:28px; color:#fff; font-weight:normal; background:transparent; }
.block_wrap h1.heading font{ z-index: 1; display:inline-block; clear: both; width:auto; height:auto; padding:0 0.5em; margin:0 auto; overflow: hidden; line-height: normal;font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing:0; box-sizing: border-box; text-align: center; font-size:14px; color:#fff; font-weight:300;  background:transparent; }

.block_wrap h1.tit{ position: relative; display:inline-block; clear:both; width:100%; height:auto; padding:0; margin:0.2em auto; text-align: center; background:#fff; }
.block_wrap h1.tit span{ display: inline-block; clear: both; width:100%; height:auto; padding:0.4em 0; margin:0 auto; overflow: hidden; line-height: normal; letter-spacing:0.1em; box-sizing: border-box; text-align: center; font-size:18px; color:#29a; font-weight:normal; font-family: "Microsoft Yahei，PingFangSC-Regular"; background:rgba(0,80,180,0.05);  border-top:2px solid #29a; }


.block_wrap h2.stit{ display:inline-block; clear:both; width:100%; height:auto; padding: 0; margin:0 auto; text-align: center; font-size:18px;}
.block_wrap h2.stit span{ display:inline-block; clear: both; width:100%; height:auto; padding:0; margin:1em auto 0 auto; text-align:left; text-indent:10px; overflow: hidden; line-height: normal;font-size:16px; font-weight:600; color:#222; font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing: 0.1em; background:#fff; border-left:6px solid #9b6; box-sizing: border-box; }
.block_wrap h2.stit b{ display:inline-block; clear: both; width:84%; height:auto; padding:0.4em 2%; margin:0.4em auto; text-align:left; text-indent:0; overflow: hidden; line-height: normal;font-size:16px; font-weight:normal; color:#fff; font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing: 0.1em; background:#9b6; border:none; }
.block_wrap h2.stit b font{ font-size:14px; font-weight:normal; color:#fff; font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing: 0; }


.block_wrap .con{ position: relative; display:block; clear:both; width:100%; height:auto; padding: 0; margin: 0 auto; text-align: center; overflow: hidden; }
.block_wrap .con .wp_40{ width:40%;}
.block_wrap .con .wp_60{ width:60%;}
.block_wrap .con .wp_50{ width:50%;}

.block_wrap .con .text,
.block_wrap .con .pic{ position: relative; display:inline-block; float:left; width: 100%; height:auto; padding:0; margin:0; text-align: center;}
.block_wrap .con .text.bor,
.block_wrap .con .pic.bor{ padding:20px 0 0 0;}


.block_wrap .con .text.wp_40,
.block_wrap .con .pic.wp_40{ width:40%; margin: 0;}
.block_wrap .con .text.wp_60,
.block_wrap .con .pic.wp_60{ width:60%; margin: 0;}
.block_wrap .con .text.wp_50,
.block_wrap .con .pic.wp_50{ width:50%; margin: 0;}

.block_wrap .con .pic.float_r,
.block_wrap .con .text.float_r{ float:right;}

.half_60w,
.half_40w{display: inline-block; float: left; width: 60%; padding: 0; margin: 0; text-align: center; overflow: hidden; }
.half_40w{ width: 40%;}


.block_wrap .con p{ display:inline-block; clear: both; width:auto; height:auto; padding: 0; margin:0.6em auto; text-align:left; text-indent:0; line-height: 170%; font-size: 15px; font-family: "Microsoft Yahei，PingFangSC-Regular"; color: #555; font-weight: normal; text-shadow:none; }
.block_wrap .con p.ind{ text-indent:2em; }
.block_wrap .con p.quot{ background: url(../images/quot.png) no-repeat 0 -5px; background-size:30px 30px; margin-top:30px;  }
.block_wrap .con p.tip{ font-size:12px; color: #999; line-height: 150%; }
.block_wrap .con p b.st{ color: #fff; background: #c30; padding: 0 0.4em;}
.block_wrap .con p b.red,
.block_wrap .con p font.red{ color:#f33;}
.block_wrap .con p.high_tex{ display:block; clear: both; width:88%; height:auto; line-height:25px; padding:15px 0; margin:20px auto; text-align:center; text-indent:0; font-size:15px; font-family: "Microsoft Yahei，PingFangSC-Regular"; color:#f33; font-weight: normal; text-shadow:none; letter-spacing: 0.1em; background:rgba(240,160,90,0.1); border:1px dotted rgba(240,160,90,0.6); box-sizing: border-box; border-radius: 5px;}
.block_wrap .con p.high_tex b{ background:#f33; color: #fff; padding: 0 0.4em; margin: 0 0.4em 0 0;}

.block_wrap h2.stit span,
.block_wrap .con p{ width:94%;}

.block_wrap .wp_40 h2.stit span,
.block_wrap .con .wp_40 p{ width:85%;}
.block_wrap .wp_50 h2.stit span,
.block_wrap .con .wp_50 p{ width:88%;}
.block_wrap .wp_60 h2.stit span,
.block_wrap .con .wp_60 p{ width:90%;}


.block_wrap .con ul.list_pic{ display:block; clear:both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden; list-style-type: none;}
.block_wrap .con ul.list_pic li{ display:inline-block; float: left; width:100%; height:auto; padding:0; margin:0; text-align:center; overflow: hidden; list-style-type: none; font-size: 14px;}
.block_wrap .con ul.list_pic li img{ display:block; clear:both; width:100%; height:auto; padding: 0; margin:0 auto; border:2px solid #fff; box-sizing: border-box;}
.block_wrap .con ul.list_pic li span{ display:block; clear:both; width:100%; height:auto; line-height:20px; padding:10px 0; margin:0 auto 1em auto; text-align:center; overflow: hidden; font-size:16px; font-weight:normal; color:#555; letter-spacing: 0.1em; }
.block_wrap .con ul.list_pic li span b{ font-weight:bold; color:#555; letter-spacing: 0; }
.block_wrap .con ul.list_pic li span font{ font-size:14px; font-weight:normal; color:#555; letter-spacing: 0; }
.block_wrap .con ul.list_pic.p3 li{ width:33.33%;}
.block_wrap .con ul.list_pic.p4 li{ width:25%;}
.block_wrap .con ul.list_pic.p5 li{ width:20%;}
.block_wrap .con ul.list_pic.p3 li.hot_cell{ width:66.66%; }
.block_wrap .con ul.list_pic.p4 li.hot_cell{ width:50%; }
.block_wrap .con ul.list_pic.p5 li.hot_cell{ width:40%; }
.block_wrap .con ul.list_pic.p3 li.nor_cell,
.block_wrap .con ul.list_pic.p4 li.nor_cell,
.block_wrap .con ul.list_pic.p5 li.nor_cell{ width:100%; }

.block_wrap .con ul.list_tex{ display:block; clear:both; width:88%; height:auto; padding:0.5em 0; margin:0 auto; text-align:center; overflow: hidden; list-style-type: none;}
.block_wrap .con ul.list_tex li{ display:inline-block; float: left; width:100%; height:auto; padding:0.25em 0; margin:0 auto; text-align:left; text-indent:0; overflow: hidden; list-style-type: none; font-size: 14px; font-family: "Microsoft Yahei，PingFangSC-Regular"; color: #555; font-weight: normal; text-shadow:none;  }
.block_wrap .con ul.list_tex.half li{ width:50%;}
.block_wrap .con ul.list_tex li b,
.block_wrap .con ul.list_tex li span{ display:inline-block; float:left; height:auto; padding:0; margin:0; width:auto; font-size: 15px; color: #555;}
.block_wrap .con ul.list_tex li b{ height:30px; line-height:30px; padding:0 0.5em; margin: 0 10px 0 0; color: #fff; background:#ba9; letter-spacing: 0.1em; }
.block_wrap .con ul.list_tex li i{ display:inline-block; float:left; width:22px; height:22px; line-height:22px; padding:2px; margin:2px 10px 2px 0; text-align: center; font-size: 15px; font-weight:500; color: #fff; background:#f44; letter-spacing:0; font-style: normal; border-radius:50%;  }
.block_wrap .con ul.list_tex li span{ height:auto; line-height:22px; padding:4px 0; font-weight: normal;}
.block_wrap .con ul.list_tex li span font{ font-size:15px; font-weight: bold;}
.block_wrap .con ul.list_tex li span font.red{ color:#f33;}
.block_wrap .con ul.list_tex li span.aro{ height:auto; min-height: 22px; line-height:22px; margin:2px 0; background: url(../images/dot_10.png) no-repeat 0 11px; text-indent:0; padding-left:15px; }
.block_wrap .con ul.list_tex li span.ok{ height:auto; min-height: 22px; line-height:22px; padding:4px 0 4px 30px; margin:0; background: url(../images/aro_40.png) no-repeat 0 0; background-size: 30px 30px; text-indent:0; font-size: 15px; }


.block_wrap .con ul.list_tex.key li b { width: 26%;  padding: 0 2%; margin: 0;  text-align: center; }
.block_wrap .con ul.list_tex.key li span { width: 66%; padding:4px 2%; font-size: 15px; color: #555; font-weight: normal; text-align: left; }
.block_wrap .con ul.list_tex.key.libg li span{ background: #eeeadd; color:#765;  }

.block_wrap .con ul.list_tex.num{ margin: 0 auto;}
.block_wrap .con ul.list_tex.num li{ padding:0.4em 0;}
.block_wrap .con ul.list_tex.num li i{ display:inline-block; float:left; width:22px; height:22px; line-height:22px; padding:0; margin:4px; text-align: center; font-size: 12px; font-weight:600; color: #fff; background:#f44; letter-spacing:0; font-style: normal; border-radius:50%;  }
.block_wrap .con ul.list_tex.num li span{ text-align:left; width:calc(100% - 40px); padding: 0; margin:4px 5px; font-size: 15px; color: #555; font-weight:normal; }


/*项目亮点*/
.block_wrap .con ul.list_ico{display:block; clear:both; width:96%; height:auto; padding:0.1em 2%; margin:0 auto; text-align:center; overflow: hidden; list-style-type: none; }
.block_wrap .con ul.list_ico li{ display:inline-block; float: left; width:23%; height:auto; padding:0; margin:0 1% 1em 1%; text-align:center; overflow: hidden; list-style-type: none;}
.block_wrap .con ul.list_ico li img{ display:block; clear:both; width:60%; height:auto; padding:0; margin:0 auto; }
.block_wrap .con ul.list_ico li .cell{ display:inline-block; clear:both; width:100%; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden;}
.block_wrap .con ul.list_ico li .cell b,
.block_wrap .con ul.list_ico li .cell font{ display:inline-block; clear:both; height:auto; padding:0; margin:0 auto; text-align:center; overflow: hidden; font-family: "Microsoft Yahei，PingFangSC-Regular"; letter-spacing: 0; }
.block_wrap .con ul.list_ico li .cell b{ width: auto; /*background:#fff6ee; */ border-radius:12px; height: 24px; line-height: 24px; padding: 0 8px; font-size:15px; color:rgba(0,0,0,0.8)/*#c96*/; font-weight:bold; }
.block_wrap .con ul.list_ico li .cell font{ width:100%; line-height:20px; padding:0; margin:5px auto; font-size:12px; color:#999; text-align: left; }

/*房产推荐*/
.block_wrap .con ul.list_tex.tab{ border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding:0.5em 0; margin:1em auto;}
.block_wrap .con ul.list_tex.tab li{  padding:0.2em 0; margin:0.2em auto;/* background: #f4f4f9;*/ border-bottom: 1px dashed #eee;}
.block_wrap .con ul.list_tex.tab li:last-child{ border-bottom:none;}
.block_wrap .con ul.list_tex.tab li b { width: 40%;  padding: 0 5%; margin: 0;  text-align:left; color: #333; background:none; letter-spacing: 0.1em; }
.block_wrap .con ul.list_tex.tab li span { width: 40%; padding:4px 5%; font-size: 15px; color: #555; font-weight: normal; text-align: right; }

/*iPad 768-1024*/
@media only screen and (max-width:1024px) {
.main_wrap {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft Yahei，PingFangSC-Regular"; 
    background: #fff url(../images/banner.jpg) no-repeat 50% 0;
    background-size: 150% auto;
}	
.banner {
    display: block;
    clear: both;
    width: 100%;
    height: calc(100vw * 0.3);
    padding: 0;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    background: transparent;
}	
	
.container_wrap{ width:100%; height:auto; padding:0;  margin:0 auto; background:rgba(255,255,255,0); box-shadow:none; }	
	
	
}
@media only screen and (max-width:768px) {	
.main_wrap {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft Yahei，PingFangSC-Regular"; 
    background: #fff url(../images/banner.jpg) no-repeat 50% 0;
    background-size: 180% auto;
}	
.banner {
    display: block;
    clear: both;
    width: 100%;
    height: calc(100vw * 0.4);
    padding: 0;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    background: transparent;
}	
.block_wrap {
    display: block;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0;
    margin:0.5em auto 0 auto;
    text-align: center;
    overflow: hidden;
    background: rgba(255,255,255,1.0);
    box-shadow:0 0 0 rgba(0,0,0,0);
}	
	
	
.block_wrap h1.tit { margin: 0 auto; }		
.block_wrap h1.tit span{ font-size: 24px; }	

.block_wrap h2.stit{  width:100%;}
.block_wrap h2.stit span,
.block_wrap .wp_50 h2.stit span,
.block_wrap .wp_40 h2.stit span,
.block_wrap .wp_60 h2.stit span{  width:96%; padding:0 2%; margin:1em auto 0.6em auto; text-indent:0; font-size:16px; letter-spacing: 0;}	
	
.block_wrap .con p,
.block_wrap .con .wp_50 p,
.block_wrap .con .wp_40 p,
.block_wrap .con .wp_60 p{ width:96%; font-size:14px; }	

.block_wrap .con .float_r,
.block_wrap .con .pic.float_r,
.block_wrap .con .text.float_r{ float:left;}		
	

.block_wrap .con ul.list_pic.p4 li,
.block_wrap .con ul.list_pic.p5 li,
.block_wrap .con ul.list_pic.p3 li.hot_cell,
.block_wrap .con ul.list_pic.p5 li.hot_cell,
.block_wrap .con ul.list_pic.p3 li.nor_cell,
.block_wrap .con ul.list_pic.p4.aways li.hot_cell{width:50%;} 	
.block_wrap .con ul.list_pic.p3 li,	
.block_wrap .con ul.list_pic.p4 li.hot_cell,	
.block_wrap .con ul.list_pic.p5 li:first-child,
.block_wrap .con ul.list_pic.p4.aways li.nor_cell{ width: 100%;}


.block_wrap .con .wp_40,
.block_wrap .con .wp_60,
.block_wrap .con .wp_50,
.block_wrap .con .text.wp_50,	
.block_wrap .con .pic.wp_50,	
.block_wrap .con .text.wp_40,	
.block_wrap .con .pic.wp_60,
.block_wrap .con .text.wp_60,
.block_wrap .con .pic.wp_40{ clear: both; float: none; width:100%; margin:0.2em auto;}	
	
.block_wrap .con .pic.wp_50.cimg{ height:auto; max-height: calc(100vw * 0.35); overflow: hidden;}	
	
.half_60w{ width: 75%;}
.half_40w{ width: 25%;}	
	
.block_wrap h2.stit span,
.block_wrap .con p,
.block_wrap .wp_40 h2.stit span,
.block_wrap .con .wp_40 p,
.block_wrap .wp_50 h2.stit span,
.block_wrap .con .wp_50 p,
.block_wrap .wp_60 h2.stit span,
.block_wrap .con .wp_60 p{ width:94%;}

	
.block_wrap .con ul.list_tex{ width:94%; }
		
.block_wrap .con ul.list_pic { margin:0 auto;}		
.block_wrap .con ul.list_pic li span{ display:block; clear:both; width:100%; height:auto; line-height:150%; padding: 0; margin:0.5em auto 1em auto; text-align:center; overflow: hidden; font-size:14px; font-weight:normal; color:#555; letter-spacing: 0.1em; }

	
.block_wrap .con ul.list_tex li b,
.block_wrap .con ul.list_tex li span{ font-size: 14px;}
.block_wrap .con ul.list_tex li i{ font-size: 14px; }
.block_wrap .con ul.list_tex li span font{ font-size:14px; }
.block_wrap .con ul.list_tex li span.aro,
.block_wrap .con ul.list_tex li span.ok{font-size: 14px; }	
	
.block_wrap .con ul.list_tex.key li b { width: 28%; padding: 0; margin: 0; text-align: center; font-size: 14px; }	
.block_wrap .con ul.list_tex.key li span { width: 70%; padding: 4px 1%; margin:0; font-size: 14px;}


}
	

/*iPhone678plus*/
@media only screen and (max-width:414px) {

.block_wrap h1.heading span{ font-size:24px; }
.block_wrap h1.tit span{ font-size: 20px; }	
	
.block_wrap .con ul.list_pic.p3 li,
.block_wrap .con ul.list_pic.p4 li,
.block_wrap .con ul.list_pic.p5 li,
.block_wrap .con ul.list_pic.p3 li.hot_cell,
.block_wrap .con ul.list_pic.p4 li.hot_cell,
.block_wrap .con ul.list_pic.p5 li.hot_cell,
.block_wrap .con ul.list_pic.p3 li.nor_cell{ width: 100%;}	
	
.block_wrap .con p.high_tex{ width:80%; padding:10px; margin:20px auto; font-size:14px; letter-spacing:0; text-align: left; }	
	
.half_60w,
.half_40w{ width: 94%; margin: 0 3%;}

	
/*项目亮点*/
.block_wrap .con ul.list_ico{display:block; clear:both; width:96%; height:auto; padding:0.1em 2% 1em 2%; margin:1em auto; text-align:center; overflow: hidden; list-style-type: none;}
.block_wrap .con ul.list_ico li{ width:98%; }	
.block_wrap .con ul.list_ico li img{ width:40%; }
.block_wrap .con ul.list_ico li .cell{ width:70%; }
.block_wrap .con ul.list_ico li .cell b{ font-size:16px; }	
.block_wrap .con ul.list_ico li .cell font { font-size: 16px; }		


}

/*iPhone6*/
@media only screen and (max-width:375px) {


}

/*iPhone5*/
@media only screen and (max-width:320px) {
.block_wrap .con ul.list_ico li .cell b,
.block_wrap .con ul.list_ico li .cell font { font-size: 14px; }		
	
	
}