﻿#property-for-rent-slider {display:none}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #fff;
        ;
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {

        bottom: -30px;
        width: 100%;
    }

    .bx-wrapper .bx-pager {
        font-size: .85em;
        font-family: Arial;
        font-weight: 700;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
            background: #000;
        }

    .bx-wrapper .bx-prev {
        left: 10px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
            background-position: -86px 0;
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
            background-position: -86px -33px;
        }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(80,80,80,.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.do-prolist-wrap .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0 0;
    border: 0;
}

.do-prolist-wrap .bx-wrapper .bx-pager.bx-default-pager a {
    background: #337ab7;
}

    .do-prolist-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #ff5b0a;
    }


.do-pro-info {
    background: #bfbfbf;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 8px 8px;
    width: 100%;
    height: 70px;
    overflow: hidden;
}

    .do-pro-info h4 {
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: normal;
        position: relative;
    }

    .do-pro-info p {
        font-size: 14px;
        line-height: 22px;
    }

@media (max-width: 1500px) {
    .dx-win-list li {
        max-width: 350px;
    }

    .do-contact-list li {
        margin-right: 30px;
    }
}


.do-pro-breadcrumb {
    margin: 70px 0 20px;
}

    .do-pro-breadcrumb li {
        float: left;
        color: #b2b2b2;
    }

    .do-pro-breadcrumb a:link,
    .do-pro-breadcrumb a:visited {
        float: left;
        color: #b2b2b2;
        font-size: 14px;
        display: block;
        margin-top: 2px;
        margin-left: 7px;
        margin-right: 7px;
    }

    .do-pro-breadcrumb a.active,
    .do-pro-breadcrumb a:hover,
    .do-pro-breadcrumb a:active {
        color: #3ebeff;
    }

    .do-pro-breadcrumb span {
        font-size: 16px;
    }

    .do-pro-breadcrumb .iconfont {
        font-size: 14px;
    }

.do-pro-sel {
    width: 19.6%;
    padding-right: 30px;
    box-sizing: border-box;
    padding-top: 65px;
}

    .do-pro-sel li {
        background: #f4f4f4;
        border: 2px solid #efefef;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        cursor: pointer;
    }


        .do-pro-sel li div {
            position: absolute;
            background: rgba(80, 183, 255, .8);
            border: 2px solid #50b7ff;
            text-align: center;
            color: #fff;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            font-size: 16px;
            padding-top: 53px;
            display: none;
            cursor: pointer;
        }

        .do-pro-sel li:hover div {
            display: block;
        }

@media (max-width: 767px) {
    .do-pro-lg {
        display: none;
    }

    .do-pro-sel {
        width: 100%;
        padding-right: 0;
        padding-top: 0; 
    }

        .do-pro-sel li {
            background: none;
            border: 0;
        }

            .do-pro-sel li:hover > div {
                display: none;
            }

        .do-pro-sel img {
            min-height: 200px;
            width: auto;
        }

    .do-pro-detail {
        margin-top: 0;
    }
    .do-prolist-wrap {display:none}
    #property-for-rent-slider {display:block}
}

.do-pro-sel img {
    height: 100px;
    display: block;
    margin: 0 auto;
}

.do-pro-lg {
    width: 55.4%;
    position: relative;
}

img.do-pro-bg {
    width: 100%;
    height: 100%;
    border: 1px solid #ececec;
}

.do-pro-lgpic {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -200px;
    width: 360px;
    height: 400px;
}

.do-pager-wrap .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #efefef;
    color: #898989;
}

    .do-pager-wrap .bx-wrapper .bx-controls-direction a:hover {
        color: #fff;
        background: #0477b3;
    }

.do-pager-wrap .bx-wrapper .bx-prev {
    left: -90px;
    padding-left: 16px;
}

.do-pager-wrap .bx-wrapper .bx-next {
    right: -90px;
    padding-left: 16px;
}

.do-pro-sel .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    font-size: 30px;
    width: 100%;
    height: 37px;
    line-height:14px;
    border: 2px solid #efefef;
    color: #b2b2b2;
    text-align: center;
    padding-top: 10px;
}

    .do-pro-sel .bx-wrapper .bx-controls-direction a:hover {
        color: #fff;
        background: #0477b3;
        border: 2px solid #0477b3;
    }

.do-pro-sel .bx-wrapper .bx-prev {
    top: -48px;
    left: 0px;
}

.do-pro-sel .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
}

.do-pro-sel .bx-wrapper .bx-next {
    top: 454px;
    left: 0px;
}

@media (max-width: 767px) {
    .do-proh3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        padding-top: 0;
    }

    .do-share span {
        font-size: 16px;
    }

    .do-propara {
        margin-top: 10px;
    }

    .do-btn,
    .do-btn:link,
    .do-btn:visited,
    .do-btn:hover,
    .do-btn:active {
        padding: 8px 5px 8px 12px;
        border-radius: 4px;
        font-size: 14px;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 0;
    }

        .do-btn .iconfont {
            font-size: 16px;
        }

    .do-pro-tab a {
        padding: 10px 0;
    }

    .do-pro-tab li {
        width: 50%;
        text-align: center;
        border-right: 0;
    }
}

@media (min-width: 768px) {
    .do-pro-detail {
        /*border-top: 2px solid #efefef;*/
        margin-top: 10px;
    }

    .do-proh3 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 35px;
        padding-top: 20px;
        float: left;
    }

    .do-share {
        margin-top: 40px;
        float: right;
    }

        .do-share span {
            font-size: 18px;
        }

    .do-btn,
    .do-btn:link,
    .do-btn:visited,
    .do-btn:hover,
    .do-btn:active {
        padding: 12px 33px;
        border-radius: 6px;
        font-size: 18px;
        margin-right: 15px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
    }

        .do-btn .iconfont {
            font-size: 22px;
        }

    .do-pro-tab a {
        padding: 18px 54px;
        font-size: 18px;
    }

    .do-pro-tab li {
        border-right: 1px solid #ececec;
    }
}

.do-btn,
.do-btn:link,
.do-btn:visited,
.do-btn:hover,
.do-btn:active {
    color: #fff;
    display: block;
    float: left;
    text-align: center;
}

.do-propara {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.do-btn-green {
    background: #0477b3;
}

    .do-btn-green:hover {
        background: #718803;
    }

.do-btn-black {
    background: #666;
}

    .do-btn-black:hover {
        background: #333;
    }

.do-btn-blue {
    background: #0073b2;
}

    .do-btn-blue:hover {
        background: #01456b;
    }

.do-share span {
    float: left;
    margin-top: 8px;
}

.do-btn-box {
    margin-top: 20px;
    margin-bottom: 15px;
}

.do-h4 {
    background: #fafafa;
    border-bottom: 2px solid #e3e3e3;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    color: #666;
    margin-top: 35px;
}
@media (max-width: 767px) {

    .do-contact-submit.do-btn {
        margin-top: 15px;
        margin-bottom: 15px;
        float: none;
        margin-left: 15px;
        margin-right: 15px;
        box-sizing: border-box;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .do-contact-submit.do-btn {
        float: right;
    }
}
.do-fm-33 {
    width: 33%;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.do-verify-img {
    width: 146px;
    height: 52px;
}

.do-pro-tab {
    background: #f8f8f8;
    border-bottom: 1px solid #0073b2;
}

    .do-pro-tab a {
        display: block;
        color: #666;
    }

    .do-pro-tab .active a {
        color: #fff;
    }

    .do-pro-tab li {
        float: left;
    }

        .do-pro-tab li:last-child {
            border: 0;
        }

.do-tab-content .tab-pane {
    min-height: 460px;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    padding: 10px;
}

.do-pro-tab .active {
    background: #0073b2;
}

.do-tab-content {
    margin-bottom: 15px;
}

.tab-tech > div {
    border-bottom: 1px solid #fbfbfb;
}

    .tab-tech > div:last-child {
        border-bottom: 0;
    }



@media (max-width: 767px) {
    #frameMain {padding:20px 0px;}
    .bx-controls {width:auto;margin:0 auto; display:table;}
    .bx-pager-item {float:left; margin:0 auto;}
    .bx-pager-link {width:15px;height:15px; display:block; text-align:center; line-height:100px; overflow:hidden;margin:0px 5px;}
    .do-pro-r {display:none}
    .do-pro-l {display:none}
}
@media (min-width: 768px) and (max-width: 991px) {
    .do-pro-sel .bx-wrapper .bx-prev {
        top: -27px;
    }

    .do-pro-sel .bx-wrapper .bx-next {
        top: 342px;
    }
    .do-pro-sel {
        padding-top: 43px;
    }
    .do-pro-sel img {
        height: 68px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .do-pro-sel .bx-wrapper .bx-prev {
        top: -6px;
    }
    .do-pro-sel .bx-wrapper .bx-next {
        top: 490px;
    }
    .do-pro-sel .bx-wrapper .bx-controls-direction a {
        height: 37px;
        line-height:14px;
    }
        .bx-wrapper .bx-controls-direction a {
        margin-top: -45px;
    }
    .do-pro-sel {
        padding-top: 45px;
    }

    .do-pro-sel img {
        height: 105px;
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .do-pro-sel .bx-wrapper .bx-next {
    top: 344px;
    left: 0px;
}
    .do-pro-sel img {
    height: 65px;
}
}
.do-pro-l {float:left; width:22%;}
.do-pro-m {float:left; width:68%;}
.do-pro-r {float:left; width:30%; margin-left:2%}
.pcp-title {float:left; width:100%;font-size:20px;color:#0477b3;border-bottom:1px solid #0477b3;padding-bottom:10px;}
.do-pro-r p {float:left; width:100%;line-height:30px;}
.contact {float:left; width:100%;padding:10px 0px;}

.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:42%; display:block; text-align:center;background:#e77917;color:#fff;padding:8px 0px;border-radius:25px;}
.divBtn a:hover {background:#f8f8f8;color:#000}

/*.lbt {float:left; width:100%;height:50px; line-height:50px;color:#015198;font-size:18px;border:1px solid #ececec;border-bottom:none;padding-left:30px;}*/
.lbt {float:left; width:100%;height:50px; line-height:50px;color:#015198;font-size:18px;border:1px solid #ececec;border-bottom:none;text-align:center;}
/*.do-pro-l ul{float:left; width:100%;border:1px solid #ececec;border-top:none}
.do-pro-l ul li{float:left; width:100%;}
.do-pro-l ul li a{float:left; width:100%;line-height:38px; display:block;padding-left:30px;}
.do-pro-l ul li a:hover{background:url(../images/down.png) no-repeat 95% 12px #007cc6;color:#fff;}
.do-pro-l ul li a.hover{background:url(../images/down.png) no-repeat 95% 12px #007cc6;color:#fff;}*/
/*.ms-thumb-list {display:none}*/


.do-pro-r2 {float:right;width:76%;}
@media (max-width: 767px) {
    .do-pro-m {float:left; width:100%;margin-left:0%}
    .do-pro-r2 {float:right;width:100%;}
}

.lContent {float:left; width:100%;}
.lContent h2{color:#000;font-size:16px;font-weight:bold;line-height:34px;}
.telItem {float:left; width:100%;border:1px solid #ececec;/*background:url(../images/icoTel.png) no-repeat 20px 10px;*/margin-bottom:10px;font-weight:bold;padding-top:20px;padding-bottom:20px;text-align:center;}


.box{float:left;z-index:9999;position:relative;width:100%;}
.box ul{margin:0px;padding:0px;width:100%;border:1px solid #ececec;border-top:none}
.box ul li{ margin: 0px 2px 0px 0px; padding: 0px; width: 100%; height: 35px; display: block; }
/*.box ul li a{ width:100%; height:38px; line-height:38px; display:block;padding-left:30px;background:url(../images/hei.png) no-repeat 95% 12px;}*/
.box ul li a{ width:100%; height:38px; line-height:38px; display:block;text-align:center;}
.box ul li:hover > a{background:url(../images/bai.png) no-repeat #e77918 95% 12px;color:#fff;}
.box ul li:hover ul{display:block;}
.box ul li ul{display:none;position:relative; top:-39px; left:100%;background-color:rgba(255,255,255,0.65);border-top:1px solid #ececec;width:205px}
.box ul li ul li{margin:0px 0px 2px 0px; padding:0px;}
.box ul li ul li a{background:none;text-align:left;padding-left:30px;} 
.box ul li ul li a:hover{background:#e77918}
.box ul li ul li:hover ul{visibility:visible;}
.box ul li ul li ul{visibility:hidden; position:relative; top:-39px; left:100%;border-top:1px solid #ececec;width:270px;background-color:rgba(255,255,255,0.65);}
.box ul li ul li ul li{background:none}
.box ul li ul li ul li:hover{background:#AFEEEE;}
