.mian {padding:10px;}
.lgtt {float:left;width:100%;padding:15px;background: #fff;overflow: hidden;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_sindex {float:left;width:100%;border:1px solid #f7f7f7;overflow: hidden;}
.top-news {float:left;width:100%;margin-top:10px;border-top:1px solid #f7f7f7;overflow: hidden;}
.top-news .box_tab div{zoom:1;}
.top-news .box_tab {z-index:0;}
.top-news .btn_tab{ width:100%;position:relative; z-index:1;}
.top-news .btn_tab ul{ display:block;background:#F2F2F2;overflow:hidden;}
.top-news .btn_tab ul li{float:left; font-weight:bold;width:50%;text-align:center; font-size:16px; height:40px;line-height:40px; cursor:pointer;}
.top-news .btn_tab ul li.on{ font-weight:bold; color:#fff;background:#008fe9;}
.top-news .box_tab ul{display:block;overflow:hidden;padding-top:10px;}
.top-news .box_tab li {float:left;width:100%;height:28px;line-height:28px;}
.top-news .box_tab a{float:left;width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-news .box_tab span{float:left;width:10%;font-size:14px;text-align:right;color:#999;}
/* focusindex */
.focusindex{position:relative;width:100%;height:300px;background-color:#000;float:left}
.focusindex img{width:100%;height:300px}
.focusindex .shadow .title{color:#fff; font-size:20px;line-height:25px;margin-bottom:10px;font-weight: bold;padding-top:5px;}
.focusindex .shadow .txt{text-indent:2em;color:#fff; font-size:14px;line-height:22px;padding-right:20px;}
.focusindex .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1}
.focusindex .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9}
.focusindex .btn a.current,.focusindex .btn a:hover{cursor:pointer;background:#fc114a}
.focusindex .fPic{position:absolute;left:0;top:0}
.focusindex .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10}
.focusindex .shadow{width:50%;position:absolute;bottom:0;right:0;z-index:10;height:300px;line-height:24px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000');display:block;padding:10px;text-align:left;}
.focusindex .shadow{text-decoration:none;color:#fff;font-size:13px;overflow:hidden;font-family:"\5FAE\8F6F\96C5\9ED1"}
.focusindex .fcon{position:relative;width:100%;float:left;display:none;background:#000}
.focusindex .fcon img{min-width:100%;width:100%;height:300px;display:block}
.focusindex .fbg{bottom:0;left:10px;position:absolute;height:40px;text-align:center;z-index:200}
.focusindex .fbg div{margin:8px auto 0;overflow:hidden;zoom:1;height:28px}
.focusindex .D1fBt a{position:relative;display:inline;width:22px;height:22px;margin:0 3px;color:#FFF;text-decoration:none;text-align:center;outline:0;float:left;background:#000;line-height:23px}
.focusindex .D1fBt .current,.focus .D1fBt a:hover{background:#f03e16}
.focusindex .D1fBt img{display:none}
.focusindex .D1fBt i{display:block;font-style:normal}
.focusindex .next,.focusindex .prev{z-index:12;position:absolute;text-align:center;font-weight: bold;width:30px; height:50px; line-height:50px;background:#000; color:#fff; font-size:26px;font-family: \5b8b\4f53; background:rgba(0,0,0,0.6); filter:alpha(opacity=60);}
.focusindex .prev{top:50%;margin-top:-37px;left:0;background-position:0 0px;cursor:pointer;}
.focusindex .next{top:50%;margin-top:-37px;right:0;background-position:-56px 0px;cursor:pointer;}
.focusindex .prev:hover{background-position:-28px 0}
.focusindex .next:hover{background-position:-85px 0}
.focusindex .txtbg {content:'';width:0;height:0;display:block;position:absolute;right:50%;top:20px;border-top:20px solid transparent;border-right:30px solid rgba(0,0,0,0.4);border-bottom:20px solid transparent;}
.fangjia {float:left;width:100%;margin-top:10px;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.fangjia font {font-weight: bold;font-size:16px;color:#EE0000;font-family: Georgia;padding:0 3px;}
.fangjia span {color:#D9D9D9;padding:0 5px;}
.m-left {float:left;width:100%;}
.m-right {float:left;width:100%;}
.loupan {float:left;width:100%;margin-top:10px;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.loupan .box_tab div{zoom:1;}
.loupan .box_tab {z-index:0;}
.loupan .btn_tab{ width:100%;position:relative; z-index:1;}
.loupan .btn_tab ul{ display:block;background:#F2F2F2;overflow:hidden;}
.loupan .btn_tab ul li{float:left; font-weight:bold;width:25%;text-align:center; font-size:16px; height:40px;line-height:40px; cursor:pointer;}
.loupan .btn_tab ul li.on{ font-weight:bold; color:#fff;background:#008fe9;}
.loupan .box_tab ul{display:block;overflow:hidden;padding:10px 0;}
.loupan .box_tab li {float:left;width:49%;margin-left:1%;overflow:hidden;}

.img-item .img {float: left;width:98%;text-align:center;margin-top:5px;position:relative;}
.img-item .img img {width:100%;height:110px;}
.img-item .img span{float: left;width:80px;8display:block;color:#fff;line-height:24px;font-size:14px;text-align:center;font-weight:bold; position: absolute; left: 0; top: 0px; -webkit-border-radius: 0px 15px 15px 0px;z-index:2;}
.img-item .name {float:left;width:98%;text-align:center;margin-top:5px;color:#0af;font-size:16px;font: 16px "microsoft yahei";height:26px;line-height:26px;box-sizing:border-box; display:block; overflow:hidden}
.img-item .name a {color:#0d7ad9;}
.img-item .name a:hover{ color:#f00;}
.img-item span {float:left;width:50%;text-align:center;font-size:14px;color:#999;}
.img-item span em {font-style:normal;line-height:26px;padding:0 10px;background: #FF7F24;color:#fff;}
.img-item span strong {color: #fe6200;font-size:16px;}
.img-item ins {padding-right:5px;}
.img-item dd {float:left;width:100%;text-align:center;font-size:14px;color:#999;line-height:24px;height:24px;overflow: hidden;text-overflow:ellipsis;}
.img-item dd em {font-style:normal;padding-left:5px;}
.img-item {font-size: 16px;padding:5px 0;cursor: pointer;border-bottom:0.5px soddd #dedede;}

.s3 {background-color:#00BFFF;}   /* 在售 */
.s1 {background-color:#66CD00;}   /* 新盘 */
.s7 {background-color:#999;}      /* 售完 */
.s2 {background-color:#FF3030;}   /* 打折 */

.city {float:left;width:100%;margin:10px 0;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.city dd{float:left;width:100%;color:#333;padding-bottom:10px;font-size:16px;font-weight:bold;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.city ins {padding-right:5px;font-size:18px;}
.city li {float:left;width:49%;margin-left:1%;margin-top:5px;overflow:hidden;}
.city li:hover img{filter:alpha(opacity=80);opacity:0.8;border:1px solid #0d7ad9;}
.city li span{float:left;width:40%;overflow:hidden;margin-right:2%;}
.city li span img {width:100%;height:80px;border:1px solid #ddd;border-radius:3px;}
.city li font{float:left;width:58%;font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;}
.city li p{float:left;width:58%;margin-top:5px;color:#666;}

.m-right ins{padding-right:5px;font-size:18px;color:#0d7ad9;}
.news_fj {float:left;width:100%;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_fj h3{line-height:24px;font-size:16px;padding-bottom:5px;font-weight: bold;}
.city_h {float: left;width:100%;font-size:13px;}
.city_h p {float: left;border:1px solid #dadada;background:#f7f7f7;text-align:center;line-height: 24px;margin-top:10px;margin-bottom:5px;}
.city_h .y1 {float: left;width:30%;border-right:none;}
.city_h .y2 {float: left;width:45%;border-right:none;}
.city_h .y3 {float: left;width:25%;}
.city_h li {float: left;width:100%;border-bottom:1px solid #ebebeb;padding:5px 0;}
.city_h dd {float: left;text-align:center;}
.city_h dd i{color:#f00;padding-right:3px;}
.city_h dd em{color:#66CD00;padding-right:3px;}
.city_h dl {float: left;width:100%;text-align:right;padding-top:8px;}
.city_h a {color:#5a9af4;}

.news_top {float:left;width:100%;color:#666;margin-top:10px;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_top h3{float:left;width:100%;line-height:24px;font-size:16px;font-weight: bold;padding-bottom:10px;border-bottom:2px solid #f7f7f7;margin-bottom:10px;}
.news_top span {float:left;width:100%;height:150px;text-align:center;position:relative;margin-bottom:10px;}
.news_top span img {width:100%;height:150px;}
.news_top span p{width:100%;text-align:center;font-size:16px;position: absolute;bottom: 0px;overflow:hidden;text-overflow:ellipsis;height:30px;line-height:30px;background:rgba(0,0,0,.6);color:#fff;}
.news_top span .txta {line-height:30px;}
.news_top li {float:left;width:100%;list-style-type:square;border-bottom:1px dashed #e7e7e7;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.news_top li a{line-height:30px;font-size:14px;margin-left:-10px;padding-left:5px;}

.news_lp {float:left;width:100%;color:#666;margin:10px 0;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_lp h3{line-height:24px;font-size:16px;padding-bottom:5px;font-weight: bold;}
.city_c {float: left;width:100%;font-size:13px;}
.city_c p {float: left;border:1px solid #dadada;background:#f7f7f7;text-align:center;line-height: 24px;margin-top:10px;margin-bottom:5px;}
.city_c .h1 {float: left;width:21%;border-right:none;}
.city_c .h2 {float: left;width:49%;border-right:none;}
.city_c .h3 {float: left;width:30%;}
.city_c li {float: left;width:100%;border-bottom:1px solid #ebebeb;padding:5px 0;}
.city_c dd {float: left;text-align:center;}
.city_c dd i{color:#f00;padding-right:3px;}
.city_c dd em{color:#66CD00;padding-right:3px;}
.city_c dl {float: left;width:100%;text-align:right;padding-top:8px;}
.city_c a {color:#5a9af4;}
/* PC端 */
@media only screen and (min-width:860px){
/* focusindex */
.mian{width: 1220px;margin: 0 auto;}
.lgtt {float:left;width:100%;padding:15px;overflow: hidden;background: #fff;}
.news_sindex {float:left;width:550px;overflow: hidden;}
.top-news {float:left;margin-left:15px;width:600px;margin-top:0;border-top:none;overflow: hidden;}
.focusindex{position:relative;width:550px;height:380px;background-color:#000;float:left}
.focusindex img{width:550px;height:380px}
.focusindex .fcon img{width:550px;height:380px;display:block}
.focusindex .txtbg {content:'';width:0;height:0;display:block;position:absolute;right:260px;top:20px;border-top:20px solid transparent;border-right:30px solid rgba(0,0,0,0.4);border-bottom:20px solid transparent;}
.focusindex .shadow{position:absolute;bottom:0;right:0;z-index:10;width:260px;height:380px;line-height:24px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000');display:block;padding:10px;text-align:left;}
.fangjia {float:left;width:100%;padding:15px;overflow: hidden;background: #fff;margin-top:15px;font-size:16px;}
.fangjia span {color:#D9D9D9;padding:0 10px;}
.loupan {float:left;width:100%;margin-top:15px;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.m-left {float:left;width:880px;}
.m-right {float:left;width:305px;margin-left:15px;}
.city {float:left;width:100%;margin:15px 0;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.loupan .box_tab li {float:left;width:33%;margin-left:0.3%;overflow:hidden;}
.city li {float:left;width:33%;margin-left:0.3%;overflow:hidden;}
.city dd{float:left;width:100%;color:#333;padding-bottom:10px;font-size:16px;font-weight:bold;border-bottom:2px solid #f7f7f7;margin-bottom:15px;}
.img-item .img img {width:100%;height:150px;filter:alpha(opacity=100);opacity:1}
.img-item .img img:hover{filter:alpha(opacity=80);opacity:0.8;}
.news_fj {float:left;width:100%;margin-top:15px;color:#666;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_top {float:left;width:100%;color:#666;margin-top:15px;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_lp {float:left;width:100%;color:#666;margin-top:15px;padding:15px;overflow: hidden;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.news_top span {float:left;width:100%;height:140px;text-align:center;position:relative;margin-bottom:10px;}
.news_top span img {width:100%;height:140px;}
}
