.unique_1 {
    z-index: 5;
    opacity: 1;
}

.unique_box {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.db_af {
    width: 25%;
    float: left;
}

.db_af em {
    display: block;
    font-size: 22px;
    color: #000000;
    font-weight: bold;
}

.db_af p {
    font-size: 14px;
    line-height: 24px;
    color: #4c4948;
    margin: 30px 0 65px;
}

.db_af a {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #7f7f7f;
    display: block;
    color: #7f7f7f;
    transition: all 0.5s;
}

.db_af a:hover {
    background-color: #a40000;
    border: 1px solid #a40000;
    color: #ffffff;
}

.db_af a i {
    font-size: 18px;
    margin-left: 5px;
}

.db_bf {
    width: 74.6%;
    float: left;
    border-left: 1px solid #b2b2b2;
}

.dbb {
    width: 18%;
    padding: 0 7.5%;
    float: left;
    border-right: 1px solid #b2b2b2;
}

.dbb em {
    display: block;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.dbb_a {
    max-width: 170px;
    height: 125px;
    overflow: hidden;
    margin-top: 15px;
}

.dbb_a nav {
    float: left;
}

.dbb_a nav a {
    display: block;
    font-size: 14px;
    color: #4c4948;
    margin-bottom: 8px;
    transition: all 0.5s;
    position: relative;
}

.dbb_a nav a:hover {
    color: #a40000;
}

.dbb_a nav:nth-child(2) {
    float: right;
}

.dbb_img {
    width: 100%;
}

.dbb_img img {
    max-width: 170px;
    display: block;
}

.nav li.nav_unique::after {
    width: 22px;
    height: 13px;
    background-image: url(../images/after.png);
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
    content: '';
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

.nav li.nav_unique_1::after {
    z-index: 16;
    opacity: 1;
}

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

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

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    border-radius: 5px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #981218;
}

.offer {
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 15;
}

.offer span {
    font-size: 18px;
    color: #ffffff;
    font-family: '宋体';
    margin-right: 10px;
}

.offer span i {
    margin-left: 10px;
}

.offer input {
    width: 164px;
    height: 30px;
    background-color: #ffffff;
    border: 0;
    font-size: 14px;
    padding-left: 14px;
    border-radius: 5px;
    margin-left: 6px;
}

.offer .offer_button {
    width: 178px;
    background-color: #981218;
    padding-left: 0;
    color: #ffffff;
}

.main_af {
    width: 100%;
    background-color: #e1e1e1;
    overflow: hidden;
}

.ma {
    max-width: 1280px;
    margin: 50px auto 50px;
    border-right: 1px dotted #bababa;
    border-bottom: 1px dotted #bababa;
}

.ma dl {
    overflow: hidden;
    border-top: 1px dotted #bababa;
    background-color: #c8c8c8;
}

.ma dl dt {
    width: 17.5%;
    float: left;
    text-align: center;
    line-height: 75px;
    background-color: #c8c8c8;
    color: #ffffff;
    font-size: 18px;
    position: relative;
}

.ma dl dt::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 75px;
    height: 75px;
    background: url(../images/hot-75icon.png) no-repeat;
}

.ma dl:last-child dt::after {
    display: none;
}

.product_af dl:last-child dt::after {
    display: block;
}

.ma dl dd {
    width: 82.5%;
    float: left;
    background-color: #ffffff;
}

.main_af .ma dl {
    background-color: #c8c8c8;
}

.main_af .ma dl dd {
    background-color: #e1e1e1;
}

.ma dl dd em {
    display: inline-block;
    line-height: 75px;
    font-size: 16px;
    color: #302b2b;
    margin: 0 2%;
}

.ma dl dd em a {
    color: #302b2b;
}

.ma dl dd em a:hover {
    color: #981218;
}

.ma dl dd p {
    width: 450px;
    height: 35px;
    margin: 20px 0 20px 4%;
}

.ma dl dd p .ma_text {
    width: 387px;
    height: 35px;
    border: 0;
    background-color: #ffffff;
    float: left;
    font-size: 14px;
    padding-left: 10px;
}

.ma dl dd p .ma_button {
    width: 53px;
    height: 35px;
    background-image: url(../images/ma_button.png);
    float: left;
    border: 0;
    cursor: pointer;
}

.main_bf {
    margin: 76px auto 80px;
}

.mb_t {
    max-width: 1280px;
    margin: 0 auto;
}

.mb_t p {
    display: none;
}

.mb_t em {
    font-size: 32px;
    color: #2d100b;
    font-weight: bold;
}

.mb_t em i {
    margin-right: 30px;
}

.mb_t span {
    float: right;
    font-size: 20px;
    color: #2c0f09;
    margin-top: 13px;
}

.mb_dl {
    max-width: 1280px;
    margin: 40px auto 45px;
    display: flex;
    justify-content: space-between;
}

.mb_dl .swiper-slide-thumb-active dd {
    color: #60230c;
}

.mb_dl .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.mb_dl dl {
    width: 130px;
    float: left;
}

.mb_dl dl dt {
    width: 100%;
    height: 66px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
}

.mb_dl dl:nth-child(1) dt {
    background-image: url(../images/mb_dl1.png);
}

.mb_dl dl:nth-child(2) dt {
    background-image: url(../images/mb_dl2.png);
}

.mb_dl dl:nth-child(3) dt {
    background-image: url(../images/mb_dl3.png);
}

.mb_dl dl:nth-child(4) dt {
    background-image: url(../images/mb_dl4.png);
}

.mb_dl dl:nth-child(5) dt {
    background-image: url(../images/mb_dl5.png);
}

.mb_dl dl:nth-child(6) dt {
    background-image: url(../images/mb_dl6.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(1) dt {
    background-image: url(../images/mb_dl1_x.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(2) dt {
    background-image: url(../images/mb_dl2_x.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(3) dt {
    background-image: url(../images/mb_dl3_x.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(4) dt {
    background-image: url(../images/mb_dl4_x.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(5) dt {
    background-image: url(../images/mb_dl5_X.png);
}

.mb_dl dl.swiper-slide-thumb-active:nth-child(6) dt {
    background-image: url(../images/mb_dl6_x.png);
}

.mb_dl dl dd {
    text-align: center;
    font-size: 24px;
    color: #2c1917;
    margin-top: 5px;
    transition: all 0.5s;
}

.mb_b {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 0 30px;
    position: relative;
    overflow: hidden;
}

.mb_b .swiper-button-next {
    width: 37px;
    height: 70px;
    background-size: 100% auto;
    background-image: url(../images/mb_b_next.png);
}

.mb_b .swiper-button-prev {
    width: 37px;
    height: 70px;
    background-size: 100% 100%;
    background-image: url(../images/mb_b_prev.png);
}

.mb_b .swiper-pagination {
    bottom: 0 !important;
}

.mb_b .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 1;
    border: 1px solid #6a6a6a;
}

.mb_b .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #a40000;
    border: 1px solid #a40000;
}

.mb_b dl {
    width: 957px;
    position: relative;
    overflow: hidden;
}

.mb_b dl dt {
    width: 100%;
    height: 100%;
}

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

.mb_b dl dt img:nth-child(1) {
    display: block;
}

.mb_b dl dt img:nth-child(2) {
    display: none;
}

.mb_b dl dd {
    width: 94.1%;
    padding: 0 3%;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
}

.mb_b dl dd em {
    line-height: 90px;
    color: #ffffff;
    font-size: 24px;
}

.mb_b dl dd em i {
    font-family: '宋体';
    margin-left: 10px;
}

.mb_b dl dd p {
    float: right;
    margin-top: 25px;
}

.mb_b dl dd p span {
    font-size: 12px;
    color: #ffffff;
    line-height: 19px;
    display: block;
    text-align: right;
}

.main_bf .see_offer {
    width: 400px;
    height: 38px;
    border: 1px solid #535353;
    text-align: center;
    line-height: 38px;
    color: #7c7c7c;
    display: block;
    margin: 30px auto 0;
    font-size: 16px;
    transition: all 0.5s;
}

.main_bf .see_offer:hover {
    background-color: #a40000;
    border: 1px solid #a40000;
    color: #ffffff;
}

.mc_t {
    width: 100%;
    height: 699px;
    background-image: url(../images/mc_t_bg.jpg);
    background-position: center;
}

.mct_t {
    padding-top: 80px;
}

.mct_t em {
    display: block;
    text-align: center;
    width: 465px;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
}

.mct_t em i {
    margin: 0 10px;
}

.mct_t em::after {
    width: 30px;
    height: 1px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
}

.mct_t em::before {
    width: 30px;
    height: 1px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}

.mct_t span {
    text-align: center;
    font-size: 18px;
    display: block;
    color: #ffffff;
    margin-top: 10px;
}

.mct_b {
    max-width: 1350px;
    padding-left: 50px;
    margin: 85px auto;
    display: flex;
    justify-content: space-between;
}

.mct_b li {
    width: 13%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.mct_b li b {
    width: 20px;
    display: block;
    font-size: 19px;
    color: #ffffff;
    font-weight: 400;
    float: left;
    margin-right: 5px;
}

.mct_b li:nth-child(2) span {
    width: 88px;
}

.mct_b li:nth-child(5) span {
    width: 58px;
}

.mct_b li:nth-child(6) span {
    width: 81px;
}

.mct_b li span {
    display: block;
    float: left;
    font-size: 56px;
    color: #ffffff;
    font-family: 'Impact';
    font-weight: bold;
}

.mct_b li span.counter {
    font-weight: unset;
}

.mct_b li em {
    display: block;
    float: left;
}

.mct_b li em i {
    display: block;
    font-size: 19px;
    color: #ffffff;
    font-weight: 400;
    margin-left: 5px;
}

.mct_dl {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

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

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

.mct_dl dl {
    width: 32.18%;
    height: 430px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    float: left;
    overflow: hidden;
    margin-right: 1.7%;
}

.mct_dl dl:nth-child(3n) {
    margin-right: 0;
}

.mct_dl dl dt {
    width: 100%;
    height: 212px;
    overflow: hidden;
}

.mct_dl dl dt img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mct_dl dl:hover dt img {
    transform: scale(1.1);
}

.mct_dl dl dd em {
    display: block;
    text-align: center;
    font-size: 25px;
    color: #000000;
    margin: 26px 0 5px;
}

.mct_dl dl dd em a {
    color: #000000;
}

.mct_dl dl dd em a:hover {
    color: #981218;
}

.mct_dl dl dd p {
    width: 90%;
    height: 72px;
    line-height: 36px;
    font-size: 18px;
    color: #414141;
    text-align: center;
    text-decoration: underline;
    margin: 0 auto;
}

.mct_dl dl dd .mctdl_a {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #7f7f7f;
    display: block;
    margin: 15px auto 0;
    color: #7f7f7f;
    transition: all 0.5s;
}

.mct_dl dl dd .mctdl_a:hover {
    background-color: #a40000;
    border: 1px solid #a40000;
    color: #ffffff;
}

.mct_dl dl dd .mctdl_a i {
    font-size: 18px;
    margin-left: 5px;
}

.mc_b {
    padding-top: 185px;
    background-position: center bottom;
    background-image: url(../images/mc_b_bg.jpg);
    padding-bottom: 70px;
}

.mcb_t em {
    display: block;
    text-align: center;
    font-size: 25px;
    color: #000000;
}

.mcb_t span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #414141;
    margin-top: 10px;
    text-decoration: underline;
}

.mcb_v {
    max-width: 900px;
    margin: 18px auto 30px;
}

.mcb_v #container7301987a27b610546a542a37a2a641f0_7 {
    position: relative;
    z-index: 1 !important;
}

.mc_b .mcb_moer {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #7f7f7f;
    display: block;
    margin: 0 auto;
    color: #7f7f7f;
    transition: all 0.5s;
}

.mc_b .mcb_moer:hover {
    background-color: #a40000;
    border: 1px solid #a40000;
    color: #ffffff;
}

.mc_b .mcb_moer i {
    font-size: 18px;
    margin-left: 5px;
}

.main_df {
    width: 100%;
    height: 918px;
    background-image: url(../images/md_bg.jpg);
    background-position: center;
    overflow: hidden;
}

.md_t {
    margin-top: 65px;
}

.md_t em {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #ffffff;
}

.md_t span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
    text-decoration: underline;
}

.md_b {
    max-width: 1280px;
    margin: 50px auto 65px;
    display: flex;
    justify-content: space-between;
}

.md_b img {
    width: 100%;
}

.md_lubp {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}

.md_lubp_l {
    width: 400px;
    height: 450px;
    overflow: hidden;
    position: relative;
}

.md_lubp_l .swiper-pagination {
    text-align: left;
    color: #ffffff;
    font-size: 20px;
    padding-left: 10px;
}

.md_lubp_l .swiper-pagination .swiper-pagination-current {
    font-size: 30px;
}

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

.md_lubp_r {
    max-width: 1245px;
    position: absolute;
    overflow: hidden;
    top: 50px;
    right: 0;
    padding-bottom: 70px;
}

.md_lubp_r .swiper-button-prev {
    width: 42px;
    height: 44px;
    background-image: url(../images/md_lubp_r_prev.png);
    background-size: 100% 100%;
    top: auto;
    bottom: 0;
    left: 45%;
}

.md_lubp_r .swiper-button-next {
    width: 42px;
    height: 43px;
    background-image: url(../images/md_lubp_r_next.png);
    background-size: 100% 100%;
    top: auto;
    bottom: 0;
    right: 45%;
}

.md_lubp_r li {
    width: 280px;
    height: 360px;
    background-color: #ffffff;
    float: left;
    transition: all 0.5s;
    margin-right: 40px;
}

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

.md_lubp_r li:last-child {
    margin-right: 0px;
}

.md_lubp_r li b {
    width: 70px;
    height: 70px;
    display: block;
    margin: 50px auto 30px;
    background-size: 100% 100%;
    transition: all 0.5s;
}

.md_lubp_r li.swiper-slide-thumb-active {
    background-color: #af1e25;
}

.md_lubp_r li:nth-child(1) b {
    background-image: url(../images/md_lubp_r_1.png);
}

.md_lubp_r li:nth-child(2) b {
    background-image: url(../images/md_lubp_r_2.png);
}

.md_lubp_r li:nth-child(3) b {
    background-image: url(../images/md_lubp_r_3.png);
}

.md_lubp_r li:nth-child(4) b {
    background-image: url(../images/md_lubp_r_4.png);
}

.md_lubp_r li:nth-child(5) b {
    background-image: url(../images/md_lubp_r_5.png);
}

.md_lubp_r li:nth-child(6) b {
    background-image: url(../images/md_lubp_r_6.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(1) b {
    background-image: url(../images/md_lubp_r_11.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(2) b {
    background-image: url(../images/md_lubp_r_21.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(3) b {
    background-image: url(../images/md_lubp_r_31.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(4) b {
    background-image: url(../images/md_lubp_r_41.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(5) b {
    background-image: url(../images/md_lubp_r_51.png);
}

.md_lubp_r li.swiper-slide-thumb-active:nth-child(6) b {
    background-image: url(../images/md_lubp_r_61.png);
}

.md_lubp_r li em {
    display: block;
    text-align: center;
    font-size: 25px;
    color: #000000;
    transition: all 0.5s;
}

.md_lubp_r li.swiper-slide-thumb-active em {
    color: #ffffff;
}

.md_lubp_r li p {
    height: 40px;
    line-height: 20px;
    margin: 15px 0 30px;
    transition: all 0.5s;
}

.md_lubp_r li p span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #000000;
    transition: all 0.5s;
}

.md_lubp_r li.swiper-slide-thumb-active p span {
    color: #ffffff;
}

.md_lubp_r li .md_lubp_r_a {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #7f7f7f;
    display: block;
    margin: 0 auto;
    color: #7f7f7f;
    transition: all 0.5s;
}

.md_lubp_r li.swiper-slide-thumb-active .md_lubp_r_a {
    color: #ffffff;
    border-color: #ffffff;
}

.md_lubp_r li .md_lubp_r_a i {
    font-size: 18px;
    margin-left: 5px;
    transition: all 0.5s;
}

.main_ef {
    padding: 60px 0 88px;
}

.me_t em {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #1d1f1e;
}

.me_t em i {
    margin: 0 10px;
}

.me_t span {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #887e7e;
    letter-spacing: 1px;
    margin-top: 25px;
}

.me_li {
    text-align: center;
    margin: 45px auto 50px;
}

.me_li li {
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px;
    border: 1px solid #414141;
}

.me_li li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    transition: all 0.5s;
}

.me_li li a:hover {
    color: #ffffff;
    background-color: #af1e25;
}

.me_dl {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}

.me_dl dl {
    width: 32%;
    height: 550px;
    float: left;
    margin-right: 2%;
    background-color: #fafafa;
    position: relative;
    overflow: hidden;
}

.me_dl dl:nth-child(3n) {
    margin-right: 0;
}

.me_dl dl dt {
    height: 100%;
    width: 80%;
    padding: 0 10%;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.0);
}

.me_dl dl dt:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.me_dl dl dt em {
    display: block;
    font-size: 24px;
    height: 72px;
    line-height: 36px;
    color: #2d2d2d;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 40px;
    transition: all 0.5s;
}

.me_dl dl dt span {
    display: block;
    font-size: 16px;
    color: #313131;
    margin: 35px 0 30px;
    transition: all 0.5s;
}

.me_dl dl dt p {
    font-size: 16px;
    color: #1d1f1e;
    line-height: 28px;
    transition: all 0.5s;
}

.me_dl dl dt b {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #cb3333;
    display: block;
    color: #ffffff;
    transition: all 0.5s;
    position: absolute;
    bottom: 90px;
    opacity: 0;
    background-color: #cb3333;
}

.me_dl dl dt b i {
    font-size: 18px;
    margin-left: 5px;
    transition: all 0.5s;
}

.me_dl dl:hover dt em {
    color: #ffffff;
}

.me_dl dl:hover dt span {
    color: #ffffff;
}

.me_dl dl:hover dt p {
    color: #ffffff;
}

.me_dl dl:hover dt b {
    opacity: 1;
}

.me_dl dl dd {
    max-width: 523px;
    height: 266px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s;
}

.me_dl dl:hover dd {
    height: 100%;
}

.me_dl dl dd img {
    height: 100%;
    display: block;
}

.me_dl dl:hover .me_dl_zzc {
    /* opacity: 1;
    z-index: 2; */
}

.me_dl_zzc {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10%;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
    opacity: 0;
}

.me_dl_zzc em {
    display: block;
    font-size: 24px;
    height: 72px;
    line-height: 36px;
    color: #ffffff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 40px;
}

.me_dl_zzc span {
    display: block;
    font-size: 16px;
    color: #ffffff;
    margin: 35px 0 30px;
}

.me_dl_zzc p {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}

.me_dl_zzc b {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #ffffff;
    display: block;
    color: #ffffff;
    transition: all 0.5s;
    position: absolute;
    bottom: 90px;
    transition: all 0.5s;
}

.me_dl_zzc b:hover {
    background-color: #af1e25;
    border: 1px solid #af1e25;
}

.me_dl_zzc b i {
    font-size: 18px;
    padding-left: 10px;
}

.main_ef .me_more {
    width: 400px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #414141;
    color: #414141;
    margin: 50px auto 0;
    display: block;
    font-size: 16px;
    transition: all 0.5s;
}

.main_ef .me_more:hover {
    background-color: #af1e25;
    border: 1px solid #af1e25;
    color: #ffffff;
}

.main_ff {
    max-width: 1600px;
    height: 120px;
    margin: 0 auto 90px;
    border: 1px solid #a0a0a0;
}

.main_ff li {
    width: 33.3333%;
    height: 100%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    position: relative;
}

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

.main_ff li::after {
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-color: #a0a0a0;
}

.main_ff li:nth-child(3)::after {
    display: none;
}

.main_ff li:hover {
    background-color: #cb3333;
}

.main_ff li:nth-child(1) {
    background-image: url(../images/mf_1.png);
}

.main_ff li:nth-child(2) {
    background-image: url(../images/mf_2.png);
}

.main_ff li:nth-child(3) {
    background-image: url(../images/mf_3.png);
}

.main_ff li:hover:nth-child(1) {
    background-image: url(../images/mf_11.png);
}

.main_ff li:hover:nth-child(2) {
    background-image: url(../images/mf_22.png);
}

.main_ff li:hover:nth-child(3) {
    background-image: url(../images/mf_33.png);
}

.ding {
    max-width: 1280px;
    margin: 20px auto 0;
    overflow: hidden;
}

.crumbs_d {
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #545454;
    padding-left: 30px;
    background-image: url(../images/crumbs_d.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.crumbs_d a {
    color: #545454;
}

.crumbs_d span {
    margin: 0 4px;
    font-family: '宋体';
}

.search_d {
    width: 450px;
    height: 35px;
    float: right;
    border: 1px solid #c5c5c5;
    background-color: #fcfcfc;
}

.search_d .search_d_l {
    display: none;
}

.search_d .ma_text {
    width: 387px;
    height: 35px;
    border: 0;
    background-color: #fcfcfc;
    float: left;
    font-size: 14px;
    padding-left: 10px;
}

.search_d .ma_button {
    width: 53px;
    height: 35px;
    background-image: url(../images/ma_button.png);
    float: left;
    border: 0;
    cursor: pointer;
}

.details_af {
    max-width: 1200px;
    margin: 37px auto 60px;
    overflow: hidden;
}

.da_l {
    max-width: 637px;
    float: left;
}

.dal_t {
    max-width: 637px;
    overflow: hidden;
}

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

.dal_b {
    padding: 0 20px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

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

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

.dal_b .swiper-button-next {
    width: 12px;
    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: 12px;
    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: 44.3125%;
    float: right;
}

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

.dar_dl {
    margin-top: 35px;
}

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

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

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

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

.dar_yx dt {
    width: 227px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #9a181d;
    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: #9a181d;
    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;
}

.details_bf {
    background-color: #f8f8f8;
    padding: 60px 0;
}

.db_box {
    max-width: 1280px;
    overflow: hidden;
    margin: 0 auto;
}

.dbb_l {
    max-width: 346px;
    float: left;
}

.dbbl_t {
    font-size: 35px;
    color: #363636;
}

.dbbl_t i {
    font-family: '宋体';
    color: #9a181d;
    margin-right: 5px;
}

.dbbl_b {
    margin-top: 35px;
}

.dbbl_b dl {
    max-width: 332px;
    border: 1px solid #c7c7c7;
    padding: 3px;
    margin-bottom: 20px;
    overflow: hidden;
}

.dbbl_b dl dt {
    width: 100%;
    overflow: hidden;
}

.dbbl_b dl dt img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.dbbl_b dl:hover dt img {
    transform: scale(1.1);
}

.dbbl_b dl dd {
    height: 60px;
    padding: 0 10px;
}

.dbbl_b dl dd em {
    line-height: 60px;
    max-width: 210px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #757575;
}

.dbbl_b dl dd a {
    width: 87px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #b5b5b5;
    float: right;
    display: block;
    margin-top: 21px;
    font-size: 12px;
    color: #757575;
    border-radius: 2px;
    transition: all 0.5s;
}

.dbbl_b dl dd a:hover {
    color: #ffffff;
    background-color: #981218;
    border: 1px solid #981218;
}

.dbb_r {
    float: right;
    width: 71.09%;
}

.dbbr_t {
    width: 100%;
    border-bottom: 1px solid #9a181d;
    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: #9a181d;
    color: #ffffff;
}

.dbbr_b {
    margin-top: 40px;
}

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

.product_af {
    margin-top: 25px;
}

.product_af dl dd a {
    color: #302b2b;
}

.product_af dl dd a:hover,
.ma dl dd em.cur a {
    color: #d00000;
}

.product_bf {
    max-width: 1280px;
    margin: 35px auto;
    overflow: hidden;
}

.product_bf dl {
    width: 402px;
    border: 1px solid #c7c7c7;
    padding: 3px;
    float: left;
    margin: 0 24px 30px 0;
}

.product_bf dl:nth-child(3n) {
    margin-right: 0;
}

.product_bf dl dt {
    width: 100%;
    height: 400px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}

.magazine_bf dl dt {
    height: 547px;
}

.product_bf dl dt img {
    display: block;
    transition: all 0.5s;
    text-align: center;
    max-width: 402px;
}

.product_bf dl:hover dt img {
    transform: scale(1.1);
}

.product_bf dl dd {
    height: 110px;
    padding: 0 15px;
}

.magazine_bf dl dd {
    height: 75px;
}

.product_bf dl dd p {
    padding-bottom: 20px;
    overflow: hidden;
}

.product_bf dl dd p span {
    width: 87px;
    height: 21px;
    display: block;
    float: left;
    color: #757575;
    border: 1px solid #b5b5b5;
    cursor: pointer;
    text-align: center;
    line-height: 21px;
    border-radius: 2px;
}

.product_bf dl dd em {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 75px;
    font-size: 14px;
    color: #757575;
}

.product_bf dl dd a {
    width: 87px;
    height: 21px;
    float: right;
    display: block;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #757575;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    transition: all 0.5s;
}

.product_bf dl dd a:hover,
.product_bf dl dd p span:hover {
    color: #ffffff;
    background-color: #9a181d;
    border: 1px solid #9a181d;
}

.ny_title {
    text-align: center;
    margin-top: 60px;
}

.ny_title em {
    display: block;
    text-align: center;
    font-size: 31px;
    color: #1f1f1f;
}

.ny_title span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #959595;
    margin-top: 7px;
    text-transform: uppercase;
}

.ny_column {
    margin: 30px 0 45px;
    text-align: center;
}

.ny_column li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-size: 16px;
}

.ny_column li a {
    color: #999999;
    transition: all 0.5s;
}

.ny_column li a:hover {
    color: #2c2c2c;
}

.ny_column li::after {
    width: 1px;
    height: 17px;
    background-color: #999999;
    content: '';
    position: absolute;
    left: -1px;
    top: 3px;
}

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

.ny_column .nycolumn a {
    color: #2c2c2c;
}

.about_af {
    max-width: 1280px;
    margin: 0 auto;
}

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

.about_bf {
    max-width: 1280px;
    margin: 80px auto 125px;
    overflow: hidden;
}

.about_bf_l {
    max-width: 65px;
    font-size: 69px;
    color: #595a5b;
    font-family: '宋体';
    font-weight: bold;
    line-height: 75px;
    float: left;
    margin-left: 50px;
}

.about_bf_r {
    width: 1080px;
    min-height: 650px;
    float: right;
}

.about_bf_r p em {
    display: block;
    font-size: 25px;
    color: #595a5b;
    font-weight: bold;
}

.about_bf_r p {
    font-size: 14px;
    color: #0e0e0e;
    line-height: 26px;
    margin-top: 25px;
}

.about_bf_r p img {
    max-width: 1068px;
}

.xz_abr_af {
    overflow: hidden;
    border-bottom: 1px solid #070707;
}

.xz_abr_af dt {
    width: 49.549%;
    float: left;
}

.xz_abr_af dt p {
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 25px;
}

.xz_abr_af dd {
    width: 46.036%;
    float: left;
    margin-left: 3%;
    padding-top: 60px;
}

.xz_abr_af_img {
    width: 100%;
}

.xz_abr_af_img img {
    width: 100%;
}

.xz_abr_af dd span {
    display: block;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;
    color: #595a5b;
    font-weight: bold;
}

.xz_abr_bf {
    padding: 20px 0 30px;
    border-bottom: 1px solid #070707;
}

.xz_abr_bf em {
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #595a5b;
    line-height: 39px;
}

.xz_abr_bf ul {
    margin: 20px 0;
}

.xz_abr_bf ul li {
    font-size: 21px;
    color: #595a5b;
    line-height: 43px;
    display: block;
}

.xz_abr_bf p {
    font-size: 14px;
    color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
}

.xz_abr_bf b {
    font-size: 25px;
    font-weight: bold;
    text-align: right;
    color: #595a5b;
    margin-top: 25px;
    display: block;
}

.xzabrc_t {
    margin: 40px 0;
}

.xzabrc_t em {
    display: block;
    font-size: 25px;
    text-align: center;
    color: #595a5b;
    margin-bottom: 15px;
    font-weight: bold;
}

.xzabrc_t span {
    display: block;
    font-size: 25px;
    text-align: center;
    color: #595a5b;
}

.xzabrc_b {
    overflow: hidden;
}

.xzabrc_b li {
    height: 440px;
    width: 30.36%;
    margin-right: 4.46%;
    float: left;
}

.xzabrc_b li img {
    display: block;
}

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

.conract_cf {
    max-width: 1280px;
    margin: 40px auto 170px;
}

.conract_cf p {
    font-size: 26px;
    font-weight: bold;
    line-height: 24px;
    color: #2f2f2f;
    padding-left: 22px;
    background-image: url(../images/cp_p.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.conract_cf p span {
    margin: 0 10px;
}

.xz_title {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #0c0c0c;
    margin-bottom: 30px;
}

.xz_appointment {
    max-width: 1280px;
    margin: 0 auto 85px;
    overflow: hidden;
    background-color: #f2f2f2;
}

.xz_appointment dt {
    width: 55.78%;
    float: left;
}

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

.xz_appointment dd {
    width: 44.22%;
    float: right;
    text-align: center;
    padding-top: 40px;
}

.xz_appointment dd em {
    display: block;
    font-size: 20px;
    color: #0c0c0c;
}

.xz_appointment dd span {
    display: block;
    font-size: 16px;
    color: #0c0c0c;
    margin: 20px 0 10px;
}

.xz_appointment dd b {
    display: block;
    font-size: 36px;
    color: #ae1e24;
    margin-bottom: 30px;
}

.xz_appointment dd p {
    width: 333px;
    height: 40px;
    line-height: 40px;
    color: #0c0c0c;
    font-size: 16px;
    border: 1px solid #7d7d7d;
    margin: 0 auto 26px;
}

.xz_appointment dd img {
    width: 100px;
}

.xzh_t {
    max-width: 1270px;
    margin: 0 auto;
    overflow: hidden;
}

.xzh_t dt {
    width: 50%;
    float: left;
}

.xzh_t dt em {
    display: block;
    font-size: 25px;
    color: #595a5b;
    font-weight: bold;
    margin-bottom: 25px;
}

.xzh_t dt p {
    display: block;
    font-size: 18px;
    color: #0e0e0e;
    font-size: 18px;
    line-height: 34px;
    color: #0e0e0e;
}

.xzh_t dt ul {
    margin-top: 5px;
}

.xzh_t dt ul li {
    font-size: 14px;
    line-height: 34px;
    color: #0e0e0e;
}

.xzh_t dd {
    width: 49.29%;
    float: right;
}

.xzh_t dd img {
    width: 100%;
    float: right;
}

.xzh_b {
    max-width: 1270px;
    margin: 85px auto 125px;
    overflow: hidden;
    border: 1px solid #959595;
}

.xzh_b dt {
    width: 50%;
    float: left;
}

.xzh_b dt p {
    font-size: 18px;
    line-height: 34px;
    color: #3f3f3f;
    font-family: '宋体';
    width: 75%;
    margin: 45px auto 0;
}

.xzh_b dd {
    width: 49.29%;
    float: right;
}

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

.xz_factory_bf {
    overflow: hidden;
}

.xz_factory_af {
    width: 100%;
}

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

.xz_factory_bf dt {
    float: left;
    width: 75%;
}

.xz_factory_bf dt p {
    font-size: 14px;
    color: #0e0e0e;
    line-height: 26px;
    margin-top: 40px;
}

.xz_factory_bf dd {
    width: 20.64%;
    float: right;
    margin-top: 40px;
}

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

.xz_video {
    text-align: center;
}

.xz_video li {
    width: 113px;
    height: 30px;
    border: 1px solid #999999;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px;
}

.xz_video li a {
    width: 100%;
    height: 100%;
    color: #999999;
    display: block;
    transition: all 0.5s;
}

.xz_video li a:hover {
    background-color: #af1e25;
    color: #ffffff;
    border-color: #af1e25;
}

.xz_video .xzv {
    border-color: #af1e25;
}

.xz_video .xzv a {
    background-color: #af1e25;
    color: #ffffff;
    border-color: #af1e25;
}

.xz_video_dl {
    max-width: 1280px;
    overflow: hidden;
    background-color: #f6f6f6;
    margin: 20px auto 35px;
}

.xz_video_dl dt {
    width: 52.2%;
    float: left;
}

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

.xz_video_dl dd {
    width: 40.8%;
    float: right;
    padding: 2% 2% 0 5%;
}

.xz_video_dl dd em {
    display: block;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #c3c3c3;
    color: #af1e25;
}

.xz_video_dl dd span {
    display: block;
    font-size: 24px;
    color: #595a5b;
    margin: 60px 0 10px;
}

.xz_video_dl dd p {
    font-size: 14px;
    color: #0e0e0e;
    line-height: 26px;
}

.xz_museum_t {
    border-bottom: 1px solid #070707;
    padding-bottom: 20px;
}

.xz_museum_t p {
    font-size: 18px;
    line-height: 26px;
    font-family: '宋体';
}

.xz_museum_t em {
    display: block;
    font-size: 25px;
    color: #595a5b;
    font-weight: bold;
    position: relative;
    z-index: 1;
    text-align: center;
}

.xz_museum_t em i {
    background-color: #ffffff;
    padding: 0 15px;
}

.xz_museum_t em::after {
    width: 100%;
    height: 1px;
    background-color: #070707;
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
}

.xz_boutique_img {
    max-width: 1280px;
    margin: 0 auto;
}

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

.xz_boutique_box em {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 48px;
    color: #595a5b;
}

.xz_boutique_box span {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #595a5b;
    margin: 20px 0 40px;
}

.xz_exquisite_craft {
    overflow: hidden;
}

.xz_exquisite_craft_l {
    float: left;
    width: 50%;
}

.xz_exquisite_craft_l p {
    margin-top: 0;
}

.xz_exquisite_craft_l p em {
    margin: 30px 0;
}

.xz_exquisite_craft_l p:nth-child(1) em {
    margin-top: 20px;
}

.xz_exquisite_craft_r {
    float: right;
    width: 43.018%;
}

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

.xz_boutique_box b {
    font-size: 25px;
    display: block;
    text-align: right;
    color: #595a5b;
    margin-top: 15px;
    margin-bottom: 30px;
}

.about_cf {
    overflow: hidden;
    padding: 0 25px;
    margin-bottom: 73px;
}

.about_cf li {
    margin-right: 25px;
}

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

.video {
    max-width: 1280px;
    margin: 40px auto;
    overflow: hidden;
}

.video li {
    width: 410px;
    height: 275px;
    float: left;
    overflow: hidden;
    margin: 0 25px 25px 0;
}

.video li a:nth-child(1) {
    display: block;
    height: 230px;
    overflow: hidden;
}

.video li .tit {
    height: 40px;
    line-height: 40px;
    text-align: center;
}

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

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

.conract_af {
    max-width: 1280px;
    margin: 0 auto;
}

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

.conract_bf {
    max-width: 1280px;
    margin: 47px auto 40px;
    overflow: hidden;
}

.conract_bf li {
    width: 32%;
    float: left;
    margin: 0 2% 50px 0;
}

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

.conract_bf li p {
    line-height: 22px;
    font-size: 16px;
    color: #2f2f2f;
    margin-bottom: 20px;
    padding-left: 25px;
}

.conract_bf li p:nth-child(1) {
    background-image: url(../images/cp_p.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.join_title {
    height: 76px;
    text-align: center;
}

.join_title img {
    height: 100%;
}

.join_af_t {
    max-width: 627px;
    margin: 35px auto 45px;
}

.join_af_t img {
    width: 100%;
}

.join_af_b {
    width: 100%;
    background-image: url(../images/join_af_b.jpg);
    background-position: center;
    padding: 30px 0;
}

.joinafb {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.joinafb dl {
    max-width: 198px;
    float: left;
    margin: 0 70px 20px 0;
}

.joinafb dl:nth-child(5n) {
    margin-right: 0;
}

.joinafb dl dt {
    width: 100%;
    height: 185px;
    background-image: url(../images/joinafb.png);
    background-size: 100% auto;
    overflow: hidden;
}

.joinafb dl dt i {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    color: #444444;
    font-weight: bold;
    margin-top: 35px;
}

.joinafb dl dt em {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    color: #444444;
    font-weight: bold;
}

.joinafb dl dd {
    text-align: center;
    font-size: 16px;
    color: #444444;
    line-height: 30px;
    margin-top: 10px;
}

.join_bf {
    padding-top: 45px;
}

.join_bf_dl {
    max-width: 1280px;
    margin: 30px auto;
    overflow: hidden;
}

.join_bf_dl li {
    width: 412px;
    height: 290px;
    border: 1px solid #444444;
    float: left;
    border-radius: 20px;
    margin: 0 19px 19px 0;
}

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

.join_bf_dl li i {
    width: 109px;
    display: block;
    margin: 25px auto 0;
}

.join_bf_dl li i img {
    width: 100%;
}

.join_bf_dl li em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #444444;
    margin: 5px 0 20px;
}

.join_bf_dl li p {
    width: 308px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.join_cf_li {
    max-width: 1280px;
    margin: 30px auto 45px;
    position: relative;
}

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

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

.join_cf_li::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.join_cf_li li {
    width: 412px;
    height: 520px;
    border: 1px solid #444444;
    float: left;
    border-radius: 20px;
    margin: 0 19px 0 0;
}

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

.join_cf_li li i {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: block;
    background-color: #ae1e24;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    line-height: 46px;
    margin: 43px auto 0;
    font-weight: bold;
}

.join_cf_li li em {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #444444;
    font-weight: bold;
    margin: 10px 0 25px;
}

.join_cf_li li p {
    width: 370px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 39px;
    color: #444444;
}

.join_df {
    margin: 50px 0 40px;
}

.join_df_img {
    max-width: 1280px;
    margin: 35px auto 0;
}

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

.join_df_img .join_df_img_1 {
    display: none;
}

.join_ef_input {
    max-width: 1280px;
    margin: 40px auto;
    overflow: hidden;
    border: 1px solid #b5b5b5;
}

.join_ef_input dt {
    float: left;
    max-width: 652px;
    position: relative;
}

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

.join_ef_input dt p {
    width: 100%;
    height: 63px;
    line-height: 63px;
    text-align: center;
    color: #ffffff;
    font-size: 27px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: '宋体';
    font-weight: bold;
}

.join_ef_input dd {
    float: right;
    max-width: 550px;
    padding-left: 70px;
    padding-top: 50px;
}

.join_ef_input dd p {
    width: 240px;
    float: left;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #4d4d4d;
    height: 30px;
    line-height: 30px;
    margin-bottom: 40px;
    margin-right: 30px;
}

.join_ef_input dd p input {
    height: 30px;
    background-color: unset;
    border: 0;
}

.join_ef_input dd textarea {
    height: 30px;
    margin-top: 30px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 30px;
    width: 513px;
}

.join_ef_input dd .jai_button {
    width: 150px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #444444;
    border: 1px solid #898989;
    font-size: 20px;
    font-weight: bold;
    background-color: unset;
    margin-top: 30px;
    cursor: pointer;
}

.join_ff {
    margin-bottom: 60px;
    text-align: center;
}

.join_ff em {
    display: block;
    font-size: 25px;
    color: #ae1e24;
    font-family: '宋体';
    font-weight: 900;
    margin-bottom: 25px;
}

.join_ff span {
    display: block;
    font-size: 25px;
    color: #6f6f6f;
    font-family: '宋体';
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}

.join_ff p {
    font-size: 90px;
    color: #ae1e24;
    font-family: '宋体';
    font-weight: bold;
}

footer {
    margin-bottom: 70px;
}

.footer_af {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    background-image: url(../images/fa_bg.jpg);
    background-position: center;
    overflow: hidden;
    z-index: 20;
}

.footer_af dl {
    max-width: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7.5%;
}

.footer_af dl dt {
    width: 66px;
    height: 66px;
}

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

.footer_af dl dd {
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    margin-left: 15px;
}

.footer_bf {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    padding: 110px 0 110px;
}

.fb_af {
    float: left;
}

.fb_af dt {
    max-width: 214px;
    margin-bottom: 60px;
}

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

.fb_af dd em {
    max-width: 125px;
    display: block;
}

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

.fb_af dd span {
    display: block;
    font-size: 36px;
    color: #ae1e24;
    margin-top: 10px;
}

.fb_bf {
    float: right;
}

.fb_bf ul {
    float: left;
    margin-left: 110px;
}

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

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

.fb_bf ul li {
    margin-bottom: 22px;
}

.fb_bf ul li em a {
    font-size: 18px;
    color: #000000;
    position: relative;
    transition: all 0.5s;
}

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

.fb_bf ul li a:hover {
    color: #af1e25;
}

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

.fb_bf ul li a {
    font-size: 16px;
    color: #595757;
    position: relative;
}

.fb_bf ul li dl {
    float: left;
    margin-left: 30px;
}

.fb_bf ul li dl:nth-child(1) {
    margin-left: 0;
}

.fb_bf ul li dl dt {
    width: 121px;
    height: 121px;
}

.fb_bf ul li dl dt img {
    width: 100%;
    display: block;
}

.fb_bf ul li dl dd {
    text-align: center;
    font-size: 13px;
    color: #666666;
    margin-top: 10px;
}

.footer_cf {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #5f5858;
    background-color: #dfdfdf;
}

.footer_cf p {
    max-width: 1280px;
    margin: 0 auto;
}

.sidebar {
    background-color: #ffffff;
    border: 1px solid #b4b4b4;
    border-right: 0;
    position: fixed;
    right: 0;
    bottom: 10%;
    padding-top: 50px;
    padding-left: 15px;
    z-index: 30;
    padding-right: 10px;
    transition: all 0.5s;
}

.sidebar_1 {
    right: -100%;
}

.narrow {
    width: 18px;
    height: 18px;
    background-image: url(../images/narrow.png);
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    right: 25px;
}

.sidebar_af dl {
    margin-top: 15px;
}

.sidebar_af dl dt {
    width: 22px;
    height: 32px;
    float: left;
    background-size: 100% auto;
    background-image: url(../images/sidebar_af.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

.sidebar_af dl:nth-child(1) dt {
    background-position: 0 8px;
}

.sidebar_af dl:nth-child(2) dt {
    background-position: 0 -37px;
}

.sidebar_af dl:nth-child(3) dt {
    background-position: 0 -85px;
}

.sidebar_af dl:nth-child(4) dt {
    background-position: 0 -132px;
}

.sidebar_af dl dd {
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    color: #2d2d2d;
    border: 1px solid #5d5d5d;
    float: left;
    cursor: pointer;
    transition: all 0.5s;
}

.sidebar_af dl dd:hover {
    color: #ffffff;
    background-color: #5d5d5d;
}

.sidebar_af dl:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.sidebar_bf {
    width: 98px;
    margin: 20px 0 15px;
}

.sidebar_bf dt {
    width: 100%;
}

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

.sidebar_bf dd a {
    display: block;
    width: 98px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #ffffff;
    background-color: #ae1e24;
    margin-top: 17px;
}


.yd_bottom_bar {
    display: none;
}

.case {
    max-width: 1000px;
    margin: 30px auto 80px;
}

.case::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.case_l {
    width: 12.9375%;
    float: left;
}

.case_l li {
    margin-bottom: 22px;
}

.case_l li.cur a {
    color: #981218;
}

.case_l a {
    font-size: 16px;
    color: #595a5b;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    color: #545454;
    padding-left: 30px;
    background-image: url(../images/crumbs_d.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.case_r {
    width: 85%;
    float: right;
}

.caser_t {
    width: 94%;
    padding: 3%;
    outline: 1px solid #666666;
    overflow: hidden;
    position: relative;
    height: 600px;
}

.caser_t li img {
    max-height: 600px;
    display: block;
    margin: 0 auto;
}

.caser_t li {
    overflow: hidden;
}

.caser_b {
    margin-top: 30px;
    position: relative;
    max-height: 100px;
    overflow: hidden;
}

.caserb {
    max-height: 100px;
    overflow: hidden;
    width: 82%;
    /*padding: 1.5% 1.5%;*/
    /*outline: 1px solid #666666;*/
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.caserb li img {
    height: 100px;
    display: block;
    margin: 0 auto;
}

.caserb li {
    margin-right: 15px;
    background-color: #7f7f7f;
    text-align: center;
    overflow: hidden;
}

.caser_b_l {
    display: block;
    position: absolute;
    left: 0px;
    top: 44px;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    cursor: pointer;
    color: #b9b9b9;
    border: 1px solid #b9b9b9;
    border-radius: 32px;
    font-family: serif;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.8s;
}

.caser_b_r {
    display: block;
    position: absolute;
    right: 0px;
    top: 44px;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    cursor: pointer;
    color: #b9b9b9;
    border: 1px solid #b9b9b9;
    border-radius: 32px;
    font-family: serif;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.8s;
}

.about_bf_r p:nth-child(2) img:nth-child(1) {
    display: block;
}

.about_bf_r p:nth-child(2) img:nth-child(2) {
    display: none;
}

.official {
    display: none;
}

@media screen and (max-width:1340px ) {
    .me_dl {
        width: 94%;
        padding: 0 3%;
    }

    .me_dl dl {
        width: 32%;
        height: 580px;
        margin-right: 1.8%;
    }

    .me_dl dl dd {
        width: 100%;
    }
}

@media screen and (max-width:1280px ) {
    .head_r_r {
        margin-left: 15px;
    }

    .nav {
        margin-left: 3%;
    }

    .mct_dl {
        width: 94%;
        padding: 0 3%;
    }

    .mct_dl dl {
        width: 32%;
        height: 400px;
        margin-right: 1.8%;
    }

    .mct_dl dl dt {
        height: 182px;
    }

    .joinafb {
        width: 100%;
    }

    .joinafb dl {
        max-width: 15%;
        margin-right: 6.2%;
    }

    .joinafb dl dt {
        height: 177px;
        background-repeat: no-repeat;
    }

    .join_bf_dl {
        width: 94%;
        padding: 0 3%;
    }

    .join_bf_dl li {
        width: 31.9%;
        height: 300px;
        margin-right: 1.8%;
    }

    .join_cf_li {
        width: 94%;
        padding: 0 3%;
    }

    .join_cf_li li {
        width: 31.9%;
        margin-right: 1.8%;
    }

    .join_cf_li li p {
        width: 99%;
    }

    .join_ef_input dt {
        width: 50%;
    }

    .join_ef_input dd {
        width: 45%;
        padding-left: 5%;
    }

    .product_bf {
        width: 94%;
        padding: 1% 3%;
    }

    .product_bf dl {
        width: 30.6%;
        margin-right: 1.8%;
        padding: 0.5%;
        border: 0;
        outline: 1px solid #c7c7c7;
    }

    .video {
        width: 94%;
        padding: 0 3%;
    }

    .video li {
        width: 32%;
        margin-right: 1.8%;
    }
}

@media screen and (max-width:1200px ) {
    .mct_b li {
        width: auto;
    }

    .mct_b {
        padding-left: 0;
    }

    .main_af {
        height: auto;
    }

    .da_l {
        width: 50%;
    }

    .about_bf_l {
        max-width: 94%;
        margin-left: 0;
        padding: 0 3%;
        margin-bottom: 30px;
    }

    .about_bf_r {
        max-width: 94%;
        padding: 0 3%;
        min-height: auto;
    }

    .join_ef_input dd {
        padding-top: 15px;
    }

    .join_ef_input dd p {
        width: 200px;
        margin-bottom: 30px;
    }

    .nav li {
        margin-left: 33px;
    }
}

@media screen and (max-width:1140px ) {
    .md_lubp_r {
        max-width: 80%;
    }

    .footer_af dl {
        padding: 0px 6.5%;
    }

    .dbb_l {
        max-width: 27%;
    }

    .join_cf_li li {
        height: 520px;
    }

    .product_bf dl dt {
        height: 206px;
    }

    .nav li {
        margin-left: 23px;
    }
}

@media screen and (max-width:1080px ) {
    .conract_cf p {
        line-height: 30px;
    }

    .xzh_b dt p {
        margin-top: 25px;
    }

    .xz_appointment dd {
        padding-top: 10px;
    }

    .xz_appointment dd b {
        margin-bottom: 10px;
    }

    .xz_video_dl dd span {
        margin-top: 20px;
    }

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

    .me_dl_zzc em {
        font-size: 20px;
    }

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

    .me_dl dl dt span {
        margin: 25px 0 20px;
    }

    .me_dl_zzc span {
        margin: 25px 0 20px;
    }

    .fb_af {
        float: none;
        margin-bottom: 30px;
    }

    .fb_bf {
        float: none;
    }

    .nav li {
        margin-left: 13px;
    }

    .head_r_r {
        margin-left: 5px;
    }

    .join_cf_li li p {
        line-height: 25px;
    }

    .product_bf dl dt {
        height: 206px;
    }

    .mct_dl dl dt {
        height: 155px;
    }

    .md_lubp_r .swiper-button-next {
        right: 30%;
    }

    .md_lubp_r .swiper-button-prev {
        right: 30%;
    }
}

@media screen and (max-width:970px ) {
    .xzh_b dt p {
        width: 95%;
    }

    .xzabrc_b li {
        height: 356px;
    }

    .head_r {
        display: none;
    }

    .nav li {
        margin-left: 23px;
    }

    .nav {
        float: right;
        margin-right: 3%;
    }

    .footer_af dl {
        padding: 0 3.5rem;
    }

    .nav li nav {
        display: none;
    }

    .joinafb dl dt i {
        font-size: 20px;
        margin-top: 25px;
    }

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

    .join_bf_dl li p {
        width: auto;
    }
}

@media screen and (max-width:900px ) {
    .mcb_v #container7301987a27b610546a542a37a2a641f0_7 {
        width: 100% !important;
    }

    .footer_af dl {
        padding: 0 1.5rem;
    }

    .footer_bf {
        padding: 50px 0 50px;
    }

    .fb_af dt {
        margin: 0 auto 50px;
    }

    .fb_af dd em {
        margin: 0 auto;
    }

    .fb_af dd span {
        text-align: center;
    }

    .join_bf_dl li {
        height: 350px;
        margin-right: 1.7%;
    }

    .product_bf dl dt {
        height: 163px;
    }

    .video li {
        height: 178px;
    }

    .unique {
        display: none;
    }

    .nav li.nav_unique::after {
        display: none;
    }

    .mcb_v {
        width: 100%;
    }

    .mcb_v img {
        width: 100%;
    }

    .main_ff li {
        background-size: 35%;
    }

    .main_ff {
        height: 80px;
    }

    .mct_b li span {
        font-size: 40px;
    }

    .mct_b li b {
        font-size: 14px;
    }

    .mct_b li em i {
        font-size: 14px;
    }

    .mb_b dl {
        width: 750px;
    }

    .nav {
        margin-left: 0;
    }

    .nav li {
        margin-left: 13px;
    }
}

@media screen and (max-width:800px ) {
    .fb_bf ul {
        display: none;
    }

    .fb_bf ul:last-child {
        display: block;
        margin: 0 auto;
        float: none;
        overflow: hidden;
    }

    .fb_bf ul:last-child li {
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

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

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

    .conract_bf li {
        width: 48%;
    }

    .sidebar {
        display: none;
    }

    .offer input {
        width: 104px;
    }

    .details_af {
        width: 94%;
        padding: 0 3%;
    }

    .da_l {
        width: 100%;
    }

    .da_r {
        width: 100%;
    }

    .dal_t {
        max-width: 100%;
    }

    .dbb_l {
        display: none;
    }

    .dbb_r {
        width: 100%;
    }

    .product_bf dl dd {
        height: auto;
    }

    .product_bf dl dd em {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .product_bf dl dd a {
        margin: 0px auto 10px;
        float: none;
    }

    .product_bf dl dt {
        height: 144px;
    }

    .footer_af {
        justify-content: space-around;
    }

    .footer_af dl {
        padding: 0;
    }
}

@media screen and (max-width:750px ) {
    .ny_column_yc {
        display: none;
    }

    .xz_video {
        margin-top: 20px;
    }

    .caser_t {
        height: auto;
    }

    .caser_t li img {
        width: 100%;
    }

    .caserb li img {
        width: 100%;
        height: auto;
    }

    .join_ef_input dd p input {
        width: 65%;
    }

    .cus_main {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .join_ff {
        margin-bottom: 40px;
    }

    .official {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: -3;
        display: block;
        opacity: 0;
        transition: all 0.5s;
    }

    .official_1 {
        opacity: 1;
        z-index: 30000;
    }

    .official_t {
        margin-top: 50%;
    }

    .official_t a {
        display: block;
        line-height: 60px;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
    }

    .official_b {
        width: 35px;
        height: 35px;
        margin: 10px auto;
        background-image: url(../images/ydmb_b.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .product_af dl:last-child dt::after {
        display: none;
    }

    .about_bf_r p:nth-child(2) img:nth-child(1) {
        display: none;
    }

    .about_bf_r p:nth-child(2) img:nth-child(2) {
        display: block;
    }

    .ma dl dt::after {
        display: none;
    }

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

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

    .mct_b li span.counter {
        font-weight: bold !important;
    }

    .case {
        width: 94%;
        padding: 0 3%;
    }

    .case_l {
        width: 100%;
    }

    .case_l li {
        float: left;
        margin-right: 20px;
    }

    .case_r {
        width: 100%;
    }

    .about_bf {
        margin-top: 40px;
    }

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

    .xzh_t dd {
        width: 100%;
    }

    .xzh_t dt {
        width: 100%;
    }

    .xzh_b {
        width: 94%;
        margin: 40px auto;
    }

    .xzh_b dd {
        width: 100%;
    }

    .xzh_b dt {
        width: 100%;
    }

    .xz_appointment {
        width: 94%;
        margin: 0 auto 50px;
    }

    .xz_appointment dt {
        width: 100%;
    }

    .xz_appointment dd {
        width: 100%;
        padding: 20px 0;
    }

    .xz_video_dl {
        width: 94%;
        margin: 20px auto 0;
    }

    .xz_video_dl dt {
        width: 100%;
    }

    .xz_video_dl dd {
        width: 94%;
        padding: 3%;
    }

    .conract_cf p {
        width: 94%;
        margin: 0 auto;
        font-size: 18px;
    }

    .xz_exquisite_craft_l {
        width: 100%;
    }

    .xz_exquisite_craft_r {
        display: none;
    }

    .xz_factory_bf dd {
        display: none;
    }

    .xz_factory_bf dt {
        width: 100%;
    }

    .xzabrc_b li {
        width: 48%;
        height: 460px;
        margin-right: 4%;
    }

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

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

    .xz_abr_af dt {
        width: 100%;
    }

    .xz_abr_af dd {
        width: 80%;
        padding: 0 10%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .ydmb_t {
        width: 80%;
        background-color: #ffffff;
        margin: 3% auto;
        border-radius: 10px;
        padding: 20px 0;
    }

    .ydmb_t li {
        text-align: center;
        line-height: 60px;
        font-size: 14px;
        border-top: 1px solid #eaeaea;
        color: #333333;
    }

    .ydmb_t li:nth-child(1) {
        border: 0;
    }

    .ydmb_t li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #333333;
    }

    .ydmb_b {
        width: 35px;
        height: 35px;
        margin: 10px auto;
        background-image: url(../images/ydmb_b.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .offer {
        position: unset;
    }

    .head_box {
        display: none;
    }

    .yd_head {
        height: 115px;
        padding: 0 3%;
        display: block;
        border-bottom: 1px solid #d2d2d2;
    }

    .main_af {
        padding: 40px 0;
    }

    .main_af .ma {
        margin: 0 auto;
        border: 0;
    }

    .main_af .ma dl {
        display: none;
        border: 0;
    }

    .main_af .ma dl:last-child {
        width: 87.3%;
        display: block;
        margin: 0 auto;
        background-color: unset;
    }

    .main_af .ma dl:last-child dt {
        width: 24.42%;
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        background-color: #c2c2c2;
        font-size: 24px;
    }

    .main_af .ma dl dd {
        width: 73.58%;
        margin: 0 0 0 2%;
    }

    .main_af .ma dl dd p {
        margin: 0;
    }

    .main_af .ma dl dd p {
        width: 100%;
        height: 50px;
    }

    .main_af .ma dl dd p .ma_text {
        width: 80%;
        height: 50px;
        font-size: 20px;
        padding-left: 3%
    }

    .main_af .ma dl dd p .ma_button {
        width: 17%;
        height: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .mb_t em {
        display: block;
        text-align: center;
    }

    .mb_t span {
        display: block;
        text-align: center;
        float: none;
    }

    .mb_t p {
        text-align: center;
        display: block;
        font-size: 18px;
        color: #414141;
        margin-top: 13px;
    }

    .mb_b dl dd p {
        display: none;
    }

    .mb_b dl {
        width: 83.93%;
    }

    .mb_b dl dd {
        height: 65px;
    }

    .mb_b dl dd em {
        line-height: 65px;
        font-size: 22px;
    }

    .mb_dl .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mb_dl dl {
        margin: 0 3.5% 30px;
    }

    .mb_dl {
        margin-bottom: 10px;
    }

    .mb_b {
        width: 97%;
        margin: 0 auto;
    }

    .main_bf {
        margin: 30px 0;
    }

    .mct_t em {
        font-size: 30px;
    }

    .mct_b {
        flex-wrap: wrap;
        justify-content: center;
        margin: 35px 0;
    }

    .mct_b li {
        width: 26%;
        margin: 0 2%;
    }

    .mct_b li b {
        font-size: 19px;
    }

    .mct_b li span {
        font-size: 56px;
    }

    .mct_b li em i {
        font-size: 19px;
    }

    .mct_dl {
        width: 78.666%;
        padding: 0;
    }

    .mct_dl .mctdl_box {
        overflow: hidden;
    }

    .mct_dl dl dt {
        height: auto;
    }

    .mct_dl dl {
        height: auto;
        padding-bottom: 30px;
        margin-right: 0;
    }

    .mct_dl .swiper-button-next {
        width: 16px;
        height: 33px;
        display: block;
        background-image: url(../images/next.png);
        background-size: 100% 100%;
        right: -40px;
    }

    .mct_dl .swiper-button-prev {
        width: 16px;
        height: 33px;
        display: block;
        background-image: url(../images/prev.png);
        background-size: 100% 100%;
        left: -40px;
    }

    .mct_dl .swiper-pagination {
        width: 100%;
        text-align: center;
        bottom: -25px;
    }

    .mct_dl .swiper-pagination .swiper-pagination-bullet {
        background-color: unset;
        opacity: 1;
        border: 1px solid #6a6a6a;
        margin: 0 8px;
    }

    .mct_dl .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #a40000;
        border: 1px solid #a40000;
    }

    .mc_b {
        padding-top: 250px;
    }

    .mcb_v {
        width: 98%;
    }

    .md_t {
        margin-top: 35px;
    }

    .md_b {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 25px;
    }

    .md_b li {
        width: 18.66%;
        margin: 0 5% 20px;
    }

    .md_lubp {
        max-width: 80%;
    }

    .main_df {
        height: auto;
        padding-bottom: 45px;
    }

    .md_lubp_r {
        max-width: 50%;
        top: 20px;
        padding-bottom: 60px;
    }

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

    .md_lubp_l {
        width: 60%;
        height: auto;
    }

    .md_lubp_r .swiper-button-next {
        right: 20%;
    }

    .md_lubp_r .swiper-button-prev {
        left: 20%;
    }

    .me_dl dl {
        max-width: 100%;
        width: 100%;
        height: auto;
        margin-right: 0;
        display: none;
    }

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

    .me_dl dl:hover .me_dl_zzc {
        display: none;
    }

    .me_dl dl dt em {
        font-size: 24px;
        height: auto;
    }

    .me_dl dl dd {
        max-width: 100%;
        width: 100%;
        height: auto;
        position: unset;
        margin-top: 30px;
    }

    .me_dl dl dd img {
        width: 100%;
    }

    .me_dl dl dt {
        height: auto;
        position: unset;
        width: 90%;
        padding: 0 5%;
    }

    .me_dl dl dt:hover {
        background-color: unset;
    }

    .me_dl dl dt:hover em {
        color: #2d2d2d;
    }

    .me_dl dl dt:hover span {
        color: #2d2d2d;
    }

    .me_dl dl dt:hover p {
        color: #2d2d2d;
    }

    .me_dl dl:hover dt b {
        opacity: 0;
    }

    .fb_af dt {
        margin-bottom: 40px;
    }

    .footer_cf {
        text-align: center;
        height: 80px;
        line-height: 80px;
    }

    footer {
        margin-bottom: 0;
    }

    .offer {
        display: block;
        height: auto;
        padding: 25px 0 120px;
    }

    .offer span {
        display: block;
        font-size: 32px;
        text-align: center;
    }

    .offer input {
        display: block;
        width: 64%;
        height: 55px;
        font-size: 20px;
        margin: 20px auto 0;
    }

    .offer .offer_button {
        width: 26.666%;
        height: 55px;
    }

    .yd_bottom_bar {
        width: 100%;
        height: 85px;
        border-top: 2px solid #620000;
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #981218;
        z-index: 10000;
    }

    .yd_bottom_bar li {
        width: 20%;
        height: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }

    .yd_bottom_bar li i {
        width: 38px;
        height: 38px;
        display: block;
        margin: 0 auto;
        background-size: 100% 100%;
    }

    .yd_bottom_bar li em {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 21px;
        color: #ffffff;
    }

    .yd_bottom_bar li em a {
        color: #ffffff;
    }

    .yd_bottom_bar li:nth-child(1) i {
        background-image: url(../images/yd_bottom_bar1.png);
    }

    .yd_bottom_bar li:nth-child(2) i {
        background-image: url(../images/yd_bottom_bar2.png);
    }

    .yd_bottom_bar li:nth-child(4) i {
        background-image: url(../images/yd_bottom_bar3.png);
    }

    .yd_bottom_bar li:nth-child(5) i {
        background-image: url(../images/yd_bottom_bar4.png);
    }

    .yd_bottom_bar li a.home {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(../images/yd_bottom_bar5.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30%;
    }

    .search_d {
        float: none;
        height: auto;
        margin: 0 auto;
        width: 87.3%;
        background-color: unset;
        overflow: hidden;
        border: 0;
    }

    .ding .crumbs_d {
        display: none;
    }

    .newsShow_ding {
        padding: 0 3%;
    }

    .newsShow_ding .crumbs_d {
        display: block;
    }

    .search_d .search_d_l {
        display: block;
        width: 24.42%;
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        background-color: #c2c2c2;
        font-size: 24px;
        float: left;
        text-align: center;
        color: #ffffff;
    }

    .search_d_box {
        border: 1px solid #c2c2c2;
        overflow: hidden;
        width: 73.58%;
        margin: 0 0 0 1%;
        float: left;
        background-color: #fcfcfc;
    }

    .search_d .ma_text {
        width: 80%;
        height: 48px;
        font-size: 20px;
        padding-left: 3%
    }

    .search_d .ma_button {
        width: 17%;
        height: 48px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .ny_column li::after {
        display: block;
    }

    .ny_column {
        width: 100%;
        margin: 20px auto 0;
    }

    .ny_column li {
        width: 15%;
        height: 38px;
        line-height: 38px;
        border: 1px solid #b5b5b5;
        margin: 0 1% 30px;
    }

    .about_af {
        width: 98%;
        margin: 0 auto;
    }

    .video li {
        width: 48%;
        height: 228px;
        margin-right: 4%;
    }

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

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

    .product_af {
        background-color: unset;
        width: 94%;
        margin: 25px auto;
        border: 0;
    }

    .product_af dl {
        border: 1px solid #c9c9c9;
        margin-bottom: 20px;
        padding: 3px;
        background-color: unset;
    }

    .ma dl dt {
        height: 68px;
        line-height: 68px;
        font-size: 26px;
    }



    .ma dl dd em {
        height: 68px;
        line-height: 68px;
        font-size: 26px;
    }

    .product_bf dl {
        width: 100%;
        margin-right: 0;
    }

    .product_bf dl dt {
        height: auto;
    }

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

    .product_bf dl dd em {
        width: 60%;
        height: 130px;
        line-height: 130px;
        font-size: 24px;
    }

    .product_bf dl dd a {
        width: 150px;
        height: 38px;
        line-height: 38px;
        float: right;
        margin: 0px 0 0;
        font-size: 21px;
        color: #757575;
    }

    .join_af {
        margin-top: 30px;
    }

    .joinafb dl {
        max-width: 30%;
        margin: 0 10% 15px;
    }

    .joinafb dl:nth-child(5n) {
        margin: 0 10% 15px;
    }

    .joinafb dl dt {
        height: 213px;
    }

    .joinafb dl dt i {
        margin-top: 45px;
        font-size: 30px;
    }

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

    .join_bf_dl li {
        width: 47.5%;
        margin-right: 4%;
    }

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

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

    .join_bf_dl li p {
        font-size: 20px;
    }

    .jcli {
        width: 81%;
        margin: 0 auto;
        padding-right: 1%;
        overflow: hidden;
    }

    .join_cf_li li {
        width: 98%;
        margin-right: 0;
    }

    .join_cf_li li p {
        line-height: 39px;
        width: 95%;
        font-size: 20px;
    }

    .join_cf_li {
        position: relative;
    }

    .join_cf_li .jcli-next {
        width: 19px;
        height: 33px;
        background-image: url(../images/jcli-next.png);
        position: absolute;
        top: 45%;
        right: 10px;
    }

    .join_cf_li .jcli-prev {
        width: 19px;
        height: 33px;
        background-image: url(../images/jcli-prev.png);
        position: absolute;
        top: 45%;
        left: 10px;
    }

    .join_df_img img {
        display: none;
    }

    .join_df_img .join_df_img_1 {
        display: block;
    }

    .join_ef_input {
        max-width: 94%;
        margin: 30px auto;
    }

    .join_ef_input dt {
        max-width: 100%;
        width: 100%;
    }

    .join_ef_input dd {
        max-width: 95%;
        width: 90%;
        padding: 5%;
    }

    .join_ef_input dd p {
        width: 47.5%;
        margin-right: 5%;
    }

    .join_ef_input dd p:nth-child(2n) {
        margin-right: 0;
    }

    .join_ef_input dd textarea {
        width: 100%;
    }

    .join_ef_input dd .jai_button {
        margin: 30px auto 0;
        display: block;
    }

    .da_l {
        max-width: 100%;
    }

    .da_r {
        margin-top: 40px;
    }

    .dar_dl dl dt {
        width: 20%;
        font-size: 23px;
        line-height: 30px;
    }

    .dar_dl dl dd {
        width: 60%;
        font-size: 22px;
        line-height: 30px;
    }

    .da_r {
        position: relative;
    }

    .dar_rwm {
        position: absolute;
        right: 30px;
        top: 40px;
    }

    .dar_rwm dt {
        float: none;
    }

    .dar_rwm dd {
        margin: 10px auto;
        float: none;
    }

    .dar_rwm dd i {
        margin: 0 auto;
    }

    .dar_yx {
        text-align: left;
    }

    .dar_yx dt {
        display: inline-block;
        float: none;
        margin: 0 10px;
    }

    .dar_yx dd {
        display: inline-block;
        float: none;
        margin: 0 10px;
    }

    .dbbr_t {
        display: none;
    }

    .details_bf {
        padding: 20px 0;
    }

    .dbbr_b {
        margin-top: 0;
    }

    .conract_bf {
        padding: 0 3%;
    }

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

    .about_bf_l {
        font-size: 46px;
    }

    .about_bf_r p img {
        max-width: 100%;
    }

    .about_cf li {
        width: 48%;
        margin-right: 4%;
        margin-top: 10px;
    }

    .about_cf .swiper-wrapper {
        flex-wrap: wrap;
    }

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

@media screen and (max-width:650px ) {
    .about_bf_r p em {
        font-size: 20px;
    }

    .xz_abr_af dt p {
        margin-bottom: 15px;
    }

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

    .xz_abr_bf em {
        font-size: 20px;
        line-height: 30px;
    }

    .xz_abr_bf ul li {
        font-size: 16px;
        line-height: 30px;
    }

    .xz_abr_bf b {
        font-size: 16px;
    }

    .xz_abr_bf ul {
        margin: 15px 0;
    }

    .xzabrc_t {
        margin: 30px 0;
    }

    .xzabrc_t em {
        font-size: 20px;
        margin-bottom: 5px;
    }

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

    .xzabrc_b li {
        height: 400px;
    }

    .xz_museum_t em {
        font-size: 20px;
    }

    .xz_museum_t p {
        font-size: 14px;
        margin-top: 20px;
    }

    .about_bf_r p {
        margin-top: 15px;
    }

    .xz_boutique_box em {
        font-size: 30px;
    }

    .xz_boutique_box span {
        margin: 5px 0 25px;
        font-size: 20px;
    }

    .xz_exquisite_craft_l p em {
        margin: 15px 0;
    }

    .xz_boutique_box b {
        font-size: 20px;
        margin-top: 5px;
    }

    .xz_title {
        font-size: 20px;
    }

    .xzh_t dt em {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .xzh_t dt p {
        line-height: 30px;
        font-size: 16px;
    }

    .xzh_t dd {
        margin-top: 20px;
    }

    .xzh_t dt ul li {
        line-height: 28px;
    }

    .xzh_b dt p {
        font-size: 16px;
        line-height: 30px;
    }

    .xzh_b dt {
        margin-bottom: 20px;
    }













    .about_bf {
        margin-top: 10px;
    }

    .about_bf_l {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .mcb_v #container7301987a27b610546a542a37a2a641f0_7 {
        height: 360px !important;
    }

    .ma dl dt {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }

    .ma dl dd em {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }
}

@media screen and (max-width:550px ) {
    .mct_b li:nth-child(2) span {
        width: 60px;
    }

    .mct_b li:nth-child(5) span {
        width: 58px;
    }

    .mct_b li:nth-child(6) span {
        width: 70px;
    }

    .about_bf {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .conract_cf p {
        background-position: left 5px;
    }

    .about_bf_r p em {
        font-size: 20px;
    }

    .xz_boutique_box b {
        margin-top: 10px;
    }

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

    .xz_video_dl dd em {
        font-size: 23px;
        text-align: center;
    }

    .conract_cf {
        margin-bottom: 70px;
    }

    .yd_head {
        height: 90px;
    }

  
    .search_d .search_d_l {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .search_d .ma_text {
        height: 38px;
        font-size: 16px;
    }

    .search_d .ma_button {
        height: 38px;
    }

    .ny_title {
        margin-top: 40px;
    }

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

    .ny_title span {
        font-size: 12px;
    }

    .ny_column li {
        height: 35px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .footer_af dl dt {
        width: 45px;
        height: 45px;
    }

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

    .footer_af {
        height: 115px;
    }

    .yd_bottom_bar li i {
        width: 30px;
        height: 30px;
    }

    .yd_bottom_bar li em {
        font-size: 14px;
        margin-top: 5px;
    }

    .yd_bottom_bar li em a {
        color: #fff;
    }

    .yd_bottom_bar {
        height: 75px;
    }

    .offer span {
        font-size: 28px;
    }

    .offer input {
        height: 45px;
    }

    .offer .offer_button {
        height: 45px;
    }

    .dar_dl dl dt {
        width: 21%;
        font-size: 18px;
    }

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

    .join_title {
        height: 50px;
    }

    .join_af_t {
        width: 80%;
    }

    .joinafb dl dt {
        height: 156px;
    }

    .joinafb dl dt i {
        margin-top: 35px;
        font-size: 25px;
    }

    .joinafb dl dt em {
        font-size: 25px;
    }

    .join_bf_dl li i {
        width: 80px;
    }

    .join_bf_dl li em {
        font-size: 20px;
    }

    .join_bf_dl li p {
        font-size: 14px;
        line-height: 24px;
    }

    .join_bf_dl li {
        height: 250px;
    }

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

    .join_ff p {
        font-size: 50px;
    }

    .join_ff em {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .join_ff span {
        font-size: 20px;
    }

    .ma dl dt {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .ma dl dd em {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .product_bf dl dd em {
        height: 80px;
        line-height: 80px;
        font-size: 20px;
    }

    .product_bf dl dd a {
        /*margin-top: 25px;*/
    }

    .video li {
        height: 168px;
    }

    .main_af {
        padding: 25px 0;
    }

    .main_af .ma dl:last-child dt {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .main_af .ma dl dd p .ma_text {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .main_af .ma dl dd p .ma_button {
        height: 40px;
    }

    .mb_t em {
        font-size: 24px;
    }

    .mb_t p {
        font-size: 15px;
    }

    .mb_t span {
        font-size: 15px;
    }

    .mb_dl dl {
        width: 100px;
    }

    .mb_b dl dd {
        height: 40px;
    }

    .mb_b dl dd em {
        font-size: 18px;
        line-height: 40px;
    }

    .mb_b .swiper-button-next {
        width: 15px;
        height: 35px;
    }

    .mb_b .swiper-button-prev {
        width: 15px;
        height: 35px;
    }

    .main_bf .see_offer {
        width: 250px;
    }

    .mct_t em {
        width: 369px;
        font-size: 24px;
    }

    .mct_t {
        padding-top: 60px;
    }

    .mct_b li span {
        font-size: 35px;
    }

    .mct_b li b {
        font-size: 13px;
        width: 15px;
    }

    .mct_b li em i {
        font-size: 13px;
        margin-left: 2px;
    }

    .mc_t {
        height: 550px;
    }

    .md_lubp_r li {
        height: 250px;
    }

    .md_lubp_r li b {
        width: 55px;
        height: 55px;
        margin: 30px auto 15px;
    }

    .md_lubp_r li em {
        font-size: 21px;
    }

    .md_lubp_r li p {
        margin: 15px 0;
    }

    .md_lubp_r li .md_lubp_r_a {
        width: 100px;
        height: 25px;
        line-height: 23px;
    }

    .me_t em {
        font-size: 24px;
    }

    .me_t span {
        font-size: 18px;
        margin-top: 10px;
    }

    .main_ef {
        padding: 40px 0 60px;
    }

    .me_li {
        margin: 25px auto 30px;
    }

    .me_li li {
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    .main_ff li {
        background-size: 45%;
    }

    .main_ff {
        margin-bottom: 40px;
    }
}

@media screen and (max-width:450px ) {
    .xz_video_dl #container7301987a27b610546a542a37a2a641f0_7 {
        height: 238px !important;
    }

    .conract_cf {
        margin: 35px auto 45px;
    }

    .join_ef_input dd p {
        width: 100%;
        margin-right: 0;
    }

    .join_ff p {
        font-size: 40px;
    }

   
    .caser_b_l, .caser_b_r {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        font-size: 5px;
        top: 35%;
    }

    .case_l a {
        font-size: 15px;
        padding-left: 24px;
    }

    .mct_b li:nth-child(2) span {
        width: 58px;
    }

    .mcb_v #container7301987a27b610546a542a37a2a641f0_7 {
        height: 250px !important;
    }

    .yd_head {
        height: 80px;
    }


    .main_af {
        padding: 15px 0;
    }

    .main_af .ma dl:last-child {
        height: auto;
    }

    .main_af .ma dl:last-child dt {
        font-size: 14px;
        height: 30px;
        line-height: 32px;
    }

    .main_af .ma dl dd p .ma_text {
        font-size: 14px;
        height: 30px;
        line-height: 32px;
    }

    .main_af .ma dl dd p .ma_button {
        height: 30px;
    }

    .main_af .ma dl dd p {
        height: 30px;
    }

    .mb_t em i {
        margin: 0 10px;
    }

    .mb_t em {
        font-size: 20;
    }

    .mb_t p {
        font-size: 13px;
        margin-top: 8px;
    }

    .mb_t span {
        font-size: 13px;
        margin-top: 8px;
    }

    .mb_dl dl {
        width: 80px;
        margin-bottom: 20px;
    }

    .mb_dl dl dt {
        height: 30px;
        background-size: auto 100%;
    }

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

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

    .main_bf .see_offer {
        width: 210px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .mct_dl dl dd em {
        font-size: 18px;
        margin: 15px 0 5px;
    }

    .mct_dl dl dd p {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
    }

    .mc_b {
        padding-top: 230px;
    }

    .mcb_t em {
        font-size: 22px;
    }

    .mcb_t span {
        font-size: 14px;
        margin-top: 5px;
    }

    .md_t em {
        font-size: 20px;
    }

    .md_t span {
        font-size: 14px;
        margin-top: 5px;
    }

    .md_b {
        margin: 25px 0 15px;
    }

    .md_lubp_r li p span {
        font-size: 12px;
    }

    .md_lubp_r li p {
        margin: 8px 0;
    }

    .md_lubp_r li b {
        margin: 20px auto 10px;
    }

    .md_lubp_r li {
        height: 220px;
    }

    .md_lubp_r {
        top: 10px;
        padding-bottom: 40px;
    }

    .md_lubp_r .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .md_lubp_r .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .md_lubp_l .swiper-pagination {
        font-size: 14px;
    }

    .md_lubp_l .swiper-pagination .swiper-pagination-current {
        font-size: 20px;
    }

    .me_t em {
        font-size: 20px;
    }

    .me_t span {
        font-size: 14px;
        margin-top: 8px;
    }

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

    .main_ef .me_more {
        width: 210px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .footer_af dl dd {
        margin-left: 5px;
        line-height: 20px;
        font-size: 14px;
    }

    .fb_af dt {
        max-width: 190px;
    }

    .fb_af dd span {
        font-size: 32px;
    }

    .footer_cf {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }

    .offer span {
        font-size: 22px;
    }

    .offer input {
        height: 35px;
        font-size: 16px;
        margin-top: 10px;
    }

    .offer .offer_button {
        height: 35px;
        font-size: 16px;
        margin-top: 10px;
    }

    .yd_bottom_bar li i {
        width: 23px;
        height: 23px;
    }

    .yd_bottom_bar li em {
        font-size: 13px;
    }

    .yd_bottom_bar {
        height: 60px;
    }

    .offer {
        padding-bottom: 80px;
    }

    .ny_column li {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0 11px;
    }

    .video li {
        height: 138px;
    }

    .video li a:nth-child(1) {
        display: block;
        height: auto;
        overflow: hidden;
    }

    .video {
        margin-bottom: 0px;
    }

    .xz_video_dl dd p {
        text-align: left;
    }

    .video_main #Paging {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .search_d .search_d_l {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

    .search_d .ma_text {
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }

    .search_d .ma_button {
        height: 28px;
    }

    .ny_title em {
        font-size: 20px;
    }

    .ny_title span {
        margin-top: 5px;
    }

    .ny_title {
        margin-top: 30px;
    }

    .ma dl dt {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
    }

    .ma dl dd em {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
    }

    .product_bf dl dd em {
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    .product_bf dl dd p span {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .product_bf dl dd a {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        /*margin-top: 18px*/;
    }

    .join_ef_input dd .jai_button {
        width: 110px;
        height: 32px;
        line-height: 30px;
        font-size: 16px;
    }

    .join_title {
        height: 40px;
    }

    .join_cf_li li {
        height: 420;
    }

    .join_cf_li li em {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .join_cf_li li i {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .join_cf_li li p {
        font-size: 13px;
        line-height: 30px;
    }

    .join_bf_dl li i {
        width: 60px;
    }

    .join_bf_dl li em {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .join_bf_dl li p {
        font-size: 12px;
    }

    .join_bf_dl li {
        height: 220px;
    }

    .joinafb dl dt {
        height: 126px;
    }

    .joinafb dl dt i {
        font-size: 22px;
    }

    .joinafb dl dt em {
        font-size: 22px;
    }

    .joinafb dl dt i {
        margin-top: 30px;
    }

    .dal_b li {
        max-width: 100px;
    }

    .dal_b li img {
        width: 100%;
    }

    .da_r {
        margin-top: 25px;
    }

    .dar_title {
        font-size: 20px;
    }

    .dar_dl {
        margin-top: 15px;
    }

    .dar_dl dl dt {
        font-size: 14px;
    }

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

    .dar_dl dl dd {
        width: 58%;
        font-size: 14px;
    }

    .dar_rwm {
        right: 5px;
    }

    .conract_bf li {
        margin-bottom: 30px;
    }

    .conract_bf li p {
        margin-bottom: 10px;
    }

    .about_bf_l {
        font-size: 35px;
        margin-bottom: 0;
    }

    .xz_abr_bf b {
        font-size: 14px;
        margin-top: 15px;
    }

    .xzabrc_b li {
        height: 270px;
    }

    .about_bf {
        margin-top: 10px;
    }

    .ny_column_1 li {
        width: 16%;
        margin: 0 0.5% 30px;
        padding: 0 2px;
    }

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

    .xz_boutique_box span {
        font-size: 18px;
    }

    .xz_factory_bf dt p {
        margin-top: 20px;
    }

    .xz_exquisite_craft_l p:nth-child(1) em {
        margin-top: 0;
    }

    .xz_exquisite_craft_l p {
        margin-top: 0;
    }

    .conract_cf p {
        width: 90%;
    }

    .xz_appointment dd em {
        font-size: 17px;
    }

    .xz_appointment dd span {
        margin: 10px 0 5px;
    }

    .xz_appointment dd b {
        font-size: 30px;
    }

    .xz_appointment dd p {
        width: 280px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width:375px ) {
    .xz_video_dl #container7301987a27b610546a542a37a2a641f0_7 {
        height: 195px !important;
    }

    .md_lubp {
        max-width: 94%;
    }

    .md_lubp_l {
        width: 50%;
    }

    .md_lubp_r {
        width: 50%;
    }

    .mct_b li {
        width: 27%;
        margin: 0 2%;
    }

    .join_cf_li li p {
        line-height: 27px;
    }

    .case_l li {
        margin-right: 15px;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        width: 18px;
    }

    .mct_b li:nth-child(2) span {
        width: 46px;
    }

    .mct_b li:nth-child(5) span {
        width: 44px;
    }

    .mct_b li:nth-child(6) span {
        width: 55px;
    }

    .about_bf_l {
        font-size: 25px;
        line-height: 60px;
    }

    .xz_abr_af dt p {
        margin-bottom: 8px;
    }

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

    .xz_abr_af dd {
        width: 90%;
        padding: 0 5%;
    }

    .xz_abr_bf em {
        font-size: 16px;
        line-height: 25px;
    }

    .xz_abr_bf ul li {
        font-size: 14px;
        line-height: 25px;
    }

    .ny_column_1 li {
        width: 18%;
        margin: 0 0 30px;
        padding: 0 0px;
    }

    .xz_abr_bf p {
        margin-top: 0;
    }

    .xz_abr_bf b {
        font-size: 12px;
        margin-top: 10px;
    }

    .xzabrc_t {
        margin: 25px 0;
    }

    .xzabrc_b li {
        height: 224px;
    }

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




    .mcb_v #container7301987a27b610546a542a37a2a641f0_7 {
        height: 207px !important;
    }

    .yd_head {
        height: 70px;
    }


    .search_d .search_d_l {
        height: 28px;
        line-height: 30px;
    }

    .search_d .ma_text {
        height: 26px;
        line-height: 28px;
    }

    .search_d .ma_button {
        height: 26px;
    }

    .ny_column li {
        width: 18%;
        font-size: 12px;
        padding: 0 1%;
        line-height: 32px;
    }

    .about_bf_r p em {
        font-size: 16px;
    }

    .about_bf_r p {
        margin-top: 10px;
    }

    .xz_boutique_box em {
        font-size: 20px;
    }

    .xz_boutique_box span {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .xz_exquisite_craft_l p {
        margin-top: 0;
    }

    .xz_exquisite_craft_l p em {
        margin: 10px 0;
    }

    .xz_boutique_box b {
        font-size: 16px;
    }

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

    .conract_cf p span {
        display: block;
    }

    .conract_cf p span:nth-child(2n) {
        display: none;
    }

    .conract_cf p {
        width: 80%;
    }

    .xz_title {
        font-size: 16px;
    }

    .xzh_t dt em {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .xzh_t dt p {
        font-size: 14px;
        line-height: 25px;
    }

    .xzh_t dt ul li {
        line-height: 25px;
    }

    .xzh_b dt p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 20px;
    }

    .xz_video_dl dd span {
        margin-top: 15px;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .xz_video_dl dd em {
        font-size: 18px;
    }

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

    .xz_video li {
        width: 80px;
        height: 25px;
        line-height: 27px;
        font-size: 14px;
    }

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

    .dar_rwm dt {
        width: 85px;
        height: 85px;
    }

    .dar_rwm dd i {
        width: 40px;
        height: 40px;
    }

    .dal_b li {
        width: 80px;
    }

    .dal_b .swiper-button-prev {
        height: 100%;
    }

    .dal_b .swiper-button-next {
        height: 100%;
    }

    .footer_af dl dt {
        width: 40px;
        height: 40px;
    }

    .footer_af dl dd {
        font-size: 12px;
    }

    .fb_af dt {
        max-width: 160px;
        margin-bottom: 25px;
    }

    .fb_af dd em {
        max-width: 120px;
    }

    .fb_bf ul li dl dt {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .offer span {
        font-size: 18px;
    }

    .join_bf_dl li {
        width: 47.4%;
        height: 230px;
    }

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

    .joinafb dl dt i {
        font-size: 20px;
    }

    .joinafb dl dt i {
        margin-top: 23px;
    }

    .joinafb dl dt {
        height: 106px;
    }

    .joinafb dl dd {
        font-size: 14px;
        line-height: 25px;
    }

    .join_title {
        height: 35px;
    }

    .ma dl dt {
        font-size: 13px;
    }

    .video li {
        height: 138px;
    }

    .mct_b li span {
        font-size: 27px;
    }

    .mct_b li em i {
        font-size: 12px;
        margin-left: 0;
    }

    .mct_t em {
        width: 317px;
        font-size: 20px;
    }

    .mc_b {
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .md_lubp_r {
        max-width: 50%;
        top: 0;
        padding-bottom: 40px;
    }

    .md_lubp_r li b {
        width: 40px;
        height: 40px;
        margin-top: 15px;
    }

    .md_lubp_r li em {
        font-size: 18px;
    }

    .main_df {
        padding-bottom: 50px;
    }

    .md_lubp_r li {
        height: 190px;
    }

    .me_dl dl dt em {
        margin-top: 20px;
        line-height: 28px;
        font-size: 18px;
    }

    .me_dl dl dt span {
        margin: 15px 0 10px;
    }

    .me_dl dl dt p {
        font-size: 14px;
        line-height: 24px;
    }

    .main_ff {
        height: 60px;
    }

    .footer_af {
        height: 90px;
    }

    .ny_column_1 li {
        width: 17%;
        padding: 0 2px;
        margin: 0 0px 30px;
    }
}

/*关于我们页*/
.about-main {
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 580px;
    font-size: 14px;
}

.about-main p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    margin-top: 20px;
}
/*新闻详情页*/
.udpageBox {
    width: 100%;
    border: 1px solid #e7e7e7;
    margin-bottom: 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%;
    overflow: hidden;
    margin-top: 1%;
    margin-bottom: 1%;
}

.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: #ff0000;
}

.news_cont_bottom {
    width: 80%;
    margin: 10% auto 0 auto;
    padding-bottom: 100px;
}

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

.f_txt .w,
.f_fm .w {
    max-width: 1120px;
}

.f_txt {
    height: 414px;
    background-color: #455a5e;
    color: #fff;
    overflow: hidden;
}

.f_txt .f_txt_main_l {
    float: left;
}

.f_txt .f_txt_main_r {
    float: right;
}

.f_txt .f_txt_box {
    line-height: 200%;
    margin-top: 40px;
    overflow: hidden;
    font-size: 18px;
}

.f_txt .f_txt_tit {
    font-size: 40px;
    margin-bottom: 43px;
    overflow: hidden;
}

.f_txt_hd {
    font-size: 18px;
    margin: 30px 0;
    overflow: hidden;
}

.f_fm {
    background-color: #2c4146;
    height: 197px;
    color: #fff;
    overflow: hidden;
}

.f_fm_hd {
    font-size: 24px;
    overflow: hidden;
    margin: 24px 0;
    overflow: hidden;
}

.f_fm .txt_input {
    font-size: 20px;
}

.f_fm .txt_input input {
    width: 300px;
    height: 45px;
    margin-left: 10px;
    margin-right: 20px;
    border: none;
    text-indent: 1em;
}

.f_fm .txt_button input {
    width: 247px;
    height: 45px;
    color: #192e32;
    background-color: #ffa82c;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.f_fm_form_bm {
    text-align: right;
    font-size: 16px;
    overflow: hidden;
    margin-top: 20px;
}

.honor_bf {
    padding-top: 90px;
}

.honor_bf dl dt img {
    width: initial;
    display: block;
    transition: all 0.5s;
    max-height: 217px;
    text-align: center;
    margin: 0 auto;
}
/*管家服务*/
.cus_main, .rwCulture-main {
    max-width: 1280px;
    margin: 80px auto 80px auto;
    overflow: hidden;
    min-height: 580px;
    font-size: 14px;
    line-height: 200%;
}
/*通用咨询*/


.ml40 {
    margin-left: 40px;
}

.layui-layer-setwin .layui-layer-close {
    background-position: 0px -39px;
}

#add-main .layui-btn, #add-main .layui-btn-primary:hover {
    background: #841e21;
    color: #fff;
    border-color: #841e21;
}

.layui-btn-primary, .layui-btn-primary:hover {
    border-color: #841e21;
}

.pro_show_btn {
    margin-left: 40px;
    padding: 7px 30px;
}

.layui-layer-title {
    text-align: left;
}

.product_dec .openformbtn {
    color: #fff;
}

.honor-main .product_bf dl dd em {
    width: 100%;
    max-width: 100%;
    text-align: center;
}