body { background: #f0f2f6; color: #8b92a0; font-size: 14px; font-family: Muli,"Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif !important; }
.navbar-default { background-color: #fff; border-top: none; border-left: none; border-right: none; border-radius: 0; }
.navbar-header { height: 65px; }
.header { *zoom: 1; line-height: 1; padding-top: 18px; }
    .header .logo { float: left; margin-top: -6px; display: inline-block; width: 220px; height: 60px; background: url(images/company/logo.png) no-repeat; margin-right: 10px; background-size: contain; }
.dh-menu { min-width: 400px; width: 400px; }
.header .zdh { *zoom: 1; float: left; margin-left: 30px; }
    .header .zdh:before, .header .nav:after { display: table; content: ""; }
    .header .zdh:after { clear: both; }
    .header .zdh li { float: left; margin-right: 20px; }
    .header .zdh a { display: inline-block; height: 59px; width: 83px; text-align: center; color: #232323; font-size: 16px; line-height: 66px; }
        .header .zdh a:hover { color: #599bf8; }
        .header .zdh a.selected { color: #599bf8; border-bottom: solid 3px #599bf8; }
.header .header-info { float: right; *zoom: 1; }
    .header .header-info:before, .header .header-info:after { display: table; content: ""; }
    .header .header-info:after { clear: both; }
    .header .header-info div { float: left; }
    .header .header-info a { color: #232323; line-height: 60px; }
        .header .header-info a:hover { text-decoration: underline; }
.header .service-phone { border-right: solid 1px #dde1e4; padding-right: 20px; margin-right: 20px; }
    .header .service-phone p { font-size: 12px; text-align: right; margin-bottom: 5px; }
    .header .service-phone em { font-size: 20px; color: #599bf8; font-style: normal; }


.intro-nav { background: #fff; line-height: 50px; }
    .intro-nav .chengqi-new { margin-left: 5px; margin-top: -9px; }
    .intro-nav div { border-top: solid 1px #dde1e4; margin-top: -1px; padding: 10px 20px; }
    .intro-nav .intro-nav-text { line-height: 2; font-size: 12px; color: #a1a1a1; }
        .intro-nav .intro-nav-text a { color: #599bf8; text-decoration: underline; }
    .intro-nav h3 { color: #a1a1a1; }
        .intro-nav h3 a { color: #a1a1a1; }
            .intro-nav h3 a:hover, .intro-nav h3 a.selected { color: #599bf8; }
    .intro-nav a { color: #656565; }
    .intro-nav ul { list-style: square inside; color: #dde1e4; }
        .intro-nav ul li:hover a, .intro-nav ul li.selected a { color: #599bf8; }
        .intro-nav ul li.selected { color: #599bf8; }

.alert { border-radius: 0; margin-bottom: 0px; }
.intro-main .intro-banner { height: 300px; text-align: center; color: #fff; }

    .intro-main .intro-banner h2 { font-size: 24px; }
    .intro-main .intro-banner p { font-size: 12px; margin-bottom: 20px; }
    .intro-main .intro-banner a { display: inline-block; width: 110px; height: 40px; line-height: 40px; color: #fff; background: #599bf8; }
        .intro-main .intro-banner a:hover { background: #4a7cc6; }
.intro-main .intro-zx-banner { background: url(images/about/banner-zx.jpg); }
.intro-main .intro-detail { background: #fff; padding: 20px 50px 20px 50px; color: #888; }
    .intro-main .intro-detail p { line-height: 200%; }
    .intro-main .intro-detail li { margin-bottom: 20px; }
    .intro-main .intro-detail ol { *zoom: 1; font-size: 12px; position: relative; margin-right: -50px; }
        .intro-main .intro-detail ol:before, .intro-main .intro-detail ol:after { display: table; content: ""; }
        .intro-main .intro-detail ol:after { clear: both; }
        .intro-main .intro-detail ol li { float: left; margin-bottom: 0; width: 130px; padding-right: 40px; position: relative; z-index: 1; }
        .intro-main .intro-detail ol .intro-process-line { border-top: solid 2px #54baff; position: absolute; padding-right: 0; top: 12px; }
        .intro-main .intro-detail ol em { display: inline-block; width: 24px; height: 25px; background: url(img/sprite.png) 0 -147px; color: #fff; text-align: center; line-height: 25px; margin-bottom: 10px; }
        .intro-main .intro-detail ol p { color: gray; }
    .intro-main .intro-detail h3 { color: #4a4a4a; font-size: 22px; font-weight: 500; margin-bottom: 25px; }
    .intro-main .intro-detail h4 { color: #666; font-size: 18px; font-weight: 500; margin-bottom: 15px; }

.mb10 { margin-bottom: 25px; }
.footer { height: 100px; background: #48535e; padding-top: 25px; }
    .footer a { color: #8b92a0; }
        .footer a:hover { text-decoration: underline; }

/*tell*/
.show_tell { margin: 0; padding: 0; }
    .show_tell li { display: inline-block; width: 310px; height: 140px; list-style: none; border: 1px solid #eee; padding: 20px; margin: 0 10px 15px; padding-left: 130px; line-height: 26px; overflow: hidden; position: relative; }
    .show_tell i { display: block; position: absolute; top: 26px; left: 25px; width: 80px; height: 80px; border-radius: 50%; background-image: url(images/about/About_Icon.png); background-repeat: no-repeat; }
    .show_tell span { font-size: 16px; line-height: 33px; font-weight: bold; }
.st1 i { background-color: #62c99c; background-position: 0 0; }
.st1 span { color: #62c99c; }
.st2 i { background-color: #f86b40; background-position: 0 -80px; }
.st2 span { color: #f86b40; }
.st3 i { background-color: #f9b838; background-position: 0 -160px; }
.st3 span { color: #f9b838; }
.st4 i { background-color: #45b0d4; background-position: 0 -240px; }
.st4 span { color: #45b0d4; }
.st5 i { background-color: #9fa4b7; background-position: 0 -320px; }
.st5 span { color: #9fa4b7; }
.st6 i { background-color: #c291be; background-position: 0 -400px; }
.st6 span { color: #c291be; }


.pic { margin-bottom: 30px; background-color: #f2f2f2; }
    .pic li { list-style: none; }
    .pic li { float: left; margin: 15px 18px; padding: 3px; border: 1px solid #eee; }

.text { margin-bottom: 30px; }
    .text li { list-style: none; }
    .text li { float: left; margin: 15px 18px; padding: 3px; }



.fable-price table { border: 1px solid #dcdcdc; table-layout: fixed; text-align: center; width: 100%; }
    .fable-price table th { background-color: #fcba52; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #fff; font-size: 22px; font-weight: normal; text-align: center; }
    .fable-price table .title { background: rgba(0, 0, 0, 0) url("images/about/icon-table.png") no-repeat scroll right 0; font-size: 16px; height: 124px; position: relative; }
        .fable-price table .title span { display: inline-block; position: absolute; }
        .fable-price table .title .project { bottom: 18px; left: 30px; }
        .fable-price table .title .limit { right: 30px; top: 18px; }
    .fable-price table td { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-size: 16px; height: 62px; }
    .fable-price table .bg-gray { background-color: #f5f5f5; }
    .fable-price table .left-title { color: #ffb566; font-size: 16px; font-weight: bold; }
    .fable-price table .disc-price td { color: #ff9000; font-weight: bold; }
    .fable-price table .old-price td span { text-decoration: line-through; }