body {
    -webkit-font-smoothing: antialiased;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
}

ol, ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

a {
    color: #333;
    outline: none
}

a:focus, a:hover {
    color: #b69454;
    text-decoration: none
}

dl, p {
    margin-bottom: 0
}

img {
    max-width: 100%
}

.mt-30 {
    margin-top: 30px
}

.btn-gold {
    background-color: #b69454;
    border-color: #b69454;
    color: #ffffff
}

.btn-gold:hover, .btn-gold:active, .btn-gold:focus {
    color: #ffffff;
    background-color: #a4854c
}

.btn-dark {
    background-color: #1e2a31;
    border-color: #1e2a31;
    color: #ffffff
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #ffffff;
    background-color: #1b262c
}

.auto-box-lg {
    width: 1400px;
    margin: 0 auto
}

.auto-box-lg:before, .auto-box-lg:after {
    content: " ";
    display: table
}

.auto-box-lg:after {
    clear: both
}

.auto-box {
    width: 1200px;
    margin: 0 auto
}

.auto-box:before, .auto-box:after {
    content: " ";
    display: table
}

.auto-box:after {
    clear: both
}

.top {
    height: 42px;
    background-color: #181a1e;
    overflow: hidden
}

.top:before, .top:after {
    content: " ";
    display: table
}

.top:after {
    clear: both
}

.top .top-left {
    float: left;
    font-size: 14px;
    font-family: "宋体";
    height: 42px;
    line-height: 42px
}

.top .top-left i {
    font-size: inherit;
    color: #b69454
}

.top .top-left span {
    color: #ffffff
}

.top .top-left a {
    color: #b69454
}

.top .top-right {
    float: right;
    line-height: 42px
}

.top .top-right .top-nav {
    float: left
}

.top .top-right .top-nav:before, .top .top-right .top-nav:after {
    content: " ";
    display: table
}

.top .top-right .top-nav:after {
    clear: both
}

.top .top-right .top-nav li {
    position: relative;
    float: left;
    padding: 0 10px
}

.top .top-right .top-nav li+li:after {
    position: absolute;
    left: 0;
    top: 14px;
    content: '';
    width: 1px;
    height: 14px;
    background-color: #666
}

.top .top-right .top-nav li a {
    color: #999
}

.top .top-right .top-menu {
    float: left
}

.top .top-right .top-menu i {
    display: block;
    cursor: pointer;
    color: #999;
    font-size: 20px
}

.header {
    position: relative;
    height: 74px;
    background-color: #22262b
}

.header .logo {
    margin-top: 15px;
    float: left;
}

.header .logo img {
    max-width: inherit
}

.header .head-nav {
    float: left
}

.header .head-nav li {
    float: left;
    line-height: 74px
}

.header .head-nav li.active a {
    color: #b69454
}

.header .head-nav li a {
    position: relative;
    display: block;
    padding: 0 27px;
    font-size: 16px;
    color: #ffffff
}

.header .head-nav li a:hover {
    color: #b69454
}

.header .head-nav li.has-arrow.hover a {
    color: #b69454
}

.header .head-nav li.has-arrow.hover a:after {
    border-top: 0;
    border-bottom: 5px solid #b69454
}

.header .head-nav li.has-arrow a:after {
    position: absolute;
    top: 35px;
    right: 5px;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid #9b9b9b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    overflow: hidden
}

.header .header-media {
    float: right;
    width: 225px;
    margin-top: 10px
}

.header .header-media img {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.header .header-media .media-body {
    padding-top: 8px
}

.header .header-media .media-body h3 {
    margin: 0 0 5px;
    font-size: 14px;
    color: #ffffff
}

.header .header-media .media-body h3 a {
    color: #ffffff
}

.header .header-media .media-body h3 a:hover {
    color: #b69454
}

.header .header-media .media-body p {
    color: #b69454
}

.drop-nav {
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 1000;
    padding: 35px 0;
    display: none;
    -webkit-box-shadow: 0 0 10px rgba(51,51,51,0.18);
    -moz-box-shadow: 0 0 10px rgba(51,51,51,0.18);
    box-shadow: 0 0 10px rgba(51,51,51,0.18)
}

.drop-dl {
    float: left;
    width: 260px;
    background: url(../img/drop-dl.jpg) right center no-repeat;
    padding: 0 26px
}

.drop-dl dt {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

.drop-dl dt i {
    font-size: 14px;
    color: #555555
}

.drop-dl dd span {
    display: inline-block;
    margin: 2px 5px
}

.drop-dl dd a {
    color: #555555
}

.drop-dl dd a:hover {
    color: #b69454
}

.drop-al-l {
    width: 560px;
    float: left;
    background: url(../img/drop-dl_1.jpg) right center no-repeat;
    margin-right: 30px;
}

.drop-al-l .al-tab {
    margin-bottom: 16px
}

.drop-al-l .al-tab:before, .drop-al-l .al-tab:after {
    content: " ";
    display: table
}

.drop-al-l .al-tab:after {
    clear: both
}

.drop-al-l .al-tab li {
    float: left;
    width: 92px;
    font-size: 12px
}

.drop-al-l .al-tab li+li {
    margin-left: 15px
}

.drop-al-l .al-tab li.active a {
    border-color: #b69454;
    color: #b69454
}

.drop-al-l .al-tab li a {
    display: block;
    text-align: center;
    line-height: 28px;
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.drop-al-l .al-tab-content .al-tab-body {
    display: none;
    font-size: 12px
}

.drop-al-l .al-tab-content .al-tab-body a {
    color: #b69454
}

.drop-al-l .al-tab-content .al-tab-body a+a {
    margin-left: 12px
}

.drop-last-item {
    float: left;
    width: 420px;
    padding-left: 0px
}

.drop-last-item.last-item-design {
    width: 360px
}

.drop-last-item.drop-last-case {
    width: 610px
}

.drop-last-item.drop-last-case a {
    width: 105px
}

.drop-last-item a {
    float: left;
    width: 33.33%;
    text-align: center;
    color: #999
}

.drop-last-item a i {
    font-size: 36px
}

.drop-last-item a span {
    display: block;
    font-size: 14px
}

.drop-last-item .drop-last-search {
    width: 260px;
    float: left;
    margin-left: 30px;
}

.drop-last-item .drop-last-search .search-txt {
    margin-top: 10px;
    color: #999
}

.drop-last-item .drop-last-search .search-txt a {
    width: auto;
    float: none;
    color: #999
}

.drop-last-design {
    float: left;
    width: 420px
}

.drop-last-design .last-design-hd {
    float: left;
    width: 80px;
    margin-top: 15px;
    text-align: right;
    color: #b69454;
    margin-right: 25px
}

.drop-last-design .last-design-hd i {
    margin-right: 5px
}

.drop-last-design .last-design-bd {
    overflow: hidden
}

.drop-last-design .last-design-bd ul:before, .drop-last-design .last-design-bd ul:after {
    content: " ";
    display: table
}

.drop-last-design .last-design-bd ul:after {
    clear: both
}

.drop-last-design .last-design-bd ul li {
    float: left;
    text-align: center;
    margin: 0 10px
}

.drop-last-design .last-design-bd ul li .design-link {
    display: block
}

.drop-last-design .last-design-bd ul li .design-link img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff
}

.drop-last-design .last-design-bd ul li span {
    display: block;
    margin-top: 5px
}

.drop-last-design .last-design-bd ul li span a {
    font-size: 12px
}

.fw-wrap:before, .fw-wrap:after {
    content: " ";
    display: table
}

.fw-wrap:after {
    clear: both
}

.fw-wrap .fw-media {
    float: left;
    width: 25%
}

.fw-wrap .fw-media .fw-media-hd {
    float: left;
    margin-right: 20px
}

.fw-wrap .fw-media .fw-media-hd i {
    display: block;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 74px;
    border: 1px solid #969696;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 42px;
    color: #969696
}

.fw-wrap .fw-media .fw-media-bd {
    overflow: hidden
}

.fw-wrap .fw-media .fw-media-bd h4 {
    margin-top: 15px;
    font-size: 18px
}

.fw-wrap .fw-media .fw-media-bd p {
    font-size: 12px;
    color: #999
}

.breadcrumb.normal {
    margin-bottom: 0;
    padding: 20px 0;
    background-color: transparent
}

.breadcrumb.normal li a:hover {
    color: #b69454
}

.breadcrumb.normal li+li:before {
    color: #999;
    content: '>';
    margin-right: 2px
}

.list-filter {
    padding: 5px 0;
    text-align: right
}

.list-filter ul li {
    display: inline-block;
    margin-left: 10px
}

.list-filter ul li.active a {
    color: #b69454
}

.list-filter ul li a i {
    font-size: inherit
}

.content-body {
    padding-bottom: 40px
}

.content-body:before, .content-body:after {
    content: " ";
    display: table
}

.content-body:after {
    clear: both
}

.content-body .side-left {
    float: left;
    width: 274px
}

.content-body .side-right {
    float: right;
    width: 274px
}

.content-body .side-right+.main {
    float: left
}

.content-body .main {
    float: right;
    width: 890px
}

.bg-dark {
    background-color: #151516
}

.bg-dark .breadcrumb.normal {
    color: #555555
}

.bg-dark .breadcrumb.normal li {
    color: #555555
}

.bg-dark .breadcrumb.normal li a {
    color: #555555
}

.bg-dark .table-bordered {
    border: 1px solid #3f4a55
}

.bg-dark .table-bordered>tbody>tr>th {
    border-color: #3f4a55
}

.bg-dark .table-bordered>tbody>tr>td {
    border-color: #3f4a55
}

.bg-dark .table-bordered>tbody>tr>td a {
    color: #ffffff
}

.bg-dark .table-bordered>tbody>tr>td a.selected, .bg-dark .table-bordered>tbody>tr>td a:hover {
    background-color: transparent;
    color: #b69454
}

.bg-dark .case-sort-wrap {
    color: #555555
}

.bg-dark .case-sort-wrap a {
    color: #555555
}

.side-panel {
    border: 1px solid #ddd;
    padding: 15px 15px 0 20px
}

.side-panel+.side-panel {
    margin-top: 20px
}

.side-panel .side-panel-header {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    color: #b69454;
    padding-bottom: 5px
}

.side-panel .side-panel-header:before, .side-panel .side-panel-header:after {
    content: " ";
    display: table
}

.side-panel .side-panel-header:after {
    clear: both
}

.side-panel .side-panel-header .more {
    margin-top: 5px;
    float: right;
    font-size: 14px;
    color: #999
}

.side-panel .side-panel-header .more:hover {
    color: #b69454
}

.side-panel .side-panel-body {
    padding: 15px 0
}

.side-list li {
    margin-bottom: 8px
}

.side-list li.active a {
    color: #b69454
}

.side-calculator {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 20px;
    height: 405px;
    background: url(../img/side-calculator.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.side-calculator:first-child {
    margin-top: 0
}

.side-calculator.sm {
    height: 300px
}

.side-calculator dl {
    padding: 25px 0 20px;
    text-align: center;
    color: #ffffff
}

.side-calculator dl dt {
    font-size: 24px;
    font-weight: normal
}

.side-calculator dl dd {
    font-size: 14px
}

.calculator-screen {
    margin: 0 auto;
    width: 230px;
    height: 52px;
    background: url(../img/calculator-screen.gif) 0 0 no-repeat
}

.news-a {
    margin-top: 15px
}

.calculator-form {
    padding: 10px 22px
}

.calculator-form .form-control {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.calculator-form .area {
    position: relative
}

.calculator-form .area .form-control {
    padding-right: 30px
}

.calculator-form .area .m2 {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px
}

.calculator-form .form-group {
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: 10px
}

.calculator-form .form-group .col-xs-6, .calculator-form .form-group .col-xs-4, .calculator-form .form-group .col-xs-12 {
    padding-left: 3px;
    padding-right: 3px
}

.calculator-form .btn-box {
    margin-top: 15px
}

.calculator-form .btn-box .btn {
    background-color: #b69454;
    font-size: 16px;
    color: #ffffff
}

.side-adv {
    margin: 20px 0
}

.side-adv:first-child {
    margin-top: 0
}

.side-adv img {
    width: 100%;
    vertical-align: top
}

.side-media li+li {
    margin-top: 12px
}

.side-media li a {
    display: block
}

.side-media li a:before, .side-media li a:after {
    content: " ";
    display: table
}

.side-media li a:after {
    clear: both
}

.side-media li a img {
    float: left;
    width: 93px;
    height: 59px;
    margin-right: 10px
}

.side-media li a span {
    display: block;
    zoom: 1;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4
}

.strategy-list {
    border-top: 1px solid #ddd
}

.strategy-list li {
    padding: 40px 0;
    border-bottom: 1px dashed #ddd
}

.strategy-list li:before, .strategy-list li:after {
    content: " ";
    display: table
}

.strategy-list li:after {
    clear: both
}

.strategy-list li:hover {
    background-color: #fafafa
}

.strategy-list .strategy-hd {
    position: relative;
    float: left;
    width: 288px;
    margin-right: 25px
}

.strategy-list .strategy-hd img {
    vertical-align: top;
    width: 288px;
    height: 169px
}

.strategy-list .strategy-tag {
    position: absolute;
    top: 8px;
    left: -5px;
    width: 76px;
    height: 47px;
    line-height: 44px;
    padding: 0 12px;
    font-size: 16px;
    color: #ffffff;
    background: url(../img/strategy-tag.png) 0 0 no-repeat
}

.strategy-list .strategy-bd h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px
}

.strategy-list .strategy-bd p {
    line-height: 20px;
    color: #999;
    font-size: 14px
}

.strategy-list .strategy-bd .strategy-control {
    margin-top: 30px
}

.strategy-list .strategy-bd .strategy-control span {
    font-size: 14px;
    color: #999
}

.strategy-list .strategy-bd .strategy-control span i {
    font-size: inherit;
    margin-right: 5px
}

nav .pagination li {
    display: inline-block;
    margin: 0 5px
}

nav .pagination li.active a, nav .pagination li.active span {
    background-color: #b69454 !important;
    border-color: #b69454 !important;
    color: #ffffff;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important
}

nav .pagination li a {
    color: #333;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important
}

nav .pagination li a:hover {
    background-color: #b69454;
    border-color: #b69454;
    color: #ffffff
}

.footer-a {
    height: 517px;
    background-color: #222b33;
    border-bottom: 1px solid #34414d
}

.footer-a-top {
    padding-top: 105px
}

.footer-a-top:before, .footer-a-top:after {
    content: " ";
    display: table
}

.footer-a-top:after {
    clear: both
}

.footer-a-top a {
    color: #a9abad
}

.footer-a-top a:hover {
    color: #b69454
}

.footer-a-top .footer-a-logo {
    float: left;
    margin-right: 140px
}

.footer-a-top .footer-a-logo img {
    display: block;
    width: 155px
}

.footer-a-top .footer-a-center {
    float: left
}

.footer-a-top .footer-a-center dl {
    width: 140px;
    float: left;
    color: #ffffff
}

.footer-a-top .footer-a-center dl.last-dl {
    border-right: 1px solid #34414d;
    height: 186px
}

.footer-a-top .footer-a-center dl dt {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 17px
}

.footer-a-top .footer-a-center dl dt a {
    color: #ffffff
}

.footer-a-top .footer-a-center dl dd {
    font-size: 14px;
    margin-bottom: 15px
}

.footer-a-top .footer-a-right {
    float: left;
    padding-left: 80px;
    height: 186px;
    border-left: 1px solid #13191d
}

.footer-a-top .footer-a-right .detail-share:before, .footer-a-top .footer-a-right .detail-share:after {
    content: " ";
    display: table
}

.footer-a-top .footer-a-right .detail-share:after {
    clear: both
}

.footer-a-top .footer-a-right .detail-share .share-btn {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    line-height: 44px;
    border: 1px solid #717171;
    color: #717171;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.footer-a-top .footer-a-right .detail-share .share-btn:hover .drop-on {
    display: block
}

.footer-a-top .footer-a-right .detail-share .share-btn .drop-on {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -53px;
    display: none
}

.footer-a-top .footer-a-right .detail-share .share-btn .drop-on:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.footer-a-top .footer-a-right .detail-share .share-btn .drop-on img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    max-width: inherit;
    border: 5px solid #fff;
    width: 106px;
    height: 106px
}

.footer-a-top .footer-a-right .detail-share .share-btn:hover {
    border-color: #ffffff;
    color: #ffffff
}

.footer-a-top .footer-a-right .detail-share .share-btn+.share-btn {
    margin-left: 10px
}

.footer-a-top .footer-a-right .detail-share .share-btn i {
    font-size: 26px
}

.footer-a-top .footer-a-right .detail-share .jiathis_style_24x24 {
    display: inline-block;
    vertical-align: middle
}

.footer-a-top .footer-a-right .detail-share .jiathis_style_24x24 .jtico {
    width: 46px !important;
    height: 46px !important;
    line-height: 44px !important;
    text-align: center;
    border: 1px solid #919599;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #919599
}

.footer-a-top .footer-a-right .detail-share .jiathis_style_24x24 .jtico:hover {
    border-color: #ffffff;
    color: #ffffff
}

.footer-a-top .footer-a-right .detail-share .jiathis_style_24x24 .jiathis_txt {
    background-image: none !important;
    padding-left: 0 !important
}

.footer-a-top .footer-a-right .detail-share .jiathis_style_24x24 .jiathis_txt i {
    display: inline-block;
    line-height: 1;
    font-size: 26px
}

.footer-a-top .footer-a-right p {
    padding-top: 20px;
    color: #ffffff
}

.footer-a-top .footer-a-right h4 {
    font-size: 24px;
    font-weight: normal;
    color: #b69454
}

.footer-a-bot {
    padding-top: 100px;
    color: #887654;
    font-size: 12px
}

.footer-a-bot a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    color: #887654
}

.footer-b {
    padding: 20px 0;
    background-color: #222b33;
    border-top: 1px solid #13191d;
    text-align: center;
    color: #999;
    font-size: 12px
}

.footer-b a {
    color: #999
}

.main-detail-box {
    border: 1px solid #ddd;
    padding: 25px 44px
}

.main-detail-box .detail-head {
    text-align: center;
    margin-bottom: 20px
}

.main-detail-box .detail-head h1 {
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 15px
}

.main-detail-box .detail-head .detail-disc {
    font-size: 14px;
    color: #aaa
}

.main-detail-box .detail-head .detail-disc span {
    padding: 0 10px
}

.main-detail-box .detail-body {
    line-height: 1.7
}

.main-detail-box .detail-body p {
    margin-bottom: 15px
}

.detail-control {
    margin: 40px 0
}

.detail-control:before, .detail-control:after {
    content: " ";
    display: table
}

.detail-control:after {
    clear: both
}

.detail-control .jiathis_style_24x24 {
    display: inline-block;
    vertical-align: middle
}

.detail-control .jiathis_style_24x24 .jtico {
    width: 20px !important;
    height: 20px !important
}

.detail-control .jiathis_style_24x24 .jiathis_txt {
    background-image: none !important;
    padding-left: 0 !important
}

.detail-control .jiathis_style_24x24 .jiathis_txt i {
    display: block;
    line-height: 1;
    font-size: 20px
}

.detail-control .share-text {
    display: inline-block;
    vertical-align: middle
}

.detail-control .share-text i {
    margin-right: 5px
}

.detail-control .detail-share {
    float: left;
    padding: 5px 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.detail-control .detail-tag {
    float: right;
    line-height: 34px
}

.detail-control .detail-tag a {
    margin: 0 5px
}

.jiathis_style * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.xq-wrap .xq-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #c9c9c9
}

.xq-wrap .xq-body {
    text-align: center
}

.declare-media:before, .declare-media:after {
    content: " ";
    display: table
}

.declare-media:after {
    clear: both
}

.declare-media .declare-media-hd {
    float: left;
    width: 26px;
    height: 65px;
    line-height: 2;
    margin-right: 8px;
    background-color: #b69454;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 5px;
    margin-top: 3px
}

.declare-media .declare-media-bd {
    padding-top: 2px;
    overflow: hidden
}

.declare-media .declare-media-bd li {
    line-height: 1.7
}

.page-wrap {
    padding-top: 40px
}

.page-wrap:before, .page-wrap:after {
    content: " ";
    display: table
}

.page-wrap:after {
    clear: both
}

.page-wrap .page-item {
    float: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-bot-box .comment-publish {
    padding: 40px 0
}

.main-bot-box .comment-publish .comment-pub-tit {
    padding-bottom: 15px;
    font-size: 20px
}

.main-bot-box .comment-publish .comment-pub-area .form-control {
    resize: none;
    height: 126px;
    border-color: #b69454;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.main-bot-box .comment-publish .comment-pub-control {
    text-align: right;
    padding-top: 15px
}

.main-bot-box .comment-publish .comment-pub-control span {
    margin-right: 5px;
    font-size: 13px
}

.main-bot-box .comment-publish .comment-pub-control span b {
    font-weight: normal;
    color: red;
    margin: 0 2px
}

.main-bot-box .comment-publish .comment-pub-control .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.main-related-box {
    border: 1px solid #ddd;
    padding: 25px 30px
}

.main-related-box .related-header {
    font-size: 20px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.related-list:before, .related-list:after {
    content: " ";
    display: table
}

.related-list:after {
    clear: both
}

.related-list li {
    float: left;
    width: 190px
}

.related-list li .img-box {
    display: block
}

.related-list li .img-box img {
    display: block
}

.related-list li h2 {
    height: 37px;
    margin-top: 10px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4
}

.related-list li+li {
    margin-left: 27px
}

.sense-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sense-list li+li {
    margin-top: 10px
}

.construction-banner {
    background: url(../img/construction-banner.jpg) center no-repeat
}

.construction-banner .auto-box {
    position: relative;
    height: 580px
}

.construction-banner .auto-box .construction-filter {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    height: 100px;
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 40px
}

.construction-banner .auto-box .construction-filter:before, .construction-banner .auto-box .construction-filter:after {
    content: " ";
    display: table
}

.construction-banner .auto-box .construction-filter:after {
    clear: both
}

.construction-banner .auto-box .filter-a {
    float: left;
    padding-top: 22px
}

.construction-banner .auto-box dl {
    float: left;
    margin-left: 45px
}

.construction-banner .auto-box dl dt {
    float: left;
    width: 63px;
    height: 63px;
    padding: 15px;
    text-align: center;
    background-color: #22262b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    color: #ffffff;
    line-height: 16px;
    margin-right: 15px
}

.construction-banner .auto-box dl dd {
    overflow: hidden;
    padding-top: 22px
}

.case-banner {
    background: url(../img/case-banner.jpg) center no-repeat
}

.case-banner .auto-box {
    position: relative;
    height: 420px
}

.case-search {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 70px 20px
}

.case-search:before, .case-search:after {
    content: " ";
    display: table
}

.case-search:after {
    clear: both
}

.case-search .case-search-left {
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff
}

.case-search .case-search-left a {
    color: #ffffff;
    margin: 0 5px
}

.case-search .case-search-right {
    float: right;
    width: 240px
}

.search-group {
    position: relative
}

.search-group .form-control {
    height: 40px;
    padding-right: 50px;
    background-color: rgba(255,255,255,0.88)
}

.search-group .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 38px;
    height: 38px;
    background-color: transparent;
    outline: none !important
}

.nav-type-select:before {
    display: none
}

.nav-type-select a {
    margin-left: 10px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 0 5px
}

.nav-type-select a:hover {
    border-color: #b69454;
    background-color: #b69454;
    color: #ffffff !important
}

.nav-type-select a .close-btn {
    vertical-align: 1px
}

.table-filer {
    width: 100%
}

.table-filer tr th {
    background-color: #292e35;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    white-space: nowrap
}

.table-filer tr td a {
    display: inline-block;
    line-height: 21px;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px
}

.table-filer tr td a.show-more {
    color: #999
}

.table-filer tr td a.selected {
    background-color: #3f4a55;
    color: #ffffff
}

.case-sort-wrap {
    padding: 10px 0 15px
}

.case-sort-wrap a {
    margin: 0 10px
}

.case-sort-wrap a.selected {
    color: #b69454
}

.case-sort-wrap a i {
    font-size: 12px
}

.case-list-wrap {
    overflow: hidden
}

.case-list-wrap .case-list {
    margin-right: -12px
}

.case-list-wrap .case-list:before, .case-list-wrap .case-list:after {
    content: " ";
    display: table
}

.case-list-wrap .case-list:after {
    clear: both
}

.case-list-wrap .case-list li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
    width: 290px;
    height: 345px;
    border: 1px solid #ddd;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.case-list-wrap .case-list li .img-box {
    display: block;
    width: 277px;
    height: 214px;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.case-list-wrap .case-list li .img-box img {
    width: 100%;
    height: 214px;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.case-list-wrap .case-list li .img-box:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.case-list-wrap .case-list li .user-img {
    position: relative;
    display: block;
    width: 67px;
    height: 67px;
    margin: -33px auto 0
}

.case-list-wrap .case-list li .user-img img {
    width: 67px;
    height: 67px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.case-list-wrap .case-list li dl {
    text-align: center;
    padding-top: 10px
}

.case-list-wrap .case-list li dl dt {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: normal
}

.case-list-wrap .case-list li dl dd {
    font-size: 14px
}

.web-adv {
    padding: 60px 0
}

.web-adv img {
    display: block
}

.fixed-bar-wrap {
    position: fixed;
    bottom: -372px;
    left: 0;
    right: 0;
    min-width: 980px;
    background: url(../img/fixed-bar-bg.png) center 0 no-repeat;
    z-index: 10
}

.fixed-bar-wrap.open .control-bar:after {
    background: url(../img/arrow-xia.png) center 0 no-repeat
}

.fixed-bar-wrap .control-bar {
    position: relative;
    margin-top: 80px;
    height: 64px;
    cursor: pointer
}

.fixed-bar-wrap .control-bar:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 18px;
    margin-left: 405px;
    width: 28px;
    height: 34px;
    background: url(../img/arrow-shang.png) center 0 no-repeat
}

.fixed-white-box {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 372px
}

.fixed-white-box:before, .fixed-white-box:after {
    content: " ";
    display: table
}

.fixed-white-box:after {
    clear: both
}

.fixed-white-box.modal-white-box {
    width: 100%;
    height: 266px;
    background: url(../img/modal-white-box.png) center 20px no-repeat
}

.fixed-white-box.modal-white-box .submit-label-btn {
    bottom: 82px;
    margin-left: -46px
}

.fixed-white-box.modal-white-box .circle-animate {
    bottom: 58px;
    margin-left: -70px
}

.fixed-white-box.modal-white-box .fixed-white-l {
    padding-top: 0
}

.fixed-white-box.modal-white-box .fixed-white-l .control-label {
    font-size: 14px;
    padding: 10px 5px
}

.fixed-white-box.modal-white-box .fixed-white-l .form-control {
    height: 38px;
    border-color: #cccccc;
    font-size: 12px
}

.fixed-white-box.modal-white-box .fixed-white-r {
    padding: 10px 55px 0 120px
}

.fixed-white-box.modal-white-box .fixed-white-r .fixed-result {
    padding: 15px 15px 20px 40px;
    border: 1px solid #ababab
}

.fixed-white-box.modal-white-box .fixed-white-r .fixed-result-three {
    height: 152px;
    border: 1px solid #ababab;
    padding: 15px 15px 20px 40px
}

.fixed-white-box.modal-white-box .fixed-white-r .fixed-result-three li {
    margin-bottom: 10px
}

.fixed-white-box.modal-white-box .group-disc {
    font-size: 12px;
    padding-top: 10px;
    color: #8c8b8b
}

.fixed-white-box .fixed-white-l {
    float: left;
    width: 50%;
    padding: 55px 78px 0 10px
}

.fixed-white-box .fixed-white-l .calculator-form .col-xs-3 {
    width: 30%;
    text-align: left
}

.fixed-white-box .fixed-white-l .calculator-form .col-xs-3 em {
    color: red
}

.fixed-white-box .fixed-white-l .calculator-form .col-xs-9 {
    width: 70%
}

.fixed-white-box .fixed-white-l .calculator-form .col-xs-9 .col-xs-6 {
    margin-top: 10px
}

.fixed-white-box .fixed-white-r {
    float: left;
    width: 50%;
    padding: 50px 55px 0 120px
}

.fixed-white-box .fixed-white-r h3 {
    text-align: center;
    font-size: 18px;
    color: #b69454;
    margin-bottom: 15px
}

.fixed-white-box .fixed-white-r .fixed-disc {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px
}

.fixed-white-box .fixed-white-r .fixed-disc strong {
    font-size: 30px;
    color: #b69454
}

.fixed-white-box .fixed-white-r .fixed-result {
    border: 1px solid #ddd;
    padding: 15px 15px 20px 80px
}

.fixed-white-box .fixed-white-r .fixed-result li {
    font-size: 14px
}

.fixed-white-box .fixed-white-r .fixed-result li strong {
    display: inline-block;
    min-width: 85px;
    padding: 0 5px;
    font-size: 20px;
    color: #b69454
}

.fixed-panel-header {
    margin-bottom: 40px;
    font-size: 20px;
    padding-left: 30px
}

.fixed-panel-header small {
    font-size: 14px;
    color: #b69454
}

.submit-label-btn {
    position: absolute;
    left: 50%;
    bottom: 129px;
    margin-left: -42px;
    display: block;
    width: 92px;
    height: 92px;
    font-size: 16px;
    color: #ffffff !important;
    padding: 0 22px;
    white-space: pre-wrap;
    background: #b69454;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 15;
    outline: none !important
}

.circle-animate {
    position: absolute;
    left: 50%;
    bottom: 105px;
    margin-left: -66px;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ccb487;
    z-index: 12;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both
}

@-webkit-keyframes scale-three2 {
    0% {
        transform: scale(0.6);
        opacity: 1
    }

    100% {
        transform: scale(1.1);
        opacity: 0
    }
}

@-moz-keyframes scale-three2 {
    0% {
        transform: scale(0.6);
        opacity: 1
    }

    100% {
        transform: scale(1.1);
        opacity: 0
    }
}

@-ms-keyframes scale-three2 {
    0% {
        transform: scale(0.6);
        opacity: 1
    }

    100% {
        transform: scale(1.1);
        opacity: 0
    }
}

@keyframes scale-three2 {
    0% {
        transform: scale(0.6);
        opacity: 1
    }

    100% {
        transform: scale(1.1);
        opacity: 0
    }
}

.case-detail-wrap {
    position: relative
}

.case-detail-wrap .case-detail-main {
    height: 100%;
    margin-right: 315px;
    background: #272423 url(../img/case-detail-main.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.case-detail-wrap .case-detail-side {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 315px;
    background-color: #fff;
    z-index: 111
}

.case-detail-wrap .case-detail-side .case-side-inner {
    height: 100%;
    padding: 20px
}

.bread-nav {
    height: 40px;
    background-color: #e7e6e5
}

.bread-nav .breadcrumb.normal {
    float: left;
    padding: 10px 0
}

.bread-nav .right-control {
    float: right
}

.bread-nav .right-control .right-share:hover .drop-share {
    display: block
}

.bread-nav .right-control .right-dropdown>li {
    float: left;
    line-height: 40px;
    padding: 0 15px;
    position: relative
}

.bread-nav .right-control .right-dropdown>li+li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 20px;
    background-color: #999;
    vertical-align: middle
}

.drop-share {
    position: absolute;
    left: 10px;
    top: 40px;
    width: 58px;
    padding: 10px;
    z-index: 1000;
    background-color: #e7e6e5;
    display: none
}

.drop-share:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #e7e6e5
}

.drop-share .jiathis_style_24x24 a {
    display: block;
    height: 34px;
    line-height: 34px
}

.drop-share .jiathis_style_24x24 a:before, .drop-share .jiathis_style_24x24 a:after {
    content: " ";
    display: table
}

.drop-share .jiathis_style_24x24 a:after {
    clear: both
}

.drop-share .jiathis_style_24x24 a+a {
    border-top: 1px dashed #c9c9c9;
    color: #666666
}

.drop-share .jiathis_style_24x24 .jiathis_txt {
    text-align: center;
    float: none;
    background-image: none !important;
    padding-left: 0 !important
}

.drop-share .jiathis_style_24x24 .jiathis_txt i {
    font-size: 20px
}

.ad-gallery {
    position: relative;
    width: 100%;
    height: 100%
}

.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 100%;
    padding-bottom: 116px;
    position: relative;
    overflow: hidden
}

.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC
}

.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 116px;
    width: 25%;
    display: block;
    z-index: 100;
    cursor: url(http://img.to8to.com/to8to_img/xgt/up_r.cur), auto !important
}

.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 116px;
    width: 25%;
    display: block;
    z-index: 100;
    cursor: url(http://img.to8to.com/to8to_img/xgt/up_l.cur), auto !important
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    z-index: 101;
    right: 0;
    left: auto
}

.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.6);
    color: #fff
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block
}

.ad-gallery .ad-controls {
    height: 20px
}

.ad-gallery .ad-info {
    float: left
}

.ad-gallery .ad-slideshow-controls {
    float: right
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    font-size: 0.9em
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic
}

.ad-gallery .ad-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 360px;
    background-color: #e0e0e0;
    height: 116px;
    z-index: 200
}

.ad-gallery .ad-nav {
    position: relative
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 66px;
    z-index: 10
}

.ad-gallery .ad-back {
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    left: -20px;
    width: 13px;
    display: block
}

.ad-gallery .ad-back:before {
    content: '\e948';
    font-family: "iconfont" !important;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: -20px;
    width: 13px;
    line-height: 66px
}

.ad-gallery .ad-forward:before {
    content: '\e949';
    font-family: "iconfont" !important;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 100%;
    height: 66px
}

.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none
}

.ad-gallery .ad-thumbs li {
    position: relative;
    float: left;
    padding-right: 5px
}

.ad-gallery .ad-thumbs li a {
    display: block
}

.ad-gallery .ad-thumbs li a img {
    border: 3px solid #CCC;
    display: block;
    height: 66px
}

.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161
}

.ad-gallery .ad-thumbs li a span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 40px;
    line-height: 40px;
    margin-left: -30px;
    margin-top: -20px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff
}

.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px
}

.prev-suit, .next-suit {
    position: absolute;
    top: 25px
}

.prev-suit img, .next-suit img {
    display: block;
    width: 98px;
    height: 66px
}

.prev-suit span, .next-suit span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 66px;
    color: #ffffff;
    text-align: center;
    background-color: rgba(0,0,0,0.6)
}

.prev-suit {
    left: 160px
}

.next-suit {
    right: 160px
}

.floor-show-wrap {
    position: absolute;
    left: 80px;
    top: -7px;
    z-index: 111;
    background-color: #b69454;
    width: 128px;
    text-align: center;
    -webkit-border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px
}

.floor-show-wrap:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 7px solid #544428;
    border-right: 10px solid transparent
}

.floor-show-wrap.open .floor-body {
    height: 332px
}

.floor-show-wrap.open .floor-footer .icon-jiantou1 {
    display: none
}

.floor-show-wrap.open .floor-footer .icon-jiantou3 {
    display: inline-block
}

.floor-show-wrap .floor-header {
    font-size: 18px;
    color: #ffffff;
    margin-top: 5px
}

.floor-show-wrap .floor-body {
    height: 0;
    overflow: hidden
}

.floor-show-wrap .floor-body ul li {
    margin-top: 5px
}

.floor-show-wrap .floor-body ul li img {
    width: 113px;
    height: 78px;
    vertical-align: top
}

.floor-show-wrap .floor-footer {
    cursor: pointer;
    line-height: 26px
}

.floor-show-wrap .floor-footer .icon-jiantou3 {
    display: none
}

.floor-show-wrap .floor-footer i {
    color: #ffffff;
    font-size: 20px
}

.ad-disc {
    position: absolute;
    bottom: 116px;
    left: 0;
    right: 0;
    background-color: #141414;
    z-index: 111;
    height: 50px
}

.ad-disc.open {
    height: auto
}

.ad-disc.open .ad-disc-control .icon-jiantou-shang-copy {
    display: none
}

.ad-disc.open .ad-disc-control .icon-jiantou-xia-copy {
    display: inline-block
}

.ad-disc .ad-dl {
    position: relative;
    width: 895px;
    margin: 0 auto;
    padding: 15px 0
}

.ad-disc .ad-dl dt {
    color: #b69454;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px
}

.ad-disc .ad-dl dd {
    font-size: 12px;
    color: #ffffff
}

.ad-disc .ad-disc-control {
    position: absolute;
    right: -90px;
    top: 0;
    width: 52px;
    height: 50px;
    background-color: #2a2a2a;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}

.ad-disc .ad-disc-control i {
    font-size: 22px;
    color: #b69454
}

.ad-disc .ad-disc-control .icon-jiantou-xia-copy {
    display: none
}

.case-side-a {
    padding: 10px 10px 0
}

.case-side-a .case-a-tit {
    margin-bottom: 10px
}

.case-side-a .case-a-tit:before, .case-side-a .case-a-tit:after {
    content: " ";
    display: table
}

.case-side-a .case-a-tit:after {
    clear: both
}

.case-side-a .case-a-tit strong {
    max-width: 160px;
    float: left;
    font-size: 28px;
    margin-right: 15px;
    line-height: 1
}

.case-side-a .case-a-tit span {
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2
}

.case-side-a .case-a-bd {
    margin-bottom: 20px;
    font-size: 16px;
    color: #666666
}

.case-side-a .case-a-bd span {
    margin: 0 5px
}

.case-side-a .case-designer {
    padding: 20px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd
}

.case-side-a .case-designer:before, .case-side-a .case-designer:after {
    content: " ";
    display: table
}

.case-side-a .case-designer:after {
    clear: both
}

.case-side-a .case-designer .cd-hd {
    float: left;
    margin-right: 20px
}

.case-side-a .case-designer .cd-hd img {
    width: 108px;
    height: 108px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.case-side-a .case-designer .cd-bd {
    overflow: hidden
}

.case-side-a .case-designer .cd-bd h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px
}

.case-side-a .case-designer .cd-bd h4 i {
    font-size: 18px;
    color: #b69454
}

.case-side-a .case-designer .cd-bd p {
    font-size: 16px
}

.case-side-a .case-designer .cd-bd .cd-disc {
    margin-top: 5px;
    font-size: 14px;
    color: #999999;
    line-height: 1.2
}

.case-detail-side .side-calculator {
    position: relative;
    margin-bottom: 20px
}

.case-detail-side .side-calculator:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 30px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #404a54;
    border-bottom: 10px solid transparent
}

.case-detail-side .side-calculator .calculator-tips {
    margin: 0 auto;
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    background-color: #2c3239;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.case-detail-side .side-calculator h2 {
    text-align: center;
    font-size: 22px;
    color: #ffffff
}

.case-detail-side .side-calculator dl dt {
    font-size: 22px
}

.case-detail-side .side-calculator .case-id-wrap {
    text-align: center;
    font-size: 12px;
    color: #ffffff
}

.case-detail-side .side-calculator .case-id-wrap i {
    margin-right: 5px;
    font-size: inherit
}

.case-detail-side .side-calculator .btn-box {
    margin-top: 8px
}

.hot-list {
    margin-left: -10px;
    margin-right: -10px
}

.hot-list:before, .hot-list:after {
    content: " ";
    display: table
}

.hot-list:after {
    clear: both
}

.hot-list li {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 10px;
    float: left
}

.hot-list li a {
    display: block
}

.hot-list li a img {
    display: block;
    width: 109px;
    height: 84px
}

.hot-list li a span {
    margin-top: 5px;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hot-case-banner {
    background: url(../img/hot-case-banner.jpg) center no-repeat
}

.hot-case-banner .auto-box {
    position: relative;
    height: 475px
}

.hot-case-banner .auto-box .breadcrumb.normal {
    color: #b8b3a8
}

.hot-case-banner .auto-box .breadcrumb.normal a {
    color: #b8b3a8
}

.hot-case-banner .auto-box .breadcrumb.normal .active {
    color: #b8b3a8
}

.hot-case-banner .banner-disc {
    padding-top: 25px;
    width: 500px;
}

.hot-case-banner .banner-disc dt {
    color: #ffffff;
    font-size: 44px;
    font-weight: normal;
    margin-bottom: 10px
}

.hot-case-banner .banner-disc dd {
    margin-bottom: 10px
}

.hot-case-banner .banner-disc dd:before, .hot-case-banner .banner-disc dd:after {
    content: " ";
    display: table
}

.hot-case-banner .banner-disc dd:after {
    clear: both
}

.hot-case-banner .banner-disc dd i {
    float: left;
    color: #ffffff;
    margin-right: 5px
}

.hot-case-banner .banner-disc dd span {
    display: block;
    overflow: hidden;
    color: #b8b3a8
}

.hot-case-banner .banner-form {
    position: absolute;
    top: 90px;
    right: 20px;
    width: 302px;
    height: 300px;
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hot-case-banner .banner-form h2 {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    color: #292e35;
    font-weight: normal
}

.hot-case-banner .banner-form .form-group {
    margin-bottom: 10px
}

.hot-case-banner .banner-form .form-control {
    height: 40px;
    border-color: transparent;
    background-color: rgba(63,74,85,0.35);
    color: #ffffff
}

.hot-case-banner .banner-form .form-control::-webkit-input-placeholder {
    color: #ffffff
}

.hot-case-banner .banner-form .form-control:-moz-placeholder {
    color: #ffffff
}

.hot-case-banner .banner-form .form-control::-moz-placeholder {
    color: #ffffff
}

.hot-case-banner .banner-form .form-control:-ms-input-placeholder {
    color: #ffffff
}

.hot-case-banner .banner-form .btn {
    padding: 6px 12px;
    font-size: 18px
}

.hot-tab-nav {
    line-height: 60px;
    background-color: #3f4a55
}

.hot-tab-nav ul:before, .hot-tab-nav ul:after {
    content: " ";
    display: table
}

.hot-tab-nav ul:after {
    clear: both
}

.hot-tab-nav ul li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 18px
}

.hot-tab-nav ul li.active a {
    position: relative;
    background-color: #55606c
}

.hot-tab-nav ul li.active a:before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #55606c
}

.hot-tab-nav ul li a {
    display: block;
    color: #ffffff
}

.hot-tab-nav ul li a:hover {
    color: #b69454
}

.hot-sort-wrap {
    margin-top: 20px
}

.hot-filter {
    padding: 40px 0 10px
}

.hot-filter a {
    margin-right: 40px
}

.hot-filter a.active {
    color: #b69454
}

.hot-list-wrap, .jg-list-wrap, .house-list-wrap {
    padding-bottom: 50px;
    overflow: hidden
}

.const-wrap {
    padding-bottom: 50px
}

.const-wrap:before, .const-wrap:after {
    content: " ";
    display: table
}

.const-wrap:after {
    clear: both
}

.const-wrap .const-main {
    float: left;
    width: 868px
}

.const-wrap .const-side {
    float: right;
    width: 310px
}

.construct-list {
    margin-bottom: 20px
}

.construct-list>li+li {
    margin-top: 30px
}

.const-panel .const-panel-header {
    padding: 0 20px;
    height: 68px;
    line-height: 68px;
    background-color: #d9d9d9
}

.const-panel .const-panel-header:before, .const-panel .const-panel-header:after {
    content: " ";
    display: table
}

.const-panel .const-panel-header:after {
    clear: both
}

.const-panel .const-panel-header a {
    font-size: 18px
}

.const-panel .const-panel-header small {
    margin-left: 10px;
    font-size: 14px
}

.const-panel .const-panel-body {
    padding: 30px;
    background-color: #f1f1f1
}

.const-panel .const-panel-body .const-img-list:before, .const-panel .const-panel-body .const-img-list:after {
    content: " ";
    display: table
}

.const-panel .const-panel-body .const-img-list:after {
    clear: both
}

.const-panel .const-panel-body .const-img-list li {
    float: left
}

.const-panel .const-panel-body .const-img-list li+li {
    margin-left: 14px
}

.const-panel .const-panel-body .const-img-list li img {
    display: block;
    width: 260px;
    height: 177px
}

.const-panel .const-panel-footer {
    padding: 0 30px 10px;
    background-color: #f1f1f1
}

.const-bot-media {
    font-size: 14px
}

.const-bot-media:before, .const-bot-media:after {
    content: " ";
    display: table
}

.const-bot-media:after {
    clear: both
}

.const-bot-media .bot-media-hd {
    float: left;
    width: 70px;
    margin-right: 30px;
    text-align: center
}

.const-bot-media .bot-media-hd img {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.const-bot-media .bot-media-hd span {
    display: block
}

.const-bot-media .bot-media-bd {
    padding-top: 8px;
    overflow: hidden;
    line-height: 24px
}

.const-bot-media .bot-media-bd .more {
    color: #999
}

.const-bot-media .bot-media-bd .more:hover {
    color: #b69454
}

.const-bot-media .bot-media-bd .view-count {
    float: right;
    color: #999
}

.const-bot-media .bot-media-bd .view-count i {
    margin-right: 5px;
    vertical-align: -1px
}

.cons-step {
    padding-top: 16px;
    float: right;
    line-height: normal
}

.cons-step strong {
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom
}

.cons-step strong i {
    margin-right: 5px
}

.cons-step .cons-step-list {
    display: inline-block;
    vertical-align: middle
}

.cons-step .cons-step-list:before, .cons-step .cons-step-list:after {
    content: " ";
    display: table
}

.cons-step .cons-step-list:after {
    clear: both
}

.cons-step .cons-step-list span {
    position: relative;
    float: left;
    width: 64px;
    padding-bottom: 10px;
    text-align: center
}

.cons-step .cons-step-list span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #666666
}

.cons-step .cons-step-list span:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #999
}

.cons-step .cons-step-list span.active {
    color: #b69454
}

.cons-step .cons-step-list span.active:before, .cons-step .cons-step-list span.active:after {
    background-color: #b69454
}

.phb-list li {
    position: relative;
    margin-bottom: 5px
}

.phb-list li:nth-child(1) i {
    color: #d53939
}

.phb-list li:nth-child(2) i {
    color: #d57439
}

.phb-list li:nth-child(3) i {
    color: #d5a039
}

.phb-list li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 30px;
    right: 42px;
    border-bottom: 1px dashed #6c6c6c;
    z-index: -1
}

.phb-list li a {
    color: #6c6c6c
}

.phb-list li a:before, .phb-list li a:after {
    content: " ";
    display: table
}

.phb-list li a:after {
    clear: both
}

.phb-list li a span {
    background-color: #ffffff;
    padding-right: 20px
}

.phb-list li a b {
    float: right;
    font-weight: normal;
    background: #fff;
    padding-left: 10px
}

.vjs-default-skin {
    background-color: #eeeeee
}

.jg-list {
    margin-right: -13px
}

.jg-list:before, .jg-list:after {
    content: " ";
    display: table
}

.jg-list:after {
    clear: both
}

.jg-list li {
    float: left;
    width: 290px;
    height: 456px;
    border: 1px solid #e1e1e1;
    margin-right: 13px;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.jg-list li .img-box {
    display: block;
    height: 305px;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.jg-list li .img-box img {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.jg-list li .img-box:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.jg-list li .date-box {
    position: relative;
    margin-top: -45px;
    margin-left: 15px;
    margin-bottom: 20px;
    padding-top: 8px;
    width: 88px;
    height: 82px;
    background-color: rgba(41,46,53,0.9);
    text-align: center;
    color: #ffffff
}

.jg-list li .date-box span {
    text-transform: uppercase;
    font-size: 15px
}

.jg-list li .date-box strong {
    display: block;
    font-weight: normal;
    font-size: 34px
}

.jg-list li dl {
    padding: 0 15px 5px
}

.jg-list li dl:before, .jg-list li dl:after {
    content: " ";
    display: table
}

.jg-list li dl:after {
    clear: both
}

.jg-list li dl dt {
    float: left;
    font-weight: normal
}

.jg-list li dl dd {
    max-height: 40px;
    overflow: hidden
}

.jg-list li dl dd i.active {
    color: #b69454
}

.house-list {
    margin-right: -8px
}

.house-list:before, .house-list:after {
    content: " ";
    display: table
}

.house-list:after {
    clear: both
}

.house-list li {
    float: left;
    margin-right: 8px;
    margin-bottom: 15px;
    width: 294px;
    height: 225px;
    border: 1px solid #ddd
}

.house-list li a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden
}

.house-list li img {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.house-list li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.house-list li dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -90px;
    margin-top: -50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 180px;
    height: 100px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff
}

.house-list li dl dt {
    margin-top: 30px;
    font-size: 18px;
    font-weight: normal
}

.house-list li dl dd {
    font-size: 14px
}

.construction-detail-banner {
    height: 395px;
    background: url(../img/construction-detail-banner.jpg) center no-repeat;
    color: #ffffff
}

.construction-detail-banner .auto-box {
    padding: 136px 245px 0 20px
}

.construction-detail-banner .c-d-l {
    float: left;
    min-width: 700px
}

.construction-detail-banner .const-media:before, .construction-detail-banner .const-media:after {
    content: " ";
    display: table
}

.construction-detail-banner .const-media:after {
    clear: both
}

.construction-detail-banner .const-media .const-media-hd {
    float: left;
    font-size: 38px;
    margin-right: 40px
}

.construction-detail-banner .const-media .const-media-bd {
    overflow: hidden;
    padding-top: 8px
}

.construction-detail-banner .cons-step {
    float: left
}

.construction-detail-banner .c-d-r {
    float: right
}

.construction-detail-banner .c-d-r ul:before, .construction-detail-banner .c-d-r ul:after {
    content: " ";
    display: table
}

.construction-detail-banner .c-d-r ul:after {
    clear: both
}

.construction-detail-banner .c-d-r ul li {
    float: left;
    padding: 0 20px;
    text-align: center
}

.construction-detail-banner .c-d-r ul li+li {
    border-left: 1px solid #6d7788
}

.construction-detail-banner .c-d-r ul li span {
    font-size: 20px
}

.construction-detail-banner .c-d-r ul li strong {
    display: block;
    font-weight: normal;
    position: relative;
    padding-bottom: 10px
}

.construction-detail-banner .c-d-r ul li strong .drop-share {
    top: 30px;
    left: -10px
}

.construction-detail-banner .c-d-r ul li strong:hover .drop-share {
    display: block
}

.step-panel.open .step-panel-body {
    display: block
}

.step-panel.open .step-panel-header .icon-shouqi {
    display: inline-block
}

.step-panel.open .step-panel-header .icon-zhankai {
    display: none
}

.step-panel .step-panel-header {
    padding: 15px 0 5px;
    border-bottom: 1px solid #ddd
}

.step-panel .step-panel-header:before, .step-panel .step-panel-header:after {
    content: " ";
    display: table
}

.step-panel .step-panel-header:after {
    clear: both
}

.step-panel .step-panel-header .icon-shouqi {
    display: none
}

.step-panel .step-panel-header .sort-right {
    float: right;
    font-size: 14px;
    padding-top: 10px
}

.step-panel .step-panel-header .sort-right a {
    margin: 0 5px
}

.step-panel .step-panel-header .sort-right a i {
    vertical-align: middle
}

.step-panel .step-panel-header .sort-right a.active {
    color: #b69454
}

.step-panel .step-panel-header strong {
    font-size: 26px;
    font-weight: normal;
    cursor: pointer
}

.step-panel .step-panel-header strong i {
    font-size: inherit;
    color: #aaa
}

.step-panel .step-panel-body {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 20px 50px 20px 75px;
    display: none
}

.step-panel .step-panel-body:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 1px;
    background-color: #dddddd
}

.step-panel .step-panel-body .step-item {
    position: relative;
    padding-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 66px
}

.step-panel .step-panel-body .step-item .step-item-title {
    position: absolute;
    top: 0;
    left: -78px;
    width: 66px;
    height: 66px;
    text-align: center;
    background-color: #b69454;
    color: #ffffff;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.step-panel .step-panel-body .step-item .step-item-body p {
    margin-bottom: 10px
}

.hot-list-banner {
    height: 471px;
    background: url(../img/hot-list-banner.jpg) center no-repeat
}

.hot-list-banner .auto-box {
    position: relative;
    height: 471px
}

.hot-list-banner .case-search {
    left: 300px;
    right: 300px;
    bottom: 60px
}

.hot-list-banner .case-search .search-group .form-control {
    height: 50px
}

.hot-list-banner .case-search .search-group .btn {
    width: 92px;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(41,46,53,0.9);
    color: #ffffff;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.hot-list-banner .case-search .search-group .btn i {
    vertical-align: top;
    font-size: 30px
}

.hot-z-list li {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px
}

.hot-z-list li:before, .hot-z-list li:after {
    content: " ";
    display: table
}

.hot-z-list li:after {
    clear: both
}

.hot-z-list li .hpt-z-hd {
    position: relative;
    float: left;
    margin-right: 30px
}

.hot-z-list li .hpt-z-hd .tuangou {
    position: absolute;
    left: -5px;
    top: 10px;
    z-index: 1;
    width: 118px;
    height: 47px;
    line-height: 40px;
    padding-left: 15px;
    color: #ffffff;
    background: url(../img/tuangou.png) 0 0 no-repeat;
    font-size: 16px
}

.hot-z-list li .hpt-z-hd .img-box {
    display: block;
    width: 384px;
    height: 224px;
    overflow: hidden
}

.hot-z-list li .hpt-z-hd .img-box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.hot-z-list li .hpt-z-hd .img-box:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.hot-z-list li .hpt-z-bd {
    overflow: hidden
}

.hot-z-list li .hpt-z-bd .hpt-tit {
    margin: 25px 0
}

.hot-z-list li .hpt-z-bd .hpt-tit a {
    font-size: 26px;
    margin-right: 15px
}

.hot-z-list li .hpt-z-bd .hpt-tit i {
    color: #cccccc
}

.hot-z-list li .hpt-z-bd p {
    color: #5e5e5e;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px
}

.hot-z-list li .hpt-z-bd .hpt-disc {
    font-size: 18px
}

.hot-z-list li .hpt-z-bd .hpt-disc span+span {
    margin-left: 35px
}

.designer-banner {
    height: 515px;
    background: url(../img/designer-banner.jpg) center no-repeat
}

.designer-banner .msg-form {
    margin-top: 450px
}

.designer-banner .msg-form .form-control {
    height: 45px;
    background-color: rgba(255,255,255,0.88)
}

.designer-banner .msg-form .btn {
    height: 45px;
    font-size: 16px
}

.designer-banner .msg-form .col-xs-2 {
    padding: 0 5px
}

.designer-banner .msg-form .col-xs-2.required {
    position: relative
}

.designer-banner .msg-form .col-xs-2.required:after {
    position: absolute;
    top: 15px;
    right: 15px;
    content: '*';
    color: red;
    font-size: 16px
}

.designer-list {
    margin-right: -20px
}

.designer-list:before, .designer-list:after {
    content: " ";
    display: table
}

.designer-list:after {
    clear: both
}

.designer-list>li {
    float: left;
    position: relative;
    width: 284px;
    height: 380px;
    background-color: #292e35;
    margin-right: 20px;
    margin-bottom: 20px
}

.designer-list>li .designer-level {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 62px;
    height: 70px;
    z-index: 1
}

.designer-list>li .img-view {
    display: block;
    position: absolute;
    top: 36px;
    left: 50%;
    margin-left: -98px;
    width: 196px;
    height: 196px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.designer-list>li .img-view img {
    display: block;
    width: 100%
}

.designer-list>li.hover .img-view {
    top: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.designer-list>li.hover .designer-info {
    display: none
}

.designer-list>li.hover .designer-control {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    background: url(../img/designer-control.jpg) center no-repeat
}

.designer-list>li.hover .designer-control li {
    float: left;
    width: 50%;
    text-align: center
}

.designer-list>li.hover .designer-control li a {
    display: block;
    font-size: 14px;
    color: #ffffff
}

.designer-list>li.hover .designer-control li a i {
    font-size: 16px;
    margin-right: 5px
}

.designer-list>li .designer-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    color: #ffffff
}

.designer-list>li .designer-info h3 {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px
}

.designer-list>li .designer-info h3 small {
    font-size: 14px
}

.designer-list>li .designer-info .item-wrap {
    margin-bottom: 5px
}

.designer-list>li .designer-info .item-wrap:before, .designer-list>li .designer-info .item-wrap:after {
    content: " ";
    display: table
}

.designer-list>li .designer-info .item-wrap:after {
    clear: both
}

.designer-list>li .designer-info .item-wrap span {
    float: left
}

.designer-list>li .designer-info .item-wrap span+span {
    float: right
}

.designer-list>li .designer-info p {
    color: #cccccc
}

.designer-list>li .designer-control {
    display: none
}

.designer-detail-banner {
    position: relative;
    height: 648px;
    background: url(../img/designer-detail-banner.jpg) center no-repeat
}

.designer-detail-banner .breadcrumb {
    color: #a6a6a6
}

.designer-detail-banner .breadcrumb li {
    color: #a6a6a6
}

.designer-detail-banner .breadcrumb li a {
    color: #a6a6a6
}

.designer-detail-banner .designer-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -470px;
    height: 590px
}

.designer-detail-banner .designer-banner-form {
    position: absolute;
    left: 50%;
    bottom: 130px;
    margin-left: 100px;
    width: 360px
}

.designer-detail-banner .designer-banner-form dl {
    color: #ffffff;
    margin-bottom: 20px
}

.designer-detail-banner .designer-banner-form dl dt {
    font-weight: normal;
    font-size: 46px
}

.designer-detail-banner .designer-banner-form dl dt small {
    font-size: 20px
}

.designer-detail-banner .designer-banner-form dl dd {
    color: #ffffff;
    font-size: 20px
}

.designer-detail-banner .designer-banner-form dl dd i {
    font-size: inherit;
    color: #8799a5
}

.designer-detail-banner .designer-banner-form .form-group {
    margin-bottom: 10px
}

.designer-detail-banner .designer-banner-form .form-group .form-control {
    height: 55px;
    font-size: 18px;
    padding: 8px 20px;
    outline: none
}

.designer-detail-banner .designer-banner-form .btn-wrap .btn {
    font-size: 22px;
    height: 55px;
    background-color: #292e35;
    border-color: #292e35;
    color: #ffffff;
    outline: none
}

.designer-tab-ul {
    background-color: #2e3e49
}

.designer-tab-ul:before, .designer-tab-ul:after {
    content: " ";
    display: table
}

.designer-tab-ul:after {
    clear: both
}

.designer-tab-ul li {
    float: left;
    width: 50%;
    height: 66px;
    line-height: 66px;
    padding-right: 290px;
    font-size: 24px
}

.designer-tab-ul li+li {
    padding-right: 0;
    padding-left: 290px
}

.designer-tab-ul li.active {
    background-color: #1e2a31
}

.designer-tab-ul li.active a {
    position: relative;
    color: #b69454
}

.designer-tab-ul li.active a:before {
    content: '';
    position: absolute;
    top: 32px;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    height: 1px;
    background-color: #b69454
}

.designer-tab-ul li a {
    color: #ffffff
}

.designer-tab-ul li:first-child {
    text-align: right
}

.designer-tab-content {
    min-height: 452px;
    background-color: #657681
}

.designer-tab-content .designer-tab-body {
    padding-top: 42px;
    display: none
}

.designer-tab-content .designer-tab-body:before, .designer-tab-content .designer-tab-body:after {
    content: " ";
    display: table
}

.designer-tab-content .designer-tab-body:after {
    clear: both
}

.designer-tab-content .designer-tab-body .designer-tab-l {
    float: left;
    width: 50%
}

.designer-tab-content .designer-tab-body .designer-tab-l .honor-ul {
    color: #ffffff;
    margin-bottom: 50px
}

.designer-tab-content .designer-tab-body .designer-tab-l .honor-ul li {
    font-size: 16px;
    margin-bottom: 10px
}

.designer-tab-content .designer-tab-body .designer-tab-l .btn {
    width: 190px;
    height: 54px;
    font-size: 18px;
    padding: 0;
    line-height: 54px
}

.designer-tab-content .designer-tab-body .designer-tab-r {
    float: left;
    width: 50%
}

.designer-tab-content .designer-tab-body .designer-tab-r .designer-video-box {
    text-align: center;
    float: right;
    width: 510px;
    height: 325px
}

.designer-tab-content .designer-tab-body .designer-tab-r .designer-video-box .designer-tab-text {
    color: #ffffff;
    font-size: 16px;
    padding-top: 10px
}

.designer-tab-content .designer-tab-body .profile-dl-wrap {
    padding-top: 50px
}

.designer-tab-content .designer-tab-body .profile-dl-wrap dl {
    margin-bottom: 18px
}

.designer-tab-content .designer-tab-body .profile-dl-wrap dl:before, .designer-tab-content .designer-tab-body .profile-dl-wrap dl:after {
    content: " ";
    display: table
}

.designer-tab-content .designer-tab-body .profile-dl-wrap dl:after {
    clear: both
}

.designer-tab-content .designer-tab-body .profile-dl-wrap dl dt {
    float: left;
    width: 85px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #1e2a31;
    color: #ffffff;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 20px
}

.designer-tab-content .designer-tab-body .profile-dl-wrap dl dd {
    overflow: hidden;
    padding-top: 8px;
    font-size: 16px;
    color: #ffffff
}

.designer-panel .designer-panel-header {
    position: relative;
    text-align: center;
    padding: 50px 0 40px
}

.designer-panel .designer-panel-header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 68px;
    right: 0;
    background-color: #898989;
    height: 1px
}

.designer-panel .designer-panel-header strong {
    font-weight: normal;
    padding: 0 40px;
    position: relative;
    z-index: 1;
    font-size: 26px;
    background-color: #ffffff
}

.no-mb {
    margin-bottom: 0 !important
}

.news-panel .news-panel-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px
}

.news-panel .news-panel-header strong {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    padding-left: 20px;
    border-left: 2px solid #333333;
    line-height: 1
}

.news-panel .strategy-list {
    border-top: 0;
    padding-top: 0
}

.hot-news-list {
    margin-bottom: 70px
}

.hot-news-list .img-box {
    display: block;
    width: 380px;
    height: 268px;
    overflow: hidden
}

.hot-news-list .img-box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.hot-news-list .img-box:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.hot-news-list h3 {
    font-size: 20px;
    margin: 10px 0;
    line-height: 1.4
}

.hot-news-list p {
    font-size: 14px;
    color: #999;
    line-height: 1.4;
    margin-bottom: 10px
}

.hot-news-list .news-date {
    color: #676767
}

.test-banner {
    background: url(../img/test-banner.jpg) center no-repeat;
    margin-bottom: 30px
}

.test-banner .auto-box {
    position: relative;
    height: 432px
}

.test-list-wrap {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    overflow: hidden
}

.test-list {
    margin-right: -80px
}

.test-list:before, .test-list:after {
    content: " ";
    display: table
}

.test-list:after {
    clear: both
}

.test-list li {
    float: left;
    width: 560px;
    margin-right: 80px;
    margin-bottom: 50px
}

.test-list li .test-hd {
    float: left;
    margin-right: 20px
}

.test-list li .test-hd img {
    vertical-align: top;
    width: 135px;
    height: 185px
}

.test-list li .test-bd {
    overflow: hidden
}

.test-list li .test-bd h3 {
    font-size: 20px;
    margin-top: 5px;
    font-weight: normal;
    margin-bottom: 25px
}

.test-list li .test-bd p {
    margin-bottom: 25px;
    line-height: 1.4
}

.test-list li .test-bd .test-date {
    color: #999
}

.hot-slide-wrap {
    padding: 35px 0 22px;
    background-color: #dddddd
}

.hot-slide {
    height: 150px;
    position: relative
}

.hot-slide .hot-hd .hot-prev, .hot-slide .hot-hd .hot-next {
    position: absolute;
    top: 50%;
    left: -50px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    line-height: 50px;
    text-align: center;
    color: #999999;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    font-size: 50px
}

.hot-slide .hot-hd .hot-next {
    left: auto;
    right: -50px
}

.hot-slide .hot-bd {
    height: 150px;
    overflow: hidden
}

.hot-slide .hot-bd ul {
    overflow: hidden;
    zoom: 1
}

.hot-slide .hot-bd ul li {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 13px;
    border: 2px solid transparent;
    float: left;
    overflow: hidden;
    cursor: pointer
}

.hot-slide .hot-bd ul li.selected {
    border-color: #b69454
}

.hot-slide .hot-bd ul li .img-box {
    position: relative;
    height: 100%;
    display: block;
    overflow: hidden
}

.hot-slide .hot-bd ul li .img-box img {
    width: 100%;
    height: 100%
}

.hot-slide .hot-bd ul li .img-box .drop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(22,22,22,0.6);
    text-align: center;
    color: #ffffff;
    padding-top: 40px;
    z-index: 1
}

.hot-slide .hot-bd ul li .hot-type {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hot-type-detail {
    position: relative;
    height: 822px;
    background: url(../img/hot-type-detail.jpg) center no-repeat
}

.hot-type-detail .hot-type-box {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -549px;
    margin-top: -316px;
    width: 1098px;
    height: 634px;
    background-color: #333333
}

.hot-type-detail .ht-main {
    position: relative;
    float: left;
    width: 773px;
    height: 634px;
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    padding: 40px
}

.hot-type-detail .ht-main .page-msg {
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 35px;
    color: #666666
}

.hot-type-detail .ht-main .page-msg small {
    font-size: 16px
}

.hot-type-detail .ht-main img {
    height: 100%
}

.hot-type-detail .ht-main .ht-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #5f5f5f;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hot-type-detail .ht-side {
    float: right;
    width: 321px;
    height: 634px;
    padding-top: 15px;
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hot-type-detail .ht-side .ht-side-inner {
    padding: 10px 20px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-a {
    padding: 0 10px;
    border-bottom: 1px dashed #dcdcdc
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-a h4 {
    margin-top: 20px;
    font-size: 28px;
    font-weight: normal
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-a .ht-disc {
    color: #666666;
    font-size: 16px;
    padding-bottom: 28px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-a .ht-disc span {
    margin-right: 20px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b {
    padding: 20px 10px 0;
    color: #666666;
    border-bottom: 1px dashed #dcdcdc
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b h4 {
    margin: 0;
    font-size: 16px;
    font-weight: normal
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b .b-disc {
    padding: 20px 0
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b .b-disc a {
    text-align: center;
    display: inline-block
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b .b-disc a+a {
    margin-left: 30px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b .b-disc a i {
    color: #999;
    font-size: 24px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-b .b-disc a span {
    margin-left: 5px;
    display: block
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-c {
    padding: 30px 10px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-c h4 {
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-c .c-disc {
    color: #666666
}

.hot-type-detail .ht-side .ht-side-inner .ht-side-c .c-disc p {
    margin-bottom: 5px
}

.index-slide {
    position: relative
}

.index-slide .index-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(41,46,52,0.9)
}

.index-slide .carousel-control .iconfont {
    font-size: 80px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-top: -40px
}

.index-slide .carousel-indicators li {
    width: 38px;
    height: 4px;
    margin: 0;
    background-color: #ffffff
}

.index-slide .carousel-indicators li.active {
    background-color: #3b4653;
    border-color: #3b4653
}

.index-slide .carousel-inner>.item a {
    display: block;
    height: 640px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.index-slide .carousel-control {
    background-image: none
}

.index-a {
    background: url(../img/index-a-bg.jpg) center no-repeat
}

.index-a .index-a-box {
    width: 1120px;
    margin: 0 auto
}

.index-a .index-a-box:before, .index-a .index-a-box:after {
    content: " ";
    display: table
}

.index-a .index-a-box:after {
    clear: both
}

.index-a .index-a-box .a-media-wrap {
    padding: 60px 0 70px;
    height: 200px
}

.index-a .index-a-box .a-media-wrap:before, .index-a .index-a-box .a-media-wrap:after {
    content: " ";
    display: table
}

.index-a .index-a-box .a-media-wrap:after {
    clear: both
}

.index-a .index-a-box .a-media-wrap .a-media {
    float: left;
    width: 50%
}

.index-a .index-a-box .a-media-wrap .a-media+.a-media {
    border-left: 1px solid #dadada;
    padding-left: 38px
}

.index-a .index-a-box .a-media-wrap .a-media i {
    margin-top: 10px;
    margin-right: 20px;
    line-height: 1;
    float: left;
    font-size: 60px;
    color: #999999
}

.index-a .index-a-box .a-media-wrap .a-media .a-media-bd h4 {
    font-size: 24px;
    font-weight: normal
}

.index-a .index-a-box .a-media-wrap .a-media .a-media-bd p {
    font-size: 16px
}

.a-sec-wrap {
    margin-bottom: 80px
}

.a-sec-wrap:before, .a-sec-wrap:after {
    content: " ";
    display: table
}

.a-sec-wrap:after {
    clear: both
}

.a-sec-wrap .a-sec-l {
    width: 254px;
    height: 220px;
    float: left;
    margin-right: 42px
}

.a-sec-wrap .a-sec-l .sec-link-a {
    position: relative;
    display: block;
    clear: both;
    width: 254px;
    height: 108px;
    padding-top: 35px;
    padding-left: 24px;
    background-color: #49535f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px
}

.a-sec-wrap .a-sec-l .sec-link-a:before {
    content: '';
    position: absolute;
    top: 42px;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 12px solid #49535f;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.a-sec-wrap .a-sec-l .sec-link-a i {
    margin-top: 5px;
    float: left;
    font-size: 38px;
    line-height: 1;
    color: #ffffff;
    margin-right: 15px
}

.a-sec-wrap .a-sec-l .sec-link-a dl {
    overflow: hidden
}

.a-sec-wrap .a-sec-l .sec-link-a dl dt {
    font-size: 18px;
    color: #ffffff;
    font-weight: normal
}

.a-sec-wrap .a-sec-l .sec-link-a dl dd {
    font-size: 14px;
    color: #adb0b4
}

.a-sec-wrap .a-sec-l .sec-link-b {
    float: left;
    width: 125px;
    height: 106px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e5e5e5;
    text-align: center;
    padding-top: 16px
}

.a-sec-wrap .a-sec-l .sec-link-b i {
    line-height: 1;
    font-size: 38px;
    color: #999999
}

.a-sec-wrap .a-sec-l .sec-link-b span {
    margin-top: 10px;
    display: block;
    font-size: 16px
}

.a-sec-wrap .a-sec-l .sec-link-b+.sec-link-b {
    margin-left: 4px
}

.a-sec-wrap .a-sec-c {
    float: left;
    width: 570px;
    height: 220px;
    padding-top: 8px
}

.a-sec-wrap .a-sec-c .sec-form .sec-row {
    margin-bottom: 18px
}

.a-sec-wrap .a-sec-c .sec-form .sec-row:before, .a-sec-wrap .a-sec-c .sec-form .sec-row:after {
    content: " ";
    display: table
}

.a-sec-wrap .a-sec-c .sec-form .sec-row:after {
    clear: both
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .area {
    position: relative
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .area .m2 {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 12px
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .area .mast {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 14px;
    color: red
}

.a-sec-wrap .a-sec-c .sec-form .sec-row label {
    float: left;
    width: 80px;
    font-weight: normal;
    font-size: 15px;
    padding-top: 8px
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .form-control {
    background-color: transparent
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .row {
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px
}

.a-sec-wrap .a-sec-c .sec-form .sec-row .row .col-xs-4, .a-sec-wrap .a-sec-c .sec-form .sec-row .row .col-xs-8 {
    padding-left: 5px;
    padding-right: 5px
}

.a-sec-wrap .a-sec-c .sec-form .sec-bot span {
    font-size: 12px;
    color: #999;
    vertical-align: bottom;
    margin-left: 5px
}

.a-sec-wrap .a-sec-r {
    float: left;
    margin-left: 34px
}

.a-sec-wrap .a-sec-r a {
    display: block
}

.a-sec-wrap .a-sec-r a img {
    display: block
}

.index-a-slide {
    text-align: center
}

.index-a-slide h2 {
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 0
}

.index-a-slide .slideTxtBox {
    position: relative;
    width: 100%
}

.index-a-slide .slideTxtBox .hd {
    margin-bottom: 25px
}

.index-a-slide .slideTxtBox .hd ul li {
    display: inline-block;
    width: 126px;
    height: 38px;
    line-height: 36px;
    cursor: pointer;
    border: 1px solid #b9b9b9;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 5px
}

.index-a-slide .slideTxtBox .hd ul li.on {
    background-color: #272e37;
    border-color: #272e37;
    color: #ffffff
}

.index-a-slide .slideTxtBox .bd .slide-link {
    display: block;
    height: 626px;
    background-position: center;
    background-repeat: no-repeat
}

.index-a-slide .slideTxtBox .ft {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: 163px;
    z-index: 1
}

.index-a-slide .slideTxtBox .ft a {
    float: left;
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 28px;
    color: #ffffff
}

.index-a-slide .slideTxtBox .ft a.prev {
    background-color: #201b17
}

.index-a-slide .slideTxtBox .ft a.next {
    background-color: #9d8049
}

.index-auto-box {
    width: 1400px;
    margin: 0 auto
}

.index-auto-box:before, .index-auto-box:after {
    content: " ";
    display: table
}

.index-auto-box:after {
    clear: both
}/*.index-team {	height: 600px;	background: url(../img/index-a-team.jpg) center no-repeat;	overflow: hidden}*/

.index-team .index-normal-bd:before, .index-team .index-normal-bd:after {
  content: " ";
  display: table
}

.index-team .index-normal-bd:after {
    clear: both
}

.index-team .index-normal-bd .team-list {
    margin-left: -3px;
    margin-right: -3px
}

.index-team .index-normal-bd .team-list:before, .index-team .index-normal-bd .team-list:after {
    content: " ";
    display: table
}

.index-team .index-normal-bd .team-list:after {
    clear: both
}

.index-team .index-normal-bd .team-list .team-item {
    float: left;
    width: 20%;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    overflow: hidden;
    min-height: 498px;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.index-team .index-normal-bd .team-list .team-item:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.index-team .index-normal-bd .team-list .team-item:hover dl {
    margin-top: -80px
}

.index-team .index-normal-bd .team-list .team-item:hover dl dt {
    color: #ffffff
}

.index-team .index-normal-bd .team-list .team-item:hover dl dd {
    color: #d7d6d6
}

.index-team .index-normal-bd .team-list .team-item:hover .btn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}

.index-team .index-normal-bd .team-list .team-item:hover .img-box:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.index-team .index-normal-bd .team-list .team-item .img-box {
    display: block;
    position: relative
}

.index-team .index-normal-bd .team-list .team-item .img-box:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.index-team .index-normal-bd .team-list .team-item .img-box img {
    width: 275px;
    height: 366px
}

.index-team .index-normal-bd .team-list .team-item dl {
    position: relative;
    padding-top: 15px;
    height:68px;
}

.index-team .index-normal-bd .team-list .team-item dl dt {
    font-weight: normal;
    font-size: 22px
}

.index-team .index-normal-bd .team-list .team-item dl dd {
    font-size: 16px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.index-team .index-normal-bd .team-list .team-item .btn {
    opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 30px;
    width: 130px;
    border-color: #959595
}

.index-team .index-normal-bd .team-list .team-item .btn:hover {
    border-color: #b69454;
    color: #b69454
}

.index-team .index-normal-hd .normal-tab-wrap .normal-tab li.active:after {
    border-top: 8px solid #f2f2f2
}

.index-normal-hd {
    padding: 70px 0 40px
}

.index-normal-hd:before, .index-normal-hd:after {
    content: " ";
    display: table
}

.index-normal-hd:after {
    clear: both
}

.index-normal-hd .normal-hd-tit {
    float: left;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #c9c9c9
}

.index-normal-hd .normal-hd-tit dt {
    font-size: 34px;
    font-weight: normal
}

.index-normal-hd .normal-hd-tit dd {
    font-size: 18px;
    color: #797979;
    letter-spacing: 1px;
    font-family: Century Gothic
}

.index-normal-hd .normal-tab-wrap {
    float: left;
    min-width: 660px;
    padding-top: 5px
}

.index-normal-hd .normal-tab-wrap .normal-tab {
    border-bottom: 1px solid #a5a5a5;
    margin-bottom: 14px
}

.index-normal-hd .normal-tab-wrap .normal-tab:before, .index-normal-hd .normal-tab-wrap .normal-tab:after {
    content: " ";
    display: table
}

.index-normal-hd .normal-tab-wrap .normal-tab:after {
    clear: both
}

.index-normal-hd .normal-tab-wrap .normal-tab li {
    position: relative;
    float: left;
    margin-right: 60px;
    padding-bottom: 12px;
    cursor: pointer;
    font-size: 16px
}

.index-normal-hd .normal-tab-wrap .normal-tab li.active {
    color: #b69454
}

.index-normal-hd .normal-tab-wrap .normal-tab li.active:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -6px;
    border-top: 8px solid #a5a5a5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 0;
    height: 0
}

.index-normal-hd .normal-tab-wrap .normal-tab li.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 0;
    height: 0
}

.index-normal-hd .normal-tab-wrap .normal-wrap .normal-body {
    display: none
}

.index-normal-hd .normal-tab-wrap .normal-wrap .normal-body a {
    font-size: 14px;
    color: #504f4f;
    margin: 0 8px
}

.index-normal-hd .normal-tab-wrap .normal-wrap .normal-body a:hover {
    color: #b69454
}

.index-normal-hd .btn-gold {
    margin-top: 20px;
    min-width: 106px
}

.index-case-content {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.index-case-content .index-case-row {
    margin-left: -4px;
    margin-right: -4px
}

.index-case-content .index-case-row .index-case-item {
    float: left;
    width: 25%;
    padding: 4px
}

.index-case-content .index-case-row .index-case-item:hover .index-case-info {
    display: none
}

.index-case-content .index-case-row .index-case-item:hover .index-case-link .case-info-box {
    opacity: 1;
    filter: alpha(opacity=100)
}

.index-case-content .index-case-row .index-case-item .index-case-link {
    position: relative;
    display: block;
    width: 100%;
    height: 310px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.index-case-content .index-case-row .index-case-item .index-case-link .index-case-info {
    position: absolute;
    right: 0;
    bottom: 14px;
    background-color: rgba(34,38,43,0.9);
    background-color: #22262b \9;
    padding: 10px 15px
}

.index-case-content .index-case-row .index-case-item .index-case-link .index-case-info dt {
    font-weight: normal;
    font-size: 17px;
    color: #ffffff
}

.index-case-content .index-case-row .index-case-item .index-case-link .index-case-info dd {
    font-size: 14px;
    color: #ababab
}

.index-case-content .index-case-row .index-case-item .index-case-link .case-info-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(34,38,43,0.9);
    background-color: #22262b \9;
    padding: 100px 20px 20px 45px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.index-case-content .index-case-row .index-case-item .index-case-link .case-info-box .author {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff
}

.index-case-content .index-case-row .index-case-item .index-case-link .case-info-box h4 {
    font-size: 30px;
    font-weight: normal;
    color: #ffffff
}

.index-case-content .index-case-row .index-case-item .index-case-link .case-info-box .disc {
    margin-bottom: 10px;
    color: #b69454;
    font-size: 15px
}

.index-case-content .index-case-row .index-case-item .index-case-link .case-info-box p {
    font-size: 14px;
    color: #acacad
}

.index-construction .index-construction-bd {
    height: 520px
}

.index-construction .index-construction-bd:before, .index-construction .index-construction-bd:after {
    content: " ";
    display: table
}

.index-construction .index-construction-bd:after {
    clear: both
}

.index-construction .index-construction-ft {
    position: relative;
    margin: 40px 0;
}

.index-construction .index-construction-ft img {
    display: block
}

.index-construction .index-construction-ft .get-btn {
    position: absolute;
    left: 246px;
    top: 130px;
    width: 116px;
    height: 64px
}

.index-construction .construction-main {
    float: left;
    width: 856px;
    height: 584px;
    background: url(../img/construction-main.jpg) 0 0 no-repeat;
    overflow: hidden
}

.index-construction .construction-main .construction-main-inner {
    position: relative;
    margin: 72px auto 0;
    width: 730px;
    height: 450px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    overflow: hidden;
    padding: 30px 50px;
    display: none
}

.index-construction .construction-main .construction-main-inner .construction-tag {
    position: absolute;
    top: 0;
    right: 0
}

.index-construction .construction-main .construction-main-inner .construction-top-media {
    margin-bottom: 30px
}

.index-construction .construction-main .construction-main-inner .construction-top-media:before, .index-construction .construction-main .construction-main-inner .construction-top-media:after {
    content: " ";
    display: table
}

.index-construction .construction-main .construction-main-inner .construction-top-media:after {
    clear: both
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-hd {
    float: left;
    margin-right: 10px
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-hd img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd {
    overflow: hidden
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd h4 {
    font-size: 22px
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd .disc:before, .index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd .disc:after {
    content: " ";
    display: table
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd .disc:after {
    clear: both
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd .disc li {
    float: left;
    color: #666666;
    font-size: 14px
}

.index-construction .construction-main .construction-main-inner .construction-top-media .top-media-bd .disc li+li {
    margin-left: 12px
}

.index-construction .construction-main .construction-main-inner .construction-center-show:before, .index-construction .construction-main .construction-main-inner .construction-center-show:after {
    content: " ";
    display: table
}

.index-construction .construction-main .construction-main-inner .construction-center-show:after {
    clear: both
}

.index-construction .construction-main .construction-main-inner .construction-center-show a {
    float: left;
    width: 194px;
    height: 226px
}

.index-construction .construction-main .construction-main-inner .construction-center-show a+a {
    margin-left: 20px
}

.index-construction .construction-main .construction-main-inner .construction-center-show img {
    width: auto;
    height: auto;
    float: left
}

.index-construction .construction-main .construction-main-inner .construction-center-ft {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #666666
}

.index-construction .construction-main .construction-main-inner .construction-center-ft a {
    color: #b69454
}

.index-construction .construction-side {
    background-color: #454e58;
    width: 544px;
    height: 584px;
    padding: 68px;
    position: relative;
    float: left
}

.index-construction .construction-side:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 100px;
    width: 0;
    height: 0;
    border-right: 15px solid #454e57;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.index-construction .construction-side h4 {
    color: #e2e3e4;
}

.index-construction .construction-side p {
    font-size: 14px;
    color: #e2e3e4;
    padding: 25px 0
}

.index-construction .construction-side .construction-user:before, .index-construction .construction-side .construction-user:after {
    content: " ";
    display: table
}

.index-construction .construction-side .construction-user:after {
    clear: both
}

.index-construction .construction-side .construction-user li {
    float: left;
    margin: 12px
}

.index-construction .construction-side .construction-user li.active img {
    border-color: #9d8049
}

.index-construction .construction-side .construction-user li img {
    width: 78px;
    height: 78px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.index-construction .construction-side .construction-user li .iconfont {
    display: block;
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #667381;
    font-size: 26px;
    color: #d1d5d9
}

.index-construction {
    overflow: hidden
}

.index-construction-case {
    margin-left: -5px;
    margin-right: -5px
}

.index-construction-case:before, .index-construction-case:after {
    content: " ";
    display: table
}

.index-construction-case:after {
    clear: both
}

.index-construction-case .construction-case-left {
    float: left;
    width: 60%;
    padding-left: 5px;
    padding-right: 5px
}

.index-construction-case .construction-case-right {
    float: left;
    width: 40%;
    padding-left: 5px;
    padding-right: 5px
}

.index-construction-case .construction-case-right .con-col-5 .construction-case-link {
    height: 380px
}

.index-construction-case .construction-case-right .con-col-5 .construction-case-link dl dt {
    padding-top: 160px
}

.index-construction-case .construction-case-right .con-col-5+.con-col-5 {
    margin-top: 10px
}

.index-construction-case .construction-case-right .con-col-5+.con-col-5 .construction-case-link {
    height: 250px
}

.index-construction-case .construction-case-right .con-col-5+.con-col-5 .construction-case-link dl dt {
    padding-top: 110px
}

.case-left-a:before, .case-left-a:after {
    content: " ";
    display: table
}

.case-left-a:after {
    clear: both
}

.case-left-a .construction-case-box {
    width: 60%;
    height: 315px;
    padding-left: 10%;
    float: left;
    background-color: #454e58;
    color: #ffffff
}

.case-left-a .construction-case-box h2 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 34px
}

.case-left-a .construction-case-box dl {
    margin-bottom: 20px
}

.case-left-a .construction-case-box dl dt {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px
}

.case-left-a .construction-case-box dl dt a {
    color: #ffffff
}

.case-left-a .construction-case-box dl dd {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px
}

.case-left-a .construction-case-box dl dd a {
    margin-right: 10px;
    color: #ffffff
}

.case-left-a .construction-case-box dl dd a:hover {
    color: #b69454
}

.case-left-a .construction-case-link {
    width: 40%;
    height: 315px;
    float: left
}

.construction-case-link {
    position: relative;
    display: block;
    height: 315px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.construction-case-link:hover dl {
    opacity: 1;
    filter: alpha(opacity=100)
}

.construction-case-link dl {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
    text-align: center
}

.construction-case-link dl dt {
    padding-top: 130px;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 10px
}

.construction-case-link dl dd {
    font-size: 16px
}

.case-left-b {
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px
}

.case-left-b:before, .case-left-b:after {
    content: " ";
    display: table
}

.case-left-b:after {
    clear: both
}

.case-left-b .con-col-4 {
    float: left;
    width: 40%;
    padding-left: 5px;
    padding-right: 5px
}

.case-left-b .con-col-6 {
    float: left;
    width: 60%;
    padding-left: 5px;
    padding-right: 5px
}

.index-class {
    padding-bottom: 58px
}

.index-class-bd:before, .index-class-bd:after {
    content: " ";
    display: table
}

.index-class-bd:after {
    clear: both
}

.index-class-bd .index-class-left {
    float: left;
    width: 954px
}

.index-class-bd .index-class-left .index-class-banner {
    position: relative;
    width: 954px;
    height: 423px
}

.index-class-bd .index-class-left .index-class-banner .right-tag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.index-class-bd .index-class-left .index-class-banner a {
    display: block
}

.index-class-bd .index-class-left .index-class-banner a img {
    display: block;
    width: 954px;
    height: 423px
}

.index-class-bd .index-class-left .index-class-banner a span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(0,0,0,0.7);
    font-size: 20px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-class-bd .index-class-left .index-class-user {
    border: 1px solid #d5d5d5;
    height: 97px;
    padding: 0 20px;
    margin-bottom: 20px
}

.index-class-bd .index-class-left .index-class-user .class-user-list:before, .index-class-bd .index-class-left .index-class-user .class-user-list:after {
    content: " ";
    display: table
}

.index-class-bd .index-class-left .index-class-user .class-user-list:after {
    clear: both
}

.index-class-bd .index-class-left .index-class-user .class-user-list li {
    float: left;
    margin: 15px 10px
}

.index-class-bd .index-class-left .index-class-user .class-user-list li.more a {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 61px;
    text-align: center;
    background-color: #d5d5d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #fff
}

.index-class-bd .index-class-left .index-class-user .class-user-list li.more a i {
    font-size: 26px;
    color: #fff
}

.index-class-bd .index-class-left .index-class-user .class-user-list li a {
    display: block;
    width: 65px;
    height: 65px
}

.index-class-bd .index-class-left .index-class-user .class-user-list li a img {
    display: block;
    width: 65px;
    height: 65px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.index-class-bd .index-class-left .class-panel-wrap:before, .index-class-bd .index-class-left .class-panel-wrap:after {
    content: " ";
    display: table
}

.index-class-bd .index-class-left .class-panel-wrap:after {
    clear: both
}

.index-class-bd .index-class-left .class-panel-wrap .side-panel {
    float: left;
    width: 308px;
    margin-top: 0
}

.index-class-bd .index-class-left .class-panel-wrap .side-panel+.side-panel {
    margin-left: 15px
}

.index-class-bd .index-class-right {
    float: right;
    width: 430px
}

.index-class-bd .index-class-right .gl-panel {
    height: 520px;
    clear: both;
    border: 1px solid #d5d5d5;
    padding: 0 29px;
    margin-bottom: 20px
}

.index-class-bd .index-class-right .gl-panel .gl-panel-header {
    border-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 0
}

.index-class-bd .index-class-right .gl-panel .gl-panel-header:before, .index-class-bd .index-class-right .gl-panel .gl-panel-header:after {
    content: " ";
    display: table
}

.index-class-bd .index-class-right .gl-panel .gl-panel-header:after {
    clear: both
}

.index-class-bd .index-class-right .gl-panel .gl-panel-header strong {
    font-size: 20px;
    font-weight: normal
}

.index-class-bd .index-class-right .gl-panel .gl-panel-header .more {
    margin-top: 5px;
    float: right;
    color: #adadad
}

.index-class-bd .index-class-right .gl-panel .gl-panel-body {
    padding-bottom: 15px
}

.index-class-bd .index-class-right .gl-r-header {
    position: relative
}

.index-class-bd .index-class-right .gl-r-header img {
    width: 370px;
    height: 230px
}

.index-class-bd .index-class-right .gl-r-header span {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px 10px 10px 45px;
    background: url("../img/play-icon.jpg") 15px center no-repeat rgba(24,24,24,0.8);
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-class-bd .index-class-right .video-list {
    margin-top: 25px
}

.index-class-bd .index-class-right .video-list li {
    margin-bottom: 10px;
    padding-left: 30px;
    background: url("../img/play-icon2.jpg") 0 center no-repeat;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-class-bd .index-class-right .video-list li span {
    float: right;
    color: #7e7e7e
}

.index-class-bd .index-class-right .video-list li a:hover {
    color: #b69454
}

.right-tools {
    height: 260px
}

.right-tools:before, .right-tools:after {
    content: " ";
    display: table
}

.right-tools:after {
    clear: both
}

.right-tools li {
    float: left
}

.right-tools li.one {
    margin-right: 5px;
    margin-bottom: 5px
}

.right-tools li.one a {
    background-color: #657364
}

.right-tools li.one a:hover {
    background-color: #5b685a
}

.right-tools li.two {
    margin-bottom: 5px
}

.right-tools li.two a {
    background-color: #836d61
}

.right-tools li.two a:hover {
    background-color: #766257
}

.right-tools li.three {
    margin-right: 5px
}

.right-tools li.three a {
    background-color: #a79156
}

.right-tools li.three a:hover {
    background-color: #96834d
}

.right-tools li.four a {
    background-color: #46616f
}

.right-tools li.four a:hover {
    background-color: #3f5764
}

.right-tools li a {
    display: block;
    padding-top: 20px;
    width: 194px;
    height: 127px;
    color: #ffffff;
    text-align: center
}

.right-tools li a i {
    font-size: 36px
}

.right-tools li a span {
    display: block;
    font-size: 18px
}

.index-five {
    height: 292px;
    background: url(../img/index-five.jpg) center no-repeat;
    padding-top: 60px
}

.index-five .five-a {
    position: relative;
    float: left;
    width: 246px;
    height: 174px;
    background-color: #9d8049;
    text-align: center
}

.index-five .five-a:before {
    content: '';
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -12px;
    width: 0;
    height: 0;
    border-left: 14px solid #9d8049;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.index-five .five-a h4 {
    margin-top: 60px;
    font-weight: normal;
    font-size: 25px;
    color: #ffffff
}

.index-five .five-a a {
    color: #dbd2c4
}

.index-five .five-list {
    float: left
}

.index-five .five-list a {
    float: left;
    width: 227px;
    height: 174px;
    background-color: #f4f4f4;
    text-align: center;
    padding-top: 15px
}

.index-five .five-list a+a {
    margin-left: 4px
}

.index-five .five-list a i {
    font-size: 46px;
    color: #999999
}

.index-five .five-list a h4 {
    font-size: 23px;
    font-weight: normal
}

.index-five .five-list a p {
    font-size: 14px;
    color: #666666
}

.index-last {
    /*height: 1000px;	background: url(../img/index-last.jpg) center top no-repeat*/
    background: #f6f6f6;
}

.index-last-header {
    text-align: center;
    padding: 60px 0 40px
}

.index-last-header h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 34px
}

.index-last-header p {
    text-transform: uppercase;
    font-size: 18px;
    color: #b0b0b0
}

.index-last-a {
    padding-bottom: 50px;
    border-bottom: 1px solid #dcdcdc
}

.index-last-a .power-list:before, .index-last-a .power-list:after {
    content: " ";
    display: table
}

.index-last-a .power-list:after {
    clear: both
}

.index-last-a .power-list li {
    float: left;
    width: 457px;
    text-align: center
}

.index-last-a .power-list li+li {
    margin-left: 14px
}

.index-last-a .power-list li .img-box {
    display: block
}

.index-last-a .power-list li .img-box img {
    width: 457px;
    height: 318px
}

.index-last-a .power-list li h4 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 10px
}

.index-last-a .power-list li p {
    color: #666;
    font-size: 14px
}

.index-last-b {
    padding-top: 40px
}

.index-last-b:before, .index-last-b:after {
    content: " ";
    display: table
}

.index-last-b:after {
    clear: both
}

.index-last-b .last-b-l {
    float: left;
    width: 914px;
    margin-right: 54px
}

.index-last-b .last-b-r {
    overflow: hidden
}

.index-last-b .last-b-r .last-news li {
    margin-bottom: 10px
}

.index-last-b .last-b-r .last-panel .last-panel-header .more {
    margin-right: 10px
}

.index-last-b .last-b-r .last-panel .last-panel-body {
    border-right: 0
}

.last-panel .last-panel-header {
    padding-bottom: 30px
}

.last-panel .last-panel-header:before, .last-panel .last-panel-header:after {
    content: " ";
    display: table
}

.last-panel .last-panel-header:after {
    clear: both
}

.last-panel .last-panel-header strong {
    font-size: 24px;
    font-weight: normal
}

.last-panel .last-panel-header .more {
    float: right;
    margin-top: 10px;
    margin-right: 50px
}

.last-panel .last-panel-body {
    border-right: 1px solid #d0d0d0
}

.last-news:before, .last-news:after {
    content: " ";
    display: table
}

.last-news:after {
    clear: both
}

.last-pp li {
    float: left;
    width: 200px !important;
    margin-right: 10px !important;
}

.last-news li {
    float: left;
    width: 402px;
    margin-right: 54px;
    margin-bottom: 30px
}

.last-news li .last-date {
    float: left;
    width: 74px;
    height: 74px;
    text-align: center;
    border: 1px solid #959595;
    margin-right: 20px
}

.last-news li .last-date strong {
    display: block;
    font-size: 31px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px
}

.last-news li .last-date span {
    font-size: 13px;
    color: #aaaaaa
}

.last-news li .last-img {
    float: left;
    width: 200px;
    height: 66px;
    margin-right: 15px
}

.last-news li .last-img img {
    width: 200px;
    height: 66px
}

.last-news li .last-img2 {
    float: left;
    width: 132px;
    height: 90px;
    margin-right: 15px
}

.last-news li .last-img2 img {
    width: 132px;
    /*height: 90px*/
}

.last-news li .last-media {
    overflow: hidden
}

.last-news li .last-media h4 {
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px
}

.last-news li .last-media p {
    font-size: 13px;
    line-height: 18px;
    color: #a0a0a0;
    height: 36px;
    overflow: hidden
}

.fixed-menu-wrap {
    position: fixed;
    right: 30px;
    bottom: 20%;
    background-color: #9d8049;
    text-align: center;
    width: 100px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 10
}

.fixed-menu-wrap-left {
    position: fixed;
    left: 30px;
    bottom: 55%;
    background-color: #337ab7;
    text-align: center;
    width: 100px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 10
}

.fixed-menu-wrap-left .fixed-menu li {
    display: block;
    color: #ffffff;
    padding: 15px 0
}

.fixed-menu-wrap .fixed-menu li {
    border-bottom: 1px solid #c7a666
}

.fixed-menu-wrap .fixed-menu li+li {
    border-top: 1px solid #6a5630
}

.fixed-menu-wrap .fixed-menu li.last {
    border-bottom: 0
}

.fixed-menu-wrap .fixed-menu li:hover {
    background-color: #454e58;
    border-color: #454e58
}

.fixed-menu-wrap .fixed-menu li a {
    display: block;
    color: #ffffff;
    padding: 15px 0
}

.fixed-menu-wrap .fixed-menu li a i {
    font-size: 28px
}

.fixed-menu-wrap .fixed-menu li a span {
    display: block;
    font-size: 15px
}

.fixed-menu-wrap .go-top {
    display: block;
    font-size: 20px;
    color: #ffffff
}

.fixed-tip {
    position: fixed;
    left: 0;
    bottom: 350px;
    min-width: 57px;
    height: 208px;
    z-index: 10
}

.fixed-tip .close-btn {
    position: absolute;
    font-size: 22px;
    right: 0;
    top: 0;
    color: #999999;
    cursor: pointer
}

.fixed-tip.fixed-three .fixed-tip-hd {
    background-color: #43654e
}

.fixed-tip.fixed-five {
    bottom: 120px
}

.fixed-tip.fixed-five .fixed-tip-hd {
    background-color: #424a54
}

.fixed-tip.fixed-five .fixed-tip-bd {
    background-color: #424a54
}

.fixed-tip.fixed-five .fixed-tip-bd ul li {
    border-right: 1px solid #5b6571
}

.fixed-tip.fixed-five .fixed-tip-bd ul li+li {
    border-left: 1px solid #282d34
}

.fixed-tip.fixed-five .fixed-tip-bd ul li.last {
    border-right: 0
}

.fixed-tip.fixed-five .fixed-tip-bd ul li a {
    padding: 0 27px
}

.fixed-tip .fixed-tip-hd {
    padding-top: 10px;
    width: 57px;
    height: 208px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.fixed-tip .fixed-tip-hd i {
    font-size: 25px
}

.fixed-tip .fixed-tip-hd span {
    padding: 0 15px;
    display: block;
    font-size: 18px
}

.fixed-tip .fixed-tip-bd {
    position: absolute;
    top: 55px;
    left: 0;
    padding: 30px 0;
    background-color: #43654e;
    -webkit-border-radius: 0 55px 55px 0;
    -moz-border-radius: 0 55px 55px 0;
    border-radius: 0 55px 55px 0;
    overflow: hidden;
    display: none
}

.fixed-tip .fixed-tip-bd ul {
    width: 496px;
    height: 51px;
    overflow: hidden
}

.fixed-tip .fixed-tip-bd ul:before, .fixed-tip .fixed-tip-bd ul:after {
    content: " ";
    display: table
}

.fixed-tip .fixed-tip-bd ul:after {
    clear: both
}

.fixed-tip .fixed-tip-bd ul li {
    float: left;
    border-right: 1px solid #5c866a
}

.fixed-tip .fixed-tip-bd ul li+li {
    border-left: 1px solid #2e4536
}

.fixed-tip .fixed-tip-bd ul li.last {
    border-right: 0
}

.fixed-tip .fixed-tip-bd ul li a {
    color: #ffffff;
    padding: 0 28px;
    display: block;
    text-align: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.fixed-tip .fixed-tip-bd ul li a:hover {
    color: #b69454
}

.fixed-tip .fixed-tip-bd ul li a i {
    font-size: 25px
}

.fixed-tip .fixed-tip-bd ul li a strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: normal
}

.fixed-tip .fixed-tip-bd ul li a span {
    display: block;
    font-size: 14px
}

.yzf-modal {
    width: 501px
}

.yzf-modal.lg {
    width: 1022px
}

.yzf-modal.lg .modal-content {
    background: #efefef url(../img/modal-content-lg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.yzf-modal .modal-content {
    border: 15px solid #3d4852;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #f2f2f2 url(../img/yzf-modal.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.yzf-modal .modal-content .modal-header {
    position: relative;
    text-align: center;
    padding: 45px 10px 30px;
    border-bottom: 0
}

.yzf-modal .modal-content .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: -12px;
    outline: none
}

.yzf-modal .modal-content .modal-header .close span {
    display: block;
    font-size: 42px;
    line-height: 1;
    font-weight: normal
}

.yzf-modal .modal-content .modal-header h4 {
    color: #3a454f;
    font-size: 32px;
    font-weight: bold
}

.yzf-modal .modal-content .modal-header h4 small {
    margin-top: 8px;
    font-weight: normal;
    color: #979797;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    letter-spacing: 2px
}

.yzf-modal .modal-content .modal-body {
    padding: 0 55px 55px
}

.yzf-modal .control-label {
    font-weight: normal;
    padding-top: 12px;
    font-size: 16px
}

.yzf-modal .form-control {
    background-color: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-color: #9ca2a7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 44px
}

.yzf-modal .form-control:focus {
    border-color: #b69454
}

.yzf-modal .form-textarea {
    height: 100px;
    resize: none
}

.yzf-modal .btn-wrap {
    padding: 5px 15px 0
}

.yzf-modal .btn-wrap .btn {
    height: 44px;
    font-size: 18px
}

.yzf-modal .form-disc {
    text-align: center;
    color: #8c8b8b
}

.index-header {
    background-color: #3e4248;
    height: 54px
}

.index-header .head-nav {
    margin-left: 0
}

.index-header .head-nav li {
    position: relative;
    line-height: 54px
}

.index-header .head-nav li.now-city a {
    background-color: #b69454;
    color: #ffffff
}

.index-header .head-nav li+li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    height: 23px;
    width: 1px;
    background-color: #6f7175
}

.index-header .head-nav li.has-arrow a {
    padding: 0 40px
}

.index-header .head-nav li.has-arrow a:after {
    top: 25px;
    right: 25px
}

.index-header .header-media {
    margin-top: 5px
}

.index-header .header-media img {
    width: 44px;
    height: 44px
}

.index-header .header-media .media-body {
    padding-top: 5px
}

.index-header .header-media .media-body h3 {
    font-size: 13px;
    margin-bottom: 2px
}

.index-header .drop-nav {
    top: 54px
}

.index-top {
    height: 110px;
    background-color: #22262b
}

.index-top .auto-box-lg {

}

.index-top .index-logo {
    position: relative;
    float: left;
    height: 110px;
    padding-top: 20px;
    margin-right: 42px
}

.index-top .index-logo:after {
    content: '';
    position: absolute;
    right: -22px;
    top: 42px;
    width: 0;
    height: 40px;
    border-left: 1px solid #464f5a;
    border-right: 1px solid #101214
}

.index-top .index-logo img {
    display: block
}

.index-top .top-left {
    margin-top: 40px;
    float: left;
    font-size: 14px;
    font-family: "宋体";
    height: 42px;
    line-height: 42px
}

.index-top .top-left i {
    font-size: inherit;
    color: #b69454
}

.index-top .top-left span {
    color: #ffffff
}

.index-top .top-left a {
    color: #b69454
}

.city-wrap {
    padding-top: 30px
}

.city-wrap a.active {
    color: #b69454
}

.city-wrap .city-box {
    border: 3px solid #bfa57c;
    padding-bottom: 30px
}

.city-wrap .city-box .hot-city {
    padding: 50px 66px 30px
}

.city-wrap .city-box .hot-city:before, .city-wrap .city-box .hot-city:after {
    content: " ";
    display: table
}

.city-wrap .city-box .hot-city:after {
    clear: both
}

.city-wrap .city-box .hot-city .hot-city-hd {
    float: left;
    margin-right: 30px;
    font-size: 18px
}

.city-wrap .city-box .hot-city .hot-city-bd {
    overflow: hidden;
    padding-top: 2px
}

.city-wrap .city-box .hot-city .hot-city-bd a {
    margin: 0 20px;
    font-size: 16px
}

.city-wrap .city-box .py-city {
    height: 44px;
    line-height: 44px;
    padding: 0 20px 0 66px;
    background-color: #edeaea;
    font-size: 14px
}

.city-wrap .city-box .py-city:before, .city-wrap .city-box .py-city:after {
    content: " ";
    display: table
}

.city-wrap .city-box .py-city:after {
    clear: both
}

.city-wrap .city-box .py-city .py-city-hd {
    float: left
}

.city-wrap .city-box .py-city .py-city-bd {
    text-align: right
}

.city-wrap .city-box .py-city .py-city-bd a {
    margin: 0 10px
}

.city-wrap .city-box .city-list {
    position: relative;
    min-height: 485px;
    background: #fff url(../img/city-list.jpg) right 0 no-repeat;
    padding-top: 144px
}

.city-wrap .city-box .city-list:before {
    content: '';
    position: absolute;
    top: 144px;
    bottom: 0;
    right: 530px;
    border-left: 1px dashed #dcdcdc
}

.city-wrap .city-box .city-list dl {
    margin-bottom: 25px
}

.city-wrap .city-box .city-list dl:before, .city-wrap .city-box .city-list dl:after {
    content: " ";
    display: table
}

.city-wrap .city-box .city-list dl:after {
    clear: both
}

.city-wrap .city-box .city-list dl dt {
    float: left;
    padding-left: 66px;
    width: 140px;
    font-size: 18px;
    font-weight: normal
}

.city-wrap .city-box .city-list dl dd {
    width: 527px;
    float: left;
    padding: 0 90px;
    line-height: 26px
}

.city-wrap .city-box .city-list dl dd a {
    padding: 1px 10px;
    word-break: keep-all
}

.city-wrap .city-box .city-list dl dd a.xz {
    background-color: #d4d4d4;
    color: #333333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.city-panel .city-panel-header {
    padding-top: 50px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6
}

.city-panel .city-panel-header:before, .city-panel .city-panel-header:after {
    content: " ";
    display: table
}

.city-panel .city-panel-header:after {
    clear: both
}

.city-panel .city-panel-header strong {
    font-size: 26px;
    color: #293440
}

.city-panel .city-panel-header small {
    margin-left: 10px;
    font-size: 14px;
    color: #666666
}

.city-panel .city-panel-header small span {
    color: #b69454
}

.city-panel .city-panel-header .links {
    padding-top: 10px
}

.city-panel .city-panel-header .links .more {
    margin-left: 15px
}

.city-panel .city-panel-body .city-img-list {
    margin-top: 10px
}

.city-panel .city-panel-body .city-img-list:before, .city-panel .city-panel-body .city-img-list:after {
    content: " ";
    display: table
}

.city-panel .city-panel-body .city-img-list:after {
    clear: both
}

.city-panel .city-panel-body .city-img-list li {
    float: left
}

.city-panel .city-panel-body .city-img-list li+li {
    margin-left: 8px
}

.city-panel .city-panel-body .city-img-list li a {
    display: block;
    width: 233px;
    height: 298px;
    overflow: hidden
}

.city-panel .city-panel-body .city-img-list li a img {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.city-panel .city-panel-body .city-img-list li a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.city-panel .city-panel-body .city-img-list li a img {
    display: block;
    width: 233px;
    height: 298px
}

.city-panel .links-wrap {
    padding: 10px 0
}

.city-panel .links-wrap a {
    color: #666666;
    margin: 0 5px
}

.city-panel .links-wrap a:hover {
    color: #b69454
}

.city-panel .jiathis_style_24x24 {
    display: inline-block;
    vertical-align: middle
}

.city-panel .jiathis_style_24x24 .jtico {
    width: 20px !important;
    height: 20px !important
}

.city-panel .jiathis_style_24x24 .jiathis_txt {
    background-image: none !important;
    padding-left: 0 !important
}

.city-panel .jiathis_style_24x24 .jiathis_txt i {
    display: block;
    line-height: 1;
    font-size: 20px
}

.city-panel .share-text {
    display: inline-block;
    vertical-align: middle
}

.city-panel .share-text i {
    margin-right: 5px
}

.city-panel .detail-share {
    margin-top: 5px;
    padding: 5px 10px;
    color: #666666
}

.city-panel .detail-tag {
    float: right;
    line-height: 34px
}

.city-panel .detail-tag a {
    margin: 0 5px;
    color: #666666
}

.city-a-box {
    margin-right: -10px;
    overflow: hidden
}

.city-a-box:before, .city-a-box:after {
    content: " ";
    display: table
}

.city-a-box:after {
    clear: both
}

.city-a-box .box-one {
    float: left;
    margin-right: 10px
}

.city-a-box .box-one a {
    display: block;
    width: 350px;
    height: 350px;
    overflow: hidden
}

.city-a-box .box-one a img {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.city-a-box .box-one a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.city-a-box .box-one img {
    display: block;
    width: 350px;
    height: 350px
}

.city-a-box .box-four {
    float: left;
    width: 490px
}

.city-a-box .box-four a {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    display: block;
    width: 235px;
    height: 170px;
    overflow: hidden
}

.city-a-box .box-four a img {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
}

.city-a-box .box-four a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.city-a-box .box-four img {
    display: block;
    width: 235px;
    height: 170px
}

.city-b {
    margin-top: 15px;
    padding-top: 58px;
    height: 337px;
    background: url(../img/city-b.jpg) center 0 no-repeat
}

.city-b-tab .nav:before, .city-b-tab .nav:after {
    content: " ";
    display: table
}

.city-b-tab .nav:after {
    clear: both
}

.city-b-tab .nav li {
    float: left;
    text-align: center;
    width: 20%
}

.city-b-tab .nav li:nth-child(2) a i {
    background-color: #bcb29c
}

.city-b-tab .nav li:nth-child(3) a i {
    background-color: #b69cbc
}

.city-b-tab .nav li:nth-child(4) a i {
    background-color: #9cbabc
}

.city-b-tab .nav li:nth-child(5) a i {
    background-color: #9fbc9c
}

.city-b-tab .nav li.active a {
    background-color: #ffffff
}

.city-b-tab .nav li a {
    margin-right: 0;
    background-color: #edeaea;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    color: #555555;
    padding: 21px 15px
}

.city-b-tab .nav li a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: #9ca5bc;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.city-b-tab .tab-content {
    height: 148px;
    background-color: #ffffff
}

.city-b-form {
    padding-top: 45px;
    text-align: center
}

.city-b-form .form-control {
    min-width: 80px;
    height: 50px;
    border-color: #e1e1e1;
    background-color: #edeaea;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 5px
}

.city-b-form .btn {
    margin: 0 5px;
    min-width: 130px;
    height: 50px;
    font-size: 18px;
    vertical-align: middle
}

.city-b-form dl {
    margin-left: 50px;
    vertical-align: middle;
    display: inline-block
}

.city-b-form dl dt {
    font-size: 14px;
    font-weight: normal
}

.city-b-form dl dd {
    font-size: 18px;
    color: #b69454
}

.city-e {
    padding: 60px 0
}

.city-e-panel {
    float: left;
    background-color: #eeeeee;
    width: 393px;
    height: 341px;
    padding: 20px
}

.city-e-panel+.city-e-panel {
    margin-left: 10px
}

.city-e-panel .city-e-panel-header {
    font-size: 20px;
    border-bottom: 1px solid #d7d7d7;
    padding: 10px 0;
    margin-bottom: 10px
}

.city-e-panel .city-e-panel-body ul li {
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-e-panel .city-e-panel-body ul li span {
    float: right;
    margin-left: 10px
}

.calculate-img {
    text-align: center;
    padding-top: 20px
}

.city-b-media {
    padding-right: 50px
}

.city-b-media:before, .city-b-media:after {
    content: " ";
    display: table
}

.city-b-media:after {
    clear: both
}

.city-b-media i {
    float: left;
    font-size: 50px;
    line-height: 1;
    color: #b69454
}

.city-b-media .city-b-media-bd {
    overflow: hidden;
    text-align: left
}

.city-b-media .city-b-media-bd h2 {
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 5px
}

.city-b-media .city-b-media-bd p {
    font-size: 16px;
    color: #999
}

.no-msg-wrap {
    padding-bottom: 35px;
    background: #fff url(../img/no-msg-wrap.jpg) center bottom no-repeat
}

.no-msg-panel {
    border: 1px solid #cccccc;
    padding: 35px
}

.no-msg-panel .no-msg-panel-header {
    font-size: 14px
}

.no-msg-panel .no-msg-panel-header span {
    color: #b69454
}

.no-msg-panel .no-msg-panel-body {
    max-width: 440px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center
}

.no-msg-panel .no-msg-panel-body dl dt {
    font-size: 24px;
    font-weight: normal
}

.no-msg-panel .no-msg-panel-body dl dt i {
    font-size: 32px;
    vertical-align: -4px;
    color: #b69454;
    margin-right: 5px
}

.no-msg-panel .no-msg-panel-body dl dd {
    font-size: 20px
}

.no-msg-panel .no-msg-panel-body .nomsg-form {
    margin-top: 20px
}

.no-msg-panel .no-msg-panel-body .nomsg-form .form-control {
    height: 48px;
    background-color: #dcdcdc
}

.no-msg-panel .no-msg-panel-body .nomsg-form .btn {
    height: 48px;
    background-color: #3e4854;
    font-size: 18px;
    color: #ffffff
}

.nomsg-box {
    text-align: center;
    padding: 160px 20px
}

.nomsg-box p {
    font-size: 18px;
    margin-bottom: 10px
}

.nomsg-box p span {
    color: #b69454
}

.nomsg-box p i {
    margin-right: 3px;
    color: #b69454;
    font-size: inherit
}

@media screen and (max-width: 1440px) {
    .auto-box-lg {
        width: 1200px
    }

    .index-auto-box {
        width: 1200px
    }

    .header .head-nav {
        margin-left: 30px
    }

    .header .head-nav li a {
        padding: 0 15px;
        font-size: 14px
    }

    .header .head-nav li.has-arrow a {
        padding: 0 30px
    }

    .header .head-nav li.has-arrow a:after {
        right: 15px
    }

    .index-team .index-normal-bd .team-list .team-item .img-box img {
        width: 235px;
        height: 313px
    }

    .index-construction .construction-main {
        width: 730px;
        height: 500px
    }

    .index-construction .construction-main .construction-main-inner {
        width: 626px;
        height: 386px;
        margin: 60px auto 0;
        padding: 20px 50px 0
    }

    .index-construction .construction-main .construction-main-inner .construction-top-media {
        margin-bottom: 20px
    }

    .index-construction .construction-main .construction-main-inner .construction-center-show a {
        width: 162px;
        height: 188px
    }/*.index-construction .construction-main .construction-main-inner .construction-center-show img {	width: 162px;	height: 188px}*/

    .index-construction .construction-main .construction-main-inner .construction-center-show img {
        width: 162px;
        height: 188px
    }

    .index-construction .construction-main .construction-main-inner .construction-center-ft {
       margin-top: 15px
    }

    .index-construction .construction-side {
        width: 470px;
        height: 500px;
        padding: 50px
    }

    .index-construction .construction-side p {
        font-size: 15px
    }

    .index-construction .construction-side .construction-user li img {
        width: 68px;
        height: 68px
    }

    .index-construction .construction-side .construction-user li .iconfont {
        width: 68px;
        height: 68px;
        line-height: 68px
    }

    .index-class-bd .index-class-left {
        width: 819px
    }

    .index-class-bd .index-class-left .index-class-banner {
        width: 819px
    }

    .index-class-bd .index-class-left .class-panel-wrap .side-panel {
        width: 263px
    }

    .index-class-bd .index-class-right {
        width: 368px
    }

    .right-tools li a {
        width: 163px
    }

    .index-five .five-a {
        width: 200px
    }

    .index-five .five-list a {
        width: 196px
    }

    .index-last-a .power-list li {
        width: 390px
    }

    .index-last-a .power-list li .img-box img {
        width: 390px;
        height: 271px
    }
}

.fixed-calculator {
    position: fixed;
    width: 274px;
    top: 10px
}

.suggest-wrap {
    height: 734px;
    background: url(../img/suggest-wrap.jpg) center no-repeat
}

.suggest-wrap.visit-wrap {
    background: url(../img/visit-wrap.jpg) center no-repeat
}

.suggest-wrap.visit-wrap .suggest-form {
    margin-top: 184px;
    height: 400px
}

.suggest-form {
    float: right;
    margin-top: 142px;
    width: 650px;
    height: 478px;
    background-color: rgba(173,148,98,0.97);
    padding-left: 60px;
    padding-right: 80px;
    color: #ffffff
}

.suggest-form .suggest-header {
    padding-top: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-size: 30px
}

.suggest-form .suggest-header small {
    font-size: 18px;
    text-transform: uppercase
}

.suggest-form .suggest-body {
    padding-top: 20px
}

.suggest-form .control-label {
    font-weight: normal;
    width: 135px
}

.suggest-form .form-control {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 44px;
    border: 0
}

.suggest-form textarea.form-control {
    height: 80px
}

.suggest-form .btn {
    height: 48px;
    background-color: #333333;
    color: #ffffff;
    font-size: 18px
}

.suggest-form .col-sm-3 {
    white-space: nowrap
}

.suggest-form .col-sm-9 {
    width: 405px
}

.new-program {
    /*background-color: #fff*/
}

.new-program .new-program-header {
    padding: 30px 0;
    text-align: center
}

.new-program .new-program-header h2 {
    color: #292e35;
    font-size: 25px
}

.new-program .new-program-header p {
    color: #666666;
    font-size: 16px
}

.new-program .new-program-body {
    padding-bottom: 60px
}

.new-program .new-program-body .picScroll-program {
    position: relative
}

.new-program .new-program-body .picScroll-program .hd a {
    position: absolute;
    top: 230px;
    z-index: 1;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
    background-color: rgba(0,0,0,0.8)
}

.new-program .new-program-body .picScroll-program .hd .prev {
    left: 5px;
    border-radius: 0 5px 5px 0
}

.new-program .new-program-body .picScroll-program .hd .next {
    right: 5px;
    border-radius: 5px 0 0 5px
}

.new-program .new-program-body .program-row {
    margin-left: 0;
    margin-right: 0
}

.new-program .new-program-body .program-row .col-xs-4 {
    padding-left: 0;
    padding-right: 0
}

.new-program .new-program-body .program-row .col-xs-6, .new-program .new-program-body .program-row .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px
}

.new-program .new-program-body .program-link {
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px
}

.new-program .new-program-body .program-link img {
    display: block;
    width: 100%
}

.new-program .new-program-body .program-link:hover .hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.new-program .new-program-body .program-link .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.drop-al-r {
    overflow: hidden
}

.drop-al-r .model-r-hd {
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px
}

.drop-al-r .model-r-list:before, .drop-al-r .model-r-list:after {
    content: " ";
    display: table
}

.drop-al-r .model-r-list:after {
    clear: both
}

.drop-al-r .model-r-list li {
    float: left;
    text-align: center
}

.drop-al-r .model-r-list li+li {
    margin-left: 15px
}

.drop-al-r .model-r-list li:nth-child(2) a {
    background-color: #547b72
}

.drop-al-r .model-r-list li:nth-child(3) a {
    background-color: #a38f65
}

.drop-al-r .model-r-list li:nth-child(4) a {
    background-color: #51667b
}

.drop-al-r .model-r-list li:nth-child(5) a {
    background-color: #b27f60
}

.drop-al-r .model-r-list li:nth-child(6) a {
    background-color: #53797a
}

.drop-al-r .model-r-list li a {
    display: block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 20px 16px;
    line-height: 20px;
    background-color: #826451;
    color: #ffffff;
    font-size: 15px;
    overflow: hidden
}

.drop-al-r .model-r-list li a:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.service-model {
    margin-right: 60px
}

.service-model:before, .service-model:after {
    content: " ";
    display: table
}

.service-model:after {
    clear: both
}

.service-model li {
    float: left;
    width: 33.333%;
    padding: 0 10px
}

.service-model li a {
    display: block
}

.service-model li a img {
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.service-model li a span {
    margin-top: 10px;
    text-align: center;
    display: block;
    font-size: 16px
}/*# sourceMappingURL=main.css.map */.vd-top {
                                         position: relative;
                                         height: 262px;
                                         padding-top: 85px;
                                         padding-left: 66px;
                                         padding-right: 66px;
                                         background: url(../img/vd-top.jpg) 0 0 no-repeat
                                     }

.vd-top .gl-space-tag {
    position: absolute;
    right: 10px;
    top: -10px;
    background-color: #e5e3e3;
    width: 58px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.vd-top .gl-space-tag:before {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #999999;
    border-right: 7px solid transparent
}

.vd-top .gl-space-tag:hover .drop-share {
    display: block
}

.vd-top .gl-space-tag .drop-share {
    left: 0;
    top: 36px
}

.vd-top .vd-top-hd {
    float: left;
    width: 90px;
    margin-right: 24px
}

.vd-top .vd-top-hd img {
    display: block;
    width: 90px;
    height: 90px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vd-top .vd-top-bd {
    float: left;
    width: 540px
}

.vd-top .vd-top-bd h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: normal
}

.vd-top .vd-top-bd h4 strong {
    font-weight: normal
}

.vd-top .vd-top-bd h4 span {
    font-size: 14px;
    color: #999;
    margin-left: 15px
}

.vd-top .vd-top-bd h4 span i {
    margin-right: 5px
}

.vd-top .vd-top-bd p {
    color: #999
}

.vd-top .vd-top-ft {
    overflow: hidden;
    padding-top: 35px;
    padding-left: 30px
}

.vd-top .vd-top-ft .btn {
    background-color: #b69454;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
}

.vd-lan {
    padding-top: 12px
}

.vd-lan .vd-lan-list {
    margin-left: -5px;
    margin-right: -5px
}

.vd-lan .vd-lan-list li {
    padding-left: 5px;
    padding-right: 5px
}

.vd-lan .vd-lan-list li img {
    display: block;
    width: 294px;
    height: 204px
}

.vd-lan .vd-lan-list li span {
    position: absolute;
    left: 5px;
    bottom: 0;
    right: 5px;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    color: #ffffff;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    font-size: 16px
}

.vd-lan .vd-lan-list li span i {
    font-size: 18px
}

.vd-filter {
    padding-top: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.strategy-list.audio .strategy-video-hd a:hover:before {
    content: "\e6dd"
}

.strategy-list .strategy-video-hd {
    position: relative;
    float: left;
    width: 170px;
    margin-right: 25px
}

.strategy-list .strategy-video-hd a {
    display: block;
    width: 170px;
    height: 130px
}

.strategy-list .strategy-video-hd a img {
    width: 170px;
    height: 130px
}

.strategy-list .strategy-video-hd a:hover:before {
    content: "\e62c";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 116px;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    font-size: 40px;
    color: #ffffff
}

@media screen and (max-width: 1440px) {
    .big-auto-box {
        width: 1200px
    }

    .gl-a {
        height: 516px;
        padding-top: 46px;
        background-color: #ededed
    }

    .gl-a-l {
        width: 289px;
        height: 436px
    }

    .gl-a-l .step-wrap {
        height: 167px
    }

    .gl-a-l .step-wrap a {
        width: 126px
    }

    .gl-a-l .step-wrap a.last {
        width: 100%
    }

    .gl-a-l .step-form {
        margin-top: 10px;
        padding-top: 0
    }

    .gl-a-l .step-form .form-group {
        margin-bottom: 10px
    }

    .gl-a-l .step-form .form-control {
        height: 46px;
        line-height: 46px
    }

    .gl-a-c {
        width: 615px;
        margin-left: 13px
    }

    .gl-a-c .gl-a-banner {
        height: 310px
    }

    .gl-a-c .gl-a-banner img {
        height: 310px
    }

    .gl-a-c .gl-a-c-bot {
        margin-top: 6px
    }

    .gl-a-c .gl-a-c-bot .ac-media {
        width: 305px;
        padding: 15px 18px 0
    }

    .gl-a-c .gl-a-c-bot .ac-media.first {
        margin-right: 5px
    }

    .gl-a-r {
        width: 270px;
        height: 436px
    }

    .video-list {
        margin-top: 15px
    }

    .video-list li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .gl-r-header {
        position: relative
    }

    .gl-r-header img {
        width: 270px;
        height: 131px
    }

    .gl-kn-tab .gl-kn-ul li.last dl dd a span {
        padding: 0 70px
    }

    .gl-kn-tab .gl-kn-ul li dl dd span {
        font-size: 16px;
        padding: 0 26px
    }

    .gl-task .gl-task-l {
        width: 322px
    }

    .gl-task .gl-task-r {
        width: 868px
    }

    .gl-space-main {
        width: 615px
    }

    .gl-space-main .gl-space-side {
        position: relative;
        display: block;
        width: 615px;
        height: 372px;
        overflow: hidden
    }

    .gl-space-main .gl-space-side img {
        display: block;
        width: 615px;
        height: 372px
    }

    .gl-space-main .gl-space-side span {
        padding: 0 25px;
        height: 52px;
        line-height: 52px;
        font-size: 16px
    }

    .gl-task-list {
        height: 372px;
        padding: 15px
    }

    .gl-task-list li+li {
        margin-top: 9px
    }

    .gl-task-list li .gl-task-list-hd {
        margin-right: 12px
    }

    .gl-task-list li .gl-task-list-hd a {
        display: block
    }

    .gl-task-list li .gl-task-list-hd img {
        width: 90px;
        height: 60px
    }

    .gl-task-list li .gl-task-list-bd {
        overflow: hidden
    }

    .gl-task-list li .gl-task-list-bd h4 {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 18px;
        font-weight: normal;
        height: 36px;
        overflow: hidden
    }

    .gl-task-list li .gl-task-list-bd p {
        font-size: 12px
    }

    .gl-space-side {
        width: 253px;
        height: 372px
    }

    .gl-space-side .gl-space-media {
        padding: 29px 20px 10px;
        height: 134px
    }

    .gl-space-side .space-media-hd {
        margin-right: 12px
    }

    .gl-space-side .space-media-hd img {
        width: 73px;
        height: 73px
    }

    .gl-space-side .space-media-bd h4 {
        font-size: 17px;
        font-weight: normal
    }

    .gl-space-side .space-media-bd p {
        font-size: 12px;
        height: 40px;
        overflow: hidden
    }

    .gl-space-side .gl-space-wrap .gl-space-tag {
        left: 20px
    }

    .gl-space-list {
        padding-top: 30px
    }

    .gl-space-list li {
        padding-left: 20px;
        font-size: 13px;
        line-height: 24px
    }

    .v-media-img li {
        margin: 5px 16px
    }

    .v-media-img li a {
        width: 55px;
        height: 55px
    }

    .v-media-img li img {
        width: 55px;
        height: 55px
    }

    .v-media-img li.more a {
        width: 55px;
        height: 55px;
        line-height: 55px
    }

    .v-media-img li.more a i {
        font-size: 24px
    }

    .gl-info-wrap:before, .gl-info-wrap:after {
        content: " ";
        display: table
    }

    .gl-info-wrap:after {
        clear: both
    }

    .gl-info-wrap .gl-info-main {
        width: 810px
    }

    .gl-info-wrap .gl-info-main .gl-info-item {
        width: 264px
    }

    .gl-info-wrap .gl-info-main .gl-info-item+.gl-info-item {
        margin-left: 9px
    }

    .gl-info-wrap .gl-info-main .gl-info-item .gl-info-head .gl-info-link {
        width: 264px;
        height: 182px
    }

    .gl-info-wrap .gl-info-main .gl-info-item .gl-info-head .gl-info-link img {
        width: 264px;
        height: 182px
    }

    .gl-info-wrap .gl-info-side {
        float: right;
        width: 358px
    }

    .info-side-media li .side-media-hd {
        float: left;
        width: 166px;
        margin-right: 15px
    }

    .info-side-media li .side-media-hd img {
        width: 166px;
        height: 108px
    }

    .info-side-media li .side-media-bd h4 {
        font-size: 14px
    }

    .info-side-media li .side-media-bd p {
        font-size: 13px
    }

    .info-side-media li .side-media-bd .info-date {
        font-size: 13px
    }

    .gl-bk-row dl {
        width: 190px
    }
}/*企业动态*/.qydt {
             width: 325px;
             height: 390px;
             background: #f0f0f0;
             float: left;
         }

.qydt_01 {
    width: 325px;
    height: 220px;
    position: relative;
}

.qydt_01 img {
    width: 325px;
    height: 220px;
}

.qydt_01 a {
    width: 128px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #9d8049;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 18px;
    color: #fff;
}

.qydt_02 {
    padding: 10px 15px;
}

.qydt_02 li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.qydt_02 li a:hover {
    color: #9d8049;
}

.hyzs {
    width: 555px;
    margin-left: 345px;
}

.hyzs li {
    height: 180px;
    background: #f0f0f0;
    margin-bottom: 30px;
    padding-right: 20px;
}

.hyzs li div.tip {
    width: 180px;
    height: 180px;
    position: relative;
    float: left;
    padding-right: 15px;
}

.hyzs div.tip img {
    width: 180px;
    height: 180px;
}

.hyzs div.tip a {
    width: 128px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #9d8049;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 18px;
    color: #fff;
}

.hyzs .new_fl h2 {
    margin: 0 !important;
    padding-bottom: 20px;
}

.hyzs .new_fl h2 a {
    font-size: 16px;
}

.hyzs .new_fl .more_03 {
    color: #9d8049;
    display: block;
    padding-top: 10px;
}/*# sourceMappingURL=main.css.map */

.big-auto-box {
    width: 1390px;
    margin: 0 auto
}

.big-auto-box:before, .big-auto-box:after {
    content: " ";
    display: table
}

.big-auto-box:after {
    clear: both
}

.gl-a {
    height: 597px;
    padding-top: 53px;
    background-color: #ededed
}

.gl-a-l {
    position: relative;
    float: left;
    width: 334px;
    height: 487px;
    padding: 15px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
    box-shadow: 0 0 15px rgba(0,0,0,0.05)
}

.gl-a-l .right-tag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.gl-a-l .gl-a-hd {
    font-size: 24px;
    color: #434d58;
    margin-bottom: 15px
}

.gl-a-l .gl-a-hd small {
    font-size: 16px
}

.gl-a-l .step-wrap {
    height: 194px
}

.gl-a-l .step-wrap:before, .gl-a-l .step-wrap:after {
    content: " ";
    display: table
}

.gl-a-l .step-wrap:after {
    clear: both
}

.gl-a-l .step-wrap a {
    float: left
}

.gl-a-l .step-wrap a.first {
    margin-right: 6px
}

.gl-a-l .step-wrap a.last {
    margin-top: 6px
}

.gl-a-l .step-wrap img {
    display: block
}

.gl-a-l .step-form {
    padding-top: 15px
}

.gl-a-l .step-form .form-control {
    height: 52px;
    line-height: 50px;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.gl-a-l .step-form .btn {
    padding: 11px 12px;
    background-color: #343c45;
    color: #ffffff;
    font-size: 20px
}

.gl-a-c {
    position: relative;
    float: left;
    width: 712px;
    margin-left: 16px
}

.gl-a-c .right-tag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.gl-a-c .gl-a-banner {
    height: 358px;
    overflow: hidden
}

.gl-a-c .gl-a-banner img {
    display: block;
    width: 712px;
    height: 358px
}

.gl-a-c .gl-a-c-bot {
    margin-top: 9px
}

.gl-a-c .gl-a-c-bot:before, .gl-a-c .gl-a-c-bot:after {
    content: " ";
    display: table
}

.gl-a-c .gl-a-c-bot:after {
    clear: both
}

.gl-a-c .gl-a-c-bot .ac-media {
    float: left;
    width: 352px;
    height: 120px;
    background-color: #ffffff;
    padding: 15px 25px 0
}

.gl-a-c .gl-a-c-bot .ac-media.first {
    margin-right: 8px
}

.gl-a-c .gl-a-c-bot .ac-media.first .ac-media-hd {
    background-color: #d6aa54
}

.gl-a-c .gl-a-c-bot .ac-media.first .ac-media-bd h4 {
    color: #d6aa54
}

.gl-a-c .gl-a-c-bot .ac-media .ac-media-hd {
    float: right;
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #d86957
}

.gl-a-c .gl-a-c-bot .ac-media .ac-media-hd i {
    font-size: 55px;
    color: #ffffff
}

.gl-a-c .gl-a-c-bot .ac-media .ac-media-bd {
    float: left
}

.gl-a-c .gl-a-c-bot .ac-media .ac-media-bd h4 {
    color: #d86957;
    font-weight: bold;
    margin-top: 20px;
    font-size: 25px
}

.gl-a-c .gl-a-c-bot .ac-media .ac-media-bd p {
    font-size: 14px;
    color: #666666
}

.gl-a-r {
    width: 314px;
    height: 487px;
    padding: 10px 22px;
    background-color: #ffffff;
    float: right
}

.gl-panel {
    clear: both
}

.gl-panel .gl-panel-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 15px
}

.gl-panel .gl-panel-header:before, .gl-panel .gl-panel-header:after {
    content: " ";
    display: table
}

.gl-panel .gl-panel-header:after {
    clear: both
}

.gl-panel .gl-panel-header strong {
    font-size: 18px;
    font-weight: normal
}

.gl-panel .gl-panel-header .more {
    margin-top: 5px;
    float: right;
    color: #adadad
}

.gl-r-header {
    position: relative
}

.gl-r-header img {
    width: 270px;
    height: 157px
}

.gl-r-header span {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px 10px 10px 45px;
    background: url("../img/play-icon.jpg") 15px center no-repeat rgba(24,24,24,0.8);
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-list {
    margin-top: 25px
}

.video-list li {
    margin-bottom: 10px;
    padding-left: 30px;
    background: url("../img/play-icon2.jpg") 0 center no-repeat
}

.video-list li a {
    color: #7e7e7e
}

.video-list li a:hover {
    color: #b69454
}

.gl-b {
    background-color: #ffffff
}

.gl-knowledge-header {
    padding: 40px 0 20px;
    text-align: center;
    font-size: 30px
}

.gl-kn-tab {
    position: relative;
    height: 158px
}

.gl-kn-tab .gl-kn-ul {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.gl-kn-tab .gl-kn-ul:before, .gl-kn-tab .gl-kn-ul:after {
    content: " ";
    display: table
}

.gl-kn-tab .gl-kn-ul:after {
    clear: both
}

.gl-kn-tab .gl-kn-ul li {
    position: relative;
    float: left;
    width: 33.333%;
    height: 158px;
    padding-top: 25px
}

.gl-kn-tab .gl-kn-ul li+li {
    border-left: 1px solid #dde7f3
}

.gl-kn-tab .gl-kn-ul li.first.active dl {
    padding-top: 30px
}

.gl-kn-tab .gl-kn-ul li.last dl dd a span {
    padding: 0 95px
}

.gl-kn-tab .gl-kn-ul li.last.active dl {
    padding-top: 30px
}

.gl-kn-tab .gl-kn-ul li.active {
    background-color: #efefef;
    padding-top: 20px
}

.gl-kn-tab .gl-kn-ul li.active:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid #efefef;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 1
}

.gl-kn-tab .gl-kn-ul li.active dl dt {
    display: none
}

.gl-kn-tab .gl-kn-ul li.active dl dd a i {
    display: block;
    font-size: 22px
}

.gl-kn-tab .gl-kn-ul li dl dt {
    padding: 0 45px 12px;
    font-size: 22px;
    color: #555555;
    font-weight: normal
}

.gl-kn-tab .gl-kn-ul li dl dd {
    text-align: center
}

.gl-kn-tab .gl-kn-ul li dl dd a {
    display: inline-block;
    margin-bottom: 12px
}

.gl-kn-tab .gl-kn-ul li dl dd a+a span {
    border-left: 1px solid #dde7f3
}

.gl-kn-tab .gl-kn-ul li dl dd a:nth-child(5) span {
    border-left: 0
}

.gl-kn-tab .gl-kn-ul li dl dd a:hover span {
    color: #b69454
}

.gl-kn-tab .gl-kn-ul li dl dd i {
    display: none
}

.gl-kn-tab .gl-kn-ul li dl dd span {
    display: block;
    font-size: 18px;
    color: #7f7f7f;
    padding: 0 35px
}

.gl-kn-tab .gl-kn-cont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -128px
}

.gl-kn-tab .gl-kn-cont a {
    vertical-align: top;
    width: 1390px;
    height: 126px;
    display: none
}

.gl-knowledge-body {
    margin-bottom: 25px
}

.gl-kn-body {
    height: 128px
}

.gl-kn-body img {
    display: block
}

.gl-task {
    margin-bottom: 25px
}

.gl-task:before, .gl-task:after {
    content: " ";
    display: table
}

.gl-task:after {
    clear: both
}

.gl-task .gl-task-l {
    float: left;
    width: 374px
}

.gl-task .gl-task-r {
    float: right;
    width: 1006px
}

.gl-task-panel .gl-task-panel-header {
    padding: 10px 0;
    color: #555555
}

.gl-task-panel .gl-task-panel-header strong {
    font-size: 24px;
    font-weight: normal
}

.gl-task-panel .gl-task-panel-header small {
    margin-left: 5px;
    font-size: 14px;
    color: #999
}

.gl-task-panel .gl-task-panel-header small a {
    color: #999;
    margin: 0 5px
}

.gl-task-panel .gl-task-panel-body:before, .gl-task-panel .gl-task-panel-body:after {
    content: " ";
    display: table
}

.gl-task-panel .gl-task-panel-body:after {
    clear: both
}

.gl-task-list {
    height: 430px;
    padding: 20px;
    border: 1px solid #ddd
}

.gl-task-list li:before, .gl-task-list li:after {
    content: " ";
    display: table
}

.gl-task-list li:after {
    clear: both
}

.gl-task-list li+li {
    margin-top: 12px
}

.gl-task-list li .gl-task-list-hd {
    float: left;
    margin-right: 18px
}

.gl-task-list li .gl-task-list-hd a {
    display: block
}

.gl-task-list li .gl-task-list-hd img {
    width: 103px;
    height: 67px
}

.gl-task-list li .gl-task-list-bd {
    overflow: hidden
}

.gl-task-list li .gl-task-list-bd h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    height: 40px;
    overflow: hidden
}

.gl-task-list li .gl-task-list-bd p {
    color: #999
}

.gl-space-main {
    position: relative;
    float: left;
    width: 712px
}

.gl-space-main .right-tag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.gl-space-main .gl-space-side {
    position: relative;
    display: block;
    width: 712px;
    height: 430px;
    overflow: hidden
}

.gl-space-main .gl-space-side img {
    display: block;
    width: 712px;
    height: 430px
}

.gl-space-main .gl-space-side span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(0,0,0,0.7);
    font-size: 20px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gl-space-side {
    float: right;
    width: 294px;
    height: 430px;
    background-color: #e4e4e4
}

.gl-space-side .gl-space-media {
    padding: 35px 25px 10px;
    height: 154px;
    background-color: #3c444f
}

.gl-space-side .gl-space-media:before, .gl-space-side .gl-space-media:after {
    content: " ";
    display: table
}

.gl-space-side .gl-space-media:after {
    clear: both
}

.gl-space-side .space-media-hd {
    float: left;
    margin-right: 15px
}

.gl-space-side .space-media-hd img {
    display: block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff
}

.gl-space-side .space-media-bd {
    overflow: hidden;
    color: #ffffff
}

.gl-space-side .space-media-bd h4 {
    font-size: 20px;
    font-weight: normal
}

.gl-space-side .space-media-bd p {
    font-size: 14px;
    height: 40px;
    overflow: hidden
}

.gl-space-side .gl-space-wrap {
    position: relative
}

.gl-space-side .gl-space-wrap .gl-space-tag {
    position: absolute;
    top: -10px;
    left: 24px;
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background-color: #a59673;
    color: #ffffff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.gl-space-side .gl-space-wrap .gl-space-tag:before {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #675c45;
    border-right: 7px solid transparent
}

.gl-space-list {
    padding-top: 38px
}

.gl-space-list li {
    padding-left: 30px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gl-space-list li:before, .gl-space-list li:after {
    content: " ";
    display: table
}

.gl-space-list li:after {
    clear: both
}

.gl-space-list li a {
    position: relative
}

.gl-space-list li a:hover:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 6px;
    width: 5px;
    height: 5px;
    background-color: #b69454;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.gl-space-list li span {
    float: right;
    color: #999
}

.small-v-box {
    margin-bottom: 25px
}

.small-v-box:before, .small-v-box:after {
    content: " ";
    display: table
}

.small-v-box:after {
    clear: both
}

.small-v-box .box-l {
    float: left;
    width: 50%;
    height: 183px;
    background-color: #efefef;
    padding: 35px 60px 0 25px
}

.small-v-box .box-r {
    float: left;
    width: 50%;
    height: 183px;
    background-color: #e4e4e4
}

.v-media:before, .v-media:after {
    content: " ";
    display: table
}

.v-media:after {
    clear: both
}

.v-media .v-media-hd {
    float: left;
    margin-right: 30px
}

.v-media .v-media-hd a {
    position: relative;
    display: block;
    width: 116px;
    height: 116px
}

.v-media .v-media-hd a:hover:before {
    background-color: rgba(0,0,0,0.5)
}

.v-media .v-media-hd a:before {
    content: "\e62c";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 116px;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    font-size: 40px;
    color: #ffffff
}

.v-media .v-media-hd a img {
    display: block;
    width: 116px;
    height: 116px
}

.v-media .v-media-bd .pull-right {
    float: right;
    color: #b69454
}

.v-media .v-media-bd h4 {
    font-size: 20px
}

.v-media .v-media-bd .v-media-disc {
    margin-bottom: 15px
}

.v-media .v-media-bd .v-media-disc span {
    margin-right: 20px;
    color: #bebebe
}

.v-media .v-media-bd .v-media-disc span i {
    margin-right: 5px
}

.v-media .v-media-bd p {
    color: #555555;
    font-size: 14px;
    line-height: 16px
}

.v-media-img {
    padding: 20px 38px
}

.v-media-img:before, .v-media-img:after {
    content: " ";
    display: table
}

.v-media-img:after {
    clear: both
}

.v-media-img li {
    float: left;
    margin: 5px 20px
}

.v-media-img li a {
    display: block;
    width: 63px;
    height: 63px
}

.v-media-img li img {
    display: block;
    width: 63px;
    height: 63px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.v-media-img li.more a {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background-color: #d5d5d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.v-media-img li.more a i {
    font-size: 26px;
    color: #a5a5a5
}

.gl-info-wrap {
    margin-bottom: 50px
}

.gl-info-wrap .gl-panel+.gl-panel {
    margin-top: 25px
}

.gl-info-wrap .gl-panel .gl-panel-header .pull-right {
    margin-top: 15px;
    color: #555555
}

.gl-info-wrap .gl-panel .gl-panel-header .pull-right a {
    margin: 0 5px
}

.gl-info-wrap .gl-panel .gl-panel-header strong {
    font-size: 26px
}

.gl-info-wrap .gl-panel .gl-panel-body:before, .gl-info-wrap .gl-panel .gl-panel-body:after {
    content: " ";
    display: table
}

.gl-info-wrap .gl-panel .gl-panel-body:after {
    clear: both
}

.gl-info-wrap:before, .gl-info-wrap:after {
    content: " ";
    display: table
}

.gl-info-wrap:after {
    clear: both
}

.gl-info-wrap .gl-info-main {
    float: left;
    width: 1440px
}

.gl-info-wrap .gl-info-main .gl-info-item {
    float: left;
    width: 270px
}

.gl-info-wrap .gl-info-main .gl-info-item+.gl-info-item {
    margin-left: 10px
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-head .gl-info-link {
    position: relative;
    display: block;
    width: 270px;
    height: 187px;
    overflow: hidden
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-head .gl-info-link img {
    width: 270px;
    height: 187px
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-head .gl-info-link span {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    color: #ffffff;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    font-size: 16px
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-ul {
    padding-top: 10px
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-ul li {
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-ul li a {
    color: #555555
}

.gl-info-wrap .gl-info-main .gl-info-item .gl-info-ul li a:hover {
    color: #b69454
}

.gl-info-wrap .gl-info-side {
    float: right;
    width: 415px
}

.info-side-media li:before, .info-side-media li:after {
    content: " ";
    display: table
}

.info-side-media li:after {
    clear: both
}

.info-side-media li+li {
    margin-top: 10px
}

.info-side-media li .side-media-hd {
    float: left;
    width: 191px;
    margin-right: 15px
}

.info-side-media li .side-media-hd img {
    width: 191px;
    height: 126px
}

.info-side-media li .side-media-bd {
    overflow: hidden;
    zoom: 1
}

.info-side-media li .side-media-bd h4 {
    font-weight: normal;
    font-size: 16px
}

.info-side-media li .side-media-bd p {
    color: #999;
    margin-bottom: 10px
}

.info-side-media li .side-media-bd .info-date {
    color: #999
}

.gl-bk-row {
    margin-top: 20px;
    margin-bottom: 30px
}

.gl-bk-row:before, .gl-bk-row:after {
    content: " ";
    display: table
}

.gl-bk-row:after {
    clear: both
}

.gl-bk-row dl {
    float: left;
    width: 240px
}

.gl-bk-row dl+dl {
    margin-left: 142px
}

.gl-bk-row dl dt {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px
}

.gl-bk-row dl dd a {
    display: block;
    line-height: 24px;
    margin-right: 10px;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gl-bk-row dl dd a:hover {
    color: #b69454
}

.side-panel-header .pull-right {
    font-size: 14px;
    margin-top: 5px
}

.side-panel-header .pull-right a {
    margin: 0 5px;
    color: #999
}

.side-media-img {
    padding: 10px 0
}

.side-media-img li:before, .side-media-img li:after {
    content: " ";
    display: table
}

.side-media-img li:after {
    clear: both
}

.side-media-img li+li {
    margin-top: 15px
}

.side-media-img li .side-media-hd {
    float: left;
    margin-right: 15px
}

.side-media-img li .side-media-hd img {
    display: block;
    width: 69px;
    height: 69px;
    border: 2px solid #c6af88;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.side-media-img li .side-media-bd h4 {
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal
}

.side-media-img li .side-media-bd p {
    font-size: 14px;
    color: #999;
    line-height: 16px
}

.vd-top {
    position: relative;
    height: 262px;
    padding-top: 85px;
    padding-left: 66px;
    padding-right: 66px;
    background: url(../img/vd-top.jpg) 0 0 no-repeat
}

.vd-top .gl-space-tag {
    position: absolute;
    right: 10px;
    top: -10px;
    background-color: #e5e3e3;
    width: 58px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.vd-top .gl-space-tag:before {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #999999;
    border-right: 7px solid transparent
}

.vd-top .gl-space-tag:hover .drop-share {
    display: block
}

.vd-top .gl-space-tag .drop-share {
    left: 0;
    top: 36px
}

.vd-top .vd-top-hd {
    float: left;
    width: 90px;
    margin-right: 24px
}

.vd-top .vd-top-hd img {
    display: block;
    width: 90px;
    height: 90px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.vd-top .vd-top-bd {
    float: left;
    width: 540px
}

.vd-top .vd-top-bd h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: normal
}

.vd-top .vd-top-bd h4 strong {
    font-weight: normal
}

.vd-top .vd-top-bd h4 span {
    font-size: 14px;
    color: #999;
    margin-left: 15px
}

.vd-top .vd-top-bd h4 span i {
    margin-right: 5px
}

.vd-top .vd-top-bd p {
    color: #999
}

.vd-top .vd-top-ft {
    overflow: hidden;
    padding-top: 35px;
    padding-left: 30px
}

.vd-top .vd-top-ft .btn {
    background-color: #b69454;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
}

.vd-lan {
    padding-top: 12px
}

.vd-lan .vd-lan-list {
    margin-left: -5px;
    margin-right: -5px
}

.vd-lan .vd-lan-list li {
    padding-left: 5px;
    padding-right: 5px
}

.vd-lan .vd-lan-list li img {
    display: block;
    width: 294px;
    height: 204px
}

.vd-lan .vd-lan-list li span {
    position: absolute;
    left: 5px;
    bottom: 0;
    right: 5px;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    color: #ffffff;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    font-size: 16px
}

.vd-lan .vd-lan-list li span i {
    font-size: 18px
}

.vd-filter {
    padding-top: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.strategy-list.audio .strategy-video-hd a:hover:before {
    content: "\e6dd"
}

.strategy-list .strategy-video-hd {
    position: relative;
    float: left;
    width: 170px;
    margin-right: 25px
}

.strategy-list .strategy-video-hd a {
    display: block;
    width: 170px;
    height: 130px
}

.strategy-list .strategy-video-hd a img {
    width: 170px;
    height: 130px
}

.strategy-list .strategy-video-hd a:hover:before {
    content: "\e62c";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 116px;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    font-size: 40px;
    color: #ffffff
}/*# sourceMappingURL=main.css.map */

.case-list-wrap .pagination a{

    text-align: center;
    padding:10px 15px;
    display:inline-block;
    border:#dedede 1px solid;
    border-radius:3px;
    margin:0 5px;
}
.case-list-wrap .pagination a:hover{
    color:#b69454;
    border:#b69454 1px solid;
}

.case-list-wrap .pagination span.current{
    text-align: center;
    padding:10px 15px;
    display:inline-block;
    border:#b69454 1px solid;
    border-radius:3px;
    margin:0 5px;
    color:#b69454;
}

.case-list-wrap .pagination label{
    font-weight:normal;
}

.designer-list-wrap .pagination a{

    text-align: center;
    padding:10px 15px;
    display:inline-block;
    border:#dedede 1px solid;
    border-radius:3px;
    margin:0 5px;
}
.designer-list-wrap .pagination a:hover{
    color:#b69454;
    border:#b69454 1px solid;
}

.designer-list-wrap .pagination span.current{
    text-align: center;
    padding:10px 15px;
    display:inline-block;
    border:#b69454 1px solid;
    border-radius:3px;
    margin:0 5px;
    color:#b69454;
}

.designer-list-wrap .pagination label{
    font-weight:normal;
}