/* TOP 背景 */
#top1 {
    background-color: #f7f7f7;
}

/* Logo 颜色 */
#top1 .logozi h3 {
    color: #000;
}

#sa-header {
    height: 125px;
}


@media screen and (min-width: 1180px) {

    /* TOP 背景 */
    #top {
        background-color: #f7f7f7;
    }

    #top1 {
        background-color: #f7f7f7;
    }

    /* Logo 颜色 */
    #top .headtop h3 dd {
        color: #000;
    }

    #top .headtop h3 dt {
        color: #000;
    }

    #top1 .logozi h3 {
        color: #000;
    }

    /* 搜索框颜色 */
    #top .headtop .search {
        border: 1px solid #333;
    }

    /* 电话上方文字颜色 */
    .dianhua .tele a {
        color: #333;
    }

    /* 电话颜色 */
    .dianhua .tele strong {
        color: #333;
    }

    /* TOP 高度 */
    #low-2 {
        display         : flex;
        display         : -webkit-flex;
        flex-direction  : column;
        align-items     : center;
        width           : 100%;
        background-color: #FFF;
    }

    #low-2 ul li {
        position    : relative;
        float       : left;
        display     : block;
        width       : 110px;
        height      : 100%;
        margin-right: 20px
    }

    #low-2 ul li>a {
        height     : 100%;
        color      : #000000;
        font-size  : 16px;
        display    : block;
        line-height: 47px;
        text-align : center
    }

    #low-2 ul li>a:hover {
        /* 导航文字选中颜色 */
        color          : #f58635;
        text-decoration: none;
    }


    #low-2 .naviline {
        display           : inline-block;
        position          : absolute;
        top               : 40px;
        left              : 0;
        right             : 0;
        margin            : auto;
        z-index           : 9999999;
        height            : 3px;
        width             : 100px;
        /* 导航条块颜色 */
        background-color  : #f58635;
        -webkit-transform : scale(0, 1);
        /* Safari 和 Chrome  */
        -ms-transform     : scale(0, 1);
        /* Internet Explorer 9*/
        transform         : scale(0, 1);
        /* Internet Explorer 10、Firefox、Opera */
        transition        : transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        /* Safari */
    }

    #low-2 ul li .hoverline,
    .top .low-2 ul li .hoverline {
        -webkit-transform: scale(1, 1);
        -ms-transform    : scale(1, 1);
        transform        : scale(1, 1);
    }

    #low-2 ul li:hover .naviline,
    .top .low-2 ul li:focus .naviline {
        -webkit-transform: scale(1, 1);
        -ms-transform    : scale(1, 1);
        transform        : scale(1, 1)
    }

    .artSpace {
        position  : absolute;
        left      : 0;
        top       : 47px;
        display   : none;
        /* 二级导航背景颜色 */
        background: #FFF;
        box-shadow: 3px 5px 7px #ccc;
        z-index   : 999999999999
    }

    .artSpace a:hover {
        /* 二级导航文字颜色 */
        font-weight    : bold;
        color          : #000;
        text-decoration: none !important;
    }


    .artSpace h3 {
        margin               : 0 !important;
        padding              : 0 !important;
        -webkit-margin-before: 0 !important;
        -webkit-margin-after : 0 !important;
        box-sizing           : content-box !important
    }

    .artSpace a {
        display    : block;
        padding    : 15px 10px;
        width      : 92px;
        float      : left;
        font-size  : 14px;
        color      : #000;
        background : #fff;
        font-weight: normal;
        box-sizing : content-box !important;
        text-align : left
    }
}

@media screen and (min-width: 822px) and (max-width: 1180px) {
    #sa-header {
        height: 80px;
    }

    #foot .left .erweima {
        width      : 95% !important;
        padding-top: 0 !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 821px) {
    #sa-header {
        height: 80px;
    }

    #foot .left .erweima {
        width      : 100%;
        max-width  : 81%;
        padding-top: 63px;
    }
}

@media screen and (max-width: 480px) {
    #sa-header {
        height: 80px;
    }

    #foot .left .address {
        padding-left: 0 !important;
    }
}