* {
    margin: 0 auto;
    font-family: "Microsoft YaHei"
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
}

p {
    word-break: normal;
    word-wrap: break-word;
}

ul {
    padding-left: 0;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
}

.breadcrumb {
    background-color: transparent;
}

.home select,
.building-search select {
    height: 36px;
    line-height: 36px;
    padding: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*将背景改为红色*/
    background: #fff;
    /*加padding防止文字覆盖*/
    padding-right: 14px;
    text-indent: 5%;
    text-align: center;
    text-align-last: center;
    color: #9b9b9b;
}

option {
    text-align: center;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input {
    outline: none;
}

@media (min-width: 1220px) {
    .container {
        width: 1200px;
    }
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb80 {
    margin-bottom: 80px;
}


/*.w1200{width: 1200px;margin-left: auto;margin-right: auto;}*/

@font-face {
    font-family: 'iconfont';
    /* project id 770456 */
    src: url('http://at.alicdn.com/t/font_770456_fxr9h2q261a.eot');
    src: url('http://at.alicdn.com/t/font_770456_fxr9h2q261a.eot?#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_770456_fxr9h2q261a.woff') format('woff'), url('http://at.alicdn.com/t/font_770456_fxr9h2q261a.ttf') format('truetype'), url('http://at.alicdn.com/t/font_770456_fxr9h2q261a.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


/* 导航 */

.navBox {
    width: 100%;
    z-index: 98;
    height: 83px;
    position: fixed;
    top: 0;
    /*background-color:#012966;*/
    background-color: rgba(1, 41, 102, .8);
    transition: 0.2s;
}

.main .navBox.roll {
    position: fixed;
    /*background-color:#012966;*/
    background-color: rgba(1, 41, 102, .8);
}

.navbar {
    overflow: hidden;
    margin: 0 auto;
    white-space: nowrap;
    /*max-width:1300px;*/
    z-index: 10;
    margin-bottom: 0;
    border: none;
    background: transparent;
    box-sizing: border-box;
    padding-top: 20px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.nav>li>a {
    padding: 10px 0px
}

.navbar * {}

.navbar .logo {
    position: relative;
    display: block;
    height: auto;
}

.navbar img {
    margin: 0 40px 0 20px;
    position: relative;
    bottom: 6px;
}

.navbar-toggle {
    margin: 10px 0 0 0;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-nav {
    margin-top: 24px;
    display: inline-block;
    white-space: nowrap;
    float: right;
    margin-right: 30px;
}

.navBox .language {
    color: #fff;
    float: right;
    margin-top: 24px;
    /*margin-top:-40px; margin-right:10%;*/
}

.navBox .language li {
    float: left;
    padding: 0 8px;
    border-right: 1px solid #fff;
}

.navBox .language li:nth-of-type(2),
.home .navBox.roll .language li:nth-of-type(2) {
    border: none;
}

.navBox .language li:nth-of-type(3),
.home .navBox.roll .language li:nth-of-type(3) {
    border: none;
}

.navBox .language li:nth-of-type(3):hover a,
.home .navBox.roll .language li:nth-of-type(3):hover a {
    color: #fff;
}

.navBox .language .active {
    background: #4a90e2;
    border-radius: 2px;
    border: none;
}

.navBox .language .active a:hover {
    color: #fff
}

.navBox .phone {
    display: none;
}

;

/*.home .navBox .language li:nth-of-type(2){ border-right:1px solid #fff;}
.home .navBox .language li:nth-of-type(3){ background-color:transparent;}
.home .navBox .language li:nth-of-type(3):hover a{ color:#4a90e2;}*/


/* 导航-针对平板尺寸 */

@media screen and ( min-width:768px) and (max-width: 850px) {
    .navbar {
        padding-right: 10px;
        padding-left: 10px;
    }
    /*.navbar-default .navbar-nav>li>a{ padding-left:8px;padding-right:8px;}*/
    .navbar-default .navbar-nav>li {
        margin-left: 7px;
        margin-right: 8px;
    }
    .navbar-nav {
        margin-top: 0;
        margin-right: 0;
    }
    .navBox .language {
        margin-right: 5px;
        margin-top: -5px;
    }
    .navbar img {
        margin: 0 8px 0 5px;
        width: 150px;
    }
}

@media screen and ( min-width:850px) and (max-width: 920px) {
    .navbar {
        padding-right: 10px;
        padding-left: 10px;
    }
    /*.navbar-default .navbar-nav>li>a{ padding-left:10px;padding-right:10px;}*/
    .navbar-default .navbar-nav>li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .navbar-nav {
        margin-top: 0;
        margin-right: 0;
    }
    .navBox .language {
        margin-right: 0px;
        margin-top: -5px;
    }
    .navBox .phone {
        display: none;
    }
}

@media screen and ( min-width:920px) and (max-width:1000px) {
    .navbar {
        padding-right: 10px;
        padding-left: 10px;
    }
    /*.navbar-default .navbar-nav>li>a{ padding-left:8px;padding-right:7px;}*/
    .navbar-default .navbar-nav>li {
        margin-left: 8px;
        margin-right: 7px;
    }
    .navbar-nav {
        margin-top: 0;
        margin-right: 0;
    }
    .navBox .language {
        margin-right: 0px;
        margin-top: -5px;
    }
    .navBox .phone {
        display: none;
    }
}

@media screen and ( min-width:1000px) and (max-width:1200px) {
    /*.navbar-default .navbar-nav>li>a{ padding-left:10px;padding-right:10px;}*/
    .navbar-default .navbar-nav>li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .navbar-nav {
        margin-top: 0;
        margin-right: 0;
    }
    .navBox .language {
        margin-right: 0px;
        margin-top: -5px;
    }
    .navBox .phone {
        display: none;
    }
}

@media screen and ( min-width:1200px) {
    /*.navbar-default .navbar-nav>li>a{ padding-left:10px;padding-right:10px;}*/
    .navbar-default .navbar-nav>li {
        margin-left: 14px;
        margin-right: 14px;
    }
    .navbar-nav {
        margin-right: 8px;
    }
    .navBox .phone {
        display: none;
    }
}


/* 计算机 */

.computer-btn {
    position: fixed;
    width: 84px;
    z-index: 50;
    height: 84px;
    background: url("../img/botton-cal.png") center no-repeat;
    bottom: 150px;
    right: 50px;
    cursor: pointer;
}

.computer-btn i {
    width: 84px;
    height: 84px;
}

.computer {
    width: 260px;
    height: 328px;
    background: #4a90e2;
    position: relative;
    border-radius: 5px;
    left: -280px;
    top: -180px;
    display: none;
}

.computer .box {
    display: none;
    z-index: 99;
}

.computer .content {
    width: 252px;
    height: 293px;
    background: #fff;
    margin: 0 auto;
}

.computer .title {
    height: 31px;
    overflow: hidden;
}

.computer .title h3 {
    float: left;
    margin: 0 0 0 10px;
    font-size: 14px;
    line-height: 31px;
    color: #fff;
}

.computer .title .close {
    float: right;
    line-height: 31px;
    margin-right: 10px;
    color: #fff;
}

.computer-mask {
    width: 100%;
    position: absolute;
    top: 0;
    display: none;
    z-index: 88;
    background: rgba(0, 0, 0, 0.5);
}

.computer .content {
    overflow: hidden;
    padding: 0 20px;
}

.computer .content>div {
    height: 26px;
    margin-top: 9px;
}

.computer .content span {
    width: 50%;
    display: block;
    float: left;
    line-height: 26px;
}

.computer .content input {
    width: 50%;
    display: block;
    float: left;
}

.computer .content button {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    background: #16438d;
    border-radius: 5px;
    border: none;
}

.computer .content>div:nth-of-type(5) span,
.computer .content>div:nth-of-type(6) span {
    color: #16438d;
}

.computer .content>div:nth-of-type(5) input,
.computer .content>div:nth-of-type(6) input {
    background: #e7f2ff;
}

@media (max-width: 768px) {
    .computer-btn {
        right: 10px;
        bottom: 20px;
    }
    .computer-mask {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
    }
    .computer {
        position: fixed;
        top: calc(50% - 164px);
        left: calc(50% - 130px);
    }
    .computer .box {
        position: fixed;
        margin-left: 4px;
    }
}

@media (min-width: 768px) {
    .computer-mask {
        display: none;
    }
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #0d3c88;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

body .navbar-default.navbar a:hover {
    color: #fff;
    /*border-bottom:3px solid #fff;*/
}

.navbar .active {
    border-bottom: 3px solid #fff;
}

.navbar-default .logo {
    line-height: 0;
    padding: 0;
}

.navbar-default .logo img {
    float: left;
}

@media (min-width: 1200px) {
    .navbar-default .logo img {
        margin-left: 45px;
    }
}


/*.navbar-default .logo.en img{ margin-top: -8px;}*/

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

@media (max-width: 500px) {
    .w100 {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1000px) {
    .navbar {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .navbar-nav {
        padding-top: 0;
    }
    .navbar {
        padding-top: 0;
    }
    .navbar {
        position: fixed;
        background: #012966;
    }
    .navbar-toggle {
        top: 20px;
    }
    .navbar .logo {
        width: 120px;
        top: 20px;
        margin: 0;
        left: calc(50% - 60px);
    }
    .navbar-header,
    .navBox {
        height: 66px;
    }
    .navbar img {
        width: 120px;
        bottom: 4px;
        margin: 0;
    }
    .navbar-nav {
        width: 100%;
    }
    .nav>li {
        width: 100%;
        background-color: #012966;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar .active {
        border-bottom: none;
    }
    .navbar-default .navbar-nav>li>a {
        border-bottom: 1px solid #697993;
        background: #001c47;
        text-align: center;
    }
    .navbar-default .navbar-nav>.active>a {
        background: #001c47;
    }
    .navbar-default .navbar-toggle {
        margin-top: 0;
    }
    .navBox .language {
        position: absolute;
        left: 5px;
    }
    .navBox .phone {
        display: block;
    }
}

@media( min-width:768px) {
    .navbar-nav>li>a {
        padding-top: 0;
    }
}


/* 轮播 */

.page-slider {
    position: relative;
    /* overflow: hidden; */
}

.page-slider .slide-bg {
    width: 100%;
    height: 725px;
    background-position: center;
}


/*给背景加遮罩*/

.bg-shade:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.page-slider .slide-bg:nth-of-type(1) {}

.page-slider .slide-bg:nth-of-type(2) {}

.page-slider .search {
    width: 45%;
    margin: 0 auto;
    position: relative;
    left: calc(50% - 22.5%);
}

.page-slider h4 {
    text-align: left;
    text-indent: 0.5em;
    color: #fff;
}

.home .page-slider p.p1,
.home .page-slider p.p2 {
    display: block;
    position: relative;
    margin-top: -70px;
    /*float:left;*/
    text-align: center;
    color: #fff;
    letter-spacing: 0.8em;
    padding-left: .8em;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95);
    word-break: normal;
    word-break: break-word;
    text-shadow: 2px 2px 6px #000;
    font-size: 32px;
}

.home .page-slider p.p2 {
    font-weight: 400;
    margin: 50px auto;
    font-size: 24px;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 1);
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .home .page-slider p.p1 {
        font-size: 36px;
    }
    .home .page-slider p.p2 {
        font-size: 20px;
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .home .page-slider p.p1 {
        font-size: 30px;
        margin-top: -30px;
    }
    .home .page-slider p.p2 {
        font-size: 18px;
        margin: 20px auto 30px;
    }
}

@media (max-width:768px) {
    .home .page-slider p.p1 {
        font-size: 22px;
    }
    .home .page-slider p.p2 {
        font-size: 14px;
        margin: 30px auto;
    }
}

.ease-in-out {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.home .page-slider .banner-btn,
.banner-btn i {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.home .page-slider .banner-btn {
    padding: 6px 25px;
    display: inline-block;
    color: #012966;
    font-size: 15px;
    font-weight: bold;
    background: rgba(255, 255, 255, .8);
    /*margin-top: 15px;*/
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    letter-spacing: 0;
}

.banner-btn i {
    left: -50px;
    top: 10px;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../img/icon-menu.png) no-repeat center center;
}

.banner-btn:hover>i {
    left: 15px;
}

.banner-btn:hover {
    padding-left: 40px !important;
    color: #ffffff;
}

.home .page-slider .slider-box {
    position: absolute;
    z-index: 10;
    /*width: 846px;*/
    /*height: 220px;*/
    left: calc( 50% - 600px);
    top: 50%;
}

.home .page-slider .slider-box .container {
    /*width: 846px; */
    /*height: 220px;*/
}

.home .swiper-wrapper {
    overflow: hidden;
}

.home .swiper-slide:nth-last-child(n+2) {
    display: none\9;
}

.home .swiper-button-prev {
    left: 11%;
    background-image: none;
}

.home .swiper-button-next {
    right: 11%;
    background-image: none;
}

.home .swiper-container .dir {
    opacity: 0;
    transition: 1s;
}

.home .swiper-container .dir i {
    font-size: 50px;
    color: #fff;
}


/* .home .swiper-container .dir:hover{   -webkit-animation-name: flash; animation-name: flash;} */

.home .swiper-container:hover .dir {
    opacity: 1;
}

@media (max-width: 1400px) {
    .page-slider .search {
        width: 70%;
        left: calc( 50% - 35%)
    }
}

@media (max-height:768px) {
    .page-slider .slide-bg {
        height: 420px
    }
    .home .swiper-container .dir {
        opacity: 1;
    }
}


/* 主页-搜索栏/banner */

.home .search {
    top: 50px;
    height: 160px;
    overflow: hidden;
}

.home .search .drop {
    overflow: hidden;
}

.home .search .drop ul {
    overflow: hidden;
    padding-left: 0;
}

.home .search .drop li {
    float: left;
}

.home .search .drop li a:hover {
    color: #ccc;
}

.home .search .drop select {
    width: 100%;
    border-radius: 30px;
    color: #012966;
}

.home .search .drop option {
    text-align: center;
}

.home .search i {
    position: absolute;
    right: 8%;
    margin-top: 8px;
    color: #d8d8d8;
}

.home .banner {
    overflow: hidden;
    background: url("../img/banner-index-01-1920.jpg") center center no-repeat;
}

.home .banner .container {
    position: relative;
    height: 622px;
}

.home .banner p {
    margin-top: 20%;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.8em;
}

.home .banner h4 {
    text-align: left;
    text-indent: 0.5em;
    color: #fff;
}

.home .search {
    position: absolute;
    border-radius: 10px;
    bottom: 140px;
    box-sizing: border-box;
    padding: 17px 30px;
    background: rgba(1, 41, 102, 0.6);
}

.home .search .tx>div {
    margin-top: 16px;
    overflow: hidden;
    position: relative;
}

.home .search .tx input {
    width: 100%;
    border-radius: 15px;
    padding: 10px 20px;
    border: none;
}

.home .search .tx button {
    width: 20%;
    position: absolute;
    right: 14px;
    top: 0;
    border-radius: 0 15px 15px 0;
    height: 40px;
    border: none;
    color: #fff;
    background: #4a90e2;
}

@media (min-width: 1400px) {
    .page-slider .search {
        width: 100%;
        left: calc(50% - 421.5px);
    }
    .home .search .drop>div:nth-of-type(1) {
        width: 55%;
    }
    .home .search .drop>div:nth-of-type(2) {
        width: 45%;
        padding: 0;
    }
    .home .search .drop ul {
        padding-left: 10px;
    }
    .home .search .drop li {
        margin-left: 0;
    }
}

@media (max-width: 1400px) {
    .home .page-slider .slider-box {
        width: 100%;
        left: 0;
    }
}

@media (min-width: 768px) {
    .navBox {
        background-color: transparent;
        background: -webkit-linear-gradient(rgba(154, 154, 231, 0.8), rgba(255, 255, 255, 0));
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(154, 154, 231, 0.8), rgba(255, 255, 255, 0));
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(154, 154, 231, 0.8), rgba(255, 255, 255, 0));
        /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(1, 41, 102, 0.75), rgba(255, 255, 255, 0));
        /* 标准的语法 */
    }
    .home .navbar {
        background-color: transparent;
    }
}

@media (max-width: 500px) {
    .w100 {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .home .page-slider .slider-box .container {
        width: 100%;
    }
    .home .page-slider .slider-box {
        top: 200px;
        width: 100%;
        left: 0;
    }
    .home .page-slider {
        height: 420px;
        /* overflow: hidden; */
    }
    .home .page-slider p {
        /*width: 60%;*/
        font-size: 18px;
        margin-top: 200px;
    }
    .home .navBox {
        position: fixed;
    }
    .home .navbar {
        background-color: transparent;
    }
    .home .navBox button span {
        transition: 0.5s;
    }
    .home .navBox button.open span:nth-of-type(4) {
        opacity: 0;
    }
    .home .navBox button.open span:nth-of-type(2) {
        opacity: 0;
    }
    body .home .banner {
        background: url("../img/bg-hx-pic02.png") center center no-repeat;
    }
    .home .banner .logo img {
        padding-bottom: 15px;
    }
    .home .banner p {
        margin-top: 130px;
    }
    .home .search {
        margin-top: 0px;
        bottom: 170px;
    }
    .home .search .tx>div {
        margin-top: 20px;
    }
    .home .search .tx input {
        padding: 6px 20px;
        background: #f0f0f0;
    }
    .home .search .tx button {
        height: 32px;
        width: 30%;
        text-align: center;
    }
    .page-slider .search {
        width: 100%;
        height: 240px;
        padding: 17px 30px;
        left: 0;
        top: 140px;
    }
    .page-slider h4 {
        text-align: center;
    }
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .home .search {
        width: 80%;
        left: calc(50% - 40%);
        height: 230px;
    }
    .home .search i {
        display: none;
    }
    .home .search .drop ul {
        display: block;
    }
    .home .search .drop ul li {
        margin-right: 20px;
    }
    .home>.container {
        width: 100%;
    }
}


/* 主页-业务 */

.business {
    overflow: hidden;
}

.business #myTab {
    padding: 40px 0;
    border: none;
}

.business #myTab li {
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
}

.business #myTab li a {
    height: 50px;
    display: inline;
    font-weight: bold;
    font-size: 18px;
    color: #484848;
}

.business #myTab li.active a {
    border: none;
    border-bottom: 3px solid #012966;
    color: #012966;
}

.business #myTab li.active {}

.business #myTab li:nth-child(odd) a {
    float: right;
}

.business #myTab li:nth-child(even) a {
    float: left;
}

.business a {
    color: #000;
    border: none;
}

.nav-tabs>li>a:hover {}

@media (max-width: 768px) {
    .business #myTab li {
        padding: 0;
    }
}

#myTabContent .tab-1 {}

body #myTabContent .tab-1 .bg1 {
    height: 528px;
    background: url("../img/banner-i-01.png") center center no-repeat;
    background-size: cover;
}

#myTabContent .tab-1 .bg2 {
    background: url("../img/banner-i-02.png") center center no-repeat;
}

#myTabContent .tab-1 .bg3 {
    background: url("../img/banner-i-03.png") center center no-repeat;
}

#myTabContent .tab-1 .bg4 {
    background: url("../img/banner-i-04.png") center center no-repeat;
}

#myTabContent .tab-1 .bg5 {
    background: url("../img/banner-i-05.png") center center no-repeat;
}


/*6丶7是寫字樓類型背景圖*/

body #myTabContent .tab-1 .bg6 {
    height: 528px;
    background: url("../img/banner-i-06.jpg") center center no-repeat;
}

body #myTabContent .tab-1 .bg7 {
    height: 528px;
    background: url("../img/banner-i-07.jpg") center center no-repeat;
}

#myTabContent .tab-1 .bg {
    height: 264px;
    display: block;
    background-size: cover;
}

@media (min-width: 768px) {
    #myTabContent .tab-1 .bg:hover .mask {
        height: 53px;
        line-height: 53px;
        margin-top: 211px;
    }
    body #myTabContent .tab-1 .bg1:hover .mask {
        margin-top: 475px;
    }
}

.home .business img {
    width: 100%;
}

.home .business #myTabContent * {
    padding: 0;
}

.home .business .maskBg {
    width: 100%;
    height: 100%;
    line-height: 264px;
    transition: 0.1s;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    display: block;
    text-align: center;
}

.home .business .mask {
    width: 100%;
    height: 53px;
    line-height: 53px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    opacity: 0;
}

.home .business .bg1 .maskBg,
.home .business .bg6 .maskBg,
.home .business .bg7 .maskBg {
    line-height: 528px;
}

@media (max-width: 768px) {
    body #myTabContent .tab-1 .bg1 {
        height: 300px;
    }
    .home .business .bg1 .mask {
        line-height: 300px;
    }
    .home .business .mask {
        line-height: 150px;
    }
    #myTabContent .tab-1 .bg {
        height: 150px;
    }
    .home .business .maskBg {
        line-height: 150px;
    }
    .home .business .bg1 .maskBg {
        line-height: 300px;
    }
    .business .mask {
        line-height: 150px;
    }
    .business #myTab {
        overflow: hidden;
        padding: 0;
    }
    .business #myTab li a {
        width: 100%;
        text-align: center;
        color: #4a90e2;
        background: #012966;
        margin: 0;
        border-radius: 0;
    }
    .business #myTab li.active a {
        border-bottom: 3px solid #fff;
        color: #fff;
    }
}


/* 主页-楼房列表 */

.building {
    margin-top: 10px;
    overflow: hidden;
}

.building .col-md-4:hover h5 {
    color: #4a90e2;
}

.building .col-md-4 p {
    color: #000;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.building h4 {
    font-size: 22px;
    margin: 20px 0 40px;
    font-weight: bold;
    color: #484848;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}


/*.building:nth-of-type(3) h4{ color:#4a90e2;}*/

.building a {
    color: #000;
    display: block
}

.building img {
    /*max-width:90%;*/
    /*margin:0 auto; */
    /*display: inline-block;*/
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%) translateX(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%) translateX(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%) translateX(-50%);
}

.building a div {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.building h5 {
    padding: 0 5%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 15px;
}

.building p {
    padding: 0 5%;
    color: #a5a5a5;
}

.building.list3 {
    background: #f0f0f0;
    padding: 10px 0;
}

.building.list3 h5 {
    padding: 0 10%;
    font-size: 20px;
    color: #3e639e;
}

.building.list3 a div {
    height: 170px;
    margin: 4px 0 10px 0;
}

.building.list3 img {
    width: 80%;
}

.building.list3 p {
    padding: 0 10%;
    color: #000;
}

.hotBuildingSlide {}

.hotBuildingSlide h4 {
    font-size: 22px;
    margin: 60px 0 40px;
    font-weight: bold;
    color: #484848;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}

.hotBuildingSlide .clients-slide {
    height: 289px;
}

.home .hotBuildingSlide .clients-slide ul {
    height: 300px;
    margin-top: 0;
}

.hotBuildingSlide .clients-slide ul li {
    width: 350px;
    padding: 0;
}

.hotBuildingSlide .clients-slide ul li a div {
    height: 230px;
    overflow: hidden;
    width: 90%;
}

.hotBuildingSlide ul li a {
    color: #000;
    display: block;
}

.hotBuildingSlide img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.hotBuildingSlide h5,
.hotBuildingSlide p {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.hotBuildingSlide h5 {
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 15px;
}

.hotBuildingSlide p {
    margin-bottom: 10px;
}

.hotBuildingSlide li:hover h5 {
    color: #4a90e2;
}

@media (max-width: 768px) {
    .building h4 {
        margin-left: 5%;
    }
    .hotBuildingSlide h4 {
        margin-left: 5%;
    }
    .hotBuildingSlide ul li img {
        width: 90%;
    }
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .home .building .col-md-4 {
        width: 33.3%;
        padding: 0;
        float: left;
        margin: 0 10px;
    }
    .home .building {
        padding: 0 40px;
    }
}


/* banner2 */

.home .banner2 {
    width: 100%;
    height: 380px;
    overflow: hidden;
    background: #ebebeb;
    /*background:url("../img/banner-i-search.png") center center no-repeat; background-size:cover;*/
    text-align: center;
    color: #fff;
}

.home .banner2 h4 {
    display: block;
    margin-top: 121px;
    line-height: 40px;
    font-size: 2em;
    color: #222;
    margin-bottom: 0;
    font-weight: bold;
}

.home .banner2 p {
    display: block;
    margin: 5px 0 25px;
    font-size: 15px;
    color: #000;
    word-break: normal;
    word-break: break-word;
}

@media (max-width: 768px) {
    .home .banner2 p {
        padding: 0 20px;
        word-break: break-word;
    }
}

@media (min-width: 1600px) {
    .home .banner2 {
        height: 460px;
    }
    .home .banner2 h4 {
        margin-top: 165px;
    }
}

.home .banner2 a {
    display: inline-block;
    font-size: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #23408f;
    padding: 8px 25px;
    min-width: 185px;
    border-radius: 1000px;
    color: #ffffff;
    font-weight: bold;
}

.home .banner2 a:hover {
    background-color: #0c1f55;
    color: #fff;
}


/*@media (max-width: 768px)
{
    .home .banner2 a{ width:90%;}
}*/


/* 主页-客户 */

.clients {
    overflow: hidden;
    padding: 40px 0 40px 0;
}

.clients .col-md-6 {
    padding: 0;
}

.clients h4 {
    padding-bottom: 20px;
    margin: 0;
    color: #0d3c88;
    font-size: 28px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .clients a {
        width: 90%;
    }
    .clients img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .clients .row {
        padding: 0 6%;
    }
    .clients h4 {
        text-align: center;
        font-size: 18px;
    }
}

.clients-slide {
    height: 140px;
    overflow: hidden;
    margin: 16px 0 0 0;
    position: relative;
    overflow: hidden;
}

.clients-slide h4 {
    color: #0d3c88;
    font-size: 22px;
    font-weight: bold;
}

.clients-slide ul {
    overflow: hidden;
    position: absolute;
    width: 1600px;
    left: 0;
    top: 0;
    _height: 1px;
    height: 53px;
}

.home .clients-slide ul {
    margin-top: 50px;
}

.clients-slide ul li {
    float: left;
    padding: 0 15px;
    /*width: 200px;*/
}

@media (max-width: 768px) {
    .clients-slide {
        height: 110px;
    }
    .clients-slide h4 {
        font-size: 22px;
        margin-left: 5%;
    }
    .clients-slide ul li {
        float: left;
        /* width: 120px;*/
    }
    .clients-slide ul li img {
        /* width: 80%;*/
    }
    .hotBuildingSlide ul li img {
        width: 90%;
    }
}


/* 关于我们 */


/* 关于我们-banner */

.about {}

.about .deepblue {
    color: #0d3c88;
}

.about .banner {
    width: 100%;
    height: 311px;
    position: relative;
    background: url("../img/bg-hx-pic05-1920.jpg") center no-repeat;
    background-size: cover;
    position: relative;
}

.about .banner span {
    position: absolute;
    bottom: 20px;
    font-size: 60px;
    right: 60px;
    /*opacity: 0.6;*/
    color: #fff;
    padding: 0 20px;
    /*background: rgba(0,0,0,.5);*/
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.95);
    font-family: 'Raleway', sans-serif;
}

.about .tab {
    background: #012966;
}


/* 关于我们-文章选项卡 */

.about .tab .wrap {
    background: #001c47;
}

.about .jump {
    overflow: hidden;
    /*padding:0 120px; */
    border: none;
    background: #012966;
}

.about .jump li {
    cursor: pointer;
    width: 128px;
    text-align: center;
    padding: 0;
}

.about .jump.en li {
    width: auto;
    min-width: 120px;
}

.about .jump.en li a {
    padding: 10px 5px;
    font-family: 'Raleway', sans-serif;
}

.about .jump a {
    border-radius: 0;
    line-height: 48px
}

.about .jump a:hover {
    background: #4a90e2;
    border: 1px solid #4a90e2;
    color: #fff;
}

.about .jump a:hover i {
    display: block;
}

.about .jump .active a {}

.about .jump .active a {
    height: 70px;
    ;
    border: none;
    position: relative;
    margin: 0;
    background: #4a90e2;
    color: #fff;
    border: 1px solid #4a90e2;
}

.about .jump .active a:hover {
    border: 1px solid #4a90e2;
    background: #4a90e2;
    color: #fff;
}

.about .jump i {
    display: none;
    width: 22px;
    height: 12px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -11px;
    background: url("../img/arrow-up-w.png") center no-repeat;
    background-size: 60%
}

.about .jump .active a i {
    display: block;
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .about .container {
        width: 100%;
        margin: 0;
    }
    .about .tab .container {
        width: 100%;
    }
    .principle .col-md-4 {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .about .banner {
        height: 350px;
    }
    .about .banner span {
        font-size: 35px;
    }
    .nav-tabs>li {
        width: 50%;
        text-align: center;
    }
    .about .jump .active a {
        height: 50px;
        background: #012966;
        border: #001c47;
    }
    .about .jump a {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        padding: 0;
    }
    .about .jump li,
    .about .jump.en li {
        width: 50%;
    }
    .about .jump.en li a {
        padding: 0;
    }
    body .about .jump .active a i {
        background-size: 50%;
        bottom: -4px;
    }
    .about .jump {
        padding: 0;
    }
    .about .jump.flex-container {
        display: block;
    }
    .nav>li>a:focus,
    .nav>li>a:hover {
        background: #012966;
        color: #fff;
        border: 1px solid #012966;
    }
    .navBox .nav>li>a:focus,
    .navBox .nav>li>a:hover {
        border-top: 1px solid #697993;
        border-bottom: 1px solid #697993;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #4a90e2;
        background-color: #012966;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        background-color: #001c47;
        color: #4a90e2;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
}


/*@media (max-width: 1000px){  }*/


/* 关于我们-买卖/租凭 */

.about .business {
    padding: 30px 10px 20px 10px;
    background: #f5f5f5;
}

.about .business ul {
    padding: 0;
}

.about .business li {
    padding: 0;
}

.about .business li i {
    width: 102px;
    height: 102px;
    margin-bottom: 10px;
    display: block;
}

.about .business .l1 i {
    background: url("../img/icon-1-01.png") center no-repeat;
}

.about .business .l2 i {
    background: url("../img/icon-1-02.png") center no-repeat;
}

.about .business .l3 i {
    background: url("../img/icon-1-03.png") center no-repeat;
}

.about .business .l4 i {
    background: url("../img/icon-1-04.png") center no-repeat;
}

.about .business li p {
    text-align: center !important;
    color: #012966;
    font-size: 12px;
    font-weight: bold;
}

.about .business .mask {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #ccc;
}

@media (max-width: 768px) {
    .about .business p {
        font-size: 10px;
        height: 35px;
    }
}


/* 关于我们-服务 */

.service {
    overflow: hidden;
    background: #f5f5f5;
}

.service>div {
    height: 502px;
    background: #f5f5f5;
}

.service.en>div {
    height: 620px;
}

.service>div:nth-child(odd) {
    background: url("../img/service-1.png") center no-repeat;
    background-size: cover;
}

.service>div:nth-child(even) {
    padding: 10px 20px;
    line-height: 28px;
    color: #fff;
    background: #012966;
}


/*英文行高特別設置*/

.service.en>div:nth-child(even) {
    line-height: 22px;
}

@media screen and ( min-width:960px) and (max-width: 1200px) {
    .service>div:nth-child(even) h4 {
        font-size: 22px !important;
    }
    .service>div:nth-child(even) {
        line-height: 23px;
    }
    .service.en>div:nth-child(even) {
        padding: 5px 10px;
        line-height: 20px;
    }
}

@media screen and ( min-width:870px) and (max-width: 960px) {
    .service>div:nth-child(even) h4 {
        font-size: 20px !important;
        margin: 8px 0;
    }
    .service>div:nth-child(even) {
        line-height: 23px;
    }
    .service.en>div:nth-child(even) {
        padding: 5px 10px;
        line-height: 18px;
    }
}

@media screen and ( min-width:768px) and (max-width: 870px) {
    .service>div:nth-child(even) h4 {
        font-size: 18px !important;
        margin: 5px 0;
    }
    .service.en>div:nth-child(even) {
        padding: 5px 10px;
        line-height: 16px;
    }
    .service>div:nth-child(even) {
        line-height: 20px;
    }
}

.service>div:nth-child(even) h4 {
    font-size: 24px;
}

@media (max-width: 768px) {
    .service>div:nth-child(odd) {
        height: 400px;
    }
    .service>div:nth-child(even) {
        height: auto;
    }
}


/* 关于我们-客户 */

.about .clients-slide {
    width: 95%;
    margin: 0 auto;
    height: 80px;
}

@media (max-width: 768px) {
    .about .clients-slide {
        width: 100%;
        height: 70px;
    }
}


/* 关于我们-我们的原则 */

.principle {
    overflow: hidden;
    /*padding-bottom:40px;*/
    border-bottom: 1px solid #d8d8d8;
}

.principle h4 {
    color: #0d3c88;
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 40px 0;
    line-height: 32px;
}

.principle .col-md-4 {
    padding: 0 20px;
}

.principle .col-md-4 .pic {
    height: 208px;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.principle .col-md-4 .txt {
    height: 130px;
    line-height: 1.5em;
    padding-top: 20px;
    text-indent: 2em;
}

.about.en .principle .col-md-4 .txt {
    height: 260px;
}

.principle .maskBg {
    width: 100%;
    height: 100%;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 85px;
}

.principle .mask {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.2s;
}

.principle .col-md-4 .pic:hover .mask {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.principle .col-md-4 .pic:hover .maskBg {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@media screen and (min-width: 1000px) and (max-width:1200px) {
    .principle .maskBg {
        padding-top: 65px !important;
    }
    .principle .col-md-4 .pic {
        height: 168px;
    }
    .principle .col-md-4 .txt {
        height: 150px;
    }
    .about.en .principle .col-md-4 .txt {
        height: 270px;
        line-height: 1.3em;
    }
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .principle .col-md-4 .txt {
        height: 122px;
    }
    .principle .maskBg {
        padding-top: 85px;
    }
    .about.en .principle .col-md-4 .txt {
        height: 235px;
        line-height: 1.3em;
    }
}

@media (max-width: 768px) {
    .principle {
        padding-bottom: 0;
    }
    .principle .col-md-4 {
        margin-bottom: 20px;
    }
    .principle .col-md-4 .txt {
        height: auto;
    }
    .principle .maskBg {
        padding-top: 90px;
    }
    .about.en .principle .col-md-4 .txt {
        height: auto;
        line-height: 1.5em;
    }
}


/* 关于我们-pic */

.com-pic {
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.com-pic .col-md-6 {
    padding: 0;
}

.com-pic .pic-1 {
    height: 485px;
    line-height: 485px;
    background: url("../img/banner-c-01@1.5x.png") center center no-repeat;
    background-size: cover;
}

.com-pic .pic-2 {
    height: 231px;
    line-height: 231px;
    background: url("../img/banner-c-02@1.5x.png") center center no-repeat;
    background-size: cover;
}

.com-pic .pic-3 {
    height: 254px;
    line-height: 254px;
    background: url("../img/banner-c-03@1.5x.png") center center no-repeat;
    background-size: cover;
}

.com-pic .hov {
    overflow: hidden;
    position: relative;
}

.com-pic .col-md-6>div {}

.com-pic .col-md-6 .maskBg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.com-pic .col-md-6 .mask {
    line-height: 68px;
    position: absolute;
    left: calc( 50% - 40%);
    top: calc( 50% - 34px);
    width: 80%;
    height: 68px;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    background: rgba(0, 0, 0, 0.6);
}

.com-pic span {
    display: none;
}

.com-pic .hov:hover .maskBg {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.com-pic .hov:hover .mask {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@media (max-width: 768px) {
    .com-pic .pic-1 {
        height: 300px;
    }
    .com-pic .pic-1 .mask {
        margin-top: 120px;
        height: 68px;
        line-height: 68px;
    }
    .com-pic .pic-2 {
        height: 150px;
    }
    .com-pic .pic-2 .mask {
        margin-top: 50px;
        height: 50px;
        line-height: 50px;
    }
    .com-pic .pic-3 {
        height: 150px;
    }
    .com-pic .pic-3 .mask {
        margin-top: 50px;
        height: 50px;
        line-height: 50px;
    }
    .com-pic .hov .mask {
        width: 80%;
        text-indent: 0;
    }
}

@media (max-width: 1400px) {
    .com-pic .col-md-6 .maskBg {
        display: none;
    }
    .com-pic .col-md-6 .mask {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        margin-top: 0;
    }
    .about .jump {
        padding: 0;
    }
}


/* 关于我们-纯文字板块-英文版 */

.about.en p {
    word-break: normal;
    /*兼容火狐  */
    word-break: break-word;
    text-align: justify !important;
}

.about .text:nth-of-type(1) {
    margin-top: 40px;
}

.about .text {
    text-align: center;
    margin: 40px 0;
}

.about .text h4 {
    color: #0d3c88;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 40px;
}

.about .text p {
    padding: 0 20px;
    text-align: left;
}

.about .text p.ft2 span {
    font-size: 17px;
}


/*联系方式  图标*/

.about .text p.icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.about .text p.icon-address:before {
    background: url(../img/icon-address.png) no-repeat center center;
}

.about .text p.icon-phone:before {
    background: url(../img/icon-phone.png) no-repeat center center;
}

.about .text p.icon-fax:before {
    background: url(../img/icon-fax.png) no-repeat center center;
}

.about .text p.icon-email:before {
    background: url(../img/icon-email.png) no-repeat center center;
}


/*关于我们企业社会责任*/

.about .about-business-pic {
    float: left;
    height: 95px;
    margin-right: 40px;
}

.about.en .about-business-pic {
    height: 100px;
    margin-top: 10px;
}


/* 关于我们 页尾BANNER */


/*.foot-banner{ width:100%; height:138px; background:url("../img/about-banner3.png") center no-repeat;}*/


/* 关于我们 人才招聘 换成背景图 */

.about #jobs {
    color: #fff;
    padding: 20px 0;
    background: url(../img/jobs.jpg) center;
    background-size: cover;
    position: relative;
    margin-bottom: 0px;
}

.about #jobs:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}

.about #jobs .container {
    position: relative;
    z-index: 10;
}

.about #jobs p i {
    background: #fff;
}

.about #jobs h4 {
    color: #fff;
}

.about #jobs li {
    list-style-type: disc;
    list-style-position: inside;
}


/* 详情页-头部/搜索栏 */

.details {}

.head-bg {
    overflow: hidden;
    height: 199px;
    background: url("../img/bg-hx-pic03-1920.jpg") center;
    position: relative;
}


/*shop和office頁面加文字*/

.head-bg .head-text {
    position: relative;
    top: 130px;
    text-align: right;
    width: 1200px;
    line-height: 60px;
    font-size: 60px;
    margin: 0 auto;
    /* opacity: 0.6; */
    color: #fff;
    padding: 0 20px;
    /* background: rgba(0,0,0,.5); */
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.95);
    font-family: 'Raleway', sans-serif;
    z-index: 3;
}

.head-search {
    background: #f8f8f8;
}

.head-search .search {
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    /*background:#f8f8f8;*/
    /*border-radius: 12px;*/
}

.head-search .search .tx {
    width: 90%;
    height: 40px;
    overflow: hidden;
    margin: 0 auto;
}

.head-search .search .tx input {
    float: left;
    width: 70%;
    height: 100%;
    padding-left: 20px;
    border: none;
    font-size: 12px;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #fff;
}

.head-search .search .tx button {
    float: left;
    width: 30%;
    height: 100%;
    background: #4a90e2;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0 10px 10px 0;
}

.head-search .search .search-label {
    width: 90%;
    overflow: hidden;
    padding-top: 8px;
    height: 43px;
    font-size: 12px;
    display: none;
}

.head-search .search .search-label span {
    float: left;
    color: #fff;
}

.head-search .search .search-label ul {
    padding: 0;
    float: left;
}

.head-search .search .search-label li {
    float: left;
    margin-right: 6px;
}

@media (max-width: 768px) {
    .head-bg {
        margin-top: 66px;
    }
    .head-search .search {
        width: 100%;
        padding: 30px 0;
    }
    .head-search .search .search-label {
        height: 22px;
    }
}


/* 详情页-左侧 */

.details .content {
    overflow: hidden;
}

.details .breadcrumb {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-top: 30px;
}

.details .content .l {}

.details .content .l .pic {}

.details .content .l .pic a>h4 {
    font-weight: bold;
    font-size: 20px;
    color: #4a4a4a;
}

.details .content .l .pic a>p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #25487c;
    font-weight: bold;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background: url("../img/arrow-left.png") center no-repeat;
}

.carousel-control.right {
    background: url("../img/arrow-right.png") center no-repeat;
}

.details .info {
    overflow: hidden;
}

.details .info h4 {
    display: block;
    border-bottom: 2px solid #e8e8e8;
    padding: 10px;
    font-weight: bold;
}

.details .info>div {
    overflow: hidden;
    margin-top: 6px;
}

.details .info dl {
    display: block;
    overflow: hidden;
}

.details .info dt {
    float: left;
    width: 90px;
    padding-right: 10px;
    font-weight: normal;
}

.details .info dd {
    float: left;
    margin-left: 20px;
    color: #9f9f9f;
}

.details .data {}

.details .go {
    position: relative;
    margin: 8px 0;
    display: block;
    width: 100%;
    height: 56px;
    overflow: hidden;
    line-height: 56px;
    text-align: center;
    background: #4a90e2;
    font-size: 22px;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
}

.details .go a {
    width: 100%;
    height: 100%;
    display: block;
}

.details .go i {
    display: block;
    width: 20px;
    height: 32px;
    background: url("../img/arrow-d-w.png") center no-repeat;
    position: absolute;
    right: 40px;
    top: 14px;
}


/* 左侧-其它 */

.building-list {
    overflow: hidden;
    margin-top: 20px;
}

.building-list .title {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    margin: 4px 0 24px;
}

.building-list .title h4 {
    float: left;
    margin: 0px;
    color: #012966;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}

.search-result .title h4 {
    color: #4a4a4a;
}

.search-result .title h4 span {
    color: #bd10e0;
}

.building-list .title a {
    display: block;
    margin-top: 6px;
    float: right;
    color: #4a4a4a;
}

.building-list ul.box {
    padding: 0;
    overflow: hidden;
}

.building-list ul.box li {
    overflow: hidden;
    padding: 28px 40px 0;
    border-top: 1px solid #d8d8d8;
    background: #fff;
}

.building-list ul.box li:nth-child(even) {
    background: #f8f8f8;
}

.building-list ul.box a {
    color: #000;
    display: block;
}

.building-list .pic {
    position: relative;
    padding: 0;
    height: 184px;
    overflow: hidden;
}

.building-list .pic img {
    width: 100%;
}

.building-list .pic .price-sub {
    width: 200px;
    height: 60px;
    padding: 10px 0 0 40px;
    background: url("../img/price.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -2px;
    right: 0;
}

.building-list .pic .price-sub span {
    display: block;
    color: #fff;
}

.building-list .content {
    padding-left: 30px;
}

.building-list .content h4 {
    margin-top: 16px;
    font-weight: bold;
}

.building-list .content p {
    color: #9b9b9b;
    font-size: 13px;
    font-weight: 500;
}

.building-list .content p:nth-of-type(4) {
    font-size: 12px;
}

.building-list .content p:nth-of-type(2) {
    margin-bottom: 2px;
}

.building-list .content span {
    color: #143971;
    font-weight: bold;
}

@media (max-width: 768px) {
    body .main .building-list ul li {
        padding-bottom: 20px;
        background: #fff;
    }
    .building-list ul.box li:nth-child(even) {
        background: #fff;
    }
    .building-list .content {
        padding-left: 0;
    }
    body .main .building-list .see {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 6px;
        border-radius: 10px;
        text-align: center;
        border: 1px solid #d8d8d8;
        background: #f8f8f8;
        font-weight: bold;
        color: #9b9b9b;
    }
}

@media screen and ( min-width:768px) and (max-width: 991px) {
    .building-list .title {
        border-bottom: 1px solid #d8d8d8;
    }
    .building-search>.content {
        width: 100%;
    }
    .building-list ul.box li {
        width: 50%;
        float: left;
        background: #fff;
        margin-top: -2px;
        border-bottom: 1px solid #d8d8d8;
    }
    .building-list ul.box li:nth-child(odd) {
        border-right: 1px solid #d8d8d8;
    }
    .building-list ul.box li:nth-child(even) {
        background: #fff;
    }
    .building-list .content {
        height: 187px;
    }
    .building-contact>div {
        width: 50%;
        float: left;
    }
    .pagination {
        margin-left: 5%;
    }
}


/* 详情页-右侧 */

.details .content {}

.details .content .r {
    overflow: hidden;
}

.details .carousel-inner .item {
    height: 400px;
    margin-bottom: 20px;
    background-size: auto 400px;
    background-position: center center;
    background-repeat: no-repeat;
}

.details .carousel-inner .item a {
    width: 100%;
    height: 100%;
    display: inline-block;
}


/* 详情页-右侧-联系方式 */

.details .contact {
    background: #f8f8f8;
    overflow: hidden;
}

.details .contact {
    padding: 20px 0 10px 0;
    margin-top: 10px;
}

.details .contact img {
    display: block;
    margin: 0 auto;
    border: 1px solid #d8d8d8;
}

.details .contact h3 {
    text-align: center;
    color: #4a90e2;
    font-size: 20px;
    font-weight: bold;
}

.details .contact h4 {
    margin-bottom: 16px;
    text-align: center;
    color: #012966;
    font-weight: bold;
    font-size: 17px;
}

.details .contact>div {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
}

.details .contact p {
    font-size: 12px;
    width: 70%;
    float: left;
    min-height: 18px;
    line-height: 18px;
}

.details .contact span {
    display: block;
    float: left;
    width: 30%;
    font-size: 12px;
    text-align: justify;
}

@media (max-width: 768px) {
    .details .contact {
        padding: 10px 10% 30px 10%;
    }
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .details .contact {
        width: 50%;
    }
}


/* 详情页-右侧-周边房源 */

.building-sub-li {
    margin-top: 20px;
    overflow: hidden;
}

.building-sub-li h4 {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
    color: #012966;
    font-weight: bold;
    font-size: 16px;
}

.building-sub-li ul {}

.building-sub-li li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d8d8d8;
    padding: 18px 0;
}

.building-sub-li a {
    color: #9b9b9b;
}

.building-sub-li .pt {
    float: left;
    width: 40%;
    height: 70px;
    overflow: hidden;
}

.building-sub-li img {
    width: 100%;
}

.building-sub-li .content {
    float: left;
    width: 60%;
    padding-left: 10px;
    box-sizing: border-box;
}

.building-sub-li .content span {
    padding-bottom: 10px;
    padding-top: 5px;
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.building-sub-li .content p {
    overflow: hidden;
    display: block;
    font-size: 12px;
    margin-bottom: 0px
}

.building-sub-li .content p:nth-of-type(2) {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .details .around .content span {
        margin-top: 16px;
    }
    .details .carousel-inner .item {
        height: 250px;
        background-size: auto 250px;
    }
}

@media screen and ( min-width:768px) and (max-width:991px) {
    .building-sub-li li {
        width: 50%;
        float: left;
    }
}


/* 楼房搜索 */


/* 楼房搜索-筛选楼房 */

.building-search .content {
    overflow: hidden;
}

.building-search #myTabContent {
    padding: 6px 0;
    position: relative;
}

.building-search .screen {
    /*padding-top:26px;*/
    padding-bottom: 10px;
}

.building-search .screen {
    background: #f8f8f8;
}

.building-search .screen #myTab {
    width: 90%;
    margin: 0 auto;
}

.building-search .screen #myTab a {
    color: #9d9d9d;
    background-color: #d8d8d8;
    margin: 0 1px 0 0;
    width: 120px;
    text-align: center;
    padding: 10px 0;
}

.building-search .screen #myTab .active a,
.building-search .screen #myTab a:hover {
    color: #fff;
    background-color: #012966;
    border-top: 1px solid #012966;
    margin-right: 0;
    border-bottom: 1px solid #012966;
}

.building-search .screen select {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    color: #9b9b9b;
    text-align-last: center;
    border: 1px solid #0061ff;
    border-radius: 15px;
}

.building-search .screen i {
    position: absolute;
    right: 13%;
    margin-top: 15px;
    color: #d8d8d8;
}

.building-search .screen i:nth-of-type(1) {
    margin-top: 8px;
}

.building-search .screen .row {
    margin: 0;
}

.building-search .screen dl {
    margin: 0 auto;
    width: 90%;
    display: block;
    overflow: hidden;
    height: 40px;
}

.building-search .screen dt {
    width: 60px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 12px;
}

.building-search .screen dd {
    float: left;
    margin-right: 16px;
}

.building-search .screen dd a {
    line-height: 40px;
    font-size: 12px;
    color: #9c9c9c;
}

.building-search .screen dd a.active {
    color: #4d92e2;
}

.building-search .screen .row {
    position: relative;
}

.building-search .screen .company * {
    float: left;
    height: 26px;
    margin-left: 10px;
    line-height: 26px;
}

.building-search .screen .company {
    width: 309px;
    height: 46px;
    padding: 9px 0;
    position: absolute;
    right: 10%;
    top: 0;
    border: 1px solid #979797;
    background: #fff;
    color: #9b9b9b;
}

.building-search .screen .company input {
    width: 71px;
    height: 24px;
}

.building-search .screen .company a {
    width: 53px;
    height: 24px;
    line-height: 24px;
    float: left;
    display: block;
    text-align: center;
    background: #4a90e2;
    font-size: 12px;
}

.building-search .screen .custom {
    width: 89px;
    height: 24px;
    text-align: center;
    display: block;
    position: absolute;
    right: 10%;
    top: -10px;
    font-size: 12px;
}

.building-search .screen .row:nth-of-type(6) dl {
    margin-top: -10px;
}

.building-contact {
    margin-top: 30px;
    width: 80%;
}

.building-contact>div {
    margin-bottom: 20px;
}

.building-contact>div:nth-of-type(2) {
    margin-top: 40px;
}

.building-contact img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.building-contact p {
    margin: 10px 0 0 0;
    text-align: center;
    color: #9b9b9b;
    font-weight: bold;
    font-size: 20px;
}

@media (max-width: 768px) {
    .building-search .screen #myTab {
        width: 100%
    }
    .building-search #myTab li {
        width: auto;
        background: none;
    }
    .building-search #myTab li:nth-of-type(1) {
        margin-left: 10%;
    }
    .building-contact {
        width: 50%;
    }
    .building-contact p {
        font-size: 16px;
    }
    .building-search .screen #myTab a {
        width: 110px;
    }
}


/* 进入大厦 */


/* 进入大厦-头部 */

.building-info {}

.building-info .banner .container {
    position: relative;
    overflow: hidden;
    height: 367px;
}

.building-info .content {
    overflow: hidden;
}

.building-info .banner {
    position: relative;
    width: 100%;
    height: 367px;
    /* margin-top:83px;*/
    background: url(../img/bg-hx-pic04-1920.jpg) center no-repeat;
    background-size: cover;
}

.building-info .banner h1 {
    margin: 0;
    width: 845px;
    height: 111px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    /*background:url("../img/bg-building-name.png") center no-repeat; */
    color: #fff;
    line-height: 111px;
    text-indent: 1em;
    font-size: 30px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.95);
    font-family: 'Raleway', sans-serif;
    z-index: 3;
}

.building-info .banner h1 * {
    float: right;
    text-align: right;
}

.building-info .banner ul {
    overflow: hidden;
    position: absolute;
    bottom: 47px;
    right: 70%;
}

.building-info .banner li {
    float: left;
    width: 149px;
    line-height: 29px;
    height: 29px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #fff;
    background: #bd10e0;
    text-align: center;
}

.building-info .banner li:nth-of-type(2) {
    background: #0679ff;
}


/* 进入大厦-轮播图部分 */

.building-info .swiper-container {
    width: 90%;
    height: 300px;
    margin: 20px auto;
}

.building-info .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/* .swiper-container{ overflow:visible; }
.swiper-wrapper { } */

.building-info .swiper-container {
    height: 250px;
    margin-top: 0;
}

.building-info .slide-list {
    position: relative;
}

.building-info .slide-list h3 {
    border-bottom: 1px solid #d8d8d8;
    margin: 40px 0 0;
    padding: 0 20px 40px;
    font-size: 18px;
    font-weight: bold;
}

.building-info .swiper-container img {
    width: 90%;
    margin: 0 auto;
}

.building-info .swiper-container a {
    color: #000;
}

.building-info .swiper-container h4,
.building-info .swiper-container span,
.building-info .swiper-container p {
    text-align: left;
    width: 90%;
    display: block;
}

.building-info .swiper-container h4 {
    margin-bottom: 6px;
    text-align: left;
    color: #5b5555;
    font-size: 13px;
}

.building-info .swiper-container span {
    color: #333;
    font-size: 12px;
    text-align: left;
    padding: 2px 0
}

.building-info .swiper-container p {
    color: #012966;
    font-size: 12px;
    text-align: left;
    margin: 0 0 0 5%;
}

.building-info .swiper-button-next {
    top: 50%;
}

.building-info .swiper-button-prev {
    top: 50%;
}

.building-info .carousel-inner .item {
    height: 400px;
    margin-bottom: 20px;
    background-size: auto 400px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .building-info .carousel-inner .item {
        height: 250px;
    }
    .building-info .banner {
        margin-top: 74px;
    }
    .building-info .banner h1 {
        bottom: 0;
        font-size: 16px;
        text-align: left;
    }
    .building-info .banner h1 * {
        display: block;
        width: 100%;
        line-height: normal;
        font-size: 20px;
    }
    .building-info .banner h1 span {
        margin-top: 24px;
    }
    .building-info .banner h1 p {
        margin-top: 10px;
    }
    .building-info .banner ul {
        bottom: 50px;
        right: 5px;
    }
    .building-info .banner ul li {
        width: 100px;
        font-size: 12px;
    }
    .building-info .slide-list h3 {
        text-indent: 0;
        border-bottom: 0;
        border-top: 1px solid #d8d8d8;
        padding: 20px 0 0 0;
    }
    .building-info .swiper-container {
        width: 100%;
        height: 200px;
    }
    .building-info .swiper-container h4 {}
    .building-info .swiper-container span {
        color: #cb7580;
    }
}


/* 进入大厦-物业信息 */

.building-info .property {
    overflow: hidden;
    overflow: hidden;
    background: #f8f8f8;
}

.building-info .property .wrap {
    width: 90%;
    margin: 0 auto;
}

.building-info .property h3 {
    display: block;
    border-bottom: 1px solid #012966;
    width: 100%;
    padding: 10px 0;
    color: #012966;
    font-weight: bold;
    font-size: 20px;
    margin: 40px 0;
}

.building-info .property p {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.building-info .property .info {}

.building-info .property .info>div {}

.building-info .property dl {
    overflow: hidden;
}

.building-info .property dt {
    float: left;
    width: 100px;
    font-weight: normal;
    font-size: 14px;
}

.building-info .property dd {
    float: left;
    color: #a2a2a2;
    font-weight: 400;
    font-size: 13px;
}


/* 表单页 */

.building-form {}

.building-form .foot-wrap {
    margin-top: 0;
}

.building-form .bgWrap {
    padding: 50px 0 80px;
    width: 100%;
    background: url("../img/bg-hx-pic02-1920.jpg") center no-repeat;
}

.form-2 .bgWrap {
    background: url("../img/bg-hx-pic01-1920.jpg") center no-repeat;
}

.building-form .bgWrap .content {
    overflow: hidden;
    margin-top: 83px;
    background-size: cover;
}

.building-form .wbox {
    width: 80%;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(242, 243, 245, 0.92);
}

.form-2 .wbox {}

.building-form .bgWrap .title {
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    text-align: center;
}

.building-form .bgWrap .title h2 {
    margin-top: 30px;
    position: relative;
    color: #012966;
    font-size: 22px;
    font-weight: bold;
}

.building-form .bgWrap .title h2 a {
    right: 5%;
    top: 8%;
    position: absolute;
    font-size: 13px;
    color: #acacac;
}

.building-form .bgWrap .title p {
    margin: 12px 0 0 0;
    overflow: hidden;
    display: block;
    color: #4a90e2;
}

.building-form .bgWrap .content ul {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 16px;
}

.building-form .bgWrap .content ul li {
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
}

.building-form .bgWrap .content li img {
    width: 40%;
    display: block;
    margin: 0 auto;
}

.building-form .bgWrap .content li p {
    margin-top: 8px;
    text-align: center;
    color: #9c9c9c;
}

.building-form .bgWrap .content li i {
    display: block;
    width: 10%;
    height: 50px;
    position: absolute;
    right: 0;
    top: 20px;
    background: url("../img/arrow-right.png") center no-repeat;
    background-size: cover;
}

.building-form .item {}

.building-form .item form {}

.building-form .txF {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
}

.building-form.form-1 .item-inp {
    width: 100%;
    position: relative;
    height: 40px;
    margin-top: 14px;
    padding-bottom: 20px;
}

.building-form .item-inp span {
    display: block;
    float: left;
    width: 20%;
    margin-right: 16px;
    text-align: right;
    font-size: 13px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.building-form .item-inp .drop {
    display: block;
    float: left;
    width: 20%;
    height: 36px;
    margin-right: 16px;
    text-align: right;
    font-size: 13px;
    line-height: 36px;
}

.building-form .item-inp select {
    margin: 0;
    float: right;
    height: 34px;
    width: 70%;
    text-align-last: center;
}

.building-form .item-inp option {
    width: 40px;
    text-align: center;
}

.building-form .item-inp input {
    float: left;
    height: 34px;
    border: 1px solid #bcbcbc;
    padding: 0 10px;
}

.building-form .item-inp p {
    float: left;
    margin-left: 6px;
    line-height: 36px;
    color: #a0a0a0;
    font-size: 12px;
}

.building-form .subF {
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #d8d8d8;
}

.building-form .subF input {
    width: 320px;
    height: 56px;
    border: none;
    margin: 0 auto;
    display: block;
    line-height: 56px;
    color: #fff;
    background: #4a90e2;
    font-size: 16px;
    border-radius: 10px;
}

.building-form.form-1 .item-inp:nth-of-type(1) input,
.building-form.form-1 .item-inp:nth-of-type(2) input {
    width: 60%;
}

.building-form .item-inp strong {
    height: 20px;
    margin-left: 10px;
    line-height: 20px;
    color: red;
    font-size: 12px;
    position: absolute;
    left: 21%;
    top: 34px;
}

.building-form .item-inp button {
    line-height: 32px;
    margin: 0 0 0 6px;
    padding: 0 8px;
    border: 1px solid #bcbcbc;
}

.building-form .item-inp button[disabled] {
    color: #bcbcbc;
}

.building-form.form-1 .code-w img {
    width: 122px;
    height: 34px;
    cursor: pointer;
}

.building-form.form-1 .code-w button {
    color: #9b9b9b;
    background: transparent;
    border: none;
}

.form-2 .item-inp {
    position: relative;
    height: 36px;
    margin-top: 14px;
    padding-bottom: 20px;
}

.form-2 .item-inp span {
    width: 35%;
}

.form-2 .item-inp input {
    width: 55%;
}

.form-2 .item-inp strong {
    position: absolute;
    top: 0;
    left: 35%;
    margin-left: 25px;
    top: 31px;
}

.form-2 .code {}

.form-2 .code-w img {
    width: 122px;
    height: 34px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.form-2 .code-w button {
    color: #9b9b9b;
    position: absolute;
    top: 0;
    background: transparent;
    right: -137px;
    border: none;
}

.building-form.form-1 .item-inp i,
.form-2 .item-inp i {
    color: red;
}

@media (max-width: 768px) {
    .building-form .bgWrap {
        height: auto;
        padding-top: 0;
    }
    .building-form .bgWrap .title h2 {
        margin: 10px 0 0 0;
    }
    .building-form .bgWrap .title p {
        margin-top: 6px;
    }
    .building-form .bgWrap .content {
        margin-top: 66px;
    }
    .building-form .bgWrap .content {
        margin-top: 66px;
    }
    .building-form .wbox {
        width: 100%;
        border-radius: 0;
        margin-top: 0;
    }
    .building-form .txF {
        width: 100%;
    }
    .building-form .bgWrap .content ul {
        width: 100%;
        padding: 0 10px;
    }
    .building-form .bgWrap .content li p {
        font-size: 12px;
    }
    .building-form .bgWrap .content li i {
        top: 10%;
        width: 10%;
        height: 30px;
    }
    .building-form .item-inp span,
    .building-form .item-inp .drop {
        width: 25%;
    }
    .building-form .item-inp strong {
        position: absolute;
        left: 25%;
        bottom: -20px;
        margin-left: 16px;
    }
    .building-form .item-inp:nth-of-type(8) input {
        width: 87.5px;
    }
    .building-form .item-inp:nth-of-type(8) button {
        width: 81.5px;
        font-size: 12px;
        padding: 0 1px;
    }
    .building-form .title p {
        padding: 0 20px;
        text-align: left;
    }
    .building-form .title h2 {
        margin-top: 18px;
    }
    .building-form .subF input {
        height: 40px;
        line-height: 40px;
    }
    .form-2 .item-inp i {
        left: 30px;
    }
    .form-2 .item-inp span {
        width: 20%;
    }
    .form-2 .item-inp input {
        width: 70%;
    }
    .form-2 .code-w input {
        width: 30%;
    }
    .form-2 .code-w button {
        right: auto;
        margin-left: 120px;
    }
    .building-form .item-inp input.codeInp {
        width: 100px;
    }
}

@media screen and ( min-width:768px) and (max-width: 1000px) {
    .building-form .bgWrap .content li i {
        top: 10px;
        right: 0;
        height: 30px;
        width: 15%;
    }
    .form-2 .code-w input {
        width: 30%;
    }
    .building-form .bgWrap .content {
        width: 90%;
    }
    .building-form .wbox {
        width: 100%;
    }
    .form-2 .item-inp.hidden-xs {
        display: none;
    }
    .form-2 .code-w img {
        width: 19%;
    }
    .form-2 .code-w button {
        position: static;
        margin-left: 20%;
    }
}


/* 新闻-列表 */


/* .news{}
.news .title{ padding:0 10px; border-bottom:1px solid #4a4a4a;overflow: hidden; line-height:45px;}
.news .title h4{ margin:0;line-height:45px; float:left; color:#365686; font-size:14px; font-weight: bold;}
.news .title a{ float:right;line-height:45px; color:#9b9b9b;font-size:12px;} */

.news .breadcrumb,
.transaction .breadcrumb {
    margin: 20px 0 10px 0;
    color: #012966;
}

.news>.content,
.transaction>.content {
    overflow: hidden;
    padding-top: 83px;
    background: #f5f5f5;
    padding-bottom: 80px;
}

.news .container {}

.news .crumbs {}

.news .crumbs li {}

.news .news-list,
.transaction .transaction-list {
    padding: 20px 40px;
    background: #fff;
    min-height: 600px;
}

.news .news-link,
.transaction .transaction-link {
    line-height: 40px;
}

.news .news-link a,
.transaction .transaction-link a {
    color: #000;
    overflow: hidden;
    display: block;
}

.news .news-link a:hover,
.transaction .transaction-link a:hover {
    color: #012966;
}

.news .news-link p,
.transaction .transaction-link p {
    float: left;
}

.news .news-link p {
    font-size: 24px;
    color: #5e5e5e;
}

.news .news-link span,
.transaction .transaction-link span {
    right: 0;
    float: right;
}

.news footer {
    margin-top: 0;
}

.hide-content {
    position: relative;
    z-index: 1998;
    padding-top: 80px;
    margin-top: -80px;
    width: 100%;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
}

.other-day {}

.news-nav {
    margin: 20px 0 40px 0;
}

.news-year,
.news-month {
    list-style: none;
}

.news-year li,
.news-month li {
    display: inline;
    height: 40px;
    width: 80px;
    line-height: 40px;
    float: left;
    text-align: center;
    color: #5e5e5e;
    cursor: pointer;
}

.news-month li {
    width: 68px;
}

.news-year li.active,
.news-month li.active {
    font-weight: bold;
}

.news-year {
    height: 40px;
    line-height: 40px;
    font-size: 30px;
}

.news-month {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}


/* 交易记录 */

.transaction .center-box {
    width: 100%;
    height: 54px;
}

.transaction .top-w {
    float: left;
    position: relative;
    /*left: 50%; */
}

.transaction .region {
    margin: 0 auto;
    float: left;
    padding: 16px 0 6px 0;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    float: left;
    position: relative;
    /*left: -50%;*/
}

.transaction .region li {
    float: left;
    text-align: center;
    padding: 0 0 8px 0;
    margin-right: 40px;
    text-align: center;
}

.transaction .region li a {
    color: #9b9b9b;
}

.transaction .region li a:hover {
    color: #4a90e2;
}

.transaction .region .active {
    border-bottom: 2px solid #4a90e2;
}

.transaction .region .active a {
    color: #4a90e2;
}

.transaction .sub-reg {
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 40px;
}

.transaction .sub-reg a {
    margin-right: 8px;
    color: #4a4a4a;
    text-align: center;
    font-size: 12px;
}

.transaction .sub-reg .active {
    color: #4a90e2;
}

.transaction .sub-reg a:hover {
    color: #4a90e2;
}

@media (max-width: 768px) {
    /* .news{}
.news .title{ padding:0 10px; border-bottom:1px solid #4a4a4a;overflow: hidden; line-height:45px;}
.news .title h4{ margin:0;line-height:45px; float:left; color:#365686; font-size:14px; font-weight: bold;}
.news .title a{ float:right;line-height:45px; color:#9b9b9b;font-size:12px;} */
    .news .breadcrumb {
        padding: 0 10px;
        margin: 0;
        position: relative;
        border-radius: 0;
        border-bottom: 1px solid #4a4a4a;
        overflow: hidden;
        line-height: 35px;
    }
    .news .breadcrumb li {
        margin: 0;
        line-height: 35px;
        color: #365686;
        font-size: 14px;
        font-weight: bold;
    }
    .news .breadcrumb li a {
        color: #9f9f9f;
    }
    .news .breadcrumb>.roll:before {
        display: none;
    }
    .news .breadcrumb .roll {
        position: absolute;
        right: 5%;
        top: 0;
        font-weight: normal;
        font-size: 12px;
    }
    .news>.content,
    .transaction>.content {
        margin-top: 66px;
    }
    .news .content,
    .transaction .content {
        background: #fff;
        padding: 0;
    }
    .transaction .center-box {
        height: 48px;
    }
    .transaction .region {
        padding-bottom: 0;
        padding-top: 10px;
    }
    .news .news-list,
    .transaction .transaction-list {
        padding: 10px 0 0 0;
    }
    .transaction-link,
    .news-link {
        padding: 0 20px;
        border-bottom: 1px solid #e8e8e8;
    }
    .news .news-link,
    .transaction .transaction-link {
        height: 60px;
    }
    .news .news-link span,
    .transaction .transaction-link span {
        float: left;
        width: 100%;
        height: 30px;
        position: relative;
        bottom: 28px;
        font-size: 13px;
        color: #9d9d9d;
    }
    .transaction .sub-reg {
        background: #f5f5f5;
        padding: 10px 0;
        display: -inline-table;
        display: inline-table;
        width: 100%;
    }
    .transaction .sub-reg a {
        display: inline-table;
        float: left;
        line-height: 35px;
        padding: 0 10px;
    }
    .transaction .region .active {
        border-bottom: 0px solid #4a90e2;
    }
    .news-details .article h1 {
        margin-bottom: 6px;
        font-size: 18px;
        font-weight: bold;
    }
    .news-details .article {
        padding: 10px 20px;
    }
}


/* 楼房搜索搜索-搜索结果 */

.building-search>.content {
    background: #fff;
}

.search-slide {
    width: 40%;
}

.search-slide .irs-with-grid {}

.search-slide .irs-slider {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background: #498fe5;
    border-radius: 50%;
    border: 1px solid #fff;
}

.search-slide .irs-to,
.search-slide .irs-from {
    background: transparent;
    color: #4892db;
}

.search-slide .irs-to {
    left: 50%;
}

.search-slide .irs-line-mid,
.search-slide .irs-line-left,
.search-slide .irs-line-right {
    background: #d9d9d9;
}

.search-slide .irs-line-right {}

.search-slide .irs-bar {
    height: 5px;
    margin-top: 1px;
    background: #538fd7;
}

.search-slide .irs-line-mid,
.search-slide .irs-line-left,
.search-slide .irs-line-right {
    height: 5px;
    margin-top: 1px;
}


/* 8.17 拖动条更新 */

.building-search .inp-slide dt,
.building-search .inp-slide dd {
    line-height: 74px;
}

.building-search .inp-slide dl {
    height: 50px;
}

.search-slide {
    margin-left: 10px;
}

body .irs {
    height: 50px;
}

.irs-line {
    margin-top: 10px;
}

body .irs-with-grid .irs-grid {
    display: none;
}

.search-slide .irs-from,
.search-slide .irs-to,
.search-slide .irs-single {
    background: #fff;
    top: -12px;
    box-shadow: 2px 2px 2px #ccc;
    padding: 5px;
    color: #827e7f;
}

.search-slide .irs-from:after,
.search-slide .irs-to:after,
.search-slide .irs-single:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
}

body .irs-max,
body .irs-min {
    display: none;
}

.search-slide .irs-slider {
    background: #fff;
    box-shadow: 2px 2px 2px #ccc;
    width: 14px;
    height: 14px;
    top: 19px;
}

.irs-line {
    border-radius: 2px;
}

.search-slide .irs-line-mid,
.search-slide .irs-line-left,
.search-slide .irs-line-right {
    background: #7c7b80;
    border-radius: 0 4px 4px 0;
}


/* 楼房搜索-右侧 */

.building-search .around h4 {
    border-bottom: 1px solid #d8d8d8;
    margin-top: 33px;
    padding-bottom: 16px;
    color: #012966;
    font-weight: bold;
}


/* footer */

.foot-wrap {
    width: 100%;
    height: 278px;
    box-sizing: border-box;
    /*margin-top:10px;*/
    padding-top: 40px;
    background: #222222 url(../img/footer.png) no-repeat center;
    overflow: hidden;
}

.foot-wrap .container {
    text-align: center;
    position: relative;
}

.foot-wrap.en {
    background: #222222 url(../img/footer-en.png) no-repeat center;
}

.foot-wrap a {
    color: #939393;
}

.foot-wrap a:hover {
    color: #fff;
    text-decoration: underline;
}

.foot-wrap ul {
    overflow: hidden;
    padding: 0;
    float: none;
    display: inline-block;
    width: auto;
}

.foot-wrap li {
    /*width: 20%;*/
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #404040;
    padding: 0;
    text-align: center;
    line-height: 1;
}

.foot-wrap li:last-child {
    border-right: 0;
}

.foot-wrap .QR {
    position: absolute;
    width: 128px;
    height: 128px;
    top: 50px;
    right: 10%;
    float: right;
}

.foot-wrap .QR:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 14px;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

.main .foot-wrap .Copyright {
    position: absolute;
    width: 100%;
    top: 135px;
    color: #939393;
    font-size: 12px;
    line-height: 20px;
    text-align: center !important;
}

.main .foot-wrap .Copyright span {
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 900px) {
    .foot-wrap li {
        padding: 0 5px;
    }
}

@media (min-width: 900px) {
    .foot-wrap li {
        box-sizing: border-box;
    }
    .foot-wrap a {
        padding: 0;
    }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    .foot-wrap li {
        padding: 0 10px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .foot-wrap li {
        padding: 0 15px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
    .foot-wrap li {
        padding: 0 20px;
    }
}

@media (min-width: 1200px) {
    .foot-wrap li {
        padding: 0 25px;
    }
}

@media (max-width: 1000px) {
    .foot-wrap .QR {
        right: 10%;
    }
}

@media (max-width: 860px) {
    .foot-wrap .QR {
        display: none;
    }
    .computer-btn {
        bottom: 90px;
    }
}

@media (max-width: 600px) {
    .foot-wrap a {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    body .foot-wrap li {
        width: 33.3%;
        margin-bottom: 8px;
    }
    body .foot-wrap li:nth-of-type(3n) {
        border-right: 0;
    }
    body .foot-wrap ul {
        margin-top: 25px
    }
    ;
    body .foot-wrap li:nth-of-type(3) {
        border: none;
    }
    body .foot-wrap {
        padding-top: 4px;
    }
    .main .foot-wrap .Copyright {
        top: 180px;
    }
}

.swiper-pagination-bullet {
    opacity: 1;
    background: #fff
}

.swiper-pagination-bullet-active {
    background: #007aff;
}

@media (min-width: 992px) {
    /*.building a div{*/
    /*height: 200px;*/
    /*}*/
    .building.list3 a div {
        height: 134px;
    }
    .col-md-13 {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .building a div {
        height: 192px;
    }
    .building.list3 a div {
        height: 114px;
    }
}

@media (max-width: 1100px) {
    /*   .building-list .pic{
        height:auto
    }*/
}

@media (max-width: 1200px) and (min-width:1100px) {
    .building-sub-li a {
        height: auto;
    }
    /*    .building-sub-li .pt{
       width:114px;
    }*/
}

.mobile-back {
    color: #9f9f9f;
    text-align: right;
    padding: 10px;
    font-weight: bold;
    background: #fff;
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    background: transparent;
}

.bootstrap-select>.btn {
    border-radius: 15px;
    text-align-last: center;
    text-align: center;
    border: 1px solid #0061ff;
    background: #fff;
    color: #9b9b9b;
}

.bs-searchbox input.form-control,
.bs-searchbox {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    margin-top: 0;
}


/* 8月7日新页面-楼房列表 */

.product-list {
    background: #f5f5f5;
}

.product-list .navBox {
    background-color: rgba(1, 41, 102, .8);
}

.product-wbox {
    padding-top: 83px;
    overflow: hidden;
    background: #f5f5f5;
    padding-bottom: 80px;
}

.product-wbox>.col-md-10 {}

.product-wbox>.col-md-2 {}


/* 楼房列表-标题 */

.product-wbox .title {
    border-bottom: 1px solid #979797;
    padding: 30px 0 10px 0;
    /*text-align: center; */
    font-size: 16px;
}

.product-wbox .title h2 {
    margin-bottom: 16px;
}

.product-wbox .title>div {
    margin-bottom: 6px;
}

.product-wbox .title span {
    width: 80px;
    height: 20px;
    display: block;
    float: left;
}

.product-wbox .title a {
    color: #9b9b9b;
    margin-right: 60px;
    text-transform: uppercase;
}

.product-wbox .title a:hover {
    color: #4a90e2;
}

.product-wbox .title a.active {
    color: #4a90e2;
    border-bottom: 2px solid #4a90e2;
    padding-bottom: 5px
}


/* 楼房列表-列表 */

.product-wbox .item-list {}

.product-wbox .item-list li {
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 20px;
}

.product-wbox .item-list li {
    color: #000;
}

.product-wbox .item-list li div.col-md-4 {
    text-align: center;
    margin-top: 20px;
    height: 196px;
    overflow: hidden
}

.product-wbox .item-list li div.col-md-8 {}

.product-wbox .item-list li img {
    width: 90%;
    display: block;
}

.product-wbox .item-list li h3 {
    margin-top: 35px;
    margin-bottom: 20px;
    color: #6c99ba;
}

.product-wbox .item-list li dl {
    margin-bottom: 25px;
    display: block;
    overflow: hidden;
}

.product-wbox .item-list li dt {
    float: left;
}

.product-wbox .item-list li dd {
    float: left;
}


/* 楼房列表-右侧 */

.product-wbox .building-contact {
    margin-top: 190px;
}

.product-wbox .building-contact img {
    width: 50%;
}

.product-wbox .building-contact p {
    font-size: 20px;
}

@media (max-width: 768px) {
    .product-wbox .title span {
        width: 70px;
    }
    .product-wbox .title {
        padding-top: 14px;
    }
    .product-wbox .title h2 {
        font-size: 24px;
    }
    .product-wbox {
        padding-top: 66px;
    }
    .product-wbox .item-list li a>div.col-md-8 {
        width: 90%;
    }
    .product-wbox .building-contact {
        margin-top: 50px;
    }
}

@media (min-width: 768px) {
    .home .page-slider p {
        margin-top: 12px;
    }
    .home .page-slider .slider-box {
        top: 46%
    }
}

.swiper-zb-housing .pt {
    width: 100%;
    height: 120px;
    overflow: hidden;
}


/* 主页左下角固定定位图片*/

.home .page-slider .swiper-container .fixedmore {
    display: block;
    z-index: 999;
    position: absolute;
    left: 40px;
    bottom: 20px;
}

.home .page-slider .swiper-container .fixedmore img {
    width: 300px;
    filter: drop-shadow(5px 5px 5px #cccccc44);
}

@media (max-width: 768px) {
    .home .page-slider .swiper-container .fixedmore {
        display: block;
        z-index: 999;
        position: absolute;
        left: 20px;
        bottom: -142px;
    }
    .home .page-slider .swiper-container .fixedmore img {
        width: 336px;
        filter: drop-shadow(5px 5px 5px #cccccc44);
    }
}