@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*body,html{ -webkit-text-size-adjust:none;position: relative;line-height:1.5em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
 */
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

body{font-family:"Microsoft Yahei",Arial,tahoma,arial!important; color:#666; background-color:#fff; min-width: 320px;}
a{text-decoration:none; -webkit-tap-highlight-color:transparent; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
a:hover{text-decoration:none;}

.fl{ float: left;}
.fr{ float: right;}
.clear:after{ content: ""; clear:both; display: block;}
.form-group {  background-color: #fff;}
.border-box{border: 1px solid #ededed;}
.control-label { text-align: center; line-height:60px; width: 64px;}
.control-label span{ color: #cacaca; font-size: 30px; vertical-align: top;}
.col-sm{ float: left;}
.form-control{ border: 0; background-color: #fff; height:60px; line-height: 60px; outline: none; font-family:"Microsoft Yahei"; color: #666;}
.btn{ color:#fff; line-height: 60px; display:block; text-align: center; background-color: #f58c00; letter-spacing: 5px;}
.btn:hover{ background-color: #FF6800;}
.w-1200{ width: 1200px; margin: 0 auto; position: relative;}

@font-face {
    font-family: 'icomoon';

    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.demo-icon
{
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    font-size:14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.preview-icon:before{ content:'\e908';}
.like-icon:before{ content:'\e909';}
.collection-icon:before{ content:'\e90a';}
.edit-icon:before{ content:'\e90b';}
.set-icon:before{ content:'\e90c';}
.qq-icon:before{ content:'\e904';}
.weibo-icon:before{ content:'\e903';}
.head-icon:before{ content:'\e90d';}
.tie-icon:before{ content:'\e90e';}
.date-icon:before{ content:'\e90f';}
.wechat-icon:before{ content:'\e911';}
.search-icon:before{ content:'\e910';}
.close-icon:before{ content:'\e907';}
.add-icon:before{ content:'\e912';}
.friend-icon:before{ content:'\e914';}

.info-icon:before{ content:'\e915';}

@media screen and (min-width:650px){


}

/*首页与列表页*/

.xiuIndex-list{ margin-top: 45px;}
.xiuIndex-list-des{ margin:50px 0 20px;}
.xiuIndex-list h3{ color: #fff; font-size: 24px; text-align: center; margin-bottom: 20px;}
.xiuIndex-list-des .des-btn{ text-align: center; }
.xiuIndex-list-des .des-btn a{ margin: 0 2px; display: inline-block; border: 1px solid #ff6800; width: 70px; text-align: center; line-height: 24px; vertical-align: top; color: #fff; font-size: 12px; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius: 20px}
.xiuIndex-list-des .des-btn a.on{ background-color: #ff6800;}
.xiuIndex-list ul{ margin-left: -24px;}
/*
.xiuIndex-list li{width: 282px; height: 418px; float: left; margin:15px 0 15px 24px; background-color: #fff; padding: 8px; -moz-box-shadow:0 6px 8px rgba(180,50,0,.1);-webkit-box-shadow:0 6px 8px rgba(180,50,0,.1);box-shadow:0 6px 8px rgba(180,50,0,.1);}
 qwk*/
.xiuIndex-list li{width: 282px; height: 336px; float: left; margin:15px 0 15px 24px; background-color: #fff; padding:8px 0 0 8px; -moz-box-shadow:0 6px 8px rgba(180,50,0,.1);-webkit-box-shadow:0 6px 8px rgba(180,50,0,.1);box-shadow:0 6px 8px rgba(180,50,0,.1);}
/*.xiuIndex-list li .li-con{ width: 266px; height: 402px; position: relative; overflow: hidden;} qwk*/
.xiuIndex-list li .li-con{   height: 328px; position: relative; overflow: hidden;}
.xiuIndex-list li .li-img{ width: 266px; height: 320px;-moz-transition: all 1.2s ease;-o-transition: all 1.2s ease;-webkit-transition: all 1.2s ease;transition: all 1.2s ease; }
.xiuIndex-list li .list-info{ width: 266px; background-color: #000;opacity: 0.7; position: absolute; left:50%; margin-left: -133px; display: none ;bottom: 0px;}
.xiuIndex-list li .list-info-top{ padding:32px 0; text-align: center; }
.xiuIndex-list li .list-info-top p{ color: #fff; font-size: 16px; line-height: 22px; padding-bottom: 5px;}
.list-info-btn{ text-align: center;}
.list-info-btn a{color: #535353;font-size: 14px;display:inline-block;width: 49%;}
.list-info-btn span{ color: #b8b8b8; display: inline-block; margin-right: 5px; font-size: 18px; vertical-align:top;}
.xiuIndex-list li .list-info-btn a:hover{ color: #ff6800;}
.xiuIndex-list li .list-info-bottom{ padding: 10px 0; border-top: 1px solid #f2f2f2;}
.xiuIndex-list li .list-info-bottom a{ display: block; float: left; width: 50%; border-right: 1px solid #f2f2f2; color: #535353; text-align: center; font-size: 14px;}
.xiuIndex-list li .list-info-bottom a span{ display: block; font-size:30px; line-height:40px; font-weight: bold;}
.xiuIndex-list li .list-info-bottom a i{ font-style: normal;}
.xiuIndex-list li .list-info-bottom a:last-child{ border: 0;}
.xiuIndex-list li .list-info-bottom a:hover{ color: #ff6800;}
.xiuIndex-list li .list-code{ position: absolute; right:10px; top:13px; display: none; }
.xiuIndex-list li .list-code a{ display: block; width:35px; height: 35px; background: url(/*https://www.xiu.top/images/chengxiu-index-spri.png*/) no-repeat 0 -180px; -moz-box-shadow:0 2px 2px rgba(180,50,0,.1);-webkit-box-shadow:0 2px 2px rgba(180,50,0,.1);box-shadow:0 2px 2px rgba(180,50,0,.1);}
.xiuIndex-list li .list-code-con{ display: none; margin: -13px -10px 0 0; width:266px; height: 320px; background-color: rgba(255,255,255,.9); text-align: center;}
.xiuIndex-list li .list-code-con p{ color: #333; font-size: 16px; padding:32px 0 5px;}
.xiuIndex-list li .list-code-con img{ width: 140px; height: 140px; display: inline-block;}
/*.xiuIndex-list li:hover{ background: url(../images/project/yidont-cheng.png) no-repeat #fff;}  qwk*/
.xiuIndex-list li:hover{    border: 8px solid #2fc7ff;  padding: 0px;}
.xiuIndex-list li:hover .li-img{-moz-transform: scale3d(1.05, 1.05, 1.05);-ms-transform: scale3d(1.05, 1.05, 1.05);-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05)}
.xiuIndex-list li:hover .list-code{ display: block;}
.xiuIndex-list li:hover .list-info-top{ padding: 11px 0;}
.xiuIndex-list li .list-code:hover a{ display: none;}
.xiuIndex-list li .list-code:hover .list-code-con{ display: block;}
.xiuIndex-list .more-btn{ cursor:pointer; display: block; margin-top: 30px; height: 64px; line-height: 64px; border: 1px solid #efefef; text-align: center; color: #7d7d7d; font-size: 16px; background: url(../images/chengxiu-index-5.png) no-repeat center bottom #fff; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius:20px;}
.xiuIndex-list .more-btn:hover{ color: #fff; background: #ff6800; border-color: #ff6800;}

.ng-top-conter{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top: 45px;
    height:340px;
}
.ng-top-left{
    width: 588px;
    float: left;
    height: 347px;
    margin-right:24px;
    margin-bottom:15px;
    overflow:hidden;
    border: 1px solid #dedede;
}
.ng-top-right{
    width: 588px;
    height: 347px;
    overflow:hidden;
    margin-top: 15px;
}
.top_right_title{
    font-weight: 700;
    font-size:22px;
}
.top_right_conter{
    line-height:26px;
    margin-top:8px;
}
.ng_type{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top: 45px;
}
.type_title{
    height: 28px;
    line-height: 28px;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    overflow: hidden;
}
.type_conter{
    width: 100%;
}
.card{
    width: 384px;
    margin-left: 24px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    float: left;
    position: relative;
}
.card:hover{
    border: 1px solid #ff5200;
}
.hd{
    height: 95px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    display: block;
    padding-top:20px;
}
.card_type{
    padding: 0 20px;
}
.card-1{
    margin-left:0;
}
.card_a_bg1{
    background-image: url(../../images/property-a-bg.png);
    background-position: 0 0;
}
.card_a_bg2{
    background-image: url(../../images/property-a-bg.png);
    background-position: 0 -99px;
}
.card_a_bg3{
    background-image: url(../../images/property-a-bg.png);
    background-position: 0 -198px;
}
.row{
    display: block;
    padding: 10px 0;
    height:360px;
    border-top: 1px solid #e2e2e2;
}
.top_switch{
    position: absolute;
    left: 610px;
    top: 300px;
}
.switch_button{
    float: left;
    padding:10px 15px;
    border:1px solid #ff5200;
    color: #ff5200;
    margin-right:15px;
    cursor:pointer;
}