@media (min-width: 768px) {
    .support_top {
        background: url("../images/p_support1.jpg") no-repeat center/cover;
        text-align: center;
    }

    .support_top_dec {
        position: relative;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    /*中部*/
    .support_middle1 {
        background-color: rgb(31, 31, 31);
        border-bottom: 1px solid rgba(179, 133, 73, .4);
    }

    .support_middle1 .support_middle1_dec ul {
        overflow: hidden;
    }

    .support_middle1 .support_middle1_dec ul li {
        float: left;
        text-align: center;
    }

    .support_middle1 .support_middle1_dec .support_middle1_line {
        background-color: rgba(179, 133, 73, .4);
    }

    .support_middle2 {
        background-color: rgb(31, 31, 31);
        border-bottom: 1px solid rgba(179, 133, 73, .4);
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        float: left;
    }

    .support_middle2 .support_middle2_dec > img {
        float: right;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        background-color: #B38549;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        background-color: #B38549;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        color: #c8c8c8;
    }

    .support_middle3 {
        background-color: rgb(31, 31, 31);
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        float: right;
    }

    .support_middle3 .support_middle3_dec > img {
        float: left;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        background-color: #B38549;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        background-color: #B38549;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        color: #c8c8c8;
    }
}

@media (min-width: 1200px) {
    .support_top_dec {
        height: 500px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        width: 720px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 62px;
        line-height: 62px;
        margin-bottom: 20px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 38px;
        line-height: 38px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 146px 0;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 22px;
        line-height: 22px;
        color: #B38549;
        margin-top: 60px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec1 {
        margin-left: 40px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec3 {
        margin-right: 40px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_line {
        width: 1px;
        height: 200px;
        margin: 0 138px;
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 840px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 100px 15px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 20px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 140px;
        height: 14px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 840px;
        height: 2px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 18px;
        line-height: 27px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 840px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 100px 15px;
    }

    .support_middle3 .support_middle3_dec1 {
        margin-top: 35px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 20px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 140px;
        height: 14px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 840px;
        height: 2px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 18px;
        line-height: 27px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .support_top_dec {
        height: 450px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        width: 650px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 56px;
        line-height: 56px;
        margin-bottom: 18px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 34px;
        line-height: 34px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 130px 0;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 20px;
        line-height: 20px;
        color: #B38549;
        margin-top: 54px;
    }

    .support_middle1 .support_middle1_dec > ul > li img {
        width: 150px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec1 {
        margin-left: 35px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec3 {
        margin-right: 35px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_line {
        width: 1px;
        height: 180px;
        margin: 0 104px;
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 700px;
    }

    .support_middle2 .support_middle2_dec > img {
        width: 170px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 90px 15px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 15px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 120px;
        height: 10px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 700px;
        height: 2px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 16px;
        line-height: 24px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 700px;
    }

    .support_middle3 .support_middle3_dec > img {
        width: 170px;
        margin-top: 5px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 90px 15px;
    }

    .support_middle3 .support_middle3_dec1 {
        margin-top: 35px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 15px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 120px;
        height: 10px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 700px;
        height: 2px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .support_top_dec {
        height: 400px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        /*margin-top: 160px;*/
        width: 600px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 16px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 30px;
        line-height: 30px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 115px 0;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 18px;
        line-height: 18px;
        color: #B38549;
        margin-top: 48px;
    }

    .support_middle1 .support_middle1_dec > ul > li img {
        width: 130px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec1 {
        margin-left: 30px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_dec3 {
        margin-right: 30px;
    }

    .support_middle1 .support_middle1_dec .support_middle1_line {
        width: 1px;
        height: 160px;
        margin: 0 67px;
    }

    .support_middle2 {
        background-color: rgb(31, 31, 31);
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 545px;
    }

    .support_middle2 .support_middle2_dec > img {
        width: 150px;
        margin-top: 10px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 80px 10px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 16px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 110px;
        height: 10px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 540px;
        height: 1px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 14px;
        line-height: 21px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 545px;
        margin-top: 25px;
    }

    .support_middle3 .support_middle3_dec > img {
        width: 150px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 80px 10px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 16px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 110px;
        height: 10px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 540px;
        height: 1px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 767px) {
    /*767以下公用部分*/
    .support_top {
        background: url("../images/m_support1.jpg") no-repeat center/cover;
        text-align: center;
    }

    .support_top > .support_top_dec {
        position: relative;
    }

    /*中部*/
    .support_middle1 {
        background-color: rgb(31, 31, 31);
        border-bottom: 1px solid rgba(179, 133, 73, .4);
    }

    .support_middle1 .support_middle1_dec ul li {
        text-align: center;
    }

    .support_middle1 .support_middle1_dec ul li:hover span {
        color: #ddbd8a;
    }

    .support_middle2 {
        background-color: rgb(31, 31, 31);
        border-bottom: 1px solid rgba(179, 133, 73, .4);
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        margin: 0 auto;
    }

    .support_middle2 .support_middle2_dec {
        text-align: center;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        text-align: left;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        background-color: #B38549;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        background-color: #B38549;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        text-align: left;
        color: #c8c8c8;
    }

    .support_middle3 {
        background-color: rgb(31, 31, 31);
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        margin: 0 auto;
    }

    .support_middle3 .support_middle3_dec {
        text-align: center;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        text-align: left;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        background-color: #B38549;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        background-color: #B38549;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        text-align: left;
        color: #c8c8c8;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .support_top > .support_top_dec {
        height: 445px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        margin-top: 210px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 46px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 24px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 110px 0;
    }

    .support_middle1 .support_middle1_dec ul li img {
        width: 170px;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 24px;
        line-height: 24px;
        color: #B38549;
        margin-top: 45px;
        margin-bottom: 110px;
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 405px;
    }

    .support_middle2 .support_middle2_dec > img {
        width: 200px;
        margin-top: 55px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 110px 0;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 22px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 22px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 120px;
        height: 10px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 400px;
        height: 2px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 16px;
        line-height: 24px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 405px;
    }

    .support_middle3 .support_middle3_dec > img {
        width: 200px;
        margin-top: 55px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 110px 0;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 22px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 120px;
        height: 10px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 400px;
        height: 2px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 360px) and (max-width: 479px) {
    .support_top {
        height: 400px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        margin-top: 190px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 42px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 22px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 100px 0;
    }

    .support_middle1 .support_middle1_dec ul li img {
        width: 150px;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 22px;
        line-height: 22px;
        color: #B38549;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 341px;
    }

    .support_middle2 .support_middle2_dec > img {
        width: 180px;
        margin-top: 50px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 100px 0;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 20px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 110px;
        height: 9px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 341px;
        height: 2px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 14px;
        line-height: 21px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 341px;
    }

    .support_middle3 .support_middle3_dec > img {
        width: 180px;
        margin-top: 50px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 100px 0;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 20px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 110px;
        height: 9px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 341px;
        height: 2px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 359px) {
    .support_top {
        height: 360px;
    }

    .support_top > .support_top_dec > .support_top_dec_text {
        margin-top: 170px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text1 {
        font-size: 38px;
        margin-bottom: 18px;
    }

    .support_top > .support_top_dec > .support_top_dec_text > .support_top_dec_text2 {
        font-size: 20px;
        line-height: 24px;
    }

    /*中部*/
    .support_middle1 .support_middle1_dec ul {
        margin: 90px 0;
    }

    .support_middle1 .support_middle1_dec ul li img {
        width: 135px;
    }

    .support_middle1 .support_middle1_dec > ul > li span {
        display: block;
        font-size: 20px;
        line-height: 20px;
        color: #B38549;
        margin-top: 36px;
        margin-bottom: 90px;
    }

    .support_middle2 .support_middle2_dec .support_middle2_dec1 {
        width: 294px;
    }

    .support_middle2 .support_middle2_dec > img {
        width: 160px;
        margin-top: 45px;
    }

    .support_middle2 .support_middle2_dec {
        padding: 90px 0;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_title {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 18px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line {
        margin-bottom: 18px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_c {
        width: 100px;
        height: 8px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_line_x {
        width: 294px;
        height: 1px;
    }

    .support_middle2 .support_middle2_dec1 .support_middle2_text {
        font-size: 12px;
        line-height: 18px;
    }

    .support_middle3 .support_middle3_dec .support_middle3_dec1 {
        width: 294px;
    }

    .support_middle3 .support_middle3_dec > img {
        width: 160px;
        margin-top: 45px;
    }

    .support_middle3 .support_middle3_dec {
        padding: 90px 0;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 18px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line {
        margin-bottom: 18px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_c {
        width: 100px;
        height: 8px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_line_x {
        width: 294px;
        height: 1px;
    }

    .support_middle3 .support_middle3_dec1 .support_middle3_text {
        font-size: 12px;
        line-height: 18px;
    }
}

/*middle1滑入事件添加类名*/
.support_middle1 .support_middle1_dec > ul > li .support_active {
    color: #DDBD8A;
}

.support_middle1 .support_middle3_dec > ul > li .support_active {
    color: #DDBD8A;
}

.support_middle1 .support_middle5_dec > ul > li .support_active {
    color: #DDBD8A;
}