html body .main {
    margin: 0 auto;
}

/*服务宗旨*/
.our-nice {
    background: #fff none repeat scroll 0 0;
    height: 80px;
    width: 100%;
}
.our-nice ul {
    height: 80px;
    margin: 0 auto;
    width: 1200px;
}
.our-nice ul li {
    color: #666;
    float: left;
    font-size: 14px;
    height: 44px;
    line-height: 41px;
    list-style-type: none;
    margin-top: 21px;
    text-align: center;
    width: 280px;
}
.our-nice ul li span {
    color: #333;
    font-size: 20px;
    margin-right: 10px;
}
.yongjin {
    background: rgba(0, 0, 0, 0) url("../images/DDZnewIndex_04.jpg") no-repeat scroll 79px -4px;
    border-right: 1px solid #ebebeb;
    text-indent: 43px;
}
.kanfang {
    background: rgba(0, 0, 0, 0) url("../images/DDZnewIndex_06.jpg") no-repeat scroll 68px -4px;
    border-right: 1px solid #ebebeb;
    text-indent: 55px;
}
.fangyuan {
    background: rgba(0, 0, 0, 0) url("../images/DDZnewIndex_08.jpg") no-repeat scroll 58px -5px;
    border-right: 1px solid #ebebeb;
    text-indent: 50px;
}
.fuwu {
    background: rgba(0, 0, 0, 0) url("../images/DDZnewIndex_10.jpg") no-repeat scroll 50px -6px;
    text-indent: 30px;
}

/*服务宗旨*/

.ddz-banner-logo {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/newIndexer_10.png") no-repeat scroll 0 0;
    height: 106px;
    position: absolute;
    right: 35px;
    top: 540px;
    width: 247px;
    z-index: 2;
}


/*特色*/
.ddz-thems {
    margin-top: 50px;
}
.ddz-onethems {
    margin-bottom: 40px;
}
.ddz-thems table {
    height: 45px;
    margin: 0 auto -25px;
    position: relative;
}
.ddz-thems tr td {
    color: #333;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 19px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 110px;
}
.animate-line {
    clear: both;
    height: 5px;
    margin: 0 auto;
    position: relative;
    width: 330px;
}
.animate-line .line:first-child {
    background: #0bbbe0 none repeat scroll 0 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 110px;
}
.theme-detail {
    height: 520px;
    margin: 0 auto;
    overflow: hidden;
    width: 1160px;
}
.theme-detail .detail-warp {
    height: 520px;
    width: 24480px;
}
.theme-detail .detail-warp div {
    display: none;
    float: left;
    height: 520px;
    overflow: visible;
    width: 1180px;
}
.theme-detail .detail-warp div:first-child {
    display: block;
}
.theme-detail .detail-warp div ul {
    height: 520px;
    margin-left: -5px;
    padding: 25px;
    width: 1190px;
}
.theme-detail .detail-warp div ul li {
    cursor: pointer;
    position: relative;
}
.theme-detail .detail-warp div ul li a {
    display: block;
    height: 100%;
}
.theme-detail .detail-warp div ul li .on-focus-img {
    transform: scale(1.15);
    transition: all 0.3s ease-in 0s;
}
.theme-detail .detail-warp div ul li .on-blur-img {
    transform: scale(1);
    transition: all 0.3s ease-in 0s;
}
html body .comments ul li .leader-comment .name-center {
    display: block;
    text-align: center;
    width: 100%;
}
html body .comments ul li .leader-comment .namespace {
    color: #333;
}
.list-style5 li {
    background-size: 100% 100%;
    float: left;
    height: 225px;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    width: 360px;
}
html body .list-style5 .first {
    display: block;
    float: left;
    height: 470px;
    margin-right: 20px;
    width: 360px;
}
html body .list-style5 .first p {
    line-height: 121px;
}
.list-style3 li {
    background-size: 100% 100%;
    float: left;
    height: 470px;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
    width: 360px;
}
html body .detail-warp .list-style3 li a p {
    font-size: 28px;
}
html body .list-style3 .first {
    display: block;
    float: left;
    height: 470px;
    margin-right: 20px;
    width: 360px;
}
.first a {
    height: 468px;
    overflow: hidden;
    width: 360px;
}
html body .detail-warp UL .first p {
    font-size: 28px;
}
.detail-warp ul li p {
    background: rgba(0, 0, 0, 0) url("../images/DDZnewIndex___03.png") repeat-x scroll center center;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 108px;
    line-height: 130px;
    position: absolute;
    text-indent: 20px;
    width: 100%;
	background-image: url(../images/DDZnewIndex___03.png);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position-x: center;
	background-position-y: 50%;
	background-color: transparent;
}

/*特色*/

/*首页大厦*/
.hot-office {

    margin: -35px auto 0;
    width: 1120px;
}
.hot-office-notheme {
    margin-top: 0;
}
.hot-office p {
    color: #333;
    font-size: 28px;
    height: 110px;
    line-height: 110px;
    margin-top: 10px;
    text-align: center;
    width: 1120px;
}
.hot-office ul {
    margin-left: -20px;
    margin-top: -20px;
    width: 1140px;
}
.hot-office ul li {
    float: left;
    height: 290px;
    margin-left: 20px;
    margin-top: 20px;
    width: 360px;
}
.hot-office ul li .offices {
    display: block;
    height: 290px;
    width: 360px;
}
html body .hot-office ul li {
    box-shadow: 0 0 0 #777;
    height: 290px;
    list-style:none;
    transition: box-shadow 0.2s linear 0s;
    width: 360px;
}
html body .hot-office ul li a {
    color: #fff;
}
html body .hot-office ul li .hover-on {
    background: #fff none repeat scroll 0 0;
    color: #0bbbe0;
    transition: background 0.2s linear 0s;
}
html body .hot-office ul .on-focus-img {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px);
    transition: all 0.2s ease-in 0s;
}
html body .detail-warp ul .on-blur-img {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in 0s;
}
html body .theme-detail .detail-warp ul .on-focus-img {
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px);
    transition: all 0.2s ease-in 0s;
}
.theme-detail .detail-warp ul li {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.2s ease-in 0s;
}
.img-warp {
    height: 225px;
    overflow: hidden;
    width: 360px;
}

.hot-office UL LI .offices .description {
    background: #fff;
    height: 68px;
    width: 100%;
    text-align: center;
    padding-top: 8px;
    margin-top: -4px;
    position: relative;
}


.hot-office ul li .offices .description h3 {
    color: #333;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
   
    white-space: nowrap;
}
.hot-office ul li .offices .description span {
    color: #999;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
.hot-office UL LI .offices .description SPAN {
    color: #999;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
/*首页大厦*/


.more-office {
    background: #0bbbe0 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 290px;
    padding-top: 82px;
    position: relative;
    text-align: center;
    transition: background 0.3s linear 0s;
}
.more-office h1 {
    font-size: 38px;
    height: 45px;
    line-height: 45px;
    width: 100%;
}
.more-office h3 {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    width: 100%;
}
html body .no-shadow a p {
    background: #0bbbe0 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 39px;
    margin: 0 auto;
    text-align: center;
    transition: background 0.2s linear 0s;
    width: 130px;
}
.callForOffice {
    background: #fff url("../images/newIndex/DDZnewIndex_62.jpg") no-repeat scroll center bottom;
    clear: both;
    height: 382px;
    position: relative;
    width: 100%;
}
.phone-success-tips {
    color: #0aa930;
    display: none;
    position: absolute;
    right: 174px;
    top: 73px;
}
.phone-faild-tips {
    color: #f24010;
    display: none;
    position: absolute;
    right: 174px;
    top: 73px;
}
.phone-empty-tips {
    color: #f24010;
    display: none;
    position: absolute;
    right: 174px;
    top: 73px;
}
.timer {
    font-size: 30px;
    margin-bottom: 15px;
    margin-left: -22px;
}
.add-icon {
    color: #fff;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 130px;
    top: 74px;
    width: 20px;
}
#background-wrap {
    bottom: 0;
    left: 0;
    padding-top: 35px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
@keyframes animateCloud {
0% {
    margin-left: -1000px;
}
100% {
    margin-left: 100%;
}
}
@keyframes animateCloud {
0% {
    margin-left: -1000px;
}
100% {
    margin-left: 100%;
}
}
.search-input {
    height: 166px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 54px;
    width: 506px;
    z-index: 20;
}
.search-input h1 {
    color: #333;
    font-size: 28px;
    height: 40px;
    text-align: center;
    width: 100%;
}
.search-warp {
    border: 2px solid #ff8417;
    border-radius: 5px;
    height: 62px;
    line-height: 62px;
    margin-bottom: 5px;
    margin-top: 32px;
    text-align: center;
    width: 100%;
}
.search-input p {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/newIndexer_14.png") no-repeat scroll 0 0;
    text-indent: 22px;
}
html body .search-input .our-promiss {
    line-height: 19px;
    text-align: left;
}
.search-warp input[type="text"] {
    border: 0 none;
    float: left;
    font-size: 20px;
    height: 58px;
    line-height: 46px;
    text-indent: 20px;
    width: 335px;
}
html body .search-warp .search-buttons {
    background: #ff8417 none repeat scroll 0 0;
    border: 0 none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 3px;
    color: #fff;
    display: block;
    float: right;
    font-size: 20px;
    height: 62px;
    position: absolute;
    right: 0;
    top: 72px;
    transition: background 0.2s linear 0s;
    width: 160px;
}
html body .search-warp .search-buttons:hover {
    background: #ffb017 none repeat scroll 0 0;
    transition: background 0.2s linear 0s;
}
.comments {
    height: 445px;
    margin: 60px auto 0;
    width: 1120px;
}
.comments ul {
    height: 445px;
    margin-left: -20px;
    width: 1140px;
}
.comments ul li {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 510px;
    margin-left: 20px;
    width: 265px;
}
.comments ul li .leader-comment {
    height: 518px;
    position: relative;
    width: 265px;
}
.comments ul li .leader-comment img {
    display: block;
    margin: 28px auto 0;
}

.comments ul li .leader-comment p {
    color: #666;
    line-height: 24px;
}
.comments ul li .leader-comment span {
    color: #999;
}
html body .comments ul li .leader-comment .text-words {
    margin-top: 20px;
}
html body .comments ul li .leader-comment .text-words span {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/newIndexer_18.jpg") no-repeat scroll center center;
    display: block;
    height: 25px;
    margin-bottom: 10px;
    margin-left: 24px;
    width: 25px;
}
html body .comments ul li .leader-comment .text-words .right-sides {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/newIndexer_22.jpg") no-repeat scroll center center;
    display: block;
    height: 25px;
    margin-right: 24px;
    margin-top: 10px;
    width: 25px;
}
html body .comments ul li .leader-comment p {
    margin: 0 auto;
    text-align: left;
    width: 210px;
}
.coperation {
    border-top: 1px solid #ebebeb;
    bottom: 25px;
    height: 95px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 220px;
}
html body .comments ul li .leader-comment .coperation img {
    margin-top: 12px;
}
.our-paterner {
    height: 170px;
    margin: 89px auto 30px;
    overflow: hidden;
    width: 1120px;
}
.our-paterner table {
    height: 173px;
    margin-left: -1px;
    margin-top: -1px;
    width: 1123px;
}
.our-paterner table tr td {
    border: 1px solid #ebebeb;
    text-align: center;
    vertical-align: middle;
}
.more-infor {
    background: #fff none repeat scroll 0 0;
    height: 490px;
    width: 100%;
}
.more-infors {
    background: #fff none repeat scroll 0 0;
    clear: both;
    height: 212px;
    width: 100%;
}
.inner-info {
    height: 477px;
    margin: 0 auto;
    width: 1120px;
}
.left-info {
    float: left;
    height: 477px;
    text-align: left;
    width: 50%;
}
.left-info h1 {
    color: #333;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 45px;
}
.left-level {
    float: left;
    height: 260px;
    width: 178px;
}
.right-level {
    float: left;
    height: 447px;
    margin-left: 20px;
    text-align: left;
    width: 336px;
}
.right-level h2 {
    color: #333;
    font-size: 20px;
    margin-bottom: 5px;
}
.right-level h2:first-child {
    margin-left: -8px;
}
.right-level h3 {
    color: #999;
}
.right-level ul {
    height: 180px;
    margin-bottom: 10px;
}
.right-level ul li {
    margin-top: 8px;
}
html body .right-level a {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/newIndexer_34.jpg") no-repeat scroll 10px center;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #0bbbe0;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    text-decoration: none;
    text-indent: 44px;
    width: 220px;
}
html body .right-level a:hover {
    border: 1px solid #0bbbe0;
    color: #0bbbe0;
}
.right-info {
    float: right;
    height: 340px;
    margin-top: 40px;
    width: 550px;
}
.right-info .top-leder {
    height: 30px;
    margin-bottom: 20px;
    width: 100%;
}
.right-info .top-leder h1 {
    float: left;
    font-size: 20px;
}
.right-info .top-leder h2 {
    float: right;
    margin-top: 10px;
}
.right-info ul {
    margin-bottom: 53px;
    margin-left: 18px;
    width: 533px;
}
.right-info ul li {
    list-style-type: disc;
    margin-bottom: 10px;
    width: 100%;
}
.right-info ul li label {
    color: #999;
    display: inline-block;
    float: right;
    font-weight: 400;
}
.app-downloader {
    border-bottom: 1px solid #ebebeb;
    clear: both;
    height: 212px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1120px;
}
.app-left {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/DDZnewIndex_144.jpg") no-repeat scroll 10px 90px;
    float: left;
    height: 212px;
    padding-left: 112px;
    padding-top: 90px;
    text-align: left;
    width: 396px;
}
.app-left h1 {
    color: #333;
    font-size: 20px;
}
.app-left p {
    margin-bottom: 10px;
    margin-top: 5px;
}
.app-left .iphone-down {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/DDZnewIndex_147.jpg") no-repeat scroll 0 6px;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    text-indent: 20px;
    width: 135px;
}
.app-left .android-down {
    background: rgba(0, 0, 0, 0) url("../images/newIndex/DDZnewIndex_149.jpg") no-repeat scroll 0 6px;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    text-indent: 20px;
    width: 135px;
}
.app-right {
    float: right;
    height: 212px;
    width: 498px;
}
.base-line {
    border-top: 1px solid #ebebeb;
    height: 3px;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1;
}
.app-right img {
    position: absolute;
    right: 0;
    z-index: 2;
}
.app-right .img-down {
    right: 270px;
    top: 74px;
}



/**新闻ＣＳＳ*/
fieldset, img {border: 0 none;}
a { color: #333;}
a:hover {color: #44946b;}
.typo a:hover, a, ins {text-decoration: none;}

.row {
    position: relative;
}
.row.gap-row {
    overflow: hidden;
}
.row .gap-row-1 {
    margin: 0 -10px;
}
.row .gap-row-2 {
    margin: 0 -20px;
}
.row .gap-row-3 {
    margin: 0 -30px;
}
.span-4 {
    float: left;
    width: 33.3333%;
}
.section-title {
    height: 110px;
    line-height: 110px;
    padding: 0 10px;
    position: relative;
}
.section-title h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 110px;
}
.section-title h2 .icon {
    font-size: 32px;
    vertical-align: middle;
}
.section-title a.more {
    height: 110px;
    line-height: 110px;
    position: absolute;
    right: 10px;
    top: 0;
}
.news-list {
    padding: 0 30px 20px;
}
.news-list li {
    overflow: hidden;
}
.news-list li .news-title {
    display: inline-block;
    line-height: 35px;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list li .news-title::before {
    background: #44946b none repeat scroll 0 0;
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 4px 10px;
    width: 4px;
}
.news-list li .news-img {
    float: right;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 40px;
}
.news-list li .news-img img {
    min-height: 30px;
    position: absolute;
    width: 100%;
}

.news-list li:first-child .news-title::before {
    
}
.news-list li .news-img {
    display: block;
    float: none;
    height: 200px;
    width: 100%;
}
.news-list li:first-child .news-img img {
    min-height: 200px;
}
.row {
    margin: 0 auto;
    width: 1120px;
}
/**新闻ＣＳＳ*/

.txtMarquee-top{ overflow:hidden; position:relative;width:1120px;margin:0 auto; }
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
.txtMarquee-top .bd{ padding:15px; border:3px solid #ff5400; }
.txtMarquee-top .infoList li{ height:24px; line-height:24px;color:#282828; }
.txtMarquee-top .infoList li .szxq{display:inline-block;text-align:center;width:360px;}
.txtMarquee-top .infoList li .date{ display:inline-block; width:360px;text-align:center; }
.txtMarquee-top .infoList li .khname{display:inline-block;width:350px;text-align:center;}

.tab-qi{width:1120px;margin:0 auto;}
.tab-qi h2{ font-size: 20px;text-align: center;  color: #fff; margin: 20px auto 20px auto;width: 300px;font-weight:normal; padding:3px 0 ;border-radius: 5px; background:#ff5400 none repeat scroll 0 0;;}





@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dd, ul, ol, pre, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
hr {
    border-style: solid;
    border-width: 1px 0 0 0;
}

body, button, input, textarea, select {
    color: #302F35;
    font: 14px/1.5 microsoft yahei, tahoma, arial, verdana, helvetica, sans-serif;
}

i, address, cite, dfn, em, var {
    font-style: normal;
}

tt, code, kbd, samp {
    font-family: microsoft yahei;
}

ul, ol {
    list-style: none;
}

a {
    color: #302F35;
    text-decoration: none;
}
a:focus {
    outline: none;
}

fieldset, img {
    border: none;
}
img {
    vertical-align: middle;
}
button, input, textarea, select {
    font-size: 100%;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    min-width: 1200px;
}

.cur-pointer {
    cursor: pointer;
}

/* float */
.fl {
    display: inline-block;
    float: left !important;
}
.fr {
    display: inline-block;
    float: right !important;
}
.jfl {
    float: left !important;
}
.jfr {
    float: right !important;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    content: '';
    height: 0;
    font-size: 0;
}
.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    visibility: hidden;
}

/* font-size */
.font12 {
    font-size: 12px !important;
}
.font13 {
    font-size: 13px !important;
}
.font14 {
    font-size: 14px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}
.font18 {
    font-size: 18px !important;
}
.font20 {
    font-size: 20px !important;
}
.font22 {
    font-size: 22px !important;
}
.font24 {
    font-size: 24px !important;
}
.font26 {
    font-size: 26px !important;
}
.font30 {
    font-size: 30px !important;
}
.font36 {
    font-size: 36px !important;
}
.font40 {
    font-size: 40px !important;
}

.fb {
    font-weight: 700 !important;
}

/* placeholder color */
.phcolor {
    color: #999;
}

.show {
	display: block !important;
}

.db {
    display: block;
}
.dib {
    display: inline-block;
}

.pr {
    position: relative !important;
}
.pa {
    position: absolute !important;
}

.hide {
    display: none !important;
}
.none {
    display: none;
}
.hidden {
    overflow: hidden;
}

.nowrap-ell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* color */
.text-orange {
    color: #FFA500 !important;
}
.text-blue {
    color: #476CBA !important;
}
.text-white {
    color: #FFF !important;
}
.text-pink {
    color: #FF4859 !important;
}
.text-pink-app {
    color: #FF5254 !important;
}
.text-gray {
    color: #F7F7F7 !important;
}
.text-gray3 {
    color: #333 !important;
}
.text-gray6 {
    color: #666 !important;
}
.text-gray9 {
    color: #999 !important;
}
.text-grayC {
    color: #CCC !important;
}
.text-linger {
    color: #36CCC1 !important;
}
.text-black {
    color: #302F35 !important;
}

/* text-align */
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
}
.vm {
    vertical-align: middle !important;
}
.vt {
    vertical-align: top !important;
}

.t2 {
    text-indent: 2em;
}

.unl {
	text-decoration: underline;
}

.rbox5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.rbox10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.lh30{
    line-height: 30px !important;
}
.lh40{
    line-height: 40px !important;
}
.lh50{
    line-height: 50px !important;
}
.lh60{
    line-height: 60px !important;
}

/* bgcolor */
.bg-gray {
    background-color: #F7F7F7 !important;
}
.bg-white {
    background-color: #FFF !important;
}
.bg-gray9 {
    background-color: #F9F9F9 !important;
}
.bg-black {
	background-color: #302F35 !important;
}
.bg-trans {
	background-color: transparent !important;
}

/* margin */
.mauto {margin: 0 auto;}
.mt-3 {margin-top: -3px !important;}
.mr0, .mv0, .ma0 {margin-right:  0px !important;}
.ml0, .mv0, .ma0 {margin-left:   0px !important;}
.mt0, .mh0, .ma0 {margin-top:    0px !important;}
.mb0, .mh0, .ma0 {margin-bottom: 0px !important;}
.mr05, .mv05, .ma05 {margin-right:  5px !important;}
.ml05, .mv05, .ma05 {margin-left:   5px !important;}
.mt05, .mh05, .ma05 {margin-top:    5px !important;}
.mb05, .mh05, .ma05 {margin-bottom: 5px !important;}
.mr10, .mv10, .ma10 {margin-right:  10px !important;}
.ml10, .mv10, .ma10 {margin-left:   10px !important;}
.mt10, .mh10, .ma10 {margin-top:    10px !important;}
.mb10, .mh10, .ma10 {margin-bottom: 10px !important;}
.mr15, .mv15, .ma15 {margin-right:  15px !important;}
.ml15, .mv15, .ma15 {margin-left:   15px !important;}
.mt15, .mh15, .ma15 {margin-top:    15px !important;}
.mb15, .mh15, .ma15 {margin-bottom: 15px !important;}
.mr20, .mv20, .ma20 {margin-right:  20px !important;}
.ml20, .mv20, .ma20 {margin-left:   20px !important;}
.mt20, .mh20, .ma20 {margin-top:    20px !important;}
.mb20, .mh20, .ma20 {margin-bottom: 20px !important;}
.mr25, .mv25, .ma25 {margin-right:  25px !important;}
.ml25, .mv25, .ma25 {margin-left:   25px !important;}
.mt25, .mh25, .ma25 {margin-top:    25px !important;}
.mb25, .mh25, .ma25 {margin-bottom: 25px !important;}
.mr30, .mv30, .ma30 {margin-right:  30px !important;}
.ml30, .mv30, .ma30 {margin-left:   30px !important;}
.mt30, .mh30, .ma30 {margin-top:    30px !important;}
.mb30, .mh30, .ma30 {margin-bottom: 30px !important;}
.mr35, .mv35, .ma35 {margin-right:  35px !important;}
.ml35, .mv35, .ma35 {margin-left:   35px !important;}
.mt35, .mh35, .ma35 {margin-top:    35px !important;}
.mb35, .mh35, .ma35 {margin-bottom: 35px !important;}
.mr40, .mv40, .ma40 {margin-right:  40px !important;}
.ml40, .mv40, .ma40 {margin-left:   40px !important;}
.mt40, .mh40, .ma40 {margin-top:    40px !important;}
.mb40, .mh40, .ma40 {margin-bottom: 40px !important;}
.mr50, .mv50, .ma50 {margin-right:  50px !important;}
.ml50, .mv50, .ma50 {margin-left:   50px !important;}
.mt50, .mh50, .ma50 {margin-top:    50px !important;}
.mb50, .mh50, .ma50 {margin-bottom: 50px !important;}
.mr37-5, .mv37-5, .ma37-5 {margin-right:  37.5px !important;}
.ml37-5, .mv37-5, .ma37-5 {margin-left:   37.5px !important;}
.mt37-5, .mh37-5, .ma37-5 {margin-top:    37.5px !important;}
.mb37-5, .mh37-5, .ma37-5 {margin-bottom: 37.5px !important;}

/* padding */
.pr0, .pv0, .pa0 {padding-right:  0px !important;}
.pl0, .pv0, .pa0 {padding-left:   0px !important;}
.pt0, .ph0, .pa0 {padding-top:    0px !important;}
.pb0, .ph0, .pa0 {padding-bottom: 0px !important;}
.pr05, .pv05, .pa05 {padding-right:  5px !important;}
.pl05, .pv05, .pa05 {padding-left:   5px !important;}
.pt05, .ph05, .pa05 {padding-top:    5px !important;}
.pb05, .ph05, .pa05 {padding-bottom: 5px !important;}
.pr10, .pv10, .pa10 {padding-right:  10px !important;}
.pl10, .pv10, .pa10 {padding-left:   10px !important;}
.pt10, .ph10, .pa10 {padding-top:    10px !important;}
.pb10, .ph10, .pa10 {padding-bottom: 10px !important;}
.pr15, .pv15, .pa15 {padding-right:  15px !important;}
.pl15, .pv15, .pa15 {padding-left:   15px !important;}
.pt15, .ph15, .pa15 {padding-top:    15px !important;}
.pb15, .ph15, .pa15 {padding-bottom: 15px !important;}
.pr20, .pv20, .pa20 {padding-right:  20px !important;}
.pl20, .pv20, .pa20 {padding-left:   20px !important;}
.pt20, .ph20, .pa20 {padding-top:    20px !important;}
.pb20, .ph20, .pa20 {padding-bottom: 20px !important;}
.pr25, .pv25, .pa25 {padding-right:  25px !important;}
.pl25, .pv25, .pa25 {padding-left:   25px !important;}
.pt25, .ph25, .pa25 {padding-top:    25px !important;}
.pb25, .ph25, .pa25 {padding-bottom: 25px !important;}
.pr30, .pv30, .pa30 {padding-right:  30px !important;}
.pl30, .pv30, .pa30 {padding-left:   30px !important;}
.pt30, .ph30, .pa30 {padding-top:    30px !important;}
.pb30, .ph30, .pa30 {padding-bottom: 30px !important;}
.pr40, .pv40, .pa40 {padding-right:  40px !important;}
.pl40, .pv40, .pa40 {padding-left:   40px !important;}
.pt40, .ph40, .pa40 {padding-top:    40px !important;}
.pb40, .ph40, .pa40 {padding-bottom: 40px !important;}
.pr45, .pv45, .pa45 {padding-right:  45px !important;}
.pl45, .pv45, .pa45 {padding-left:   45px !important;}
.pt45, .ph45, .pa45 {padding-top:    45px !important;}
.pb45, .ph45, .pa45 {padding-bottom: 45px !important;}






/* ==== 写字楼 ==== */
.office-wrap {
    width: 1120px;
    margin: 15px auto;
}
.office-list {
    width: 363px;
    height: 407px;
    padding: 0 25px;
    overflow: hidden;
    background-color: #FFF;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.office-list .sem-title {
    padding:15px 0;
}

.office-item {
    display: block;
    margin-bottom: 17px;
}


.office-item span {
    display: block;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.office-item span.one {
    width: 140px;
    margin-right: 5px;
}
.office-item span.two {
    width: 70px;
    margin-right: 5px;
    color: #999;
}
.office-item span.three {
    color: #666;
}



.warp{width:1120px;margin:0 auto}


.icon{background:url(../images/icon_2017.png) no-repeat}
.rightBor-popBox{width:240px;height:160px;margin:-80px 0 0 -105px;position:absolute;top:50%;left:50%}
.result-con,.result-con label{position:relative}
.rightBor-con{width:240px;height:160px;color:#666;background:rgba(255,255,255,.9);font-size:0;background:#fff\9}
.rightBor-con .p1{font-size:20px;line-height:24px;padding:0}
.rightBor-con .p2{line-height:20px;font-size:12px}
.rightBor-con .s1{display:inline-block;width:100%;padding:25px 0 10px}
.rightBor-con .s1 .icon{display:inline-block;width:55px;height:55px;background-position:-192px top}
.result-con label,.rightBtn{height:30px;vertical-align:top}
.rightBtn{display:inline-block;background:#ffbe5e;font-size:14px;color:#fff;line-height:30px;border-radius:0 3px 3px 0;*float:left;letter-spacing:2px}
.rightBtn:hover{background:#fb3;color:#fff}
.result-con label{display:block;margin:0 auto;width:362px;font-size:0;padding:15px 0}
.result-con .input-txt{width:200px;height:28px;line-height:28px;border:1px solid #ddd;border-right:0;font-size:12px;border-radius:3px 0 0 3px;vertical-align:top;*float:left;padding:0 10px}
.result-con .rightBtn{width:140px}
.result-label{padding:10px}
.ggcon{margin:20px 0 50px;position:relative}
.result-con{position:absolute;right:40px;top:40px;width:490px;height:56px;border-radius:5px;background:#f5f6fb}
.result-con label{width:470px;padding:0;height:36px}
.result-con .rightBtn{width:110px;height:36px;line-height:36px;text-align:center;font-weight: bold;background:#ff5400;color:#fff}
.result-con .input-txt{width:339px;height:34px;line-height:34px;}
.result-con .p2{top:40px}
.rightBor-con .p2{top:0}