/*====================?????ʽ======================*/
.emptyEm {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 1px;
    overflow: hidden;
    clear: both;
}

.empty01em {
    height: 2em;
}

.empty05em {
    height: 5em;
}

#flink_line {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 70%;
    line-height: 24px;
    color: #666666;
}

#flink_line a {
    margin-right: 10px;
    color: #666666;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
    vertical-align: center;
}

ul, li {
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

body, input, select, button, textarea {
    font: 12px "Microsoft YaHei", "宋体", Arial;
    outline: none;
}

button {
    cursor: pointer;
}

i, em, cite {
    font-style: normal;
}

aside section, .body {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

a, a:link {
    color: #000;
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
    color: #d00000;
}

a:focus {
    outline: none;
}

.orange {
    color: #F26E01;
}

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

body {
    max-width: 1920px;
    margin: 0 auto;
}
/* 头部样式 */
.header_t {
    width: 94%;
    padding: 1.5% 3%;
    background-color: #d2c9c2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.logo {
    width: 10%;
    float: left;
}

.logo img {
    width: 100%;
}

.input {
    width: auto;
    float: right;
    transition: all 0.5s;
}

.input span,
.input .btn {
    width: 20px;
    height: 24px;
    display: block;
    float: right;
    background: no-repeat url(../images/input.png);
    border: 0;
    cursor: pointer;
}

.input .txt {
    width: 0;
    height: 24px;
    padding-bottom: 4px;
    padding-left: 0;
    background-color: #d2c9c2;
    border: 0;
    border-bottom: 1px solid #595656;
    font-size: 16px;
    color: #595656;
    transition: all 0.5s;
    margin-top: -3px;
}

.input_rus {
    width: 18.75%;
}

.input .txt_w {
    width: 78%;
    padding-left: 10%;
}

.input_rus input {
    width: 78%;
    padding-left: 10%;
}

.column {
    display: none;
}

.bottom_sidebar {
    display: none;
}

.header_y {
    display: none;
}

.header_y1 {
    width: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(239, 237, 236, 0.9);
    z-index: 60;
    opacity: 0;
    transition: all 0.5s;
    padding-top: 100px;
}

.hy1 {
    /* display: block; */
    width: 14%;
    opacity: 1;
}

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

.hy {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.header_y1 .hy_li {
    text-align: center;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #cfcfcf;
}

.header_y1 .hy_li em {
    display: block;
    line-height: 300%;
    position: relative;
    color: #333333;
    cursor: pointer;
}

.header_y1 .hy_li:hover a em {
    color: #b50707;
}

.header_y1 .hy_li em i {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 57%;
    right: 25%;
    margin-top: -10px;
    background-image: url(../images/hy_li_em.png);
    background-size: 12px 12px;
    background-position: 80% center;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.hyl_ul {
    display: none;
    border-top: 1px solid #cfcfcf;
    padding: 3% 0;
}

.hyl_ul li {
    padding: 2.5% 0;
    font-size: 14px;
}

.hyl_ul li a {
    color: #595656;
    display: block;
}

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

.z_nav {
    width: 100%;
    display: none;
}

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

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

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    background-color: #d2c9c2;
    border-radius: 0;
    opacity: 0.6;
    cursor: pointer;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

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

.hb_t {
    width: 14.58%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(210, 201, 194, 0.8);
    display: none;
}

.hb_nav {
    position: relative;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
}

.hb_nav:before {
    content: '';
    display: table;
}

.hb_nav .hbn_li {
    text-align: right;
    font-size: 16px;
    margin-top: 20%;
}

.hb_nav .hbn_li a {
    font-weight: 400;
    padding-right: 40px;
    color: #595656;
    letter-spacing: 4px;
    transition: all 0.5s;
}

.hb_nav .hbn_li_1 a {
    font-weight: 800;
    color: #000000;
}

.hbn {
    width: 80%;
    height: 100%;
    background-color: rgba(210, 201, 194, 0.7);
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    display: none;
}

.hb_nav .hbn_li .hbn li {
    text-align: center;
    font-size: 16px;
    padding-top: 25%;
}

.hb_nav .hbn_li .hbn li a {
    color: #333333;
    padding-right: 0;
    font-weight: 300;
}

.hb_nav .hbn_li .hbn li a:hover {
    color: #000000;
}
/****新增加头部菜单*****/
#top_menu {
    position: absolute;
    left: 35%;
    bottom: 25px;
    width: 60%;
    height: 24px;
}

#top_menu li {
    float: left;
    margin-right: 50px;
    font-size: 1.3em;
}

#top_menu li > a {
    color: #333333;
}

#top_menu li > a:hover {
    color: #000000;
}

#top_menu_sbg {
    position: absolute;
    left: 0px;
    bottom: -32px;
    width: 100%;
    height: 32px;
    z-index: 10;
    display: none;
}

#top_menu_sbg:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #c1b5af;
    z-index: 1;
    opacity: 0.9;
}

.top_menu_hbn {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 32px;
    text-align: center;
    display: none;
    z-index: 2;
}

.top_menu_hbn li {
    display: inline-block;
    margin: 0 25px;
    height: 32px;
    line-height: 32px;
}

.top_menu_hbn li a {
    color: #333333;
    font-size: 1em;
}

.top_menu_hbn li a:hover {
    color: #000000;
}
/* 中部样式 */
.main_af {
    width: 100%;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 90px;
}

.ma_t em {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #595656;
    margin-bottom: 15px;
    letter-spacing: 4px;
}

.ma_t em a {
    color: #595656;
}

.ma_t em a:hover {
    color: #be9f66;
}

.ma_t span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #595656;
    letter-spacing: 4px;
    margin-bottom: 40px;
}

.ma_b {
    width: 70.833%;
    margin: 40px auto 70px;
    position: relative;
}

.ma_b:after {
    content: '';
    width: 22%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22%;
    z-index: 10;
    background-color: #ffffff;
}

.ma_b .swiper-pagination {
    display: none;
}

.ma_b dl {
    width: 47.79%;
}

.ma_b .swiper-slide {
    opacity: 0.6;
}

.ma_b .swiper-slide-active {
    opacity: 1;
}

.ma_b .swiper-slide-next {
    opacity: 1;
}

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

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

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

.ma_b dl dd em {
    font-size: 22px;
    color: #6e5d5a;
    display: block;
    padding-left: 3%;
    margin: 2.5% 0 2%;
    letter-spacing: 4px;
}

.ma_b dl dd p {
    padding-left: 3%;
    font-size: 16px;
    color: #948a88;
    letter-spacing: 2px;
}

.ma_b .swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: rgba(194, 191, 191, 0.7);
    background-image: url(../images/mbtl_next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    right: -70px;
    top: 40%;
    z-index: 40;
}

.ma_b .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-color: rgba(194, 191, 191, 0.7);
    background-image: url(../images/mbtl_next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    transform: rotate(180deg);
    left: -70px;
    top: 40%;
    z-index: 40;
}

.ma_b .swiper-button-next:hover {
    background-color: #bd9f66;
}

.more {
    width: 360px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #afa59d;
    margin: 0 auto;
    font-size: 16px;
    color: #8f8d8c;
    letter-spacing: 6px;
    display: block;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 14px;
}

.ma_b .swiper-button-prev:hover {
    background-color: #bd9f66;
}

.more:hover {
    background-color: #bd9f66;
    color: #ffffff;
}

.main_bf {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 50px;
}

.main_bf .more {
    display: none;
}

.mb_t {
    width: 70.833%;
    margin: 45px auto;
    overflow: hidden;
}

.mbt_l {
    width: 47.8%;
    float: left;
    position: relative;
}

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

.mbtl a::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    transition: all 0.5s;
}

.mbtl a::before {
    content: '';
    width: 48.15%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 38%;
    position: absolute;
    top: 0;
    right: 7%;
    z-index: 20;
    transition: all 0.5s;
}

.mbt_l .mbtl a::before {
    background-image: url(../images/mbt_l.png);
}

.mbt_l .mbtl a {
    display: block;
}

.mbt_r .mbtl a::before {
    background-image: url(../images/mbt_r.png);
}

.mbtl img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mbt_l:hover .mbtl img {
    transform: scale(1.1);
}

.mbt_r:hover .mbtl img {
    transform: scale(1.1);
}

.mbt_l a:hover::after {
    top: 0;
}

.mbt_r a:hover::after {
    top: 0;
}

.mbt_l a:hover::before {
    top: 0;
}

.mbt_r a:hover::before {
    top: 0;
}

.mbtl_next {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 45px;
    background-color: #c0c1c3;
    background-image: url(../images/mbtl_next.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    z-index: 30;
}

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

.mbt_l:hover .mbtl_next, .mbt_r:hover .mbtl_next {
    background-color: #bd9f66;
}

.mbt_r {
    width: 47.8%;
    float: right;
    position: relative;
}

.mb_b {
    width: 70.833%;
    margin: 0 auto;
    overflow: hidden;
}

.mb_b dl {
    width: 30%;
    float: left;
    margin: 0 4.9% 2% 0;
}

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

.mb_b dl dt {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.mb_b dl dt img {
    width: 100%;
    transition: all 0.5s;
}

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

.mb_b dl dt span {
    display: block;
    width: 42px;
    height: 42px;
    background-color: rgba(89,73, 67, 0.5);
    background-image: url(../images/mb_b_s.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

.mb_b dl:hover dt span {
    z-index: 1;
    opacity: 1;
}

.mb_b dl dd {
    text-align: center;
    font-size: 20px;
    color: #595656;
    line-height: 230%;
}

.mb_b dl dd a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transition: all 0.5s;
    color: #595656;
    font-size: 16px;
}

.mb_b dl:hover dd a {
    color: #ffffff;
    background-color: #bd9f66;
}

.main_cf {
    width: 100%;
    background-color: #efedec;
    padding: 80px 0;
}

.mc {
    width: 70.833%;
    margin: 0 auto;
}

.mc_t {
    text-align: center;
    font-size: 28px;
    color: #595656;
    letter-spacing: 4px;
}

.mc_t a {
    color: #595656;
}

.mc_t a:hover {
    color: #be9f66;
}

.mc_b {
    width: 100%;
    overflow: hidden;
    margin: 8% auto;
}

.mc_b li {
    width: 30.5%;
    float: left;
    margin-right: 4.1%;
    margin-bottom: 20px;
}

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

.mc_b li span {
    display: block;
    font-size: 14px;
    color: #595656;
}

.mc_b li a {
    display: block;
    font-size: 17px;
    color: #595656;
    margin: 4% auto;
    line-height: 160%;
}

.mc_b li a:hover {
    color: #000000;
}

.mc_b li .mc_more {
    font-size: 12px;
    color: #595656;
}

.mc_b li .mc_more i {
    font-family: '宋体';
    padding-right: 5px;
}

.mc_b li p {
    font-size: 14px;
    color: #595656;
    line-height: 180%;
    margin-bottom: 15px;
}

.main_df {
    width: 70.833%;
    margin: 80px auto 150px;
}

.md_b {
    width: 100%;
    margin: 40px auto 0;
    overflow: hidden;
}

.md_b_1 {
    display: none;
}

.md_b .mdb_l {
    width: 40%;
    float: left;
    position: relative;
    overflow: hidden;
}

.md_b .mdb_l::after {
    width: 17.83%;
    height: 30%;
    content: '';
    position: absolute;
    left: 5%;
    bottom: 7%;
    background-image: url(../images/mdb_l_a.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.md_b .mdb_l img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.md_b .mdb_l img:hover {
    transform: scale(1.1);
}

.mdb_r {
    width: 60%;
    float: left;
}

.mdbr li {
    float: left;
    width: 33.3333%;
    position: relative;
    overflow: hidden;
}

.mdbr li img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mdbr li:hover img {
    transform: scale(1.1);
}

.mdbr .mdbr_rus .mdbr_z {
    left: 0;
}

.mdbr_z {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background-color: rgba(186, 155, 100, 0.9);
    transition: all 0.5s;
}

.mdbr li:hover .mdbr_z {
    left: 0;
}

.mdbr_z em {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 3px;
    margin: 45px 0 10px;
}

.mdbr_z span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 3px;
    margin-bottom: 7px;
}

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

.mdbr_b_l {
    width: 33.33%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #898888;
    line-height: 200%;
}

.mdbr_b_l i {
    color: #bd9f66;
}

.mdbr_b_r {
    width: 66.6666%;
    float: left;
}

.mdbr_b_r li {
    width: 50%;
    height: 40px;
    float: left;
    background-color: #d2c9c2;
    cursor: pointer;
}

.mdbr_b_r .mdbrbr_l:hover {
    background-color: #b79861;
    background-image: url(../images/mbtl_next.png);
    transform: rotate(180deg);
}

.mdbr_b_r .mdbrbr_r:hover {
    background-color: #b79861;
    background-image: url(../images/mbtl_next.png);
    transform: rotate(0deg);
}

.mdbr_b_r .mdbrbr_l {
    background-image: url(../images/mdbrbr.png);
    background-repeat: no-repeat;
    background-position: center;
}

.mdbr_b_r .mdbrbr_r {
    background-image: url(../images/mdbrbr.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}

.main_ef {
    width: 100%;
    background-color: #ebe7e4;
    /* padding: 80px 0 120px;*/
}

.main_ef .main_ef_main {
    width: 100%;
    height: 770px;
    background-image: url(../images/main_ef_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.main_ef .main_ef_main .main_ef_main_more {
    display: block;
    width: 260px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #000000;
    color: #fff !important;
    font-size: 16px;
    border: 1px solid #473e35;
    border-radius: 20px;
    margin-top: 367px;
    margin-left: 15%;
}

.main_ef .main_ef_wx {
    width: 162px;
    height: 198px;
    margin-top: 110px;
    margin-left: 17%;
}

.main_ef_main_wp {
    display: none;
}

.me {
    width: 70.8333%;
    margin: 0 auto;
    overflow: hidden;
}

.me_l {
    width: 47.794%;
    float: left;
}

.mel {
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}

.mel img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}

.mel img:hover {
    transform: scale(1.1);
}

.me_r {
    width: 47.794%;
    float: right;
}

.mer {
    width: 100%;
    margin-top: 40px;
    background-color: #ddd9d5;
    overflow: hidden;
    position: relative;
}

.mer_bg {
    width: 100%;
    opacity: 0;
    display: block;
}

.mer_img {
    width: 40%;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20%;
    overflow: visible;
}

.mer_img #mer_l {
    bottom: -11%;
    width: 30%;
    left: 141%;
    margin-left: -15%;
    color: #595656;
}
/* .mer_img #mer_l .swiper-pagination-bullet {
    background-color: unset;
    opacity: 0.4;
    font-size: 14px;
    margin-top: 50%;
}
.mer_img #mer_l .swiper-pagination-bullet-active {
    opacity: 1;
} */
.mer_img img {
    width: 100%;
    display: block;
}

.mer_img .swiper-button-next {
    width: 30px;
    height: 30px;
    top: 111%;
    right: -75%;
    background-image: url(../images/mbtl_next.png);
    background-color: #c0c1c3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.mer_img .swiper-button-prev {
    width: 30px;
    height: 30px;
    top: 111%;
    left: 109%;
    background-image: url(../images/mbtl_next.png);
    background-color: #c0c1c3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transform: rotate(180deg);
}

.mer_img .swiper-button-prev:hover {
    background-color: #bd9f66;
}

.mer_img .swiper-button-next:hover {
    background-color: #bd9f66;
}

.mer_img .mer_l {
    position: absolute;
    bottom: 10%;
    right: 30px;
    display: flex;
    flex-direction: column-reverse;
}

.mer_l li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #ada39b;
    cursor: pointer;
}

.mer_l .rus_li {
    color: #595656;
}

.footer_t {
    width: 100%;
    background-color: #363636;
    padding: 80px 0;
}

.wp-ft-wxBox {
    display: none;
}

.ft {
    width: 70.8333%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ft li {
    padding: 0 5%;
    border-right: 1px solid #000000;
}

.ft .li_logo {
    text-align: center;
    border: none;
}

.ft .li_tel {
    border-left: 1px solid #000000;
}

.ft li .footer-iconlist {
    margin-top: 20px;
    position: relative;
}

.ft li .footer-iconlist img {
    cursor: pointer;
}

.ft li .footer-iconlist .wxcode {
    display: none;
    position: absolute;
    padding: 2px;
    background-color: #fff;
    text-align: center;
    bottom: 0;
    left: -100px;
}

.ft li .footer-iconlist .wxcode img {
    width: 80px;
    margin-right: 0 !important;
}

.ft li .footer-iconlist:hover .wxcode {
    display: block;
}

.ft li .footer-iconlist img:first-child {
    margin-right: 12px;
}

.ft li .footer-iconlist img:first-child:hover {
}

.ft li:last-child {
    border: 0;
    padding-right: 0;
}

.ft li i {
    display: block;
    font-size: 16px;
    color: #d2c9c2;
}

.ft li em {
    display: block;
    font-size: 28px;
    color: #d2c9c2;
    font-weight: bold;
    margin: 6% auto;
}

.ft li span {
    font-size: 16px;
    color: #d2c9c2;
    display: block;
}

.ft li p {
    font-size: 16px;
    color: #d2c9c2;
    margin-top: 2%;
}

.ft li p:nth-child(1) {
    margin-top: 0;
    margin-bottom: 4%;
}

.fr_t {
    width: 70.8333%;
    margin: 11% auto;
    display: flex;
    justify-content: space-around;
}

.fr_t li {
    font-size: 16px;
    color: #595656;
    margin-bottom: 20px;
    font-weight: 600;
}

.fr_t li a {
    font-weight: 400;
    font-size: 14px;
    color: #595656;
    transition: all 0.5s;
    position: relative;
}

.fr_t li a::after {
    content: '';
    width: 0;
    background-color: #bd9f66;
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: all 0.5s;
}

.fr_t li a:hover {
    color: #bd9f66;
}

.fr_t li a:hover:after {
    width: 100px;
}

.fr_b {
    width: 100%;
    height: 80px;
    background-color: #d2c9c2;
}

.frb {
    width: 70.833%;
    line-height: 80px;
    font-size: 16px;
    color: #595656;
    margin: 0 auto;
    letter-spacing: 1px;
}

.contact {
    background-color: #d2c9c2;
    /* margin-bottom: 40px; */
}

.contact_t {
    max-width: 1920px;
    position: relative;
}

.ct_t {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.ctt {
    width: 70.833%;
    margin: 0 auto;
    padding: 3% 0;
    overflow: hidden;
}

.ctt_logo {
    width: 14.117%;
    float: left;
}

.ctt_logo img {
    width: 100%;
}

.ct_b {
    width: 100%;
}

.ct_b img {
    width: 100%;
}

.ctt .input {
    margin-top: 10px;
}

.ctt .input .txt {
    border-bottom: 1px solid #d2c9c2;
    color: #fff;
}

.ctt .input .txt {
    border-bottom: 1px solid #d2c9c2;
}

.ctt .input span {
    background-image: url(../images/input_1.png);
}

.ctt .input .txt::-webkit-input-placeholder {
    color: #d2c9c2;
}

.input span {
    cursor: pointer;
}

.contact_b {
    width: 70.833%;
    min-height: 600px;
    margin: 0 auto;
    background-color: #f7f5f4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 55;
    margin-top: -11%;
    padding-top: 20px;
}

.cb_1 {
    width: 88.235%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #cdc7c1;
    height: 100px;
    line-height: 100px;
}

.cb_1 em {
    float: left;
    font-size: 30px;
    color: #595656;
    letter-spacing: 6px;
}

.cb1_r {
    float: right;
    font-size: 18px;
    color: #595656;
    line-height: 100px;
}

.cb1_r span {
    float: left;
    margin-left: 30px;
    color: #595656;
}

.cb1_r span a {
    color: #595656;
}

.cb_2 {
    width: 88.235%;
    margin: 0 auto;
}

.cb2 {
    width: 84%;
    padding: 3.5% 8%;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 4%;
}

.cb2_l {
    width: 47.916%;
    float: left;
}

.cb2_l img {
    width: 100%;
}

.cb2_r {
    width: 49%;
    float: right;
    text-align: center;
    padding-top: 3%;
}

.cb2_r_1 img {
    width: 40%;
}

.cb2_r_2 {
    height: 25px;
    font-size: 18px;
    color: #595656;
    margin-top: 6%;
}

.cb2_r_3 {
    margin-top: 7%;
    line-height: 240%;
}

.cb2_r_3 em {
    font-size: 16px;
    color: #595656;
    font-weight: bold;
}

.cb2_r_3 p {
    font-size: 16px;
    color: #595656;
}

.cb_3 {
    width: 78%;
    margin: 0 auto;
    overflow: hidden;
    padding: 6% 0 10% 10%;
}

.cb3_l {
    width: 15.166%;
    float: left;
}

.cb3_l img {
    width: 100%;
}

.cb3_2 {
    width: 27%;
    float: right;
    overflow: hidden;
}

.cb3_2_l {
    width: 21%;
    float: left;
    margin-right: 8%;
}

.cb3_2_l img {
    width: 100%;
}

.cb3_2_r {
    width: 70%;
    float: left;
}

.cb3_2_r img {
    width: 100%;
}

.cb_4 {
    width: 88%;
    margin: 0 auto;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    color: #afacac;
    border-top: 1px solid #cdc7c1;
}

.cb_left {
    width: 29.4%;
    float: left;
    background-color: #efedec;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding-top: 20px;
    border-top-left-radius: 10px;
    overflow-y: hidden;
}

.cbl_t {
    width: 62%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto 40px;
    font-size: 30px;
    color: #595656;
    border-bottom: 1px solid #cdc7c1;
    letter-spacing: 3px;
}

.cbl_b {
    height: auto;
    overflow-y: scroll;
}

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

.cbl_b li {
    text-align: center;
    font-size: 16px;
    margin-top: 20%;
    letter-spacing: 3px;
}

.cbl_b li a {
    color: #595656;
}

.cbl_b li a:hover {
    color: #000000;
}

.cb_right {
    float: right;
    width: 70.6%;
    min-height: 1000px;
    background-color: #f7f5f4;
    position: relative;
    padding-bottom: 0em;
}

.cbr_t {
    width: 83%;
    height: 100px;
    margin: 0 auto 40px;
    border-bottom: 1px solid #cdc7c1;
    overflow: hidden;
}

.cklm {
    line-height: 100px;
    font-size: 18px;
    float: left;
    color: #595656;
    margin-right: 8px;
}

.sidebar_1 a {
    color: #595656;
}

.sidebar_1 a:hover {
    color: #222222;
}

.cbrt_nav {
    float: right;
    line-height: 100px;
}

.cbrt_nav span {
    font-size: 18px;
    color: #595656;
    margin-left: 30px;
    letter-spacing: 2px;
}

.cbrt_nav span a {
    color: #595656;
}

.cbrt_p {
    font-size: 16px;
    color: #595656;
    float: left;
    line-height: 100px;
    letter-spacing: 1px;
}

.cbr_b {
    width: 83%;
    margin: 0 auto 100px;
}

.cbr_b img {
    max-width: 100%;
}

.cbr_b p {
    font-size: 14px;
    color: #595656;
    margin-bottom: 30px;
    line-height: 200%;
}

.cbr_f {
    margin-top: 2em;
    width: 100%;
    /***position: absolute;
    left: 0;
    bottom: 0;**/
}

.cbrf {
    width: 83%;
    margin: 0 auto;
    font-size: 14px;
    color: #afacac;
    border-top: 1px solid #cdc7c1;
    line-height: 60px;
}

#cbrf {
    text-align: center;
}

.ct_t .ctt .input .txt {
    background-color: rgba(0, 0, 0, 0);
}

.space_r {
    width: 62%;
    height: auto;
    margin: 0 auto 0;
    overflow-y: scroll;
}

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

.space_r dl {
    width: 100%;
    margin-bottom: 11%;
}

.space_r dl dt {
    width: 100%;
}

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

.space_r dl dd {
    line-height: 300%;
    font-size: 16px;
    text-align: center;
    color: #6e5d5a;
    letter-spacing: 3px;
}

.space_r dl dd a {
    color: #6e5d5a;
}

.space_r dl dd a:hover {
    color: #000000;
}

.space_l {
    width: 83%;
    margin: 0 auto 0;
    overflow: hidden;
}

.space_l img {
    max-width: 100%;
}

.space_l h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0 10px;
    letter-spacing: 4px;
    color: #6e5d5a;
    text-indent: 1.7rem !important;
}

.space_l p em {
    font-size: 15px;
    color: #948a88;
    display: block;
    margin-bottom: 50px;
}

.space_l p {
    font-size: 14px;
    color: #595656;
    line-height: 190%;
    text-indent: 2em;
}

.space_l p img {
    display: block;
}

.sl_t {
    width: 100%;
}

.sl_t dt {
    width: 100%;
}

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

.sl_t dd em {
    display: block;
    font-size: 22px;
    color: #6e5d5a;
    padding-left: 30px;
    margin: 14px 0 10px;
    letter-spacing: 4px;
}

.sl_t dd p {
    font-size: 16px;
    color: #948a88;
    padding-left: 60px;
    letter-spacing: 4px;
}

.sl_b {
    margin-top: 40px;
}

.sl_b p {
    font-size: 14px;
    color: #595656;
    line-height: 180%;
    margin-bottom: 28px;
    text-indent: 2em;
}

.product_r {
    width: 62%;
    height: auto;
    margin: 0 auto;
    overflow-y: scroll;
}

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

.pr_nav {
    width: 100%;
}

.pr_nav em {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #595656;
    height: 75px;
    line-height: 75px;
    border-bottom: 1px solid #cdc7c1;
    cursor: pointer;
}

.pr_nav ul li {
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
}

.pr_nav ul {
    margin-top: 60px;
}

.pr_nav ul li a {
    color: #595656;
}

.pr_nav ul li a:hover {
    color: #000000;
}

.cbr_input {
    width: 45.56%;
    height: 30px;
    float: left;
    border-radius: 20px;
    border: 1px solid #ada39b;
    overflow: hidden;
    margin-top: 37px;
}

.cbr_input .txt_input {
    width: 70%;
    height: 30px;
    background-color: #f7f5f4;
    border: 0;
    padding-left: 20px;
    font-size: 14px;
}

.cbr_input span,
.cbr_input .searchbtn {
    width: 16px;
    height: 19px;
    display: block;
    background: no-repeat url(../images/input.png);
    background-size: 100%;
    float: right;
    margin: 6px 10px 0 0;
    cursor: pointer;
    border: 0;
}

.product_l {
    width: 83%;
    margin: 0 auto;
}

.product_l p img, .product_l img {
    display: block;
    max-width: 100%;
}

.plt_t {
    width: 100%;
}

.plt_t img {
    width: 100%;
}

.plt_b {
    overflow: hidden;
    width: 94%;
    margin-left: 3%;
}

.plt_b em {
    display: block;
    font-size: 16px;
    color: #595656;
    margin: 30px auto 15px;
    font-weight: bold;
}

.plt_b span {
    display: block;
    font-size: 12px;
    color: #595656;
    margin-bottom: 20px;
}

.plt_b ul {
    width: 75%;
    float: left;
}

.plt_b ul li {
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 200%;
    color: #595656;
}

.plt_b ul .proSize {
    width: 100%;
}

.plt_b ul li a {
    color: #595656;
}

.plt_b button {
    width: 35%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #be9f66;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 5px;
}

.plt_p {
    margin-top: 25px;
    width: 94%;
    margin-left: 3%;
}

.plt_p p {
    font-size: 14px;
    color: #595656;
    line-height: 200%;
    margin-bottom: 8px;
}

.plt_p em {
    font-style: italic;
}

.plt_p img {
    width: 100%;
}

.pla_t {
    margin-bottom: 45px;
}

.pla_t em {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #595656;
    letter-spacing: 4px;
    margin-bottom: 13px;
}

.pla_t span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #595656;
    letter-spacing: 4px;
}

.pla_b p {
    font-size: 14px;
    color: #595656;
    margin-bottom: 5px;
    /***text-indent: 2em;***/
    line-height: 180%;
}

.pla_b p img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.pl_dl {
    width: 86%;
    margin: 0 auto;
    overflow: hidden;
}

.pl_dl dl {
    width: 44%;
    float: left;
    margin: 0 12% 40px 0;
}

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

.pl_dl dl dt {
    width: 100%;
    height: 153px;
    overflow: hidden;
}

.pl_dl dl dt a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
}

.pl_dl dl dt img {
    position: relative;
    top: 0px;
    display: inline-block;
}

.pl_dl dl dd em {
    display: block;
    line-height: 250%;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.pl_dl dl dd em a {
    color: #595656;
}

.pl_dl dl dd p {
    font-size: 14px;
    color: #595656;
    line-height: 170%;
}

#news {
    width: 88.3%;
    margin: 0 auto;
    float: none;
}

#news .cbr_t {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#news .cbr_t .cbr_input {
    width: 32%;
    margin-top: 0;
}

.cbr_title {
    font-size: 26px;
    letter-spacing: 3px;
    color: #595656;
    display: none;
}

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

.news dl {
    width: 30%;
    height: 375px;
    float: left;
    position: relative;
    margin-right: 5%;
    margin-bottom: 40px;
}

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

.news dl dt {
    width: 100%;
    height: 168px;
    overflow: hidden;
}

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

.news dl dd span {
    font-size: 12px;
    color: #595656;
    display: block;
    margin: 15px 0 10px;
}

.news dl dd em {
    font-size: 16px;
    color: #595656;
    font-weight: bold;
    line-height: 170%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news dl dd p {
    font-size: 14px;
    color: #595656;
    line-height: 160%;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
}

.news dl dd a {
    font-size: 12px;
    color: #595656;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news dl dd em a {
    position: relative;
}

.news dl dd a i {
    font-family: '宋体';
}

.news dl dd a:hover {
    color: #000000;
}

#news .cbr_f {
    text-align: center;
    width: 100%;
}

#news .cbr_f .cbrf {
    width: 100%;
}

.shop_l {
    width: 62%;
    height: auto;
    margin: 0 auto;
    overflow-y: scroll;
}

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

.shopl_t {
    width: 100%;
}

.shopl_t li {
    width: 100%;
    text-align: center;
    font-size: 16px;
    letter-spacing: 4px;
    color: #595656;
    margin-bottom: 40px;
}

.shopl_t li a {
    color: #595656;
}

.shopl_b em {
    display: block;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
    letter-spacing: 4px;
    font-size: 20px;
    border-bottom: 1px solid #cdc7c1;
    color: #595656;
    margin-bottom: 30px;
    cursor: pointer;
}

.shopl_b dl {
    width: 100%;
    margin-bottom: 20px;
}

.shopl_b dl dt {
    width: 100%;
}

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

.shopl_b dl dd {
    text-align: center;
    font-size: 16px;
    line-height: 300%;
}

.shopl_b dl dd a {
    color: #6e5d5a;
}

#magazine {
    width: 88.3%;
    margin: 0 auto 0;
    float: none;
}

#magazine .cbr_t {
    width: 100%;
}

#magazine .cbrt_t {
    font-size: 25px;
    height: 100px;
    line-height: 100px;
    float: left;
    color: #595656;
    letter-spacing: 5px;
    margin-right: 15px;
    margin-left: -10px;
}

#magazine .cbr_f {
    width: 100%;
    text-align: center;
}

#magazine .cbr_f .cbrf {
    width: 100%;
}

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

.magazine dl {
    width: 21.25%;
    float: left;
    margin-right: 4.5%;
    margin-bottom: 40px;
}

.magazine dl:nth-child(4n) {
    margin-right: 0;
}

.magazine dl dt {
    width: 100%;
    border: 4px solid #cdc7c1;
}

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

.magazine dl dd {
    text-align: center;
    font-size: 14px;
    color: #595656;
    line-height: 300%;
}

.mp_l {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow-y: scroll;
}

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

.mpl_t {
    width: 62%;
    text-align: center;
    margin: 0 auto;
}

.mpl_t dl {
    width: 20px;
    display: inline-block;
    position: relative;
}

.mpl_t dl dt {
    font-size: 20px;
    color: #ada39b;
    cursor: pointer;
}

.mpl_t .mplt dt {
    color: #595656;
}

.mpl_t dl dd {
    position: absolute;
    top: 115%;
    left: -50px;
    z-index: 100;
    width: auto;
    white-space: nowrap;
    font-size: 14px;
    color: #595656;
    border: 1px solid #d2c9c2;
    background-color: #f7f5f4;
    line-height: 180%;
    padding: 0 6px;
    display: none;
}

.mpl_t .mplt dd {
    display: block;
}

.mpl_t .mplt dd::after {
    content: '';
    width: 10px;
    height: 8px;
    background-image: url(../images/icon.png);
    position: absolute;
    top: -8px;
    left: 54px;
}

.mpl_b {
    width: 62%;
    margin: 50px auto 0;
}

.mplb:last-child {
    display: block;
}

.mplb {
    display: none;
}

.mpl_b dl {
    overflow: hidden;
    margin-bottom: 30px;
}

.mpl_b dl dt {
    width: 25%;
    float: left;
    font-size: 20px;
    color: #595656;
}

.mpl_b dl dd {
    width: 75%;
    float: left;
}

.mpl_b dl dd p {
    font-size: 14px;
    line-height: 150%;
    color: #595656;
    margin-bottom: 10px;
}

.mpl_b dl dd p a {
    color: #595656;
}

.mpl_b dl dd p a:hover {
    color: #000000;
}

.mp_r {
    width: 83%;
    margin: 0 auto;
}

.mp_r p {
    font-size: 14px;
    line-height: 180%;
    text-indent: 2em;
    color: #595656;
    margin-bottom: 35px;
}

.mp_r p em {
    font-size: 28px;
    display: block;
    text-align: center;
    letter-spacing: 5px;
    text-indent: 0em;
    font-weight: bold;
    padding-bottom: 10px;
}

.mp_r p img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.mp_r p span {
    font-size: 12px;
    color: #89746b;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.sidebar {
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 50px;
    border: 1px solid #cfcfcf;
    z-index: 99;
}

.sidebar li {
    width: 50px;
    height: 74px;
    cursor: pointer;
}

.sidebar li:nth-child(1) {
    background-image: url(../images/sidebar_1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.sidebar li:nth-child(1)::after {
    content: '';
    display: none;
    width: 196px;
    height: 148px;
    background-image: url(../images/code.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 130%;
}

.sidebar li:nth-child(1):hover::after {
    display: block;
}

.sidebar li:nth-child(2) {
    background-image: url(../images/sidebar_2.png);
    border-top: 1px solid #cfcfcf;
    background-size: 100%;
    background-repeat: no-repeat;
}

.sidebar li:nth-child(2) a {
    display: block;
    width: 100%;
    height: 100%;
}

.mjd {
    display: none;
}

@media screen and (max-width:1440px ) {
    #top_menu {
        left: 30%;
        bottom: 25px;
        width: 60%;
    }

    .logo {
        width: 11%;
    }

    .input span {
        width: 18px;
        height: 23px;
        background-size: 100%;
    }

    .hb_nav .hbn_li {
        font-size: 15px;
    }

    .hb_nav .hbn_li .hbn li {
        font-size: 15px;
    }

    .ma_t em {
        font-size: 27px;
    }

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

    .ma_b dl dd em {
        margin: 10px 0;
        font-size: 17px;
    }

    .ma_b dl dd p {
        font-size: 13px;
    }

    .ma_b .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .ma_b .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .mbtl_next {
        width: 40px;
        height: 40px;
    }

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

    .mc_b li span {
        font-size: 13px;
    }

    .mc_b li p {
        font-size: 13px;
    }

    .mdbr_z em {
        font-size: 19px;
        margin: 55px 0 10px;
    }

    .mdbr_z span {
        font-size: 13px;
    }

    .mdbr_b_l {
        font-size: 17px;
        line-height: 230%;
    }

    .mdbr_b_r li {
        height: 39px;
    }

    .mer_l li {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .ft li i {
        font-size: 13px;
    }

    .ft li em {
        font-size: 25px;
    }

    .ft li span {
        font-size: 15px;
    }

    .ft li em {
        margin: 6% auto 8%;
    }

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

    .fr_t li {
        font-size: 15px;
    }

    .frb {
        font-size: 12px;
        line-height: 65px;
    }

    .fr_b {
        height: 65px;
    }

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

    .cbl_t {
        font-size: 24px;
    }

    .cbl_b li {
        font-size: 15px;
    }

    .cbl_b li {
        margin-top: 15%;
    }

    .cbr_b p {
        margin-bottom: 26px;
    }

    .space_r dl dd {
        font-size: 12px;
        line-height: 140%;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .sl_t dd em {
        font-size: 19px;
    }

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

    .cbrt_p {
        font-size: 14px;
    }

    .pr_nav em {
        height: 65px;
        line-height: 65px;
        font-size: 18px;
    }

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

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

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

    .cbr_input {
        height: 25px;
    }

    .cbr_input .txt_input {
        height: 25px;
        font-size: 13px;
    }

    .cbr_input span,
    .cbr_input .searchbtn {
        margin-top: 3px;
    }

    .pl_dl dl dd em {
        font-size: 13px;
    }

    .pl_dl dl dd p {
        font-size: 12px;
    }

    .cbr_title {
        font-size: 24px;
    }

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

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

    .shopl_t li {
        font-size: 15px;
    }

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

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

    .magazine dl dd {
        font-size: 12px;
    }

    .mpl_b dl dd p {
        font-size: 13px;
    }

    .mp_r p {
        font-size: 13px;
    }

    .mp_r p.title {
        text-align: center;
        font-size: 1.6em;
        color: #4b4b4d;
        text-indent: inherit;
    }

    .mp_r p em {
        font-size: 25px;
    }

    .mpl_t dl dt {
        font-size: 16px;
    }

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

    .cb1_r {
        font-size: 16px;
    }

    .cb2_r_2 {
        font-size: 16px;
    }

    .cb2_r_3 em {
        font-size: 14px;
    }

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

    .cb_4 {
        font-size: 13px;
    }

    .cbr_f {
        font-size: 13px;
    }

    .mpl_t dl dd {
        font-size: 12px;
    }

    .plt_b button {
        width: 32%;
        height: 25px;
        line-height: 25px;
        margin-top: 8px;
    }

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

    .cbrf {
        font-size: 12px;
    }
}

@media screen and (max-width:1270px ) {
    .hb_nav .hbn_li {
        font-size: 14px;
    }

    .hb_nav .hbn_li .hbn li {
        font-size: 14px;
    }

    .hb_nav .hbn_li a {
        padding-right: 15px;
    }

    .mb_b dl dd {
        font-size: 18px;
        line-height: 210%;
    }

    .mc {
        width: 78%;
    }

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

    .mdbr_b_l {
        font-size: 18px;
        line-height: 210%;
    }

    .fr_b {
        height: 65px;
    }

    .frb {
        height: 65px;
    }
}

@media screen and (max-width:1240px ) {
    .ctt {
        width: 85%;
    }

    .input .txt {
        font-size: 16px;
    }

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

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

    .mbtl_next {
        width: 45px;
        height: 45px;
    }

    .mdbr_z em {
        font-size: 21px;
    }

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

    .mdbr_b_l {
        line-height: 220%;
    }

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

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

    .mb_b {
        width: 78%;
    }

    .main_df {
        width: 78%;
    }

    .me {
        width: 78%;
    }

    .ft {
        width: 78%;
    }

    .fr_t {
        width: 78%;
        margin: 9% auto;
    }

    .mb_t {
        width: 78%;
    }

    .contact_b {
        width: 85%;
    }

    #top_menu span {
        display: none;
    }
}

@media screen and (max-width:1133px ) {
    #top_menu li {
        margin-right: 30px;
    }
}


@media screen and (max-width:1120px ) {
    .cb2 {
        width: 92%;
        padding: 3.5% 4%;
    }
}

@media screen and (max-width:1090px ) {
    .contact_b {
        overflow: hidden;
    }

    .hy1 {
        width: 23%;
        opacity: 1;
    }

    .cb_left .cbl_column {
        width: 50px;
        height: 50px;
        background-color: #efedec;
        background-image: url(../images/cb_left.png);
        background-position: center;
        background-size: 30px;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 20px;
        right: -49px;
        z-index: 100;
        cursor: pointer;
    }

    .cb_left .cbl_column_1 {
        background-image: url(../images/cb_left_1.png);
        transform: rotate(180deg);
    }

    .cb_left {
        left: -29.4%;
        z-index: 1000;
        transition: all 0.5s;
        overflow: unset;
    }

    .cbrf {
        text-align: center;
    }

    .news dl dt {
        height: 143px;
    }

    .news dl {
        height: 350px;
    }

    .cb_left_1 {
        left: 0;
    }

    .cb_right {
        width: 100%;
        border-radius: 10px;
        min-height: 600px;
    }

    .ctt {
        width: 90%;
    }

    .input .txt {
        font-size: 14px;
    }

    .ma_b {
        width: 80%;
    }

    .mb_t {
        width: 85%;
    }

    .mb_b {
        width: 85%;
    }

    .mc {
        width: 85%;
    }

    .main_df {
        width: 85%;
    }

    .me {
        width: 85%;
    }

    .mer_img .swiper-button-prev {
        top: 106%;
    }

    .mer_img .swiper-button-next {
        top: 106%;
    }

    .mer_img #mer_l {
        bottom: -6%;
    }

    .ft {
        width: 85%;
    }

    .fr_t {
        width: 85%;
    }

    .frb {
        width: 85%;
    }

    .contact_b {
        width: 90%;
    }

    .mer_img {
        top: 20px;
    }
}

@media screen and (max-width:970px ) {
    .logo {
        width: 12%;
    }

    .input_rus {
        width: 20%;
    }

    .mbtl_next {
        width: 40px;
        height: 40px;
    }

    .mdbr_b_l {
        font-size: 14px;
        line-height: 240%;
    }

    .mdbr_z em {
        font-size: 19px;
        margin-top: 40px;
    }

    .mdbr_b_r li {
        height: 33px;
    }

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

    .ft li em {
        font-size: 26px;
    }
}

@media screen and (max-width:925px ) {
    #top_menu {
        left: 30%;
        bottom: 20px;
        width: 60%;
    }

    #top_menu li {
        margin-right: 30px;
        font-size: 1.3em;
    }

    .top_menu_hbn li {
        margin: 0 15px;
    }
}

@media screen and (max-width:925px ) {

    .header_t {
        position: relative;
    }

    .input {
        padding-right: 3%;
    }

    .ctt .input {
        margin-top: 5px;
        padding-right: 0;
    }

    .column {
        width: 25px;
        height: 25px;
        float: right;
        background-image: url(../images/column.png);
        background-size: 25px 25px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 1.5%;
        display: block;
        cursor: pointer;
        margin-top: -2px;
    }

    .hb_t {
        display: none;
    }

    .header_y, .header_y1 {
        width: 60%;
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        background-color: rgba(210, 201, 194, 0.9);
        z-index: 110;
        opacity: 1;
        padding-top: 30px;
        padding-bottom: 40px;
        transition: unset;
    }

    .header_y:hover, .header_y1:hover {
        width: 60%;
    }

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

    .hy {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .header_y .hy_li, .header_y1 .hy_li {
        width: 65%;
        margin: 0 auto;
        text-align: left;
        font-size: 16px;
        color: #333333;
        border-bottom: 1px solid #a6998f;
    }

    .header_y .hy_li em, .header_y1 .hy_li em {
        display: block;
        line-height: 300%;
        position: relative;
    }

    .header_y .hy_li em i, .header_y1 .hy_li em i {
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 56%;
        right: 0;
        margin-top: -10px;
        background-image: url(../images/hy_li_em.png);
        background-size: 15px 15px;
        background-position: 80% center;
        background-repeat: no-repeat;
        opacity: 0.3;
        transform: rotate(-90deg);
    }

    .hyl_ul {
        display: none;
        border-top: 1px solid #a6998f;
        padding: 3% 0;
    }

    .hyl_ul li {
        padding: 2.5% 0;
        font-size: 14px;
        text-align: center;
    }

    .hyl_ul li a {
        color: #595656;
        display: block;
    }

    .sign_out {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 15px;
        background: no-repeat url(../images/sign_out.png);
        background-size: 15px 15px;
        z-index: 100;
        cursor: pointer;
        opacity: 0.3;
    }
}

@media screen and (max-width:900px ) {
    .input_rus input {
        width: 76%;
    }

    .ft {
        width: 98%;
    }

    .logo {
        width: 15%;
    }

    .fr_b {
        height: 60px;
        line-height: 60px;
    }

    .frb {
        height: 60px;
        line-height: 60px;
    }

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

    .cb2_l {
        width: 100%;
    }

    .cb2_r {
        width: 100%;
    }

    .cb2_r_1 {
        display: none;
    }

    .cb2_r_2N {
        display: none;
    }

    .ctt .input .txt {
        color: #000000;
    }

    .cb2_r_1 img {
        width: 23%;
    }

    .cb2_r_2 {
        margin-top: 3%;
    }

    .cb2_r_3 {
        margin-top: 3%;
        line-height: 230%;
    }

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

    .contact_b {
        padding-top: 10px;
    }

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

    .cbl_t {
        width: 70%;
        font-size: 22px;
    }

    #magazine .cbrt_t {
        font-size: 23px;
    }

    .mpl_t dl {
        width: 15px;
    }

    .mpl_b dl dt {
        width: 30%;
        font-size: 18px;
    }

    .mpl_b dl dd {
        width: 70%;
    }

    .pr_nav em {
        font-size: 17px;
    }

    .shop_l {
        width: 70%;
    }

    .space_r {
        width: 70%;
    }

    .product_r {
        width: 70%;
    }

    .mp_l {
        width: 70%;
    }

    .cb_left {
        padding-top: 10px;
    }

    .mer_img .swiper-button-prev {
        top: 104%;
        left: 102%;
    }

    .mer_img #mer_l {
        left: 138%;
    }

    .mer_img .swiper-button-next {
        top: 104%;
    }

    #top_menu li {
        margin-right: 20px;
    }
}

@media screen and (max-width:785px ) {
    #top_menu {
        display: none;
    }

    .z_nav {
        width: 94%;
        background-color: #ffffff;
        padding: 3% 3%;
        display: flex;
        justify-content: space-around;
    }

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

    .z_nav li a {
        color: #595656;
    }
}

@media screen and (max-width:775px ) {
    .input {
        width: 25%;
    }

    .magazine dl {
        width: 30%;
        margin-right: 4%;
    }

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

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

    #magazine .cbrt_t {
        margin-right: 0;
    }

    .cbr_title {
        font-size: 22px;
    }

    .news dl {
        width: 47%;
        height: 380px;
        margin-right: 6%;
    }

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

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

    .news dl dt {
        height: 185px;
    }

    .pl_dl {
        width: 100%;
    }
}

@media screen and (max-width:750px ) {


    #flink_line {
        width: 90%;
    }

    body .title {
        font-size: 20px !important;
    }

    .searchbar {
        position: fixed;
        width: 100%;
        left: 0px;
        top: 0px;
        padding: 4% 3%;
        background: #e6dfda;
        z-index: 80;
    }

    .searchbarBG {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 79;
        background: #000000;
        opacity: 0.6;
    }

    .searchbar i {
        display: block;
        width: 20px;
        height: 20px;
        float: right;
        font-size: 30px;
        color: #595656;
        line-height: 20px;
        transform: rotate(45deg);
        margin-top: 1px;
    }

    .input .txt_w {
        border: 0;
        margin-top: 0;
        height: 26px;
        background-color: #e6dfda;
        padding-left: 4%;
        padding-bottom: 0;
        color: #000000;
    }

    .input .btn {
        float: right;
        width: 17px;
        height: 21px;
        margin: 1%;
        margin-right: 10%;
        background-size: 100%;
    }

    .mjd {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 80;
    }

    .mjd img {
        position: absolute;
        top: 49%;
        left: 49%;
        width: 50%;
        margin: -25% 0 0 -25%;
        border: 10px solid #ffffff;
    }

    .sidebar {
        width: 44px;
    }

    .sidebar li {
        width: 44px;
        height: 65px;
    }

    .sidebar li:nth-child(1) a {
        display: none !important;
    }

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

    .space_l h4 {
        margin: 10px 0 5px;
        font-size: 18px;
    }



    .banner {
        padding-bottom: 30px;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
    }

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

    .ma_b:after {
        display: none;
    }

    .ma_t span {
        letter-spacing: 1px;
    }

    .main_af {
        background-color: unset;
        padding-bottom: 0;
    }

    .main_af .more {
        display: none;
    }

    .main_bf .more {
        display: block;
    }

    .ma_b {
        width: 90%;
        margin: 30px auto 0;
        /* overflow-x: hidden; */
    }

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

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

    .ma_b .swiper-pagination {
        display: block;
        top: -49px;
        font-size: 14px;
        text-align: right;
        padding-right: 3%;
        width: 97%;
        bottom: auto;
        color: #ada39b;
    }

    .ma_b .swiper-pagination .swiper-pagination-current {
        color: #000000;
    }
    /***
    .ma_b dl {
        background-color: #eeeeee;
    }
***/

    .ma_b dl dd {
        padding: 3%;
    }


    .cbrt_p {
        display: none;
    }

    .plt_b em {
        margin-top: 20px;
    }

    .mb_b dl dt span {
        display: block;
    }

    .mb_b dl:hover dd a {
        color: #595656;
        background-color: #ffffff;
    }

    .mb_b dl:hover img {
        transform: scale(1);
    }

    .mbt_l:hover .mbtl img {
        transform: scale(1);
    }

    .mbt_r:hover .mbtl img {
        transform: scale(1);
    }

    .mdbr li:hover img {
        transform: scale(1);
    }

    .ma_b dl dt img:hover {
        transform: scale(1);
    }

    .plt_b button {
        margin-top: 20px;
    }

    .contact_t {
        position: unset;
    }

    .ct_b {
        background: url(../images/ct.jpg);
        background-size: 100%;
    }

    .ct_b img {
        opacity: 0;
        position: relative;
        z-index: -1;
        top: -40px;
    }

    .mpl_t dl {
        margin: 0 2px;
    }

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

    .mpl_t .mplt dd {
        display: none;
    }

    footer {
        margin-bottom: 40px;
    }

    .contact {
        margin-bottom: 40px;
        position: relative;
        min-height: 600px;
    }

    .contact_b {
        overflow: unset;
        position: unset;
        min-height: 600px;
    }

    .mc_b {
        margin: 30px auto;
    }

    .cb_left {
        position: fixed;
        top: 0;
        width: 40%;
        right: -40%;
        left: auto;
        border-top-left-radius: 0;
        overflow-y: scroll;
        transition: all 0.5s;
        padding-bottom: 60px;
        background-color: rgba(210, 201, 194, 0.9);
    }

    .pr_nav em {
        border-bottom: 1px solid #a6998f;
    }

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

    .cb_left_2 {
        right: 0;
    }

    .cb_left .cbl_column {
        display: none;
    }

    .sidebar {
        /* display: none; */
        right: 0;
    }

    .bottom_sidebar {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        background-color: #333333;
        z-index: 1111;
    }

    .bottom_sidebar li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #ffffff;
        font-size: 13px;
        border-right: 1px solid #666666;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .bottom_sidebar li a {
        color: #ffffff;
    }
    /* .bottom_sidebar .sidebar_1 {
        background-image: url(../images/sidebar_1.png);
    } */

    /* .bottom_sidebar .service {
        background-image: url(../images/service.png);
    }

    .bottom_sidebar .upward {
        background-image: url(../images/upward.png);
    } */
    /* .bottom_sidebar .index_s {
        background-image: url(../images/bottom_more.png);
    } */
    .bottom_sidebar .upward a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .logo {
        width: 20%;
    }

    .opinput {
        padding-right: 5%;
    }

    .width {
        width: 94%;
    }

    .mb_t {
        width: 85%;
    }

    .mb_b {
        width: 94%;
    }

    .mb_b dl {
        width: 48%;
        margin-right: 4%;
        display: none;
    }

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

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

    .mb_b dl dt img {
        transform: scale(1.2);
    }

    .mb_b dl dd {
        line-height: 240%;
    }

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

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

    .mc_b li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

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

    .mc_b li a {
        margin: 1% auto;
    }

    .main_cf {
        margin: 0 auto;
        padding: 50px 0;
    }

    .md_b .mdb_l {
        width: 100%;
    }

    .mdb_r {
        width: 100%;
    }

    .mdbr_b_l {
        line-height: 280%;
        font-size: 18px;
    }

    .mdbr_b_r li {
        height: 50px;
    }

    .md_b .mdb_l img {
        display: block;
    }

    .ma_t em {
        font-size: 23px;
    }

    .ma_b dl dd em {
        font-size: 17px;
        margin: 0 0 8px;
        padding-left: 0;
    }

    .ma_b dl dd p {
        font-size: 13px;
        padding-left: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .more {
        width: 270px;
        height: 30px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .me {
        width: 100%;
    }

    .me_l {
        width: 100%;
        margin-bottom: 10%;
        float: none;
    }

    .me_r {
        width: 82%;
        margin: 0 auto;
        float: none;
    }

    .me_r .ma_t {
        width: 45%;
        float: left;
    }

    .me_r .ma_t em {
        text-align: left;
    }

    .me_r .ma_t span {
        text-align: left;
    }

    .mer_img #mer_l {
        bottom: 0;
        width: 100%;
        left: -100%;
        margin-left: 0;
        text-align: left;
        color: #000000;
    }

    .me_r .mer {
        width: 50%;
        float: right;
        overflow: unset;
    }

    .mer_img #mer_l span {
        background-color: unset;
        margin: 0 15px 0 0;
        height: auto;
        width: auto;
        font-size: 14px;
    }

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

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

    .mer {
        background-color: unset;
        margin-top: 0;
    }

    .mer_img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        position: unset;
    }

    .mer_bg {
        display: none;
    }

    .ft {
        flex-wrap: wrap;
        text-align: left;
    }

    .ft li {
        width: 100%;
        padding: 0;
        text-align: left;
        border-right: 0;
    }

    .ft .li_tel {
        border-left: none;
    }

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

    .footer_t {
        width: 90%;
        padding: 30px 5%;
        text-align: left;
        background-color: #ffffff;
    }

    .footer_t .wp-ft-wxBox {
        display: flex;
        color: #595656;
    }

    .footer_t .wp-ft-wxBox .wx-item {
        text-align: center;
    }

    .footer_t .wp-ft-wxBox .tit {
        font-size: 18px;
        margin: 35px 0 10px;
    }

    .footer_t .wp-ft-wxBox .bmt {
        font-size: 12px;
        margin: 13px 0 5px;
    }

    .footer_t .wp-ft-wxBox img {
        width: 50%;
    }

    .ft li i {
        color: #595656;
    }

    .ft li em {
        color: #595656;
        margin: 3% auto;
    }

    .ft li span {
        color: #595656;
    }

    .ft li p {
        color: #595656;
    }

    .fr_t {
        display: none;
    }

    .opinput {
        width: 30%;
    }

    .header_t {
        padding: 5% 3%;
    }

    .hyl_ul li {
        padding: 4% 0;
        font-size: 15px;
    }

    .main_df {
        width: 100%;
        margin: 30px auto 30px;
    }

    .cb1_r {
        line-height: 100px;
    }

    #magazine .cbrt_t {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .cbrt_p {
        font-size: 13px;
    }

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

    .cbl_t {
        width: 80%;
    }

    .mp_l {
        width: 80%;
    }

    .product_r {
        width: 80%;
    }

    .cbl_t {
        font-size: 20px;
    }

    .cb_3 {
        padding-bottom: 100px;
    }

    .mdbr_b {
        display: none;
    }

    .mdbr_z {
        left: 0;
        background-color: rgba(186, 155, 100, 0.3);
    }

    .mdbr_z em {
        font-size: 18px;
        margin-top: 70px;
    }

    .main_ef {
        /*padding: 50px 0 80px;*/
        padding: 0 !important;
    }


    .main_ef_main {
        display: none;
    }

    .main_ef_main_wp {
        display: block;
        width: 100%;
        position: relative;
    }

    .main_ef_main_wp .fixed {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        left: 0;
        top: 0;
    }

    .main_ef_main_wp img {
        width: 100%;
    }

    .main_ef_main_wp .main_ef_main_more {
        display: block;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #000000;
        color: #fff !important;
        font-size: 12px;
        border: 1px solid #473e35;
        border-radius: 20px;
        margin-top: 45px;
        margin-left: 30px;
    }

    .frb {
        width: 82%;
        text-align: left;
    }

    .input_rus input {
        padding-bottom: 2px;
    }

    #cd_magazine {
        width: 100%;
        right: -100%;
        left: auto;
        overflow: hidden;
    }

    .cb_left_2 {
        right: 0 !important;
    }

    #cd_magazine .cbl_column {
        display: block;
        top: 10px;
        right: 0;
        background: no-repeat url(../images/sign_out.png);
        background-size: 50%;
    }

    #cd_magazine .cbl_t {
        font-size: 29px;
        height: 90px;
        line-height: 90px;
        margin-bottom: 30px;
    }

    #cd_magazine .mp_l {
        width: 90%;
        overflow: hidden;
    }

    #cd_magazine .mpl_t {
        width: 35%;
        height: 500px;
        overflow-y: scroll;
        float: left;
    }

    #cd_magazine .mpl_t::-webkit-scrollbar {
        display: none;
    }

    #cd_magazine .mpl_t dl {
        width: 100%;
        margin-bottom: 40px;
    }

    #cd_magazine .mpl_t dl dt {
        display: none;
    }

    #cd_magazine .mpl_t dl dd {
        display: block;
        background-color: unset;
        border: none;
        font-size: 14px;
        line-height: 160%;
        padding: 0;
        position: unset;
        top: 0;
        text-align: center;
        white-space: pre-wrap;
    }

    #cd_magazine .mpl_b {
        width: 60%;
        height: 520px;
        float: right;
        margin-top: 0;
        overflow-y: scroll;
    }

    #cd_magazine .mpl_b::-webkit-scrollbar {
        display: none;
    }

    #cd_magazine .mpl_b .mplb {
        margin-bottom: 80px;
    }

    #cd_magazine .mpl_b dl dt {
        /* text-align: left; */
        font-size: 22px;
        margin-bottom: 10px;
        color: #000000;
    }

    #cd_magazine .mpl_b dl dd {
        text-align: left;
    }

    #cd_magazine .mpl_b dl dd p {
        font-size: 16px;
    }

    #cd_magazine .mpl_b dl dd p a {
        color: #666666;
    }

    #cd_magazine .mpl_t .mplt dd::after {
        display: none;
    }

    #cd_magazine .mpl_t .mplt dd {
        color: #000000;
    }

    .mbtl::before {
        top: 0;
    }

    .mbtl::after {
        display: none;
    }

    .cklm {
        display: block;
        /* width: 70px; */
        font-size: 18px;
        color: #595656;
        float: left;
        line-height: 80px;
    }

    .cbr_title {
        display: none;
    }

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

    .mbt_l {
        width: 44.8%;
        padding-bottom: 20px;
    }

    .mbt_r {
        width: 44.8%;
        padding-bottom: 20px;
    }

    .mbt_l .mbtl_next {
        display: none;
    }

    .mbt_r .mbtl_next {
        display: none;
    }

    .mbtl a::before {
        display: none;
    }

    .mbtl img {
        width: 240%;
        margin-left: -10%;
    }

    .mbt_l .mbtl a::after {
        content: '代  表  作';
        height: auto;
        line-height: 20px;
        text-align: center;
        background-color: #eff0f1;
        top: auto;
        bottom: 0;
        font-size: 14px;
        color: #595656;
    }

    .mbt_r .mbtl a::after {
        content: '新  品';
        height: auto;
        line-height: 20px;
        text-align: center;
        background-color: #eff0f1;
        top: auto;
        bottom: 0;
        font-size: 14px;
        color: #595656;
    }

    .mb_b {
        margin-bottom: 20px;
    }

    .md_b {
        display: none;
    }

    .md_b_1 {
        width: 82.666%;
        display: block;
        margin: 20px auto 0;
        overflow: hidden;
        background-image: url(../images/mfs.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .md_b_1 li {
        width: 48%;
        float: left;
        margin-right: 4%;
        margin-bottom: 4%;
    }

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

    .md_b_1 li img {
        width: 100%;
        display: block;
        opacity: 0;
    }

    .md_b_1 li dt {
        margin-bottom: 5.8%;
    }
}

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

    .cklm {
        line-height: 80px;
    }

    .mdbr_z em {
        margin-top: 60px;
    }

    .cbl_t {
        height: 80px;
        line-height: 80px;
        font-size: 18px;
    }

    .cbr_t {
        height: 80px;
        line-height: 80px;
    }

    .cbrt_nav {
        line-height: 80px;
    }

    .cb_1 {
        height: 80px;
        line-height: 80px;
    }

    .cb1_r span {
        line-height: 80px;
    }

    .cb_1 em {
        letter-spacing: 2px;
    }

    #magazine .cbrt_t {
        line-height: 80px;
    }

    .cbr_title {
        width: 100%;
        text-align: center;
        line-height: 30px;
        margin-bottom: 8px;
    }

    #news .cbrt_nav {
        /* line-height: 25px; */
    }

    #news .cbr_t {
        display: block;
    }

    .news dl dt {
        height: 153px;
    }

    .cbr_input input {
        float: left;
        width: 60%;
    }

    .news dl {
        height: 360px;
    }

    .pl_dl dl dt {
        height: 147px;
    }

    .pla_t em {
        font-size: 23px;
    }

    .pla_t {
        margin-bottom: 35px;
    }

    .cbr_input {
        margin-top: 25px;
    }

    .cb_left .cbl_column {
        width: 40px;
        height: 40px;
        right: -40px;
    }

    .mpl_t dl dd {
        left: 0;
    }

    .cbr_input .txt_input {
        padding-left: 13px;
    }
}

@media screen and (max-width:620px ) {
    .input .txt_w {
        width: 75%;
    }

    .mbtl_next {
        width: 60px;
        height: 60px;
    }

    .column {
        right: 3%;
    }

    .opinput {
        padding-right: 7.5%;
    }

    .more {
        width: 260px;
        height: 30px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .mc_b li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .logo {
        width: 21%;
    }

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

    .cb_1 em {
        font-size: 19px;
        letter-spacing: unset;
    }

    .ctt {
        width: 94%;
    }

    .cb3_l {
        width: 20%;
    }

    .cb3_2 {
        width: 35%;
    }

    .cb1_r {
        font-size: 16px;
    }

    .cb2_r_1 img {
        width: 30%;
    }

    .cb1_r span {
        margin-left: 15px;
    }

    .cbl_t {
        width: 90%;
        font-size: 17px;
    }

    .cbr_t {
        width: 93%;
    }

    .cbr_b {
        width: 93%;
    }

    .cbr_f {
        width: 93%;
        font-size: 12px;
        line-height: 320%;
    }

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

    .cbr_b p {
        margin-bottom: 20px;
    }

    .mpl_b dl dt {
        width: 100%;
        text-align: center;
    }

    .mpl_b dl dd {
        width: 100%;
        text-align: center;
    }

    .magazine dl {
        width: 45%;
        margin-right: 8.5%;
    }

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

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

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

    .magazine dl dd {
        font-size: 14px;
        line-height: 150%;
        margin-top: 10px;
        white-space: nowrap;
    }

    .mp_r p img {
        width: 90% !important;
        height: auto !important;
    }

    #news .cbr_t .cbr_input {
        width: 35%;
    }

    .cbr_input input {
        padding-left: 15px;
    }

    .cb_left .cbl_column {
        top: 0;
    }

    .pr_nav em {
        font-size: 15px;
    }

    .pr_nav ul li {
        font-size: 14px;
    }

    .shopl_b em {
        font-size: 17px;
    }
}

@media screen and (max-width:550px ) {
    .ma_b .swiper-pagination {
        font-size: 13px;
        top: -48px;
    }

    .cbr_t {
        margin-bottom: 20px;
    }

    .ma_t em {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .ma_t span {
        font-size: 13px;
    }

    .pl_dl dl dt {
        height: 125px;
    }

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

    .mc_b {
        margin-bottom: 10px;
    }

    .main_af {
        padding-top: 20px;
    }

    .main_bf {
        padding-top: 40px;
    }

    .mc_t {
        font-size: 22px;
    }

    .cb_left_1 {
        left: 0;
    }

    .cbl_t {
        margin-bottom: 20px;
    }

    .news dl dt {
        height: 129px;
    }

    .news dl {
        height: 330px;
    }

    .shop_l {
        width: 90%;
    }

    .space_r {
        width: 90%;
    }

    .mp_l {
        width: 90%;
    }

    .mdbr_z em {
        font-size: 17px;
    }

    .plt_b ul {
        width: 100%;
    }

    .plt_b button {
        width: 70%;
        height: 30px;
        line-height: 30px;
        margin-left: 15%;
    }
}

@media screen and (max-width:500px ) {
    .logo {
        width: 25%;
    }

    .mdbr_z em {
        margin-top: 35px;
    }

    .mdbr_b_l {
        line-height: 260%;
        font-size: 16px;
    }

    .mdbr_b_r li {
        height: 41px;
    }

    .ft li {
        width: 100%;
        border-right: 0;
    }

    .ft .li_tel {
        border-left: none;
    }

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

    .ft li em {
        margin: 3% auto;
    }

    .fr_b {
        height: 45px;
        line-height: 45px;
    }

    .frb {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }

    .input_rus input {
        width: 70%;
    }

    /* .input {
        width: 40%;
    } */

    .ctt_logo {
        width: 30%;
    }

    .cb2_r_1 img {
        width: 40%;
    }
}

@media screen and (max-width:470px ) {

    .mdbr_z em {
        margin-top: 40px;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .opinput {
        padding-right: 8%;
    }

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

    .mdbr_z span {
        font-size: 13px;
        letter-spacing: 2px;
    }

    .mbtl_next {
        width: 50px;
        height: 50px;
    }

    .cb1_r {
        font-size: 14px;
    }

    .contact_b {
        width: 94%;
    }

    .cb2 {
        width: 96%;
        padding: 3.5% 2%;
    }
}

@media screen and (max-width:414px ) {
    .ma_b .swiper-pagination {
        font-size: 12px;
        top: -46px;
    }

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

    body .title {
        font-size: 22px;
    }

    .cklm {
        line-height: 70px;
    }

    .ma_b dl dd p {
        font-size: 13px;
        line-height: 180%;
    }

    .mdbr_z em {
        margin-top: 23px;
    }

    .mc_b li {
        margin-bottom: 30px;
    }

    .logo {
        width: 30%;
    }

    .cb_1 em {
        font-size: 16px;
    }

    .cb2_r_3 em {
        font-size: 13px;
    }

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

    .cbl_t {
        font-size: 20px;
    }

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

    .cb_left .cbl_column {
        width: 35px;
        height: 35px;
        right: -35px;
        background-size: 20px;
    }


    .cb_1 {
        height: 60px;
        line-height: 70px;
    }

    .cb1_r span {
        line-height: 70px;
        font-size: 13px;
    }

    .cbr_t {
        height: 60px;
        line-height: 70px;
    }

    .cbrt_nav {
        line-height: 70px;
    }

    .cbr_t span {
        font-size: 13px;
    }

    .contact_b {
        padding-top: 5px;
    }

    #magazine .cbrt_t {
        line-height: 70px;
    }

    .cbl_t {
        font-size: 18px;
        height: 70px;
        line-height: 70px;
    }

    .cb_left_1 {
        padding-top: 5px;
    }

    .cbr_title {
        display: none;
    }

    #news .cbr_t .cbr_input {
        width: 42%;
    }

    .cbr_input .txt_input {
        font-size: 12px;
        height: 23px;
    }

    .cbr_input {
        height: 23px;
    }

    .cbrt_nav span {
        margin-left: 10px;
    }

    .cbr_input span {
        margin-top: 2px;
    }

    .magazine dl dd {
        font-size: 12px;
    }

    .pla_b p img {
        width: 90%;
    }

    .pla_b p {
        font-size: 13px;
    }

    .pla_t {
        margin-bottom: 30px;
    }

    .pla_t span {
        font-size: 13px;
    }

    .pla_t em {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .mp_r p em {
        padding-bottom: 0;
        font-size: 22px;
    }

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

    .sl_t dd em {
        margin-top: 10px;
    }

    .sl_t dd p {
        padding-left: 0;
        text-align: center;
    }

    .sl_b {
        margin-top: 20px;
    }

    .sl_b p {
        margin-bottom: 15px;
    }

    .product_l {
        width: 90%;
    }

    .pl_dl dl {
        width: 47%;
        margin-right: 6%;
    }

    .pl_dl dl dt {
        height: 120px;
    }

    .pl_dl dl dd em {
        margin-bottom: 0;
        line-height: 150%;
    }

    .mp_r p span {
        margin-top: 10px;
    }

    .ctt .input {
        padding-right: 0;
    }

    .news dl dt {
        height: 109px;
    }

    .news dl {
        height: 290px;
    }

    #news .cbr_t {
        display: flex;
    }

    .cbl_b li {
        margin-top: 17%;
    }

    .mpl_b {
        margin-top: 40px;
    }

    .cbrf {
        line-height: 50px;
    }

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

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

    .news dl dd span {
        margin-top: 10px;
    }

    .magazine dl {
        width: 44%;
    }

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

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

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

    .ma_b dl dd p {
        font-size: 12px;
    }

    .more {
        width: 200px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    .mb_t {
        margin: 30px auto;
    }

    .main_bf {
        padding-bottom: 40px;
    }

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

    .mdbr_z em {
        margin-top: 30px;
        font-size: 14px;
    }

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

@media screen and (max-width:375px ) {
    .mer_l li {
        margin-bottom: 6px;
    }

    .mbtl_next {
        width: 45px;
        height: 45px;
    }

    /* .input {
        padding-right: 10%;
    } */

    .cb1_r span {
        margin-left: 10px;
    }

    .magazine dl dd {
        font-size: 12px;
        white-space: nowrap;
    }

    .news dl dt {
        height: 98px;
    }

    .news dl dd em {
        font-size: 13px;
        line-height: 140%;
    }

    .news dl {
        height: 270px;
    }

    .cbl_t {
        font-size: 17px;
    }

    .pl_dl dl dt {
        height: 110px;
    }

    .ma_b dl dd em {
        margin: 2px 0;
    }

    .ma_t span {
        letter-spacing: unset;
    }

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

    .ma_b .swiper-button-next {
        width: 35px;
        height: 35px;
        top: 37%;
    }

    .ma_b .swiper-button-prev {
        width: 35px;
        height: 35px;
        top: 37%;
    }

    .ft li em {
        font-size: 22px;
    }

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

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

    .main_cf {
        padding: 40px 0;
    }

    .mc_t {
        font-size: 20px;
    }

    .mc_b {
        padding-top: 20px;
    }
}

@media screen and (max-width:320px ) {
    .ft li em {
        font-size: 21px;
    }

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

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

    .mdbr_z em {
        margin-top: 15px;
    }

    .mdbr_z span {
        letter-spacing: 0;
    }

    .cb1_r {
        display: none;
    }

    .cb_1 em {
        width: 100%;
        display: block;
        text-align: center;
    }

    .cb_4 {
        width: 94%;
    }

    .news dl dt {
        height: 83px;
    }

    .news dl {
        height: 250px;
    }

    .pl_dl dl dt {
        height: 94px;
    }

    .ctt .input {
        margin-top: 4px;
    }

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

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

.space_r_box {
    margin-top: 10px;
}

.space_r_button {
    text-align: center;
    margin-bottom: 15px;
}

.space_r_button a {
    width: 28px;
    height: 15px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.space_r_button .prev {
    background: no-repeat url(/images/__sprite2.png) -28px 0;
}

.space_r_button .next {
    background: no-repeat url(/images/__sprite2.png);
}

.main_df .ma_t em a:hover,
.me_l .ma_t em a:hover,
.me_r .ma_t em a:hover {
    color: #be9f66;
}

.mdbr_z a {
    display: block;
}

.wenzi p img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.weixin-sharepop {
    width: auto;
    height: auto;
    border: #3b3b3b 1px solid;
    background: #fff;
    box-shadow: 10px 10px 21px rgba(0,0,0,.35);
}

.weixin-sharecode {
    width: 256px;
    height: 256px;
    padding: 16px
}

.weixin-sharecode > img {
    width: 256px;
    height: 256px
}

.weixin-sharepop > p {
    height: auto;
    line-height: 30px;
    padding: 20px 16px;
    background: #f6f6f6;
    font-size: 14px;
    text-align: center;
    color: #313131;
}