/*更新时间：2021-7-28*/



.hide {
display:none;
}
 

.da_l {
    width: 760px;
    height: 450px;
    /* float: left; */
    background-color: #f1f1f1;
    overflow: hidden;
}

.dal_t {
    width: 100%;
    /* height: 480px; */
}
.dal_t li {
    width: 100%;
    height: 450px;
}
.dal_t li .jqzoom span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
/* .dal_t li img,
.zoomPad img {
    max-width: 760px;
    max-height: 450px;
} */
.zoomPup {
    background-color: rgba(0, 0, 0, 0.3);
 
}
.zoomWindow {
    overflow: hidden;
    height: 407px;
    width: 570px !important;
}
.zoomWrapper {
    width: 100% !important;
}
.zoomWrapperImage {
    height: auto !important;
}
.zoomWrapperImage img {
    width: auto;
}
.dal_t li .zoomWindow {
    left: 102% !important;
}
.dal_b {
    padding: 0 30px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.dal_b li {
    max-width: 131px;
    max-height: 100px;
    overflow: hidden;
    border: 1px solid #cfd3dc;
    margin-right: 9px;
}

.dal_b li img {
    width: 100%;
    display: block;
}

.dal_b .swiper-button-next {
    width: 25px;
    height: 100%;
    background-image: url(../images/dal_b_next.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    right: 0;
    top: 0;
}

.dal_b .swiper-button-prev {
    width: 25px;
    height: 100%;
    background-image: url(../images/dal_b_prev.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    left: 0;
    top: 0;
}

.da_r {
    width: 45.3125%;
    float: right;
}

.dar_title {
    display: block;
    font-size: 27px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccd0d9;
}

.dbbr_t {
    width: 100%;
    border-bottom: 1px solid #2c2c2c;
    overflow: hidden;
}

.dbbr_t li {
    width: 110px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-color: #e1e1e1;
    font-size: 14px;
    color: #303030;
    float: left;
    margin-right: 4px;
    transition: all 0.5s;
    cursor: pointer;
}

.dbbr_t li.dbbrt {
    background-color: #2c2c2c;
    color: #ffffff;
}

.dar_dl {
    margin-top: 35px;
}

.dar_dl dl {
    overflow: hidden;
    margin-bottom: 23px;
}

.dar_dl dl dt {
    font-size: 14px;
    width: 85px;
    float: left;
    font-weight: bold;
    line-height: 20px;
}

.dar_dl dl dd {
    max-width: 400px;
    line-height: 20px;
    float: left;
    font-size: 14px;
}

.dar_dl dl:nth-child(1) dd {
    color: #ae1e24;
    font-size: 18px;
    font-weight: bold;
}

.dar_yx {
    overflow: hidden;
    margin-top: 30px;
}

.dar_yx dt {
    width: 227px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #2c2c2c;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    color: #ffffff;
    margin-right: 26px;
}

.dar_yx dd {
    width: 138px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #2c2c2c;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
}

.dar_rwm {
    margin-top: 36px;
    overflow: hidden;
}

.dar_rwm dt {
    width: 98px;
    height: 98px;
    float: left;
}

.dar_rwm dt img {
    width: 100%;
    display: block;
}

.dar_rwm dd {
    float: left;
    margin: 22px 0 0 20px;
}

.dar_rwm dd i {
    width: 45px;
    height: 45px;
    background-image: url(../images/dar_rwm_i.png);
    display: block;
    background-size: 100% 100%;
}

.dar_rwm dd em {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #7d888b;
    margin-top: 10px;
}
.dar_rwm  .openformbtn {
    width: 160px;
    height: 48px;
    background: #2c2c2c;
    line-height: 48px;
    text-align: center;
    font-size: 1em;
    color: #fff;
    border-radius: 16px;
    margin-left: 50px;
    cursor: pointer;
}


.details_l {
    width: 28.46%;
    float: left;
}

.dl_1, .dl_2, .dl_3 {
    width: 100%;
    padding: 50px 0;
    background-color: #eeeef0;
    margin-bottom: 35px;
}

.dl_1_t {
    width: 64.86%;
    height: 45px;
    line-height: 43px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    margin: 0 auto;
    background-color: #2c2c2c;
}

.dl_1_b {
    width: 64.86%;
    margin: 0 auto;
}

.dl_1_b dl dt {
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 20px;
    color: #313131;
    border-bottom: 1px dashed #c6c6c7;
    cursor: pointer;
}

.dl_1_b dl:nth-child(1) dd {
    display: block;
}

.dl_1_b dl dd {
    display: none;
    border-bottom: 1px dotted #c6c6c7;
    padding: 10px 0 20px;
}

.dl_1_b dl dd a {
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 40px;
    color: #313131;
    font-family: '楷体';
}

.dl_1_b dl dd a:hover {
    color: #ae1e24;
}

.dl_2_b {
    width: 64.86%;
    max-height: 635px;
    margin: 35px auto 0;
    overflow-y: scroll;
}

.dl_2_b::-webkit-scrollbar {
    display: none;
}
/* .dl_2_b::-webkit-scrollbar {
    width: 4px;
    height: 100%;
    background-color: #c9caca;
    margin-left: 10px;
} */
/* .dl_2_b::-webkit-scrollbar-trac {
    width: 2px;
    height: 100%;
    background-color: #c9caca;
} */
/* .dl_2_b::-webkit-scrollbar-thumb {
    width: 4px;
    height: 45px;
    background-color: #898989;
} */
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.dl_2_b dl {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.dl_2_b dl dt {
    width: 100%;
}

.dl_2_b dl dt img {
    width: 100%;
    display: block;
}

.dl_2_b dl dd {
    width: 92%;
    padding: 0 4%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #313131;
}

.dl_2_b dl dd a {
    display: inline-block;
    width: 75px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    float: right;
    border: 1px solid #817f7f;
    border-radius: 10px;
    color: #313131;
    margin-top: 15px;
}

.dl_3_b {
    width: 100%;
    position: relative;
    margin: 30px 0;
}

.dl_3_b img {
    width: 99%;
    display: block;
}

.dl_3_b a {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    background-color: #ae1e24;
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 80px;
    box-shadow: 0px 2px 2px #9b9796;
}

.dl_3_b a:hover {
    color: #ffffff;
    background-color: #d6151d;
}

.details_r {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 63.4%;
    padding: 4% 4%;
    float: left;
    outline: 2px solid #dbdbda;
}

.dr_af {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.dr_af .swiper-button-next {
    right: 70px;
    left: auto;
    top: auto;
    bottom: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 22px;
    z-index: 15;
    color: #ffffff;
}

.dr_af .swiper-button-prev {
    right: 95px;
    left: auto;
    top: auto;
    bottom: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 22px;
    z-index: 15;
    color: #ffffff;
}

.dr_af .swiper-pagination {
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    width: 94% !important;
    padding: 0 3%;
    bottom: 6px;
}

.dr_af img {
    width: 100%;
    display: block;
}

.dr_bf {
    width: 88%;
    overflow: hidden;
    margin: 40px auto 30px;
    padding-bottom: 25px;
    border-bottom: 3px solid #666666;
}

.dr_bf dt {
    max-width: 500px;
    float: left;
}

.dr_bf dt em {
    max-width: 100%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 28px;
    color: #2f2725;
    display: block;
    margin-bottom: 40px;
}

.dr_bf dt span {
    font-size: 16px;
    color: #4c4948;
    display: none;
    margin: 10px 0 40px;
}

.dr_bf dt i {
    display: block;
    font-size: 20px;
    color: #4c4948;
}

.dr_bf dt i b {
    color: #ae1e24;
}

.dr_bf dd {
    float: right;
}

.dr_bf dd img {
    width: 114px;
    height: 114px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
}

.dr_bf dd p {
    text-align: center;
    font-size: 16px;
    color: #4c4948;
    line-height: 45px;
}

.dr_cf {
    width: 88%;
    margin: 0 auto;
}

.dr_cf li {
    height: 50px;
    line-height: 50px;
    background-color: #f8f8f9;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding-left: 20px;
    border-bottom: 1px dashed #adadad;
}

.dr_cf li:nth-child(2n) {
    background-color: #ffffff;
}

.dr_cf li dl {
    width: 100%;
    height: 100%;
}

.dr_cf li dl dt {
    float: left;
    color: #000000;
}

.dr_cf li dl dd {
    float: left;
    color: #4c4948;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dr_df {
    width: 400px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
    background-color: #ae1e24;
    margin: 50px auto;
}

.dr_df a {
    color: #fff;
}

.dr_ef {
    width: 85%;
    margin: 0 auto;
}

.dre_t {
    width: 100%;
    font-size: 33px;
    color: #2f2725;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 3px solid #666666;
    /*padding-top: 50px;*/
}
.dr_ef .dre_t {
    padding-top: 50px;
}
.dre_b {
    width: 100%;
    margin: 45px auto 25px;
    border: 1px solid #666666;
}

.dre_b li {
    border-bottom: 1px solid #b8b8b8;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #f8f8f9;
}

.dre_b li span {
    width: 33%;
    display: inline-block;
    padding-left: 5%;
    border-right: 1px solid #b8b8b8;
}

.dre_b li em {
    width: 61.7%;
    display: inline-block;
    text-align: center;
    background-color: #ffffff;
}

.dre_b li i {
    width: 25.5%;
    display: inline-block;
    padding-left: 7%;
}

.dre_ts {
    text-align: right;
    font-size: 12px;
    color: #727171;
}

.dr_ff {
    margin-top: 50px;
}

.dr_ff .dre_t {
    width: 88%;
    /*margin: 20px auto;*/
    margin: 0 auto 20px auto;
}

.dr_ff .mh {
    width: 94%;
}

.dr_ff .mh dl {
    border: 0;
}

.dr_ff .mh dl dt img {
    opacity: 1;
}

.drf_img {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.drf_img dt {
    position: absolute;
    top: 70px;
    left: 55px;
    width: 400px;
}

.drf_img dt em {
    display: block;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 40px;
}

.drf_img dt p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}

.drf_img img {
    display: block;
}

.dr_gf {
    width: 100%;
}

.drg_t {
    text-align: center;
    margin: 45px auto 40px;
    position: relative;
    z-index: 1;
}

.drg_t::before {
    width: 250px;
    height: 2px;
    background-color: #4c4948;
    content: '';
    display: block;
    position: absolute;
    top: 51%;
    left: 50%;
    margin-left: -125px;
    z-index: -1;
    display: block;
}

.drg_t span {
    font-size: 28px;
    color: #2f2725;
    padding: 0 15px;
    background-color: #ffffff;
}

.drg_t span i {
    background-color: #ae1e24;
    color: #ffffff;
    padding: 5px 5px 4px;
}

.drg_b {
    width: 100%;
}

.drg_b dt {
    width: 100%;
}

.drg_b dt img {
    width: 100%;
    display: block;
}

.drg_b dd {
    padding: 40px 0;
    text-align: center;
}

.drg_b dd em {
    display: block;
    font-size: 24px;
    color: #2f2725;
    margin-bottom: 15px;
}

.drg_b dd span {
    font-size: 16px;
    color: #4c4948;
    display: block;
}

.drg_by {
    width: 85%;
    margin: 0 auto;
}

.drg_by dl {
    width: 100%;
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

.drg_by dl dt {
    width: 74.625%;
}

.drg_by dl dt img {
    width: 100%;
    display: block;
}

.drg_by dl dd {
    width: 255px;
    height: 205px;
    padding-left: 35px;
    background-color: rgba(201, 107, 67, 0.8);
    position: absolute;
}

.drg_by dl dd em {
    font-size: 24px;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
    margin-top: 40px;
}

.drg_by dl dd p {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 5px;
}

.drg_by dl:nth-child(1) dt {
    float: left;
}

.drg_by dl:nth-child(2) dt {
    float: right;
}

.drg_by dl:nth-child(1) dd {
    top: 65px;
    right: 0;
}

.drg_by dl:nth-child(2) dd {
    top: 65px;
    left: 0;
}

.dr_hf {
    width: 100%;
    margin: 75px auto 0;
}

.drh_b img {
    display: block;
}

.dr_if {
    width: 88%;
    margin: 80px auto 0;
}

.dri {
    width: 100%;
    overflow: hidden;
    padding-bottom: 45px;
    position: relative;
}

.dri img {
    width: 100%;
    display: block;
}

.dri .swiper-pagination {
    width: 35px;
    left: auto;
    right: 0;
    font-size: 14px;
}

.dri .swiper-button-next {
    right: 45px;
    left: auto;
    top: auto;
    bottom: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-image: unset;
    font-size: 19px;
    z-index: 11;
}

.dri .swiper-button-prev {
    right: 70px;
    left: auto;
    top: auto;
    bottom: 10px;
    width: 20px;
    height: 20px;
    background-image: unset;
    font-size: 19px;
    text-align: center;
    line-height: 20px;
    z-index: 11;
}

.dr_jf {
    width: 80.5%;
    margin: 70px auto 0;
    overflow: hidden;
    padding: 0 10%;
}

.drj {
    width: 100%;
    position: relative;
}

.drj::before {
    width: 14%;
    height: 100%;
    content: '';
    left: -14%;
    position: absolute;
    background-color: #ffffff;
    z-index: 3;
    top: 0;
}

.drj::after {
    width: 14%;
    height: 100%;
    content: '';
    top: 0;
    right: -14%;
    position: absolute;
    background-color: #ffffff;
    z-index: 3;
}

.drj .swiper-button-next {
    width: 50px;
    height: 70px;
    background-image: url(../images/drj_next.jpg);
    background-size: 100%;
    z-index: 10;
    right: -80px;
}

.drj .swiper-button-prev {
    width: 50px;
    height: 70px;
    background-image: url(../images/drj_prev.jpg);
    background-size: 100%;
    z-index: 10;
    left: -80px;
}

.drj .drj_t img {
    width: 100%;
    display: block;
}

.drj_b {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.drj_b img {
    width: 100%;
}

.drj_b li {
    width: 31.03%;
    float: left;
    cursor: pointer
}

.drj_b li img {
    width: 100%;
    display: block;
}

#news {
    max-width: 1300px;
    margin: 20px auto 0;
}

#news dl {
    margin-bottom: 2.5%;
    position: relative;
    overflow: hidden;
}

#news dl:hover .news_zz {
    height: 100%;
    top: 0;
}

.news dl:hover .news_zz {
    top: 0;
    opacity: 1;
}

.news_zz {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20%;
    left: 0%;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
}

.news dl::after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;
}

.news dl:hover::after {
    opacity: 1;
}

.news_zz em {
    font-size: 22px;
    color: #ffffff;
    display: block;
    width: 70%;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
    margin-top: 150px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_zz span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin: 40px auto 35px;
}

.news_zz_link {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.news_zz .news_zz_link_box {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #313131;
    display: block;
    margin: 0 auto;
    background-color: #ffffff;
}

#news_more {
    margin-bottom: 155px;
    position: relative;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}

#news_more::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 12px;
    background-image: url(../images/sma.png);
    background-size: 100% 100%;
    background-position: center;
    margin-left: 20px;
}

.product {
    max-width: 1300px;
    margin: 20px auto 0;
}

.product_t {
    max-width: 1300px;
    overflow: hidden;
    outline: 2px solid #e7e7e7;
    margin-bottom: 40px;
}

.product_t dt {
    width: 30.76%;
    float: left;
    text-align: center;
}

.product_t dt em {
    display: block;
    font-size: 34px;
    color: #313131;
    margin-top: 120px;
}

.product_t dt span {
    display: block;
    font-size: 16px;
    color: #313131;
    margin: 15px auto 60px;
}

.product_t dt p {
    width: 75%;
    margin: 0 auto;
    font-size: 14px;
    color: #313131;
    line-height: 30px;
}

.product_t dd {
    width: 69.23%;
    float: right;
}

.product_t dd img {
    width: 100%;
    display: block;
}

.product_b {
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}

.product_b dl {
    width: 48.84%;
    height: 500px;
    background-color: #eeeef0;
    float: left;
    position: relative;
    margin: 0 2.32% 3.5% 0;
}

.product_b dl:nth-child(2n) {
    margin-right: 0;
}

.product_b dl dt {
    width: 100%;
    height: 380px;
    line-height: 380px;
    text-align: center;
    overflow: hidden;
}

.product_b dl dt img {
}

.product_b dl dd {
    width: 94%;
    height: 120px;
    line-height: 120px;
    position: relative;
    margin: 0 3%;
}

.product_b dl dd span {
    font-size: 24px;
    color: #313131;
    display: inline-block;
    max-width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 24px;
    color: #313131;
}

.product_b dl dd a {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #a2a2a4;
    display: block;
    float: right;
    font-size: 14px;
    color: #313131;
    margin-top: 35px;
}

.product_b dl:hover .pb_zz {
    height: 100%;
    top: 0;
}

.pb_zz {
    width: 100%;
    height: 0%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 50%;
    overflow: hidden;
    transition: all 0.5s;
}

.pb_zz em {
    width: 60px;
    height: 60px;
    line-height: 57px;
    text-align: center;
    font-size: 41px;
    color: #ffffff;
    border-radius: 50%;
    display: block;
    border: 3px solid #ffffff;
    margin: 130px auto 0;
}

.pb_zz span {
    font-size: 28px;
    text-align: center;
    display: block;
    margin: 20px 0 45px;
    color: #ffffff;
}

.pb_zz a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.pb_zz .pb_zz_more {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;
    font-size: 14px;
    color: #313131;
    display: block;
    margin: 0 auto;
}

.bottom_bar {
    display: none;
}



.f1_t {
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}

.f1_t_l {
    float: left;
}

.f1_t_l dt img {
    width: 46%;
}

.f1_t_l dd span {
    display: block;
    padding-left: 30px;
    background-image: url(../images/f1_t_l_s.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #585858;
    margin: 50px 0 5px;
}

.f1_t_l dd em {
    font-size: 32px;
    color: #ae1e24;
}

.f1_t_r {
    float: right;
}

.f1_t_r ul {
    text-align: left;
    float: left;
    margin-left: 104px;
	position: relative;
}

.f1_t_r ul:nth-child(1) {
    margin-left: 0;
}

.f1_t_r ul li {
    margin-bottom: 20px;
    font-size: 16px;
}

.f1_t_r ul li:nth-child(1) {
    margin-bottom: 40px;
}

.f1_t_r ul li em {
    font-size: 20px;
    font-weight: bold;
    color: #313131;
}

.f1_t_r ul li em a {
    color: #313131;
    transition: all 0.5s;
    font-size: 20px;
}

.f1_t_r ul li em a:hover {
    color: #ae1e24;
}

.f1_t_r ul li a {
    font-size: 16px;
    color: #313131;
    transition: all 0.5s;
    position: relative;
}

.f1_t_r ul li a:hover {
    color: #ae1e24;
}

.f1_t_r ul li a:hover::after {
    width: 100%;
    left: 0;
}

.f1_t_r ul li a::after {
    width: 0;
    height: 1px;
    background-color: #ae1e24;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    transition: all 0.5s;
}

.f1_t_r ul li span {
    font-size: 24px;
    color: #000000;
}

.f1_t_r ul li b {
    display: block;
    font-size: 24px;
    color: #000000;
    margin-top: 5px;
    font-weight: unset;
}

.f1_t_r ul li img {
    width: 143px;
    height: 143px;
    display: block;
    margin-left: -7px;
}

.f1_t_r ul:nth-child(3) li img {
    margin-top: 27px;
}

.f1_t_r ul li p {
    font-size: 14px;
    padding-left: 10px;
}
.f1_t_r ul:nth-child(3) li:last-child {
	position: absolute;
	bottom: 0;
	right: 0;
}
.f1_b {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #eeeef0;
}

.f1_b ul {
    max-width: 1300px;
    margin: 0 auto;
}

.f1_b ul li {
    font-size: 14px;
    color: #4c4948;
    float: left;
}

.f1_b ul li a {
    padding: 0 10px;
    border-left: 1px solid #aaa9aa;
    color: #4c4948;
}

.f1_b ul li:nth-child(2) a {
    border: 0;
    padding-left: 0;
}

.f1_f {
    max-width: 1300px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #898989;
}

.f1_f br {
    display: none;
}

.yd_footer_2 {
    display: none;
}

.masterPhoto .list li {
    width: 430px;
    height: 350px;
    margin-right: 5px;
}

.masterPhoto .list li:nth-child(3n) {
    margin-right: 0px;
}

.masterPhoto .list li .item_pic {
    height: 320px;
}

.exclusiveShop .main_gf ul li {
    height: 175px;
    margin-bottom: 50px;
}

.art-details {
    /* padding-bottom: 60px; */
}

.magaz-detls {
    margin-top: 100px;
}

.bm100 {
    padding-bottom: 100px;
}

.visit {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
}

.visit_1 {
    z-index: 100;
    opacity: 1;
}

.understand_ef .visit {
    max-width: 1300px;
    display: none;
    margin-top: 100px;
}

.understand_ff .visit {
    max-width: 1300px;
    display: none;
    margin-top: -190px;
}

.visit dl {
    width: 100%;
    margin: 60px auto 0;
    position: relative;
}

.visit dl dt img {
    width: 100%;
    display: block;
}

.visit dl dt img:nth-child(2) {
    width: 100%;
    display: none;
}

.visit dl dd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.visit dl dd em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    margin-top: 8%;
    margin-bottom: 2%;
}

.visit dl dd p {
    margin-bottom: 15px;
    text-align: center;
}

.visit dl dd p input {
    width: 42.30%;
    height: 45px;
    background-color: #ffffff;
    border: 0;
    font-size: 18px;
    padding-left: 2%;
}

.visit dl dd p:last-child input {
    background-color: #ae1e24;
    color: #ffffff;
    width: 44.30%;
    cursor: pointer;
}

.sign_out {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 35px;
    font-weight: 300;
    position: absolute;
    line-height: 30px;
    text-align: center;
    top: 8%;
    right: 12%;
    z-index: 10;
    color: #3c3638;
    cursor: pointer;
    transform: rotate(45deg);
}

.sidebar {
    width: 70px;
    position: fixed;
    top: 100%;
    right: 0;
    z-index: 1002;
    transition: all 0.5s;
}

.sidebar_1 {
    top: 30%;
}

.sidebar li {
    background-repeat: no-repeat;
}

.sidebar li a {
    width: 100%;
    height: 100%;
    display: block;
}

.sidebar li:nth-child(1) {
    width: 100%;
    height: 60px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
}

.sidebar li:nth-child(2) {
    width: 100%;
    height: 81px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -60px;
    cursor: pointer;
}

.sidebar li:nth-child(3) {
    width: 100%;
    height: 90px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -140px;
    cursor: pointer;
}

.sidebar li:nth-child(4) {
    width: 100%;
    height: 70px;
    background-image: url(../images/sidebar.png);
    background-size: 100% auto;
    background-position: 0 -231px;
}

.yd_bar {
    display: none;
}

#main_gydsAbout {
    padding-top: 45px;
}
/*新闻详情页*/
.art-cont-wrap {
    overflow: hidden;
    padding-bottom: 80px;
}

.art-cont-wrap .art-cont-l {
    width: 930px;
    float: left;
    /*border: 1px solid #e7e7e7;
    padding: 20px 30px;*/
}

.art-cont-wrap .art-cont-l .Article {
    border: 1px solid #e7e7e7;
    padding: 10px 10px;
    width: auto;
}

.art-cont-wrap .art-cont-r {
    width: 330px;
    float: right;
}

.art-cont-wrap .Article .Article_time {
    border-bottom: 1px dotted #e7e7e7;
}

.art-cont-wrap .Article .Article_time {
    height: 40px;
    line-height: 40px;
}

.art-cont-wrap .art-box {
    padding: 0 20px;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
}

.art-cont-wrap .art-box .art-box-hd {
    height: 49px;
    line-height: 49px;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}

.art-cont-wrap .art-box .art-box-bd {
    padding: 10px 0px;
}

.art-cont-wrap .art-box .art-box-bd li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.art-cont-wrap .art-box .art-box-bd li a {
    color: #333333;
    transition: all 0.5s;
    font-size: 14px;
}

.art-cont-wrap .art-box .art-prolist {
    overflow: hidden;
}

.art-cont-wrap .art-box .art-prolist li {
    width: 140px;
    height: 135px;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

.art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
    height: 100px;
    position: relative;
}

.art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic img {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.art-cont-wrap .art-box .art-prolist li:nth-child(2n) {
    margin-right: 0px;
}

.art-cont-wrap .art-prolist-item-tit {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-top: 5px;
}

@media screen and (max-width:1300px ) {
    .zy_nav_1 {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .drf_img img {
        width: 100%;
    }

    .drh_b img {
        width: 100%;
    }
}

@media screen and (max-width:1160px ) {
    .product_b dl dt {
        height: 325px;
    }

    .news dl dt {
        height: 232px;
    }

    .ngr_b li {
        margin-left: 42px;
    }

    .ngr_b {
        width: 800px;
    }

    .ng_right {
        width: 800px;
    }

    .ueb_r {
        top: 0px;
        height: 100%;
    }

    .main_af ul li:nth-child(2) .ma {
        left: -76%;
    }

    .main_af ul li:nth-child(3) .ma {
        left: -76%;
    }

    .main_af ul li:nth-child(4) .ma {
        left: -76%;
    }

    .product_b dl {
        height: 460px;
    }

    .f1_t_r ul {
        margin-left: 50px;
    }

    .ug dl {
        height: 342px;
    }

    .ug dl dt {
        height: 214px;
    }
}

@media screen and (max-width:1060px ) {
    .dal_t li {
        height: 358px;
    }

    .zy_nav_1 {
        top: 0;
    }

    .drj .swiper-button-prev {
        left: -60px;
    }

    .drj .swiper-button-next {
        right: -60px;
    }

    .ug dl dt {
        height: 205px;
    }

    .ug dl {
        height: 380px;
    }

    .mc_nav dl dd em {
        margin-top: 45px;
    }

    .ngrb_z dl dt a {
        height: 96px;
    }

    .crumbs {
        margin: 50px 0 30px;
    }

    .ge dl dd i {
        margin-top: 50px;
    }

    .product_b dl {
        height: 447px;
    }

    .product_b dl dd a {
        margin-top: 40px;
    }

    .product_b dl dd span {
        max-width: 280px;
    }

    .news dl dd p {
        overflow: hidden;
    }

    .jf li {
        height: 300px;
    }

    .zy_nav {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .ug dl .news_zz em {
        margin-top: 34px;
    }

    .ueb_r em {
        margin-top: 37px;
    }

    .ngrb_z {
        height: 350px;
    }

    .ngrbz {
        margin-top: 40px;
    }

    .ngrbz .ngrbz_l li:nth-child(1) {
        margin-bottom: 20px;
    }

    .news_zz em {
        margin-top: 116px;
    }

    .product_t dt em {
        margin-top: 70px;
    }

    .product_t dt span {
        margin-bottom: 30px;
    }

    .pb_zz em {
        margin-top: 100px;
    }
}

@media screen and (max-width:1000px ) {
    .news dl dt {
        height: 205px;
    }

    .product_b dl dt {
        height: 286px;
    }

    .ug dl dt {
        height: 189px;
    }

    .ngrbz {
        margin: 40px 20px 0;
    }

    .ueb_r em {
        margin-top: 40px;
    }

    .ueb_r p {
        width: 90%;
    }

    .uh_l {
        width: 30%;
    }

    .f1_t_r ul {
        margin-left: 30px;
    }

    .uhr_t dl dd {
        width: 60%;
    }

    .news_zz em {
        font-size: 20px;
        width: 80%;
    }

    .navigation {
        height: 130px;
        padding: 0 3%;
    }

    .ngr_t {
        margin: 25px 0;
    }

    .logo {
        width: 73px;
        height: auto;
    }

    .ngrb {
        top: 130px;
    }

    .ngr_b li a {
        font-size: 16px;
    }

    .zy_nav {
        width: 90%;
    }

    .dr_ff .mh {
        width: 100%;
    }

    .ge dl dd em {
        font-size: 28px;
    }

    .gg p {
        text-align: center;
    }

    .main_af ul li:hover .ma {
        display: none;
    }

    .main_af ul li:hover::before {
        display: none;
    }

    .main_af ul li:nth-child(2n):hover {
        background-color: #ffffff;
    }

    .main_af ul li:hover {
        background-color: #d7d7d9;
    }

    .zy_nav_1 {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}

@media screen and (max-width:900px ) {
    .product_b dl dt {
        height: 258px;
    }

    .dal_t li {
        height: 300px;
    }

    .ngr_b li {
        margin-left: 35px;
    }

    .news dl dt {
        height: 184px;
    }

    .ngr_b {
        width: 700px;
    }

    .ng_right {
        width: 700px;
    }

    .ngrb_z dl dt a {
        height: auto;
    }

    .ngrb_z dl dd a {
        width: 100%;
    }

    .details_l {
        display: none;
    }

    .details_r {
        width: 90%;
    }

    .f1_t_l {
        display: none;
    }

    .f1_t {
        width: 100%;
    }

    .f1_t_r {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .f1_t_r ul {
        margin: 0 20px;
    }

    .stay input {
        width: 170px;
        padding-left: 10px;
    }

    .stay input:last-child {
        padding-left: 0;
    }

    .gd dl dd {
        font-size: 26px;
    }

    .main_gf ul li {
        width: 80%;
        padding: 0 10%;
        border: 0;
        margin-bottom: 50px;
    }

    .main_gf ul li:nth-child(1) em {
        display: block;
    }

    .main_gf ul li em {
        display: none;
    }

    .more {
        width: 350px;
    }

    .mer_zz em {
        width: 150px;
        height: 40px;
        line-height: 40px;
        margin: -21px 0 0 -77px;
        font-size: 18px;
        border: 1px solid #ffffff;
    }

    .jg_b dd em {
        padding-top: 44px;
    }

    .main_gf {
        margin: 80px auto 100px;
    }

    .jf li i {
        font-size: 40px;
    }

    .jf li em {
        font-size: 33px;
    }

    .jf li p {
        font-size: 17px;
    }

    .je dl dd {
        font-size: 18px;
    }

    .je dl {
        width: 23%;
    }

    .product_t dt em {
        font-size: 28px;
        margin-top: 40px;
    }

    .product_t dt p {
        width: 90%;
    }

    .product_b dl {
        height: 378px;
    }

    .product_b dl dd a {
        margin-top: 40px;
    }

    .ueb_r {
        top: 5%;
        height: 90%;
    }

    .ueb_r p {
        display: none;
    }

    .uhr {
        display: none;
    }

    .uh_l {
        width: 100%;
        overflow: hidden;
    }

    .uhl_t {
        overflow: hidden;
    }

    .uhl_t li {
        width: 30%;
        float: left;
        display: block;
        margin-right: 5%;
    }

    .uhl_t li:nth-child(3n) {
        margin-right: 0;
    }

    .uhl_b {
        margin-top: 25px;
    }

    .uhl_b li {
        width: 30%;
        margin-right: 5%;
    }

    .uhl_b li:nth-child(3n) {
        margin-right: 0;
    }

    .uhl_b .uhlbli::before {
        display: none;
    }

    .uh_r {
        width: 100%;
    }

    .ug dl dt {
        height: 168px;
    }

    .ug dl {
        height: 340px;
    }

    .ug dl .news_zz em {
        width: 90%;
        font-size: 16px;
        line-height: 180%;
    }

    .news_zz span {
        font-size: 14px;
    }

    .ngrb {
        display: none !important;
    }

    .ngr_b li:hover a {
        border: 0;
    }
}

@media screen and (max-width:860px ) {
    .news dl {
        width: 48%;
        margin-right: 4%;
    }

    .ngr_b li {
        margin-left: 35px;
    }

    .news dl:nth-child(3n) {
        margin-right: 4%;
    }

    .news dl:nth-child(2n) {
        margin-right: 0;
    }

    .ug dl {
        width: 48%;
        height: 372px;
        margin-right: 4%;
    }

    .ug dl:nth-child(3n) {
        margin-right: 4%;
    }

    .ug dl:nth-child(2n) {
        margin-right: 0;
    }

    .main_df .news dl:nth-child(3) {
        display: none;
    }

    .ug dl dt {
        height: 243px;
    }

    .ng_right {
        width: 650px;
    }

    .ngr_b {
        width: 650px;
    }
}

@media screen and (max-width:768px ) 
{
    
    .pc-float-nav {
        display: none;
    }

	.yd_footer_2 .xz_yf21 {
		width: 100%;
		border: 0;
		margin: 0 auto;
		float: unset;
		padding-bottom: 0;
	}
	.yd_footer_2 .xz_yf21 em {
		margin-top: 15px;
	}
	.yd_footer_2 .xz_yf21 img {
		width: 30%;
	}
    .zoomPup {
        display: none !important;
    }
    .zoomWindow {
        display: none !important;
    }
    .dal_t li {
        height: auto;
    }

    .details_af {
        width: 94%;
    }

    .da_l {
        width: 100%;
        max-width: 100%;
        overflow:hidden;
    }

    .da_r {
        width: 100%;
        margin-top: 30px;
    }

    .dar_rwm {
        display: none;
    }

    .dre_t {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .dr_cf li:nth-child(3) dl dd {
        width: 80%;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 235px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 195px;
    }

    .mh_b {
        width: 96%;
        display: block;
        margin: 10px auto 20px;
    }

    .mh_b img {
        width: 100%;
        display: block;
    }

    .mh {
        display: none !important;
    }

    .dr_ff .mh_b {
        width: 90%;
        margin-top: 20px;
    }

    .join-wrap .wp_com_nav a:hover {
        background-color: #a73c3c;
        color: #ffffff;
    }

    .wp_com_nav_sppro a {
        width: 19.85% !important;
    }

    .wp_com_nav_sppro a:nth-child(3) {
        border-right: solid 1px #dedede !important;
    }

    .wp_com_nav_sppro a:nth-child(5) {
        border-right: 0;
    }

    .wp_about_nav a {
        width: 16.55% !important;
    }

    .wp_about_nav a:nth-child(3) {
        border-right: solid 1px #dedede !important;
    }

    .f1_f br {
        display: block;
    }

    .banner_ny {
        bottom: 5px !important;
    }

    .guarantee_af {
        padding-top: 50px;
    }

    .jc_t p {
        font-size: 20px;
    }

    .news dl dd p {
        font-size: 20px;
    }

    .news dl dd a {
        font-size: 25px;
        height: auto;
    }

    .news dl dd span {
        font-size: 20px;
    }

    #container7301987a27b1f3e5f74b45fdf540fc06_7 {
        height: 390px !important;
    }

    .uhl_b li {
        font-size: 19px;
    }

    .more, .more:link {
        font-size: 18px;
    }

    .uhl_b li {
        font-size: 17px;
    }

    .main_gf ul li a {
        font-size: 24px;
        padding-left: 28px;
        background-image: url(../images/mg_s.png);
        background-repeat: no-repeat;
        background-size: auto 90%;
    }

    .banner .swiper-pagination span {
        height: 3px;
    }

    .yd_nav_menu {
        width: 100%;
        display: block;
        text-align: center;
        margin: auto;
        background-color: #f3f1f1;
        padding: 10px 0;
        z-index: 1002;
    }

    .yd_nav_menu a {
        display: inline-block;
        width: 24%;
        line-height: 55px;
        font-size: 25px;
        text-align: center;
        color: #333333;
    }

    .zzjxList_yd_nav_menu a {
        width: 30%;
    }

    .yd_nav_menu a.cur {
        color: #ae1e24;
    }

    .mc_li li img {
        display: none;
    }

    .mc_li li .mc_li_wp_pic {
        display: block;
    }

    .mc_li li .mcli {
        display: none;
    }

    #news dl {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    #news dl dt {
        height: auto !important;
    }

    .understand_ef .g_title em {
        margin-bottom: 10px;
    }

    .understand_ef .g_title p {
        margin-top: 3px;
    }

    .Article_content div img {
        width: 100% !important;
        height: auto !important;
    }

    .news_content .nav {
        display: none;
    }

    #main_about_con {
        width: 94%;
        margin: 30px auto 0;
    }

    #main_about_con img {
        width: 100%;
    }

    .ug dl:hover::after {
        display: none;
    }

    .product_b dl dt img {
        width: 100%;
    }

    .main_gf ul li:nth-child(1) em {
        display: none;
    }

    .main_af ul li .ma {
        display: none !important;
    }

    .dri .swiper-button-prev {
        right: 20px;
        width: 14px;
        font-size: 14px;
        bottom: 7px;
    }

    .dri .swiper-button-next {
        right: 0;
        width: 16px;
        font-size: 14px;
        bottom: 7px;
    }

    .dri {
        padding-bottom: 35px;
    }

    .drg_by dl dd p {
        line-height: 20px;
    }

    .drf_img {
        width: 92%;
        margin: 20px auto 0;
    }

    .dbbr_t {
        width: 94%;
        margin: 0 auto;
    }

    .drf_img dt {
        top: 30px;
        left: 25px;
        width: 350px;
    }

    .drf_img dt em {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .drf_img dt p {
        font-size: 20px;
        line-height: 32px;
    }

    .news dl:hover::after {
        opacity: 0;
        display: none;
    }

    .crumb-wrap {
        display: none;
    }

    .main_gyds_tit {
        display: none;
    }

    .bottom_bar {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #910000;
        overflow: hidden;
        z-index: 1003;
    }

    .bottom_bar li {
        width: 50%;
        float: left;
        line-height: 50px;
        text-align: center;
        color: #ffffff;
        font-size: 21px;
    }

    .bottom_bar li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #ffffff;
    }

    .zy_nav {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.9);
        display: flex;
        z-index: -10;
        opacity: 0;
        justify-content: unset;
        flex-wrap: wrap;
        align-content: center;
        transition: all 0.5s;
    }

    .zynav_1 {
        z-index: 75;
        opacity: 1;
    }

    .zy_nav li {
        height: 40px;
        line-height: 40px;
        background-color: unset;
        font-size: 15px;
    }

    .zy_nav li a {
        background-color: unset;
        color: #fff;
    }

    /* .layui-form-item .layui-input-block {
        text-align: center;
        margin-left: 0;
    }
    #add-form  .layui-input-block {
    margin-left:50px;
    }
    .layui-form-item .layui-form-label {
        width: 65px !important;
    } */

    .wp_md_title {
        margin-top: 40px;
        margin-bottom: 40px;
        display: block;
    }

    .wp_md_title em {
        font-size: 35px;
    }

    .wp_md_title span {
        width: 300px;
        font-size: 19px;
        line-height: 40px;
        margin: 0px auto;
        height: auto;
        padding-top: 2px;
    }

    .wp_g_title, .wp_g_title {
        display: block !important;
        margin-top: 40px;
    }

    .wp_m_title {
        margin-top: 40px;
        display: block;
    }

    .wp-column-hd, .wp_g_title {
        display: none !important;
    }

    .wp_banner {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .wp_banner img {
        width: 100%;
        display: block;
    }

    .understand .wp {
        display: block;
    }

    .understand .pc {
        display: none;
        width: 100%;
    }

    .join .wp {
        display: block;
    }

    .join .pc {
        display: none;
        width: 100%;
    }

    .guarantee .wp {
        display: block;
    }

    .guarantee .pc {
        display: none;
        width: 100%;
    }

    .column-main .column-hd {
        margin: 40px auto !important;
        font-size: 32px !important;
        font-weight: bold;
    }

    .artGallery .list li {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    .artGallery .list li .item_pic {
        text-align: center;
        height: auto !important;
    }

    .artGallery .list li .item_pic img {
        width: 90%;
        height: auto !important;
    }

    .list li .item_title {
        font-size: 16px;
        margin-top: 15px;
    }

    .art-cont-wrap .art-cont-l {
        width: 94%;
        padding: 3%;
        border: 0;
    }

    .art-cont-wrap .art-cont-l p img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .art-cont-wrap .art-cont-r {
        width: 94%;
        padding: 3%;
    }

    .art-cont-wrap .art-box .art-prolist li {
        width: 48%;
        margin-right: 4%;
    }

    .art-cont-wrap {
        padding-bottom: 0;
    }

    .understand_ef .visit {
        margin-top: 50px;
    }

    .understand_ff .visit {
        margin-top: -130px;
    }

    .main_bf .yd_more::after {
        margin-top: -2px;
    }

    .mg_title {
        letter-spacing: 0px;
    }

    .pro-info {
        margin-top: 20px;
    }

    .productShow .banner {
        display: none;
    }

    .drg_t span i {
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .visit dl {
        width: 100%;
        top: 15%;
    }

    .visit dl dt img:nth-child(1) {
        display: none;
    }

    .visit dl dt img:nth-child(2) {
        display: block;
    }

    .visit dl dd p input {
        width: 85%;
        height: 55px;
        font-size: 18px;
    }

    .visit dl dd em {
        font-size: 25px;
        margin: 20% 0 5%;
    }

    .visit dl dd p:last-child input {
        width: 87%;
    }

    .dr_bf dt {
        width: 72%;
        display: block;
    }

    .product_b dl:hover .pb_zz {
        display: none;
    }

    #news_more::after {
        width: 15px;
        height: 11px;
        margin-left: 10px;
        margin-top: -2px;
    }

    .guarantee_bf {
        overflow: hidden;
        position: relative;
    }

    .guarantee_bf .gt_n {
        display: none;
    }

    .yd_gb {
        position: absolute;
        display: block;
        float: left;
        width: 25.33%;
        padding: 5% 4%;
        left: 8%;
        top: 35%;
        background-color: rgba(188, 165, 127, 0.8);
        font-size: 19px;
        color: #fff;
        line-height: 35px;
        z-index: 5;
    }

    .gb {
        width: 68%;
        float: right;
        overflow: hidden;
    }

    .gb li {
        border-radius: 0;
        width: 100%;
        margin: 0;
        display: none;
    }

    .gb li img {
        width: 100%;
        display: block;
    }

    .gb li:nth-child(1) {
        display: block;
    }

    .gb li img:nth-child(1) {
        display: none;
    }

    .gb li img:nth-child(2) {
        display: block;
    }


    .navigation {
        display: none;
    }

    .yd_header {
        display: flex;
        width: 92%;
        padding: 0 4%;
        height: 150px;
        overflow: hidden;
        justify-content: flex-end;
        align-items: center;
        position: relative;
    }

    .yd_logo {
        width: 85px;
        float: left;
        position: absolute;
        left: 5%;
        top: 12%;
    }

    .yd_logo img {
        width: 100%;
        display: block;
    }

    .yd_tltle {
        width: 270px;
        float: left;
    }

    .yd_tltle img {
        width: 100%;
        display: block;
    }

    .search {
        width: 32px;
        height: 32px;
        margin: 0 6%;
        overflow: hidden;
    }

    .search i {
        width: 32px;
        height: 32px;
        display: block;
        float: left;
        background-image: url(../images/yd_search.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .search_1 i {
        display: none;
    }

    .search .search_l {
        width: 32px;
        height: 32px;
        display: block;
        float: right;
        background-image: url(../images/yd_search.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: unset;
        border: 0;
        display: none;
    }

    .search_1 {
        width: 50%;
        background-color: #eeeef0;
        position: absolute;
        right: 5%;
        padding: 2% 3%;
    }

    .search_1 .search_l {
        display: block;
    }

    .search_r {
        display: none;
    }

    .search_1 .search_r {
        width: 70%;
        height: 32px;
        float: right;
        background-color: unset;
        margin-right: 2%;
        font-size: 18px;
        border: 0;
        display: block;
    }

    .search_1 b {
        width: 32px;
        height: 32px;
        display: block;
        float: left;
        background-image: url(../images/search_b.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .search_t {
        display: block;
    }

    .search_b {
        display: none;
    }

    .column {
        width: 35px;
        height: 27px;
        background-image: url(../images/column.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .nav {
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eeeef0;
    }

    .nav_1 {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10003;
    }

    .nav li {
        width: 25%;
        font-size: 24px;
        color: #3e3a39;
        text-align: center;
        position: relative;
    }

    .nav li:nth-child(1)::before {
        display: none;
    }

    .nav li::before {
        content: '';
        width: 1px;
        height: 80%;
        background-color: #797677;
        display: block;
        position: absolute;
        left: 0;
        top: 10%;
    }

    .nav li a {
        color: #000000;
        width: 100%;
        height: 100%;
    }

    .nav li.cur a {
        color: #ae1e24;
    }

    .stay input {
        width: 20%;
        margin: 0 1%;
    }

    .main_af {
        padding: 20px 0;
    }

    .main_af em {
        color: #b01f24;
        margin-bottom: 10px;
    }

    .main_af ul {
        width: 100%;
    }

    .main_af ul li {
        width: auto;
        background: unset;
        height: auto;
        line-height: unset;
        font-size: 24px;
        margin: 0 3%;
    }

    .main_af ul li:nth-child(2n) {
        background: unset;
    }

    .gallery-thumbs {
        display: none;
    }

    .main_bf {
        margin: 80px auto;
    }

    .mb_dl {
        width: 90%;
        padding: 0 5%;
        margin-top: 40px;
    }

    .mb .swiper-wrapper {
        width: 100%;
        flex-wrap: wrap;
    }

    .main_bf .more {
        display: none;
    }

    .main_bf .yd_more {
        display: flex;
        position: relative;
        align-items: center;
        line-height: 45px;
        height: 43px;
        padding-top: 2px;
        font-size: 18px;
        justify-content: center;
        margin-top: 15px;
        letter-spacing: 2px;
    }

    .main_bf .yd_more:hover {
        background-color: #ae1e24;
    }

    .main_bf .yd_more::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 11px;
        background-image: url(../images/sma.png);
        background-size: 100% 100%;
        background-position: center;
        margin-left: 10px;
    }

    .main_bf .ydm::after {
        transform: rotate(180deg);
    }

    .mb_dl dl {
        margin-bottom: 15px;
    }

    .mb_dl dl:nth-child(n+4) {
        display: none;
    }

    .yd_mb_dl dl:nth-child(n+4) {
        display: block;
    }

    .mb_dl dl dd {
        width: 94%;
        padding: 0 3%;
        background-color: #262626;
        height: 70px;
        bottom: 0;
        margin: 0;
        left: 0;
        position: unset;
        border: 0;
        text-align: left;
        line-height: 70px;
        opacity: 1;
    }

    .mb_dl dl dd em {
        display: inline-block;
        margin-top: 0;
        font-size: 24px;
        margin-left: 0;
    }

    .mb_dl dl dd span {
        display: inline;
        margin: 0;
        font-size: 20px;
        margin-left: 4%;
        padding-left: 4%;
        position: relative;
        top: -1px;
    }

    .mb_dl dl dd span::before {
        content: '/';
        position: absolute;
        left: 0;
        font-size: 18px;
    }

    .mb_dl dl dd b {
        float: right;
        margin-top: 0;
    }

    .mc_li li .mcli {
        top: 0;
    }

    .mc_nav {
        display: none;
    }

    .mc_li .swiper-button-white {
        display: none;
    }

    .mc_li .swiper-wrapper {
        width: 90%;
        padding: 0 5%;
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .mc_li li {
        margin-bottom: 15px;
    }

    .main_cf {
        padding: 80px 0;
    }

    .main_ff {
        display: none;
    }

    .me_l {
        display: none;
    }

    .me_r {
        display: none;
    }

    .main_if {
        display: none;
    }

    .main_hf {
        height: auto;
        padding: 20px 0 40px;
    }

    .mh {
        width: 90%;
        padding: 0 5%;
        height: 100px;
    }

    .mh dl {
        border: 0;
    }

    .mh dl dt {
        width: 41px;
        height: 41px;
    }

    .mh dl dd {
        font-size: 18px;
        color: #2f2725;
    }

    .main_hf .more {
        display: block !important;
        margin-top: 0;
    }

    .main_df {
        margin: 80px auto;
    }

    .main_df .md_title em {
        display: none;
    }

    .main_df .md_title span {
        display: none;
    }

    .main_df .md_title i {
        display: block;
        text-align: center;
        font-size: 38px;
        color: #2f2725;
        letter-spacing: 8px;
    }

    .main_df .news {
        width: 90%;
        padding: 0 5%;
    }

    .main_df .news dl {
        width: 100%;
        background-color: unset;
        border-bottom: 1px dashed #4c4948;
    }

    .main_df .news dl dt {
        display: none;
    }

    .main_df .news dl dd a {
        font-size: 25px;
    }

    .main_df .news dl dd p {
        font-size: 20px;
    }

    .main_df .news dl dd {
        padding: 8% 0;
    }

    .yd_me {
        display: block;
        width: 90%;
        padding: 0 5%;
        overflow: hidden;
        margin-top: 60px;
    }

    .yd_me dl {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 5%;
        float: left;
        background-color: #eeeef0;
    }

    .yd_me dl:nth-child(2n) {
        margin-right: 0;
    }

    .yd_me dl dt {
        width: 100%;
    }

    .yd_me dl dt img {
        width: 100%;
        display: block;
    }

    .yd_me dl dd {
        text-align: center;
        font-size: 24px;
        color: #000000;
        line-height: 60px;
    }

    .yd_me li {
        width: 48%;
        text-align: center;
        line-height: 140px;
        background-color: #eeeef0;
        float: left;
        font-size: 38px;
        color: #2f2725;
        margin: 0 4% 4% 0;
    }

    .yd_me li:nth-child(2n) {
        margin-right: 0;
    }

    #main_gf {
        display: none;
    }

    .footer_1 {
        display: none;
    }

    .yd_footer_2 {
        display: block;
        width: 100%;
        background-color: #1f1f1f;
    }

    .yf2_1 {
        overflow: hidden;
        border-bottom: 1px solid #ffffff;
    }

    .yf21 {
        width: 49.9%;
        float: left;
        text-align: center;
        border-right: 1px solid #ffffff;
        padding-bottom: 50px;
    }

    .yf21:nth-child(2) {
        border: 0;
    }

    .yf21 em {
        display: block;
        font-size: 30px;
        color: #ffffff;
        margin: 55px 0 20px;
    }

    .yf21 span {
        display: block;
        font-size: 18px;
        color: #ffffff;
        margin: 20px 0 8px;
    }

    .yf21 img {
        width: 50%;
    }

    .yf21 p {
        display: block;
        font-size: 20px;
        color: #fff;
    }

    .yf21 a {
        color: #fff;
    }

    .yf21 p i {
        font-size: 22px;
    }

    .yf2_2 {
        padding-top: 30px;
        text-align: center;
    }

    .yf2_2 em {
        display: inline-block;
        text-align: center;
        font-size: 45px;
        color: #ffffff;
        padding-left: 60px;
        background-image: url(../images/yf22_em.png);
        background-repeat: no-repeat;
        background-position: left;
    }

    .yf2_2 span {
        display: block;
        text-align: center;
        font-size: 35px;
        color: #ffffff;
        margin: 70px 0 30px;
    }

    .yf2_2 input {
        width: 88%;
        padding-left: 2%;
        height: 50px;
        background-color: #ffffff;
        border: 0;
        margin-bottom: 15px;
        font-size: 24px;
    }

    .yf2_2 input:last-child {
        padding-left: 0;
        width: 90%;
        background-color: #ae1e24;
        color: #ffffff;
    }

    .yf2_2 .button {
        padding-left: 0;
        width: 90%;
        background-color: #ae1e24;
        color: #ffffff;
    }

    .yf2_3 em {
        font-size: 30px;
        display: block;
        text-align: center;
        color: #ffffff;
        margin: 60px auto 20px;
    }

    .yf2_3 p {
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        padding: 0 3%;
        padding-bottom: 40px;
    }

    .crumbs {
        display: none;
    }

    .drj::before {
        height: 102%;
        top: -1%;
    }

    #derails {
        display: none;
    }

    .details_r {
        width: 100%;
        padding: 0;
        outline: 0;
    }

    .dr_ff .mh {
        width: 90%;
        padding: 0;
    }

    .drj::after {
        width: 18%;
        right: -17.9%;
        height: 102%;
        top: -1%;
    }

    .guarantee_af .g_title span {
        width: 47%;
        margin: 0 auto;
        line-height: 160%;
        font-size: 20px;
    }

    .ga {
        width: 90%;
        margin: 40px auto 0;
    }

    .ga dl {
        background-color: #eeeef0;
    }

    .ga dl dd {
        position: unset;
        color: #4c4948;
        text-align: left;
        background-color: #eeeef0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 87%;
        padding-left: 2%;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
    }

    .ga .swiper-button-next {
        display: none;
    }

    .ga .swiper-button-prev {
        display: none;
    }

    .ga .swiper-pagination {
        color: #4c4948;
        right: 10px;
        bottom: 10px;
    }

    .guarantee_cf {
        width: 90%;
        margin-top: 60px;
        padding: 40px 5%;
        margin-bottom: 250px;
    }

    .guarantee_cf .g_title em {
        text-align: left;
    }

    .guarantee_cf .g_title span {
        text-align: left;
        line-height: 170%;
    }

    .gc {
        overflow: unset;
        height: 300px;
        position: relative;
    }

    .gc li:nth-child(1) {
        width: 53.92%;
        position: absolute;
        top: 95%;
    }

    .gc li:nth-child(2) {
        width: 43%;
        position: absolute;
        right: -5%;
        margin: 0;
        top: 40%;
    }

    .gc li:nth-child(3) {
        width: 53.92%;
        position: absolute;
    }

    .guarantee_df {
        background-color: #eeeef0;
        width: 90%;
        padding: 80px 5%;
        margin: 80px 0;
    }

    .gd dl dd {
        width: 100%;
        position: unset;
        font-size: 25px;
        margin: 50px 0 0;
        color: #2f2725;
    }

    .gd dl dt {
        position: relative;
    }

    .gd dl dt::after {
        content: '1';
        position: absolute;
        top: 95%;
        left: 50%;
        width: 44px;
        height: 44px;
        margin-left: -22px;
        font-size: 30px;
        line-height: 44px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.8);
        color: #ffffff;
        border-radius: 50%;
    }

    .gd dl:nth-child(2) dt::after {
        content: '2';
    }

    .gd dl:nth-child(3) dt::after {
        content: '3';
    }

    .guarantee_ef {
        width: 90%;
        padding: 0 5%;
    }

    .ge dl dd i {
        margin: 35px auto 15px;
    }

    .ge dl dd em {
        font-size: 20px;
    }

    .guarantee_ff {
        width: 90%;
        padding: 50px 5% 0;
    }

    .guarantee_ff .g_title span {
        width: 80%;
        margin: 0 auto;
        line-height: 170%;
    }

    .main_gf ul li p {
        margin-top: 15px;
        font-size: 23px;
    }

    .guarantee_gf {
        height: 300px;
        background-image: url(../images/yd_gg_bg.jpg);
    }

    .gg {
        padding-top: 70px;
    }

    .gg p {
        font-size: 28px;
    }

    .gg p span {
        font-size: 22px;
    }

    .main_gf ul {
        margin: 80px auto 40px;
    }

    .join_af {
        margin: 80px 0;
    }

    .join_af .g_title p {
        margin-top: 15px;
    }

    .join_af .g_title p i {
        margin: 0 8px;
    }

    .ja {
        margin-top: 40px;
        width: 90%;
        padding: 0 5%;
    }

    .ja dt {
        line-height: 160%;
        font-size: 20px;
    }

    .ja dd {
        display: unset;
    }

    .ja dd .ja_l {
        margin: 0 auto;
    }

    .ja dd .ja_r {
        margin: 0 auto;
        text-align: center;
        border: 0;
        width: 100%;
        height: auto;
        padding-top: 0px;
    }

    .ja dd .ja_r em {
        display: inline;
        font-size: 20px;
    }

    .ja dd .ja_r i {
        display: inline-block;
        margin: 0 10px;
        font-size: 24px;
        font-weight: bold;
    }

    .join_bf {
        width: 90%;
        padding: 80px 5%;
    }

    .jb_l {
        width: 100%;
        padding: 0;
        background-color: #eeeef0;
    }

    .jb_t span {
        display: block;
    }

    .jb_t p {
        margin: 10px 0 35px;
        font-size: 18px;
    }

    .jb_b p {
        display: none;
    }

    .jb_r {
        width: 100%;
        padding: 0;
    }

    .jbr {
        width: 100%;
        padding: 0;
        background-color: #eeeef0;
        margin-top: 45px;
        margin-bottom: 0;
    }

    .join_cf {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jc_t p {
        line-height: 180%;
        margin-bottom: 25px;
    }

    .jc_b .swiper-button-next {
        display: none;
    }

    .jc_b .swiper-button-prev {
        display: none;
    }

    .jc_b li {
        width: 100%;
        margin-right: 0;
    }

    .join_df {
        width: 90%;
        padding: 0 5%;
        margin-bottom: 80px;
    }

    .join_df::before {
        display: none;
    }

    .jd {
        display: none;
    }

    .yd_jd {
        display: block !important;
        width: 100%;
        overflow: hidden;
        margin-top: 40px;
    }

    .yd_jd li {
        width: 100%;
    }

    .yd_jd li img {
        display: block;
        width: 100%;
    }

    .join_ef {
        width: 90%;
        padding: 80px 5%;
    }

    .je {
        display: block;
    }

    .je dl {
        width: 92%;
        padding: 4% 4% 8%;
        background-color: #ffffff;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .je dl:nth-child(1) {
        width: 100%;
        padding: 2% 0 3%;
    }

    .je dl dt p {
        display: block;
        text-align: left;
        position: relative;
        padding-top: 10px;
    }

    .je dl:nth-child(1) dt p {
        float: right;
        padding-top: 10px;
        width: 60%;
        margin: 8px 0 8px;
    }

    .je dl:nth-child(1) dt p i {
        top: 0px;
        right: 3%;
    }

    .je dl:nth-child(1) dd p {
        width: 60%;
        float: right;
        line-height: 160%;
    }

    .je dl dt p em {
        font-size: 28px;
        color: #2f2725;
    }

    .je dl dt p i {
        font-size: 40px;
        float: right;
        color: #969595;
        position: absolute;
        top: 0;
        right: 0;
    }

    .je dl dt img {
        display: none;
    }

    .je_img {
        display: block;
        float: left;
        width: 37.69%;
    }

    .je_img img {
        width: 100%;
    }

    .je dl dd {
        line-height: 160%;
        text-align: left;
        margin-top: 10px;
    }

    .je dl dd p {
        margin: 0;
    }

    .join_ff {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jf li {
        height: 310px;
    }

    .jf li i {
        width: 80px;
        height: 80px;
        background-color: #ffffff;
        position: relative;
        top: 0;
        left: auto;
        display: block;
        margin: 0 auto;
        text-align: center;
        line-height: 90px;
        color: #c3575b;
        top: -2px;
    }

    .jf li em {
        font-size: 28px;
        margin: 20px 0 20px;
    }

    .jf li p {
        line-height: 160%;
    }

    .join_gf {
        width: 90%;
        padding: 80px 5%;
    }

    .jg img:nth-child(1) {
        display: none;
    }

    .jg img:nth-child(2) {
        width: 100%;
        display: block;
    }

    .join_gf::after {
        display: none;
    }

    .jg_b {
        width: 100%;
        margin: 0;
        position: unset;
    }

    .jg_b dd {
        position: unset;
    }

    .jg_b dd em {
        color: #2f2725;
        padding-top: 60px;
    }

    .jg_b dd span {
        color: #2f2725;
    }

    .jg_b dd p input {
        width: 98%;
        padding-left: 2%;
        height: 55px;
        font-size: 18px;
        background-color: #d6d6d8;
    }

    .jg_b dd p:last-child input {
        width: 100%;
    }

    .join_hf {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .jh img:nth-child(1) {
        display: none;
    }

    .jh img:nth-child(2) {
        width: 100%;
        display: block;
    }

    .join_hf .more {
        display: block;
    }

    #news {
        width: 90%;
        padding: 0 5%;
    }

    .product_t {
        display: none;
    }

    .product_b {
        width: 90%;
        padding: 0 5%;
    }

    .product_b dl {
        height: auto !important;
        width: 100%;
        margin-right: 0;
    }

    .product_b dl dt {
        height: auto;
        line-height: unset;
    }

    .product_b dl dd {
        line-height: unset;
        height: auto;
        padding-bottom: 0px;
    }

    .product_b dl dd a {
        margin-top: 33px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }

    .product_b dl dd span {
        font-size: 30px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
        line-height: 104px;
    }

    .understand_af {
        width: 90%;
        padding: 0 5%;
        margin: 80px 0;
    }

    .understand_af .g_title {
        display: block;
    }

    .understand_af .ua_b {
        display: none;
    }

    .ua_img {
        display: none;
    }

    .ua_t p {
        line-height: 180%;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .g_title em {
        font-size: 32px;
    }

    .ueb_r1, .ueb_r2 {
        font-size: 18px;
    }

    .understand_bf {
        width: 90%;
        padding: 80px 5%;
        background-color: #eeeef0;
    }

    .understand_bf .g_title {
        padding: 0;
    }

    .ub {
        margin: 40px 0 0 0;
    }

    .understand_cf {
        background-color: #eeeef0;
        margin: 0;
        padding-bottom: 300px;
        padding-top: 0;
    }

    .understand_df {
        width: 90%;
        height: 370px;
        margin: -220px auto;
        background-image: url(../images/ub_f.jpg);
        background-size: 100%;
    }

    .ud {
        width: 90%;
        margin-top: 40px;
        margin: 0 auto;
    }

    .ud em {
        margin-top: 40px;
    }

    .ud ul {
        margin-left: 0;
        width: 300px;
    }

    .ud ul li {
        width: 100px;
        border: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .understand_ef {
        width: 100%;
        padding: 0 0;
        margin-bottom: 100px;
        margin-top: 300px;
    }

    .ue_t ul .swiper-button-prev {
        display: none;
    }

    .ue_t ul .swiper-button-next {
        display: none;
    }

    .ue_t ul {
        width: 90%;
        margin: 0 auto;
    }

    .ue_t ul li {
        width: 100%;
        margin-right: 0;
    }

    .ue_b {
        width: 100%;
        margin: 80px 0;
    }

    .ueb_l {
        width: 100%;
    }

    .ueb_r {
        width: 90%;
        top: 0;
        height: 100%;
        background-color: unset;
    }

    .ueb_r em {
        text-align: left;
        color: #ffffff;
        margin-top: 80px;
    }

    .ueb_r span {
        text-align: left;
        color: #ffffff;
        margin: 30px 0 40px;
    }

    .ueb_r span i {
        display: block;
        opacity: 0;
        height: 10px;
    }

    .ue_b .ueb_r1 {
        width: 300px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        margin-left: -180px;
        bottom: -75px;
        left: 50%;
        position: absolute;
        letter-spacing: 2px;
    }

    .ue_b .ueb_r2 {
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -180px;
    }

    .understand_ff {
        width: 90%;
        padding: 0 5%;
        background-color: unset;
        margin-bottom: 60px;
    }

    .understand_ff .g_title {
        background-color: unset;
        padding: 0;
    }

    .uf_t {
        margin: 35px 0 0 0;
    }

    .uf_t li {
        width: 100%;
        display: none;
    }

    .uf_t li:nth-child(1) {
        display: block;
    }

    .uf_b {
        margin-top: -25px;
    }

    .uf_b li:nth-child(2) {
        display: block;
    }

    .uf_b li {
        width: 100%;
    }

    .ueb_r1 {
        margin: 0 auto 20px;
    }

    .understand_gf {
        width: 90%;
        padding: 80px 5%;
        background-color: #f9f9fa;
    }

    .ug dl {
        width: 100%;
        height: auto;
        margin-right: 0;
        background-color: #ffffff;
        margin-bottom: 3%;
    }

    .ug dl:nth-child(n+4) {
        display: none;
    }

    .ug dl dt {
        height: auto;
    }

    .ug dl dd span {
        font-size: 22px;
    }

    .ug dl dd a {
        font-size: 26px;
    }

    .news_zz {
        display: none !important;
    }

    .understand_hf {
        width: 90%;
        padding: 80px 5%;
    }

    .yd_understand {
        display: block;
        width: 90%;
        padding: 0 5%;
        margin-bottom: 80px;
    }

    .yd_u_li {
        margin-top: 30px;
    }

    .yd_u_li li {
        padding: 35px 0;
        border-bottom: 1px dashed #5c5857;
    }

    .yd_u_li li span {
        font-size: 22px;
        color: #4c4948;
        display: block;
    }

    .yd_u_li li a {
        display: block;
        font-size: 28px;
        color: #333333;
        margin: 25px 0 15px;
    }

    .yd_u_li li p {
        font-size: 24px;
        color: #2f2725;
        line-height: 160%;
    }

    .sidebar {
        width: 50px;
    }

    .sidebar li:nth-child(1) {
        height: 44px;
    }

    .sidebar li:nth-child(2) {
        height: 59px;
        background-position: 0 -44px;
    }

    .sidebar li:nth-child(3) {
        height: 60px;
        background-position: 0 -103px;
    }

    .sidebar li:nth-child(4) {
        height: 51px;
        background-position: 0 -163px;
    }

    .yd_bar {
        width: 60%;
        height: 100%;
        position: fixed;
        z-index: 1008;
        top: 0;
        left: -60%;
        display: block;
        background-color: #ffffff;
        transition: all 0.5s;
    }

    .ydb_t {
        height: 150px;
        background-color: #191919;
    }

    .ydb_t i {
        width: 29px;
        height: 29px;
        background-image: url(../images/ydb_t.png);
        background-size: 100%;
        background-repeat: no-repeat;
        float: right;
        display: block;
        margin: 60px 10% 0 0;
    }

    .ydb_b {
        width: 90%;
        height: 87%;
        overflow-y: scroll;
        text-align: left;
    }

    .ydb_b::-webkit-scrollbar {
        display: none;
    }

    .ydb_b dl {
        width: 100%;
    }

    .ydb_b dl .bb_dt i::before {
        display: none;
    }

    .ydb_b dl dt {
        border-bottom: 1px solid #999999;
        line-height: 260%;
        color: #3e3a39;
        font-size: 28px;
        padding-left: 10%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ydb_b dl dt i {
        width: 15px;
        height: 15px;
        display: block;
        position: relative;
    }

    .ydb_b dl dt i::after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #3e3a39;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .ydb_b dl dt i::before {
        content: '';
        width: 2px;
        height: 100%;
        background-color: #3e3a39;
        position: absolute;
        top: 0%;
        left: 50%;
        display: block;
    }

    .ydb_b dl dd {
        border-bottom: 1px solid #999999;
        padding-left: 10%;
        padding-bottom: 3%;
        display: none;
    }

    .ydb_b dl dd a {
        display: block;
        font-size: 18px;
        color: #666464;
        margin: 7% 0;
    }

    .ydb_b dl dt a {
        width: 100%;
        height: 100%;
        display: block;
        color: #3e3a39;
    }

    .zzc {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 1005;
        display: none;
    }
}

@media screen and (max-width:700px ) {
    .wp_about_nav a {
        width: 16.4% !important;
    }
}
@media screen and (max-width:650px ) {
    .dr_cf li {
        padding-left: 10px;
        font-size: 14px;
    }
}

@media screen and (max-width:550px ) {
    .yd_me dl dd {
        font-size: 18px;
    }

    .pc-float-nav {
        display: none;
    }

    .yd_gb {
        font-size: 14px;
        line-height: 20px;
    }

    .yd_header {
        height: 90px;
    }

    .yd_logo {
        width: 51px;
    }

    .yd_tltle {
        width: 190px;
    }

    .search {
        width: 25px;
        height: 25px;
    }

    .search i {
        width: 25px;
        height: 25px;
    }

    .search_1 {
        width: 50%;
    }

    .search_1 .search_r {
        height: 25px;
        font-size: 14px;
    }

    .search_1 .search_l {
        width: 25px;
        height: 25px;
    }

    .search_1 b {
        width: 25px;
        height: 25px;
        background-size: 60% 60%;
    }

    .column {
        width: 27px;
        height: 20px;
    }

    .nav li {
        font-size: 16px;
    }

    .nav {
        height: 40px;
    }

    .dr_bf {
        width: 90%;
        margin: 20px auto 15px;
        padding-bottom: 15px;
    }

    .dr_bf dt em {
        font-size: 30px;
    }

    .dr_cf {
        width: 90%;
    }

    .dr_df {
        width: 300px;
        border-radius: 10px;
    }

    .dre_t {
        font-size: 30px;
    }

    .dre_b li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .mh dl dd {
        font-size: 15px;
    }

    .drg_by dl:nth-child(1) dd {
        top: 20px;
    }

    .drg_by dl dd em {
        font-size: 21px;
    }

    .drg_by dl dd p {
        font-size: 14px;
    }

    .drg_by dl dd {
        height: 190px;
    }

    .drg_by dl:nth-child(2) dd {
        top: 25px;
    }

    .drg_t span {
        font-size: 25px;
    }

    .g_title em {
        font-size: 26px;
    }

    .g_title span {
        font-size: 14px;
    }

    .ga dl dd {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .gc li:nth-child(1) {
        top: 70%;
    }

    .guarantee_cf {
        margin-bottom: 150px;
    }

    .gd dl dt::after {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 25px;
        margin-left: -17px;
    }

    .gd dl dd {
        margin-top: 40px;
        font-size: 16px;
    }

    .guarantee_af {
        padding-top: 40px;
        margin-bottom: 60px;
    }

    .ga .swiper-pagination {
        font-size: 14px;
        bottom: 18px !important;
        margin-left: -10px;
    }

    .guarantee_df {
        margin: 60px 0;
        padding: 60px 5%;
    }

    .ge dl dd i {
        margin: 25px auto 10px;
    }

    .ge dl dd em {
        font-size: 16px;
    }

    .ge {
        margin-bottom: 0px;
    }

    .gf {
        margin-bottom: 60px;
    }

    .gg p {
        font-size: 24px;
    }

    .gg p span {
        font-size: 18px;
    }

    .main_gf {
        margin: 60px auto;
    }

    .mg_title {
        font-size: 26px;
        letter-spacing: 4px;
    }

    .main_gf ul {
        margin-bottom: 0;
        margin-top: 40px;
    }

    .main_gf ul li em {
        font-size: 25px;
        background-size: auto 90%;
    }

    .main_gf ul li {
        width: 90%;
        padding: 0 5%;
    }

    .main_gf ul li a {
        font-size: 20px;
    }

    .main_gf ul li p {
        font-size: 15px;
    }

    .main_gf .more {
        margin-top: 0;
    }

    .main_hf {
        background-color: #f9f9fa;
    }

    .yf21 em {
        font-size: 26px;
    }

    .yf21 span {
        font-size: 16px;
    }

    .yf21 p {
        font-size: 17px;
    }

    .yf21 p i {
        font-size: 19px;
    }

    .yf2_2 em P {
        font-size: 40px;
    }

    .yf2_2 span {
        font-size: 30px;
    }

    .yf2_3 em {
        margin: 30px auto 10px;
        font-size: 22px;
    }

    .yf2_3 p {
        font-size: 14px;
    }

    .main_af em {
        font-size: 25px;
    }

    .main_af ul li {
        font-size: 21px;
    }

    .main_bf {
        margin: 60px auto;
    }

    .mb_dl dl dd em {
        font-size: 21px;
    }

    .mb_dl dl dd span {
        font-size: 16px;
        top: -3px;
    }

    .mb_dl dl dd span::before {
        font-size: 15px;
    }

    .mb_dl dl dd {
        height: 50px;
        line-height: 50px;
    }

    .main_df .news {
        margin-top: 0;
    }

    .main_df .md_title i {
        font-size: 34px;
    }

    .main_df .news dl dd a {
        font-size: 21px;
    }

    .news dl dd span {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .main_df .news dl dd p {
        margin-top: 15px;
        font-size: 17px;
    }

    .yd_me {
        margin-top: 0;
    }

    .yd_me li {
        line-height: 80px;
        font-size: 30px;
    }

    .main_ef {
        margin-bottom: 60px;
    }

    .join_af {
        margin: 60px 0;
    }

    .join_af .g_title p {
        margin-top: 25px;
        font-size: 17px;
    }

    .ja dd .ja_r em {
        font-size: 16px;
    }

    .ja dd .ja_r i {
        font-size: 22px;
    }

    .join_bf {
        padding: 60px 5%;
    }

    .jb_t span {
        font-size: 25px;
    }

    .jb_t em {
        font-size: 25px;
    }

    .je dl dt p em {
        font-size: 20px;
    }

    .je dl dt p i {
        font-size: 36px;
    }

    .je dl dd {
        font-size: 14px;
    }

    .je dl:nth-child(1) dt p {
        margin: 5px 0;
    }

    .jf li i {
        width: 50px;
        height: 50px;
        line-height: 60px;
    }

    .jf li i {
        font-size: 24px;
    }

    .jf li em {
        font-size: 20px;
        margin: 15px 0;
    }

    .jf li p {
        width: 85%;
        font-size: 14px;
    }

    .jf li {
        height: 230px;
    }

    .join_ff {
        margin: 60px 0;
    }

    .join_gf {
        padding: 60px 5%;
    }

    #news {
        width: 94%;
        padding: 0 3%;
    }

    .news dl dt {
        min-width: auto;
    }

    .news dl dd {
        padding: 3%;
    }

    .news dl dd span {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 180%;
    }

    .news dl dd a {
        font-size: 16px;
        height: auto;
        line-height: 25px;
    }

    .news dl dd p {
        line-height: 22px;
        margin-top: 15px;
        height: 44px;
    }

    #news_more {
        margin-bottom: 60px;
        line-height: 35px;
        padding-top: 2px;
        height: 33px;
    }

    .product_b {
        width: 94%;
        padding: 0 3%;
        margin-top: 0px;
    }

    .product_b dl dd span {
        font-size: 16px;
    }



    .product_b dl dd a {
        width: 120px;
        height: 30px;
        line-height: 30px;
    }



    .understand_af {
        margin: 40px 0;
    }

    .ua_t {
        max-width: 91%;
        margin-bottom: 0;
        margin-top: 35px;
    }

    .understand_bf {
        padding: 40px 5%;
    }

    .ud em {
        margin-top: 21px;
        font-size: 24px;
    }

    .ud span {
        margin: 10px 0 20px;
        font-size: 17px;
    }

    .ud ul li {
        font-size: 14px;
        margin-right: 24px;
    }

    .understand_df {
        height: 280px;
        background-repeat: no-repeat;
    }

    .ud ul {
        width: 250px;
    }

    .ug dl dd {
        padding: 3%;
    }

    .ug dl dd span {
        font-size: 17px;
    }

    .ug dl dd a {
        font-size: 20px;
        line-height: 170%;
    }

    .yd_u_li li span {
        font-size: 17px;
    }

    .yd_u_li li a {
        font-size: 22px;
    }

    .yd_u_li li p {
        font-size: 18px;
    }



    #news dl dt {
        height: 162px;
    }
}

@media screen and (max-width:450px ) {
    .dal_b li {
        max-width: 100px;
        max-height: 67px;
    }

    .dar_yx dt {
        width: 160px;
        height: 32px;
        line-height: 32px;
        margin: 0 0px;
        font-size: 12px;
    }

    .dar_yx dd {
        width: 100px;
        height: 32px;
        line-height: 32px;
        margin: 0 5px;
        font-size: 12px;
    }

    .dar_dl dl dd {
        width: 300px;
    }

    .dar_title {
        font-size: 20px;
    }

    .dar_dl {
        margin-top: 25px;
    }

    .dar_dl dl {
        margin-bottom: 15px;
    }

    .layui-layer {
        width: 96% !important;
        left: 2% !important;
    }

    .jg_b dd p input {
        height: 45px;
        font-size: 16px;
    }

    .visit dl dd em {
        font-size: 20px;
    }

    .visit dl dd p input {
        height: 35px;
        font-size: 14px;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 145px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 110px;
    }

    #container7301987a274e56202d60976e9fc7859d_7 {
        height: 205px !important;
    }

    .newsconTJ_con .nav {
        display: none !important;
    }

    .wp_md_title em {
        font-size: 28px;
    }

    .drf_img dt p i {
        display: block;
    }

    .main_bf .yd_more {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
        margin-top: 30px;
        letter-spacing: 2px;
    }

    .drf_img dt {
        top: 30px;
        left: 25px;
        width: 202px;
    }

    .drf_img dt em {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .drf_img dt p {
        font-size: 12px;
        line-height: 20px;
    }

    .jc_t p {
        font-size: 14px;
    }

    .ja dt {
        font-size: 14px;
    }

    .ue_b .ueb_r1 {
        font-size: 14px;
    }

    #container7301987a27b1f3e5f74b45fdf540fc06_7 {
        height: 210px !important;
    }

    .uhl_b li {
        font-size: 14px;
    }

    .bottom_bar li {
        line-height: 30px;
        font-size: 14px;
    }

    .wp_md_title span {
        width: 200px;
        font-size: 14px;
        line-height: 20px;
    }

    .yd_nav_menu a {
        line-height: 35px;
        font-size: 15px;
    }

    .uf_b li {
        margin-bottom: 0px;
    }

    .aboutHonor {
        width: 100%;
    }

    .aboutHonor image {
        width: 100%;
    }

    .ue_b .ueb_r2 {
        bottom: -55px;
    }

    .ue_b .ueb_r1 {
        bottom: -35px;
        width: 180px;
        height: 35px;
        line-height: 35px;
    }

    .yd_me dl dd {
        font-size: 18px;
        line-height: 35px;
    }

    .ga dl dd {
        height: 45px;
        line-height: 45px;
    }

    .ga .swiper-pagination {
        bottom: 12px !important;
    }

    .guarantee_gf {
        height: 250px;
    }

    .understand_ff .visit {
        margin-top: -30px;
    }

    .ud {
        width: 82%;
    }

    #about_m8 .g_title em {
        letter-spacing: 3px;
    }

    .nav {
        height: 44px;
    }

    .nav_1 {
        height: 32px;
    }

    .art-cont-wrap .Article .Article_time {
        height: auto;
        line-height: 25px;
    }

    .more, .more:link {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
        margin-top: 30px;
        letter-spacing: 2px;
    }

    .join_hf .more {
        margin-top: 10px;
    }

    .dr_af .swiper-button-next {
        font-size: 14px;
        bottom: 7px;
        right: 57px;
        width: 16px;
    }

    .dr_af .swiper-button-prev {
        right: 80px;
        font-size: 14px;
        bottom: 7px;
        width: 16px;
    }

    .dr_af .swiper-pagination {
        font-size: 15px;
    }

    .bm100 {
        padding-bottom: 30px;
    }

    .bm100 .wp_md_title em {
        font-size: 19px !important;
    }

    .je_img {
        margin-top: 10px;
    }

    #news_more {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .product_b dl dd {
        height: auto;
    }

    .understand_gf .more {
        margin-top: 20px;
    }

    .uf_b {
        margin-top: -20px;
    }

    .uf_b .ueb_r1 {
        margin-bottom: 5px;
    }

    .main_cf .more {
        margin-top: 15px;
    }

    .main_df .more {
        margin-top: 30px;
    }

    .main_gf .more {
        margin-top: 0px;
    }

    .dr_ff .mh {
        width: 98%;
    }

    .join_cf {
        margin-top: 40px;
    }

    .jb_t p {
        margin-bottom: 25px;
    }

    .ub {
        margin-top: 20px;
    }

    .ydb_t {
        height: 90px;
    }

    .ydb_t i {
        margin-top: 35px;
        width: 23px;
        height: 23px;
    }

    .ydb_b dl dt i {
        width: 10px;
        height: 10px;
    }

    .ydb_b dl dt i::before {
        width: 1px;
    }

    .ydb_b dl dt i::after {
        height: 1px;
        margin-left: 1px;
    }

    .ydb_b dl dt {
        font-size: 18px;
    }

    .ydb_b dl dd a {
        font-size: 14px;
    }

    .yd_tltle {
        width: 180px;
    }

    .search {
        width: 21px;
        height: 21px;
        margin: 0 5%;
    }

    .search_1 {
        width: 50%;
        right: 7%;
    }

    .search i {
        width: 21px;
        height: 21px;
    }

    .search_1 .search_r {
        height: 21px;
    }

    .search_1 .search_l {
        width: 21px;
        height: 21px;
    }

    .search_1 b {
        width: 21px;
        height: 21px;
    }

    .column {
        width: 24px;
        height: 17px;
    }

    .nav li {
        font-size: 16.5px;
    }

    .nav li:nth-child(3) {
        padding: 0 1.5%;
    }

    .nav li::before {
        top: 14%;
    }

    .stay {
        height: 65px;
    }

    .stay input {
        height: 30px;
        font-size: 13px;
    }

    .main_af em {
        font-size: 18px;
    }

    .main_af ul li {
        font-size: 16px;
        position: relative;
        margin: 0 4%;
    }

    .main_af ul li:after {
        position: absolute;
        width: 1px;
        height: 80%;
        content: '';
        background-color: #333333;
        top: 3px;
        left: -16px;
    }

    .main_af ul li:nth-child(1):after {
        display: none;
    }

    .main_af em {
        margin-bottom: 5px;
        font-weight: bold;
    }

    .main_af {
        padding: 15px 0;
    }

    .main_bf {
        margin: 40px 0;
    }

    .m_title em {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 8px;
    }

    .m_title span {
        width: 140px;
        font-size: 15px;
        line-height: 22px;
        margin: 8px auto;
        height: auto;
        padding-top: 2px;
    }

    .m_title p {
        font-size: 14px;
    }

    .mb_dl {
        margin-top: 30px;
    }

    .mb_dl dl dd {
        height: 40px;
        line-height: 40px;
    }

    .mb_dl dl dd em {
        font-size: 16px;
    }

    .mb_dl dl dd span {
        font-size: 14px;
        top: -1px;
    }

    .mb_dl dl dd span::before {
        font-size: 12px;
    }

    .mb_dl dl dd b {
        font-size: 12px;
        background-size: auto 30%;
    }

    .more {
        width: 220px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        margin-top: 20px;
    }

    .m_title i {
        font-size: 15px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .main_cf {
        padding: 40px 0;
    }

    .main_df {
        margin: 40px 0;
    }

    .main_df .md_title i {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 8px;
    }

    .main_df .news dl dd a {
        display: block;
        margin: 8px auto;
        font-size: 18px;
        height: auto;
        line-height: 23px;
        font-weight: unset;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .main_df .news dl dd p {
        margin-top: 10px;
        font-size: 14px;
    }

    .main_df .news dl dd {
        padding: 7% 0;
    }

    .main_ef {
        margin-top: 60px;
        margin-bottom: 0px;
    }

    .yd_me li {
        font-size: 20px;
        font-weight: bold;
        line-height: 70px;
    }

    .mh dl dt {
        width: 35px;
        height: 35px;
    }

    .mh dl dd {
        font-size: 12px;
        margin-left: 3px;
    }

    .mh {
        height: 60px;
        width: 92%;
        padding: 0 4%;
    }

    .yf21 {
        width: 49.5%;
        padding-bottom: 35px;
    }

    .yf21 em {
        font-size: 18px;
        margin: 35px 0 10px;
    }

    .yf21 span {
        font-size: 12px;
        margin: 13px 0 5px;
    }

    .yf21 p {
        font-size: 14px;
        font-weight: bold;
    }

    .yf21 p i {
        font-size: 14px;
    }

    .yf2_2 em {
        font-size: 26px;
        background-size: auto 76%;
        padding-left: 40px;
    }

    .yf2_2 span {
        font-size: 22px;
        margin: 50px 0 20px;
    }

    .yf2_2 input {
        height: 35px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .yf2_3 em {
        font-size: 20px;
        margin-top: 20px;
    }

    .yf2_3 p {
        font-size: 12px;
        padding-bottom: 45px;
    }

    .dr_bf dt em {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .dr_bf dt span {
        font-size: 14px;
        margin: 5px 0 25px;
        display: none;
    }

    .dr_bf dd img {
        width: 80px;
        height: 80px;
    }

    .dr_bf dd p {
        font-size: 12px;
        line-height: 25px;
    }

    .dr_bf dt i {
        font-size: 16px;
    }

    .dr_cf li {
        font-size: 12px;
        line-height: 40px;
        height: 40px;
        padding-left: 0;
    }

    .dr_cf li:last-child {
        height: auto;
        flex-wrap: wrap;
    }

    .dr_cf li:last-child dl:nth-child(1) {
        border-bottom: 1px dashed #adadad;
    }

    .dr_df {
        width: 220px;
        height: 35px;
        line-height: 36px;
        font-size: 13px;
        margin: 35px auto;
    }

    .dr_df a {
        color: #ffffff;
    }

    .dr_df a:link {
        color: #ffffff;
    }

    .dre_t {
        font-size: 22px;
        padding-bottom: 20px;
        padding-top: 0;
        border-bottom: 2px solid #666666;
    }

    .dre_b {
        margin: 30px auto 15px;
    }

    .dre_b li {
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }

    .dre_b li span {
        width: 34%;
        padding-left: 1%;
    }

    .mh dl dt {
        width: 30px;
        height: 30px;
    }

    .drg_t {
        margin: 35px auto 30px;
    }

    .drg_t span {
        font-size: 20px;
    }

    .drg_t::before {
        width: 210px;
        margin-left: -105px;
    }

    .drg_b dd em {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .drg_b dd span {
        font-size: 12px;
    }

    .drg_b dd {
        padding: 30px 0;
    }

    .drg_by dl {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .drg_by dl:nth-child(2) {
        margin-bottom: 0px;
    }

    .drg_by dl dd em {
        font-size: 18px;
        margin: 15px 0 6px;
    }

    .drg_by dl dd p {
        font-size: 12px;
    }

    .drg_by dl dd {
        height: 140px;
        width: 176px;
        padding-left: 25px;
    }

    .dr_hf {
        margin-top: 40px;
    }

    .dr_if {
        margin-top: 40px;
    }

    .dr_jf {
        width: 80%;
    }

    .main_hf .more {
        width: 200px;
        height: 35px;
        line-height: 37px;
        font-size: 14px;
    }

    .main_hf {
        padding: 15px 0 30px;
    }

    .details {
        margin-bottom: 50px;
    }

    .drj .swiper-button-next {
        width: 33px;
        height: 62px;
        right: -37px;
    }

    .drj .swiper-button-prev {
        width: 33px;
        height: 62px;
        left: -37px;
    }

    .g_title em {
        font-size: 20px;
    }

    .g_title span {
        font-size: 13px;
    }

    .ga {
        margin-top: 20px;
    }

    .ga dl dd {
        font-size: 12px;
    }

    .gc {
        height: 150px;
    }

    .gc li:nth-child(1) {
        top: 105%;
    }

    .guarantee_df {
        padding: 40px 5%;
        margin-bottom: 40px;
    }

    .gd {
        margin: 25px auto 0;
    }

    .gd dl dt::after {
        width: 27px;
        height: 27px;
        line-height: 27px;
        font-size: 22px;
        margin-left: -13px;
        top: 93%;
    }

    .gd dl dd {
        margin-top: 30px;
        font-size: 14px;
    }

    .guarantee_ff {
        padding-top: 40px;
    }

    .ge {
        margin: 20px auto 0;
    }

    .ge dl dd i {
        margin: 20px auto 5px;
    }

    .ge dl dd em {
        font-size: 13px;
    }

    .guarantee_ff .g_title span {
        width: 95%;
    }

    .guarantee_af .g_title span {
        width: 54%;
        font-size: 13px;
    }

    .gf {
        margin: 20px auto 40px;
    }

    .gg p {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .gg p span {
        font-size: 15px;
    }

    .gg {
        padding-top: 82px;
    }

    .main_gf {
        margin: 40px 0 40px;
    }

    .mg_title {
        font-size: 22px;
    }

    .main_gf ul li em {
        font-size: 20px;
        background-size: auto 60%;
        padding-left: 25px;
        margin-bottom: 20px;
    }

    .main_gf ul li p {
        margin-top: 5px;
    }

    .main_gf ul li {
        margin-bottom: 25px;
    }


    .main_gf ul {
        margin-top: 30px;
    }

    .join_af {
        margin: 40px auto;
    }

    .join_af .g_title p {
        font-size: 12px;
    }

    .ja {
        margin-top: 20px;
    }

    .ja dd .ja_l {
        width: 130px;
        height: 130px;
        margin-top: 30px;
    }

    .ja dd .ja_r em {
        font-size: 14px;
    }

    .ja dd .ja_r i {
        font-size: 17px;
        margin: 0;
    }

    .join_bf {
        padding: 40px 5% 15px;
    }

    .jbr {
        margin-top: 35px;
    }

    .join_bf .g_title p {
        width: 65%;
        line-height: 23px;
        margin: 0 auto;
        font-size: 15px;
    }

    .jb_t span {
        font-size: 19px;
    }

    .jb_t em {
        font-size: 18px;
    }

    .jb_t p {
        margin-top: 5px;
        line-height: 25px;
        font-size: 14px;
    }

    .jc_t {
        margin: 0 auto 30px;
    }

    .jc_t p {
        margin-bottom: 20px;
    }

    .join_cf {
        margin-bottom: 50px;
    }

    .yd_jd {
        margin-top: 30px;
    }

    .join_df {
        margin-bottom: 40px;
    }

    .join_ef {
        padding: 40px 5%;
    }

    .je {
        margin-top: 25px;
    }

    .je dl dd {
        font-size: 12px;
        margin-top: 7px;
    }

    .je dl dt p em {
        font-size: 16px;
        font-weight: bold;
    }

    .je dl dt p i {
        font-size: 26px;
        top: -5px;
    }

    .je dl:nth-child(1) dt p {
        margin: 2px 0;
        padding-top: 5px;
    }

    .jf li em {
        font-size: 18px;
        margin: 12px 0;
        margin-bottom: 10px;
    }

    .jf li p {
        font-size: 12px;
    }

    .join_ff {
        margin: 40px 0;
    }

    .join_gf {
        padding: 40px 5%;
    }

    .jg {
        margin: 20px auto;
    }

    .jg_b dd em {
        padding-top: 40px;
        font-size: 20px;
    }

    .jg_b dd span {
        font-size: 14px;
        margin: 5px auto 20px;
    }

    .join_hf {
        margin: 40px 0;
    }

    .g_title p {
        font-size: 14px;
        margin-top: 0px;
    }

    .jh {
        margin-top: 20px;
    }

    .main_hf .more {
        margin-top: 10px;
    }

    .main_gf ul li a {
        font-size: 18px;
        padding-left: 25px;
        background-image: url(../images/mg_s.png);
        background-repeat: no-repeat;
        background-size: auto 90%;
    }

    .guarantee_af {
        margin-bottom: 40px;
    }

    #news {
        margin-top: 20px;
    }

    #news dl dt {
        height: 111px;
    }

    .news dl dd span {
        font-size: 15px;
    }

    .news dl dd a {
        font-size: 16px;
        line-height: 27px;
        height: auto;
        font-weight: bold;
    }

    .news dl dd p {
        margin-top: 5px;
        font-size: 14px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }



    .product_b dl dd span {
        font-size: 17px;
        height: 60px;
        line-height: 69px;
    }

    .product_b dl dd a {
        width: 120px;
        font-size: 12px;
        height: 30px;
        line-height: 32px;
        position: absolute;
        right: 0;
        top: 17px;
        margin-top: 0;
    }

    .product_b dl {
        height: 206px;
    }

    .ua_t p {
        text-align: left;
        font-size: 14px;
    }

    .understand_cf .g_title em {
        margin-bottom: 5px;
    }

    .uc {
        margin-top: 25px;
    }

    .understand_cf {
        padding-bottom: 150px;
    }

    .understand_df {
        margin: -100px auto 0;
        height: 219px;
    }

    .ud em {
        font-size: 19px;
    }

    .ud span {
        font-size: 14px;
        padding-left: 30px;
        margin: 8px 0 10px;
    }

    .ud ul li {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }

    .ud ul {
        width: 200px;
    }

    .ud ul li {
        width: 75px;
    }

    .understand_ef {
        margin-top: 40px;
        margin-bottom: 100px;
    }

    .ueb_r em {
        margin-top: 40px;
        font-size: 22px;
    }

    .ueb_r span {
        font-size: 14px;
        margin: 20px 0 20px;
    }

    .ueb_r span i {
        height: 5px;
    }

    .ue_b .ueb_r1 {
        margin-left: -115px;
    }

    .ue_b .ueb_r2 {
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-left: -115px;
        bottom: -55px;
        letter-spacing: 2px;
    }

    .ue_b {
        margin: 50px 0;
    }

    .understand_ff .g_title em:nth-child(2) {
        font-size: 17px;
        margin-bottom: 13px;
        font-weight: 400;
        letter-spacing: 3px;
    }

    .g_title em {
        margin-bottom: 10px;
        letter-spacing: 3px;
    }

    .understand_ff .g_title p {
        font-size: 14px;
        margin-top: 3px;
    }

    .understand_gf {
        margin: 40px auto;
        padding: 40px 5%;
    }

    .ueb_r1, .ueb_r2 {
        width: 200px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        letter-spacing: 2px;
    }

    .ug {
        margin-top: 25px;
    }

    .ug dl dd span {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .ug dl dd a {
        font-size: 14px;
    }

    .ug dl {
        margin-bottom: 4%;
    }

    .yd_u_li {
        margin-top: 0;
    }

    .yd_u_li li {
        padding: 30px 0;
    }

    .yd_u_li li span {
        font-size: 13px;
    }

    .yd_u_li li a {
        font-size: 16px;
        margin: 15px 0 10px;
        font-weight: bold;
    }

    .yd_u_li li p {
        font-size: 14px;
    }

    .yd_understand {
        margin-bottom: 50px;
    }

    .understand_hf {
        padding: 50px 5%;
    }

    .dr_cf li dl dd {
        width: 60%;
    }

    .jb {
        margin-top: 40px;
    }

    .je dl:nth-child(1) dd p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sidebar {
        width: 35px;
    }

    .sidebar li:nth-child(1) {
        height: 30px;
    }

    .sidebar li:nth-child(2) {
        height: 41px;
        background-position: 0 -30px;
    }

    .sidebar li:nth-child(3) {
        height: 44px;
        background-position: 0 -71px;
    }

    .sidebar li:nth-child(4) {
        height: 35px;
        background-position: 0 -115px;
    }

    .sidebar {
        top: auto;
        bottom: 10%;
    }

    .drg_t span i {
        padding-bottom: 3px;
    }

    .dr_jf {
        margin-top: 20px;
    }

    .exclusiveShop .main_gf ul li {
        height: auto;
        margin-bottom: 30px;
    }
}
/*450end*/

@media screen and (max-width:390px ) {
    .ud span {
        margin: 5px 0 10px;
        padding-left: 30px;
    }

    .ud em {
        margin-top: 18px;
    }

    .understand_df {
        height: 200px;
    }
	.yd_footer_2 .xz_yf21 span {
		font-size: 14px;
	}
	.yd_footer_2 .xz_yf21 p {
		font-size: 16px;
	}
	.yd_footer_2 .xz_yf21 p i {
		font-size: 16px;
	}
}

@media screen and (max-width:375px ) {
	
    .details_af {
        margin-bottom: 30px;
    }

    /* .dbbr_t {
        display: none;
    } */

    .dar_dl dl dd {
        width: 220px;
    }

    .dal_b li {
        width: 80px;
        height: 53px;
    }

    .art-cont-wrap .art-box .art-prolist li .art-prolist-item-pic {
        height: 90px;
    }

    .art-cont-wrap .art-box .art-prolist li {
        height: 128px;
    }

    .art-cont-wrap .art-box .art-box-bd {
        padding-bottom: 0;
    }

    #container7301987a274e56202d60976e9fc7859d_7 {
        height: 180px !important;
    }

    .guarantee_df {
        margin-top: 130px;
    }

    .wp_com_nav_sppro a {
        width: 19.75% !important;
    }

    .dr_ff .mh {
        width: 98%;
    }

    .yd_gb {
        font-size: 12px;
        line-height: 20px;
        padding: 4%;
        top: 33%;
    }

    .dre_b li span {
        width: 36%;
    }

    .dre_b li em {
        width: 62%;
    }

    .dre_b li i {
        width: 27%;
        padding-left: 5%;
    }

    .mh {
        width: 94%;
        padding: 0 3%;
    }

    .mh dl dd {
        margin-left: 1px;
    }

    .drg_b dd span {
        width: 90%;
        margin: 0 auto;
        line-height: 160%;
    }

    .guarantee_af .g_title span {
        width: 64%;
    }

    .gc {
        margin-top: 30px;
    }

    .gc li:nth-child(1) {
        top: 100%;
    }

    .guarantee_cf {
        margin-bottom: 13px;
    }

    /* .news dl dd p {
        display: none;
    } */




    .product_b dl dd span {
        font-size: 14px;
    }

    .ud span {
        margin: 10px 0;
        padding-left: 30px;
    }

    .understand_gf {
        padding: 40px 5%;
        margin: 40px auto;
    }
}

.no_data {
    text-align: center;
    padding: 10% 0;
    color: #e3e3e3;
}

.wp_com_nav {
    overflow: hidden;
    border-bottom: solid 1px #dedede;
    display: none;
}

.wp_com_nav a {
    width: 33%;
    height: 60px;
    line-height: 60px;
    float: left;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.wp_com_nav a {
    border-right: solid 1px #dedede;
}

.wp_com_nav a:nth-child(3n) {
    border: none;
}

.wp_com_nav a.cur {
    background-color: #ae1e24;
    color: #fff;
}

.wp_nav {
    overflow: hidden;
    border-bottom: solid 1px #dedede;
    display: none;
}

.wp_nav .wp_nav_l,
.wp_nav .wp_nav_r {
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.wp_nav .cur {
    background-color: #ae1e24;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .exclusiveShop .main_gf ul li {
        height: auto;
    }

    .aboutHonor {
        width: 94% !important;
        padding: 3% !important;
        border: 0;
    }

    .aboutHonor p img {
        width: 100%;
    }

    .uf_b .ueb_r1 {
        margin-bottom: 5px;
    }

    .wp_nav .wp_nav_l,
    .wp_nav .wp_nav_r {
        width: 50%;
        height: 60px;
        line-height: 60px;
        float: left;
        text-align: center;
        font-size: 22px;
        position: relative;
    }

    .ue_t img {
        width: 100%;
        display: block;
    }

    .dr_ff {
        margin-top: 0;
    }

    .contact-main .w {
        margin-top: 20px !important;
    }

    .contact-main p {
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .contact-main p span {
        font-size: 24px !important;
    }

    .news dl::after {
        display: none !important;
    }

    .dri .swiper-pagination {
        width: 23% !important;
    }

    .mb_dl dl dd em {
        font-weight: bold;
    }

    .wp_nav, .wp_com_nav {
        display: block;
        width: 100%;
        display: block;
        background-color: #ffffff;
        z-index: 1002;
    }

    .ue_t {
        margin-top: 25px;
    }
}

.aboutHonor {
    width: 900px;
    /* margin: 0 auto; */
    padding-left: 80px;
}

.aboutHonor h3 {
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 18px;
    color: #a73c3c;
}

.aboutHonor p {
    line-height: 200%;
    margin-bottom: 20px;
    font-size: 14px;
}

.videoShow-w {
    margin-top: 5%;
}

.join-wrap .wp_com_nav a {
    width: 49.8%;
}

.join-wrap .wp_com_nav a:nth-child(2n),
.spaceProduct-wrap a:nth-child(5n),
.master-wrap a:nth-child(3n) {
    border: none;
}

.spaceProduct-wrap a {
    width: 19.8%;
}

.daGuoZiTan-wrap {
    min-height: 300px;
    padding: 0px 0 20px;
    max-width: 800px;
    margin: 0 auto;
}
 
/*位置*/
.crumb-wrap .w {
    max-width: 1300px;
    margin: 0 auto;
}

.crumb, .crumb-wrap {
    font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #666;
    position: relative;
    z-index: 5;
    *z-index: 2;
    clear: both;
}

.crumb-wrap {
    top: -14px;
}

.crumb {
    padding: 13px 0 9px;
}

.crumb .item {
    float: left;
}

.crumb-wrap .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.crumb .sep {
    font-family: simsun;
    padding: 0 10px;
}

.crumb-wrap a {
    color: #666;
    text-decoration: none;
}

.crumb-wrap a:hover {
    color: #f30213;
}

.udpageBox {
    width: 100%;
    border: 1px solid #e7e7e7;
    margin-bottom: 1em;
    margin-top: 1em;
}

.udpage {
    margin-left: 2%;
    width: 96%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #222222;
}

.udpage a {
    color: #222222;
}

.udpage a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.newsconTJ {
    width: 100%;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}

.newsconTJ_tit {
    margin-left: 2.5%;
    margin-bottom: 0.5em;
    width: 95%;
    height: 3em;
    line-height: 3em;
    border-bottom: 1px solid #e7e7e7;
}

.newsconTJ_con {
    margin-left: 2.5%;
    width: 95%;
}

.newsconTJ_con li {
    float: left;
    width: 50%;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
}

.newsconTJ_con li a {
    color: #333333;
    transition: all 0.5s;
}

.newsconTJ_con li a:hover {
    color: #000000;
}

.opphone {
    position: relative;
}

.opphone .box {
    position: absolute;
    height: 60px;
    line-height: 60px;
    background-color: #c11b22;
    left: -133px;
    top: 0px;
    padding: 0 10px;
    font-size: 16px;
    display: none;
    color: #fff;
}

.opphone:hover .box {
    display: block;
}

.opphone a {
    display: block;
}

.contact-main {
    padding: 2% 0 10% 0;
}

.contact-main p {
    line-height: 200%;
    font-size: 14px;
}

.wp_about_nav {
    border-bottom: 0;
}

.wp_about_nav a {
    width: 24.75%;
    border-bottom: solid 1px #dedede;
}

.wp_about_nav a:hover {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_about_nav a:nth-child(3n) {
    /* border-right: solid 1px #dedede; */
    border-bottom: solid 1px #dedede;
}

/* .wp_about_nav a:nth-child(4n) {
    border-right: 0;
} */

.wp_about_nav a.wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.aboutHonor-tit {
    margin-top: 10px;
    font-size: 18px;
    color: #a73c3c;
    margin-bottom: 40px;
}

@media screen and (max-width: 770px) {
    .contact-main .w {
        width: 90%;
        margin: 0 auto;
    }

    .aboutHonor-tit {
        padding: 0 3%;
        text-align: center;
        margin-top: 40px;
        font-size: 19px;
        margin-bottom: 40px;
        color: #313131;
        font-weight: bold;
    }

    .aboutHonor blockquote {
        margin-left: 0 !important;
    }
}

.daGuoZiTan-wrap {
    width: 94%;
    font-size: 20px;
}

.daGuoZiTan-wrap img {
    width: 100%;
}

@media screen and (max-width: 450px) {
    .column-main .column-hd {
        font-size: 19px !important;
    }

    .dri .swiper-pagination {
        width: 35% !important;
    }

    .wp_com_nav a {
        width: 33%;
        height: 40px;
        line-height: 40px;
        float: left;
        text-align: center;
        font-size: 16px;
        position: relative;
    }

    .wp_about_nav a {
        width: 16.4% !important;
    }

    .wp_about_nav a:nth-child(3) {
        border-right: solid 1px #dedede;
    }

    .wp_com_nav_sppro a {
        width: 19.81% !important;
    }

    .wp_nav .wp_nav_l,
    .wp_nav .wp_nav_r {
        width: 50%;
        height: 40px;
        line-height: 40px;
        float: left;
        text-align: center;
        font-size: 16px;
        position: relative;
    }

    .wp_nav_height a {
        height: 35px;
        line-height: 35px;
    }

    .yd_nav_menu_height {
        padding: 5px 0;
    }

    .yd_nav_menu_height a {
        line-height: 30px;
    }

    .daGuoZiTan-main .join_af .g_title p {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .join_af .g_title p {
        margin-bottom: 0px;
    }

    .contact-main p span {
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .contact-main .contact-hd span strong {
        font-size: 18px !important;
        color: #ae1e24;
    }

    .daGuoZiTan-wrap {
        font-size: 16px;
    }

    .understand_ff {
        margin-bottom: 0;
    }

    .aboutHonor {
        width: 94%;
        padding: 3%;
        border: 0;
    }

    .aboutHonor img {
        width: 100%;
    }
}

@media screen and (max-width:341px ) {
    .wp_about_nav a {
        width: 16.4% !important;
    }
}

@media screen and (max-width:310px ) {
    .wp_about_nav a {
        width: 16% !important;
    }
}

.artGalleryAbout p {
    line-height: 200%;
    margin-bottom: 20px;
    font-size: 14px;
}

.dr_yu_bn {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dr_yu_bn img {
    width: 100%;
    display: block;
}

.dr_yu_bn .swiper-pagination-bullet-active {
    background: #020202;
}

.dr_yu_bn .swiper-pagination {
    bottom: 2px;
}

.wp_com_nav .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_com_nav_top .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}

.wp_com_nav_sppro .wpana {
    background-color: #ae1e24;
    color: #ffffff;
}
.dbbrb {
    margin-top:40px;
}
i, em, cite {
    font-style: normal;
}