img {
    display   : inline-block;
    width     : 100%;
    height    : 100%;
    max-width : 100%;
    object-fit: cover
}

.common-header {
    height    : 100px;
    background: #2b2c2b;
    text-align: center
}

.common-header .nav {
    z-index   : 6;
    height    : 100px;
    background: #2b2c2b
}

.common-header .nav .logo {
    z-index      : 6;
    float        : left;
    margin       : 0 45px;
    width        : 230px;
    height       : 113px;
    border-radius: 50%;
    box-shadow   : 0 0 100px rgba(0, 0, 0, .8)
}

.common-header .nav .logo img {
    display: block
}

.common-header .nav .ul {
    float          : left;
    display        : flex;
    width          : 440px;
    height         : 100px;
    vertical-align : top;
    justify-content: space-between
}

.common-header .nav .ul li {
    line-height: 100px;
    text-align : center;
    position   : relative
}

.common-header .nav .ul li a {
    position : relative;
    color    : #ffd770;
    font-size: 16px
}

.common-header .nav .ul li a:after {
    position  : absolute;
    right     : 0;
    bottom    : -15px;
    left      : 0;
    display   : none;
    width     : 100%;
    height    : 2px;
    background: #ffd770;
    content   : ''
}

.common-header .nav .ul li a:hover {
    text-shadow: 0 0 10px #ffd770
}

.common-header .nav .ul li a:hover:after {
    display: block
}

.common-header .nav .ul li .navActive {
    text-shadow: 0 0 10px #ffd770
}

.common-header .nav .ul li .navActive:after {
    display: block
}

.common-header .nav .ul li .notShow {
    text-shadow: none
}

.common-header .nav .ul li .notShow:after {
    display: none
}

.common-header .nav .ul li .sub {
    position                  : absolute;
    top                       : 100px;
    left                      : 50%;
    z-index                   : 5;
    display                   : none;
    padding-bottom            : 10px;
    width                     : 112px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius : 4px;
    background                : #2b2c2b;
    transform                 : translateX(-50%)
}

.common-header .nav .ul li .sub li {
    display    : block;
    line-height: 50px
}

.common-header .nav .ul li .sub li a:hover {
    text-shadow: 0 0 10px #ffd770
}

.common-header .fixed {
    position  : fixed;
    top       : 0;
    left      : 0;
    z-index   : 99;
    height    : 100px;
    background: #2b2c2b
}

.common-page {
    margin-top   : 30px;
    margin-bottom: 50px;
    text-align   : center
}

.common-page a,
.common-page span {
    margin       : 0 5px;
    padding      : 0 14px;
    border-radius: 30px;
    color        : #adadad;
    font-size    : 13px;
    transition   : .5s
}

.common-page a:hover {
    background: #2b2c2b;
    color     : #fff
}

.common-page .curPage {
    background: #2b2c2b;
    color     : #fff
}

.common-footer .c-f-top {
    padding   : 60px 0;
    background: #393939
}

.common-footer .c-f-top .c-f-nav {
    float: left;
    width: 78%
}

.common-footer .c-f-top .c-f-nav dl {
    float         : left;
    vertical-align: top
}

.common-footer .c-f-top .c-f-nav dl dt {
    margin-bottom: 30px;
    color        : #ffd770;
    font-size    : 16px;
    border-right : 1px solid #ffd770;
    padding-right: 30px;
    margin-right : 30px;
}

.common-footer .c-f-top .c-f-nav dl:last-child dt {
    border-right: none;
}

.common-footer .c-f-top .c-f-nav dl dd {
    margin-top: 15px;
    color     : #a6a6a6;
    font-size : 14px
}

.common-footer .c-f-top .c-f-code {
    float      : right;
    margin-left: -100px;
    width      : 22%
}

.common-footer .c-f-top .c-f-code .font {
    color    : #ddd;
    font-size: 16px
}

.common-footer .c-f-top .c-f-code .phone {
    color      : #fff;
    font-size  : 1.8em;
    line-height: 200%
}

.common-footer .c-f-top .c-f-code .code {
    margin-top: 10px
}

.common-footer .c-f-top .c-f-code .code .block {
    float       : left;
    overflow    : hidden;
    margin-right: 20px;
    width       : 100px
}

.common-footer .c-f-top .c-f-code .code .block img {
    width     : 100px;
    height    : 100px;
    object-fit: cover
}

.common-footer .c-f-top .c-f-code .code .block p {
    margin-top: 15px;
    color     : #ddd;
    font-size : 16px;
    text-align: center
}

.common-footer .c-f-bottom {
    padding   : 30px 0;
    background: #000
}

.common-footer .c-f-bottom a {
    color: #6e6e6e
}

.common-footer .c-f-bottom .copyright {
    float      : left;
    color      : #6e6e6e;
    line-height: 30px
}

.common-footer .c-f-bottom .friends {
    position: relative;
    float   : right;
    border  : 1px solid #aaa;
    color   : #6e6e6e
}

.common-footer .c-f-bottom .friends .friend-hover {
    padding    : 0 70px;
    line-height: 30px;
    cursor     : pointer
}

.common-footer .c-f-bottom .friends ul {
    position  : absolute;
    bottom    : 40px;
    left      : 0;
    display   : none;
    padding   : 1px;
    width     : 100%;
    border    : 1px solid #ddd;
    background: #000
}

.common-footer .c-f-bottom .friends ul li {
    width      : 100%;
    text-align : center;
    line-height: 35px
}

.banner {
    height: 250px
}

.banner img {
    display   : block;
    width     : 100%;
    height    : 250px;
    max-width : 100%;
    object-fit: cover
}

.location {
    height     : 40px;
    background : #fff;
    line-height: 40px
}

.location .left {
    float: left;
    color: #adadad
}

.location .left a {
    color: #adadad
}

.location .left a:last-child {
    color    : #bdaf81;
    font-size: 14px
}

.location .right {
    position: relative;
    float   : right
}

.location .right .search {
    position     : absolute;
    top          : 7px;
    right        : 0;
    overflow     : hidden;
    width        : 220px;
    height       : 26px;
    border-radius: 30px
}

.location .right .search .input {
    padding       : 0 15px;
    width         : 100%;
    height        : 26px;
    background    : #e9e9e9;
    vertical-align: top
}

.location .right .search .submit {
    position       : absolute;
    top            : 0;
    right          : 0;
    width          : 40px;
    height         : 26px;
    background     : #000 url(../images/home/search.png) no-repeat center center;
    background-size: 20px;
    color          : #fff;
    vertical-align : top;
    text-indent    : -99px;
    font-size      : 12px;
    cursor         : pointer
}

.bd_weixin_popup {
    width : auto !important;
    height: auto !important
}

.gray-location {
    background: #f2f3f2
}

.progressbar {
    -webkit-animation          : progressbar 4.8s 1 linear;
    -moz-animation             : progressbar 4.8s 1 linear;
    animation                  : progressbar 4.8s 1 linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode   : forwards;
    animation-fill-mode        : forwards
}

@-webkit-keyframes progressbar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@-moz-keyframes progressbar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes progressbar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}