body {
        background-color: #FDFEFE;
    }
    
    .banner img {
        width: 100%;
        height: 800px;
    }
    
    .list_nav ul {
        text-align: center;
    }
    
    .list_nav ul li {
        display: inline-block;
        font-size: 24px;
        padding: 19px 23px;
        cursor: pointer;
    }
    
    .list_nav ul li.cur {
        border-bottom: 1px solid #C70707;
    }
    
    .about.list_nav li {}
    
    .about.ht-items {
        margin-top: 20px;
    }
    
    .about.ht-items .ht-item {
        display: none;
    }
    
    .about.ht-items .ht-item.show {
        display: block;
    }
    /* 企业介绍 */
    
    .w_1484 {
        max-width: 1484px;
        margin: 0 auto;
    }
    
    .qyjs .qyjj,
    .qyjs .qywh {
        background: url(../imgs/qyjs_bg.png) no-repeat;
        padding: 62px 0 58px 0;
    }
    
    .qyjs .qywh {
        background-position: right;
    }
    /* .qyjs .qyjj {
} */
    
    .qyjs .qyjj .fl,
    .qyjs .qyjj .fr,
    .qyjs .qywh .fl,
    .qyjs .qywh .fr {
        width: 50%;
        text-align: center;
    }
    
    .qyjs .qyjj .qyjj_img,
    .qyjs .qywh .qywh_img {
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
    
    .qyjs .qyjj .qyjj_img img,
    .qyjs .qywh .qywh_img img {
        width: 100%;
        transition: all 0.5s;
    }
    
    .qyjs .qyjj .qyjj_img:hover img,
    .qyjs .qywh .qywh_img:hover img {
        transform: scale(1.1);
    }
    
    .qyjs .qyjj .qyjj_img::before,
    .qyjs .qywh .qywh_img::before {
        content: "";
        display: block;
        position: absolute;
        width: 98%;
        height: 96%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid #FFFFFF;
        z-index: 99999999;
    }
    
    .qyjs .qyjj .qyjj_txt,
    .qyjs .qywh .qywh_txt {
        padding: 0 28px 0 98px;
    }
    
    .qyjs .qywh .qywh_txt {
        padding: 0 100px 0 28px;
    }
    
    .qyjs .qyjj .qyjj_txt h2,
    .qyjs .qywh .qywh_txt h2 {
        padding: 0 0 9px 0;
        font-size: 30px;
        color: #B41818;
        margin: 0;
    }
    
    .qyjs .qywh .qywh_txt h2 {
        padding: 29px 0;
    }
    
    .qyjs .qyjj .qyjj_txt p,
    .qyjs .qywh .qywh_txt p {
        font-size: 14px;
        color: #181818;
        text-indent: 2em;
        line-height: 28px;
        text-align: left;
        font-family: 'Microsoft YaHei';
    }
    
    .qyjs .qywh .qywh_txt p {
        font-size: 16px;
        line-height: 36px;
        text-align: left;
        font-family: 'Microsoft YaHei';
    }
    /* 全产业链 */
    
    .qyjs .cyl {
        background: url(/Home/img/about_bg.png);
        /* height: 500px; */
    }
    
    .cyl.cyl_m {
        display: none;
    }
    
    .qyjs .cyl .cyl_tit h2 {
        text-align: center;
        font-size: 36px;
        color: #D1C0A5;
        padding: 70px 0;
    }
    
    .qyjs .cyl .cyl_c {
        background: url(/Home/img/about_cyl_bg.png) no-repeat -5px;
        background-size: 100% 107%;
        /* height: 300px; */
    }
    
    .qyjs .cyl .cyl_c ul {
        max-width: 1920px;
        padding: 0 193px;
        margin: 0 auto;
    }
    
    .qyjs .cyl .cyl_c ul li {
        width: 20%;
        float: left;
        color: #fff;
        border-left: 1px solid #959595;
        text-align: center;
        padding: 80px 0;
        cursor: pointer;
        overflow: hidden;
    }
    
    .qyjs .cyl .cyl_c ul li.cur {
        /* background: rgba(199, 7, 7, .1); */
        background-position: -100% 0;
        position: relative;
    }
    
    .qyjs .cyl .cyl_c ul li::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(199, 7, 7, .1);
        transition: all .5s;
    }
    /* .qyjs .cyl .cyl_c ul li:hover::before {
    left: 0;
} */
    
    .qyjs .cyl .cyl_c ul li.cur::before {
        left: 0;
    }
    
    .qyjs .cyl .cyl_c ul li:nth-child(5) {
        border-right: 1px solid #959595;
    }
    
    .qyjs .cyl .cyl_c ul li .cyl_c_t {
        font-size: 36px;
        background: url(/Home/img/about_cyl_bg2.png) no-repeat center bottom;
        padding: 8px 0;
        font-family: fantasy;
    }
    
    .qyjs .cyl .cyl_c ul li .cyl_c_c {
        font-size: 30px;
        font-weight: 700;
        padding-top: 38px;
    }
    
    .qyjs .cyl .cyl_c ul li .cyl_c_b {
        font-size: 16px;
        line-height: 24px;
        padding-top: 38px;
    }
    
    .qyjs .cyl .cyl_b .ht-items .ht-item {
        display: none;
    }
    
    .qyjs .cyl .cyl_b .ht-items .ht-item.show {
        display: block;
    }
    
    .cyl_b {
        padding: 50px 0 68px 0;
    }
    
    .w_1300 {
        width: 1300px;
        margin: 0 auto;
    }
    
    .cyl_b .cyl_b_l {
        width: 45%;
        text-align: center;
    }
    
    .cyl_b .cyl_b_l img {
        width: 542px;
        border-radius: 12px;
        transition: all .5s;
    }
    
    .cyl_b .cyl_b_l img:hover {
        transform: scale(1.05);
        /* transform: rotateY(360deg); */
        /* margin-top: -20px; */
    }
    
    .cyl_b .cyl_b_r {
        width: 55%;
    }
    
    .cyl_b .cyl_b_r p {
        font-size: 18px;
        line-height: 38px;
        color: #DAD9D9;
        width: 582px;
        margin: 0 auto;
        margin-top: 94px;
        text-indent: 2em;
    }
    /* 企业创始人 */
    
    .w_1500 {
        max-width: 1500px;
        margin: 0 auto;
    }
    
    .about .csr .csr_txt .csr_txt_video {
        padding-left: 75px;
    }
    
    .about .csr {
        background-color: #F0F0F0;
    }
    
    .about .csr img {
        max-width: 100%;
    }
    
    .about .csr .csr_txt {
        padding: 80px 0 86px 0;
    }
    
    .about .csr .csr_txt .csr_txt_l {
        font-size: 36px;
        color: #A38662;
        writing-mode：tb-rl;
        writing-mode: vertical-rl;
        line-height: 50px;
        letter-spacing: 3px;
        padding-left: 140px;
    }
    
    .about .csr .csr_txt .csr_txt_r {
        font-size: 16px;
        color: #A38662;
        line-height: 36px;
        letter-spacing: 3px;
        padding-left: 60px;
    }
    
    .qyry .qyry_tit h2 {
        font-size: 30px;
        color: #C10707;
        text-align: center;
        margin-top: 40px;
    }
    
    .qyry .qyry_c {
        margin-top: -85px;
    }
    
    .qyry .qyry_c img {
        max-width: 100%;
    }
    /* 发展历程 */
    
    .about .fzlc {
        background-color: #F0F0F0;
        padding-top: 40px;
        padding-bottom: 15px;
    }
    
    .about .fzlc .fzlc_t_bg {
        text-align: center;
    }
    
    .about .fzlc .fzlc_t_bg span {
        color: #A38662;
        font-weight: 700;
        border: 2px solid #A38662;
        padding: 4px 10px;
        margin-top: 40px;
    }
    
    .about .fzlc .fzlc_c {
        background: url(/Home/img/about_fzlc_icon2.jpg) repeat-y center center;
    }
    
    .about .fzlc .fzlc_c ul {
        padding: 0;
        margin-top: 6px;
    }
    
    .about .fzlc .fzlc_c ul li {
        width: 50%;
    }
    
    .about .fzlc .fzlc_c ul li {
        float: left;
        margin-top: 79px;
        padding-right: 5px;
        padding-left: 15px;
    }
    
    .about .fzlc .fzlc_c ul li.bl {
        background: url(/Home/img/about_fzlc_icon3.png) no-repeat left;
        /* border-left: 1px dashed #3F3B3A; */
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n) {
        padding-left: 5px;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n).bl {
        background: url(/Home/img/about_fzlc_icon3.png) no-repeat;
        background-position: 58px 0;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(1) {
        margin-top: 23px;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n+1) {
        margin-top: 12px;
    }
    
    .about .fzlc .fzlc_c ul li .fzlc_c_time {
        color: #3F3B3A;
        font-size: 12px;
        font-weight: 700;
        background: url(/Home/img/about_fzlc_icon.png) no-repeat center right;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_time {
        background: url(/Home/img/about_fzlc_icon.png) no-repeat center left;
        padding-left: 65px;
    }
    
    .about .fzlc .fzlc_c ul li .fzlc_c_txt {
        color: #3F3B3A;
        font-size: 14px;
        padding-top: 5px;
        padding-right: 150px;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_txt {
        padding-left: 65px;
    }
    
    .about .fzlc .fzlc_c ul li .fzlc_c_img {
        margin-top: 10px;
    }
    
    .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_img {
        padding-left: 65px;
    }
    /* 品牌产品 */
    
    .w_1030 {
        max-width: 1030px;
        margin: 0 auto;
    }
    
    .ppcp .ppcp_list {
        /* padding: 34px 0; */
        padding: 45px 0 38px 0;
        border-bottom: 1px dotted #D5BC93;
        position: relative;
    }
    
    .ppcp .ppcp_list .ppcp_list_img {
        width: 48%;
        overflow: hidden;
        position: absolute;
        bottom: 34px;
        /* left: 0; */
    }
    
    .ppcp .ppcp_list .ppcp_list_img.fr {
        right: 0;
    }
    
    .ppcp .ppcp_list .ppcp_list_img img:hover {
        transform: scale(1.1);
    }
    
    .ppcp .ppcp_list .ppcp_list_txt {
        width: 49%;
        /* height: 324px;
        position: relative; */
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .dw {
        /* position: absolute; */
        /* bottom: 0; */
    }
    
    .ppcp .ppcp_list .ppcp_list_img img {
        width: 100%;
        transition: all 1.5s;
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .ppcp_list_txt_t {
        font-size: 22px;
        color: #41322D;
        border-bottom: 1px solid #D5BC93;
        padding: 0px 0 8px 0;
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .ppcp_list_txt_t span {
        font-size: 18px;
        color: #41322D;
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .ppcp_list_txt_c p {
        border-bottom: 1px solid #D5BC93;
        padding: 9px 0 9px 0;
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .ppcp_list_txt_c p span {
        color: #fff;
        background-color: #D5BC93;
        font-size: 16px;
        padding: 4px 8px;
        width: 16%;
        float: left;
    }
    
    .ppcp .ppcp_list .ppcp_list_txt .ppcp_list_txt_c p em {
        display: inline-block;
        float: left;
        font-style: normal;
        font-size: 16px;
        color: #181818;
        padding-left: 12px;
        width: 84%;
        line-height: 26px;
        font-family: 'Microsoft YaHei';
    }
    
    @media screen and (max-width: 1500px) {
        .about .csr .csr_txt .csr_txt_l {
            padding-left: 90px;
        }
    }
    
    @media screen and (max-width: 1400px) {
        .qyjs .qyjj,
        .qyjs .qywh {
            background-size: 50% auto;
        }
        .qyjs .cyl .cyl_c ul li {
            padding: 40px 0;
        }
        .w_1300 {
            max-width: 1300px;
            width: auto;
        }
        .about .csr .csr_txt .csr_txt_video {
            float: none;
            text-align: center;
            padding-bottom: 40px;
            padding-left: 0;
        }
        .about .csr .csr_txt .csr_txt_video video {
            width: 800px;
            height: auto;
        }
    }
    
    @media screen and (max-width: 1200px) {
        .qyjs .qyjj .qyjj_txt,
        .qyjs .qywh .qywh_txt {
            padding: 0 28px 0 60px;
        }
        .qyjs .qyjj .qyjj_txt h2,
        .qyjs .qywh .qywh_txt h2 {
            padding: 15px 0;
            font-size: 26px;
        }
        .qyjs .qyjj .qyjj_txt p,
        .qyjs .qywh .qywh_txt p {
            font-size: 14px;
            text-indent: 2em;
            line-height: 28px;
        }
        .qyjs .qyjj,
        .qyjs .qywh {
            padding: 30px 0 20px 0;
        }
        .qyjs .cyl .cyl_c ul {
            max-width: 1920px;
            padding: 0 93px;
            margin: 0 auto;
        }
        .cyl_b .cyl_b_l img {
            width: 300px;
        }
        .cyl_b .cyl_b_r p {
            font-size: 18px;
            line-height: 30px;
            color: #DAD9D9;
            width: 580px;
            margin-top: 20px;
            padding-right: 40px;
        }
        .qyjs .cyl .cyl_tit h2 {
            padding: 30px 0;
        }
        .about .csr .csr_txt .csr_txt_r {
            padding-left: 20px;
        }
    }
    
    @media screen and (max-width: 1000px) {
        .qyjs .qyjj .qyjj_txt h2,
        .qyjs .qywh .qywh_txt h2 {
            padding: 8px 0;
            font-size: 20px;
        }
        .qyjs .qyjj .qyjj_txt,
        .qyjs .qywh .qywh_txt {
            padding: 0 8px 0 15px;
        }
        .qyjs .qyjj .qyjj_txt p,
        .qyjs .qywh .qywh_txt p {
            font-size: 12px;
            text-indent: 2em;
            line-height: 26px;
        }
        .cyl_b .cyl_b_r p {
            font-size: 18px;
            line-height: 30px;
            color: #DAD9D9;
            width: auto;
            margin-top: 20px;
            padding-right: 40px;
        }
        .qyry .qyry_tit h2 {
            padding-bottom: 20px;
        }
        .about .csr .csr_txt .csr_txt_l {
            writing-mode: horizontal-tb;
            padding-left: 0;
            text-align: center;
            float: none;
        }
        .about .csr .csr_txt .csr_txt_r {
            float: none;
            text-align: center;
            font-size: 12px;
            line-height: 32px;
        }
    }
    
    @media screen and (max-width: 800px) {
        .qyjs .qyjj .fl,
        .qyjs .qyjj .fr,
        .qyjs .qywh .fl,
        .qyjs .qywh .fr {
            float: none;
            width: 100%;
        }
        .qyjs .qyjj,
        .qyjs .qywh {
            background: none;
        }
        .qyjs .cyl {
            display: none;
        }
        .qyjs .cyl.cyl_m {
            display: block !important;
        }
        .qyjs .cyl .cyl_c ul li {
            width: 100%;
            border-right: 1px solid #959595;
        }
        .qyjs .cyl .cyl_c ul {
            padding: 0 33px;
        }
        .cyl_b .cyl_b_l,
        .cyl_b .cyl_b_r {
            float: none;
            width: 100%;
        }
        .cyl_b .cyl_b_r p {
            padding: 0 10px;
            font-size: 14px;
        }
        .about .csr .csr_txt .csr_txt_video video {
            width: 100%;
            height: auto;
        }
        .about .csr .csr_txt .csr_txt_r {
            line-height: 24px;
            text-align: left;
        }
        /* 发展历程 */
        .about .fzlc .fzlc_c ul li {
            float: none;
            width: 100%;
            min-height: auto !important;
        }
        .about .fzlc .fzlc_c ul li img {
            max-width: 100%;
        }
        .about .fzlc .fzlc_c {
            background: none;
        }
        .about .fzlc .fzlc_c ul li .fzlc_c_time {
            background: none;
        }
        .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_time {
            background: none;
            padding-left: 0;
        }
        .about .fzlc .fzlc_c ul li:nth-child(2n) {
            padding-left: 15px;
            margin-top: 20px;
        }
        .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_txt {
            padding-left: 0;
        }
        .about .fzlc .fzlc_c ul li:nth-child(2n).bl {
            background: none
        }
        .about .fzlc .fzlc_c ul li:nth-child(2n) .fzlc_c_img {
            padding-left: 0;
        }
        .about .fzlc .fzlc_c ul li.bl {
            background: none;
        }
        .about .fzlc .fzlc_c ul li .fzlc_c_txt {
            padding-right: 0;
        }
    }