.md_nav_box {
    /* opacity: 0; */
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* z-index: 999; */
}

.md_nav_box .md_nav_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.8rem;
    padding: 0 0.2rem;
    background: #51423a;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 200;
    transition: all 0.3s;
    backdrop-filter: saturate(180%) blur(21px);
    -webkit-backdrop-filter: saturate(180%) blur(21px);
}

.md_nav_box .md_nav_top .mo_logo {}

.md_nav_box .md_nav_top .mo_logo img {
    height: 0.42rem;
}

.md_nav_box .md_nav_top .menu_box {
    width: 0.35rem;
    height: 0.35rem;
}

.md_nav_box .md_nav_top i {
    display: block;
    width: 0.25rem;
    height: 0.02rem;
    background: #F4ECE1;
    margin: 0.07rem 0;
    transition: all 0.3s;
}

.md_nav_box .md_nav_top i.i1 {}

.md_nav_box .md_nav_top i.i2 {}

.md_nav_box .md_nav_top i.i3 {}

.mobile__pullDown {
    background: #d8cbbb;
    position: fixed;
    left: 0;
    right: 0;
    top: 0.8rem;
    z-index: 999;
    bottom: 0;
    overflow: scroll;
    display: none;
}

.mobile_mune1 {
    /* padding: 0 0.2rem; */
    /* background: #fff; */
}

.mobile_mune1 .title1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.2rem;
    font-family: 'pingfang_b';
    line-height: 0.4rem;
    padding: 0.2rem 0;
    border-bottom: 1px solid #d2b8a6;
    padding: .2rem 0.2rem;
    color: #262626;
    /* background: #fff; */
}

.mobile_mune1 .title1 span {}

.mobile_mune1 .title1 i.more_i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/hjt.png) center center no-repeat;
    background-size: 0.12rem;
    transform: rotate(0deg);
    transition: all 0.3s;
}

.mobile_mune1.on {}

.mobile_mune1.on .title1 {}

.mobile_mune1.on .title1 span {}

.mobile_mune1.on .title1  i.more_i {}

.mobile_mune2 {
    background: #fafafa;
    display: none;
    /* padding: 0.16rem 0 0; */
}

.mobile_mune2 .mune2_one {
    /* margin: 0 0 0.16rem 0; */
}

.mobile_mune2 .mune2_one .title2 {
    /* background: #fff; */
    /* margin: 0 0.2rem; */
    padding: 0.2rem;
    font-size: 0.18rem;
    font-family: 'pingfang_b';
    /* border-radius: 0.1rem; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #262626;
    border-bottom: 1px solid #ddd;
}

.mobile_mune2 .mune2_one .title2 span {}

.mobile_mune2 .mune2_one .title2 i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/hjt.png) center center no-repeat;
    background-size: 0.12rem;
    transform: rotate(90deg);
    transition: all 0.3s;
}

.mobile_mune2 .mune2_one .title2 i.g {
    transform: rotate(0deg);
}

.mobile_mune3 {
    display: none;
    background: #fff;
    margin: 0 0.2rem;
}

.mobile_mune3 ul {
    display: flex;
    flex-flow: wrap;
    padding: 0 0.1rem;
}

.mobile_mune3 ul li {
    width: 33.33%;
    padding: 0.1rem 0.1rem;
}

.mobile_mune3 ul li .item {
    display: block;
    text-align: center;
}

.mobile_mune3 ul li .item .imgj {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    height: 1rem;
    border-radius: 0.05rem;
    margin: 0 0 0.05rem;
}

.mobile_mune3 ul li .item .imgj img {
    max-width: 80%;
    max-height: 80%;
}

.mobile_mune3 ul li .item p {}

.menu3_btn {
    text-align: center;
}

.menu3_btn .see_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    line-height: 0.5rem;
    background: #fafafa;
    padding: 0 0.3rem;
    border-radius: 50px;
    margin: 0.1rem  auto 0.2rem;
}

.menu3_btn .see_more span {}

.menu3_btn .see_more i {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/hjt.png) center center no-repeat;
    background-size: 0.12rem;
}

.md_nav_box  .md_nav_top.show {
    /* background: #fff; */
}

.mobile_mune2 .mune2_one .title2.on {}

.mobile_mune2 .mune2_one .title2.on i {
    transform: rotate(-90deg);
}

.mobile_mune1 .title1.on {
    border: 0;
    /* border-radius: 0 0 0.1rem 0.1rem; */
}

.mobile_mune1.has .title1.on i.more_i {
    transform: rotate(-90deg);
}

.mobile_mune2 .mune2_one .title2.on i.g {
    transform: rotate(0deg);
}
.mobile_mune1.has .title1 i.more_i {
    transform: rotate(90deg);
}

.md_nav_box .md_nav_top .menu_box.kai {}

.md_nav_box .md_nav_top .menu_box.kai i.i1 {
    transform: rotate(45deg) translate(4px, 7px);
}

.md_nav_box .md_nav_top .menu_box.kai i.i2 {
    opacity: 0;
}

.md_nav_box .md_nav_top .menu_box.kai i.i3 {
    transform: rotate(-45deg) translate(2px, -7px);
}




@media (max-width: 767px){

.web_show{
    display: none;
}

.wap_show{
    display: block;
}
.index_banner ul li {
    max-height: inherit;
}

.index_banner ul li img {
    width: 100%;
}

.index_banner ul li .text {
    top: 1.6rem;
}
.news_screen2 ul li .item {
    display: block;
}

.news_screen1 .text_box {
    top: 50%;
    transform: translate(0px, -50%);
}

.news_screen1 .text_box .text h4 {
    font-size: 0.4rem;
    margin: 0;
}

.news_screen2 ul {
    width: 100%;
}

.news_screen2 ul li .item .imgj {
    width: 100%;
    margin: 0 0 0.2rem;
}

.explore_box .text {
    width: 100%;
}

.explore_box .one {
    margin: 0.5rem 0 0;
}

.good_list ul li {
    position: initial;
    justify-content: center;
}

.good_list {
    position: initial;
}

.explore_what {
    background: #f4ebda;
}

.explore_what .bigbg_pic {
    display: none;
}

.explore_screen1 .bigbg_pic {
    height: 4rem;
    object-fit: fill;
}

.bigbg_pic img {
    height: 100%;
}

.good_list ul li:nth-child(1) .imgj, .good_list ul li:nth-child(3) .imgj {
    order: 1;
}

.good_list ul li:nth-child(2) .imgj, .good_list ul li:nth-child(4) .imgj {
    order: 2;
}

.good_list ul li:nth-child(2) .text, .good_list ul li:nth-child(4) .text {
    order: 1;
}

.good_list ul li:nth-child(1) .text, .good_list ul li:nth-child(3) .text {
    order: 2;
}

.explore_what .tibox {
    margin: 0.5rem auto;
}
.explore_what .tibox .ti h3 {
        font-size: 0.28rem;
}
.explore_four {
    display: block;
    padding: 0.3rem 0;
}

.explore_four .text {
    padding: 0.2rem 0 0;
}

.explore_four .text .ti h4 {
    font-size: 0.28rem;
}


.exp_case ul li {
    width: 50%;
}

.exp_cai ul li {
    width: 50%;
    padding: 0.1rem;
}

.exp_cai ul {
    margin: -0.1rem;
}

.exp_case ul li .text h4 {
    font-size: 0.18rem;
}


footer.footer_box .footer_main {
    display: block;
    padding: 0.3rem 0;
}

footer.footer_box .footer_main .footer_buy .buy_box {
    flex: 1;
}

footer.footer_box .footer_main .footer_ewm .footer_contact {
    width: auto;
    flex: 1;
}

footer.footer_box .footer_main .footer_ewm .footer_contact .item .pop {
    display: block;
    position: initial;
    order: 1;
    margin: 0 0 0.1rem;
}

footer.footer_box .footer_main .footer_buy {
    margin: 0 0 0.3rem 0;
}

footer.footer_box .footer_main .footer_ewm .footer_contact .item {
    display: flex;
    flex-direction: column;
    margin: 0 0 0.3rem;
    align-items: center;
}

footer.footer_box .footer_main .footer_ewm .footer_contact .item .text {
    order: 2;
}

footer.footer_box .footer_main .footer_ewm h4 {
    display: none;
}

footer.footer_box .footer_main .footer_links {text-align: center;border-top: 1px solid #977854;padding: 0.3rem 0 0;}
footer.footer_box .footer_main .footer_tel .tel {
    display: inline-block;
    margin: 0 auto;
}

footer.footer_box .footer_main .footer_tel {
    text-align: center;
}

.explore_screen4 .swiper-slide .bigbg_pic {
    object-fit: fill;
    height: 100%;
}

.explore_screen4 .swiper-slide .bigbg_pic img {
    height: 100%;
}
.product_nav ul {
    display: block;
    height: auto;
}

.product_nav ul li {
    width: 100%;
}

.product_screen1 .text_box .text h4 {
    font-size: 0.3rem;
}

.product_screen1 .text_box .text p {
    margin: 0;
    font-size: 0.2rem;
}

.product_screen1 .text_box {
    top: auto;
    bottom: 0.2rem;
}

.product_list ul li {
    width: 100%;
}

.product_list ul li .item .imgj {
    height: auto;
}

.four_supp {
    margin: 0;
}

.join_box {
    top: 0.4rem;
    text-align: center;
}

.four_supp .main ul {
    display: block;
}

.four_supp .main ul li {
    flex: auto;
    border-bottom: 1px solid #CCA589;
}

.four_supp .main ul li .item {
    /* border-bottom: 1px solid #CCA589; */
    border-right: 0;
}

.four_supp .main ul li:last-child {
    border: 0;
}

.join_screen2 {
    padding: 0.5rem 0 0;
}

.join_mainbox .text {
    position: relative;
    padding: 0 0 1rem;
}

.join_mainbox .picture_swiper {
    padding: 0;
}

.join_mainbox {
    margin: 0.1rem 0;
}

.join_sdkc ul {
    display: block;
}

.join_vip ul li {
    display: block;
    padding: 0;
    flex: 1;
    text-align: center;
}

.four_supp .main {
    width: 100%;
}
.explore_box {
    background: rgba(0,0,0,0.5);
}
    
.index_shopp .text {
    position: inherit;
    transform: none;
    margin: 0 0 0.5rem;
}

.index_shopp .imgj_box {
    padding: 0;
}

.index_contact ul li {
    width: 50%;
}

.index_contact ul {
    width: 100%;
}

.important_box .important_pro .item {
    position: inherit;
    width: 100%;
    transform: translate(0px, 0px);
}

.important_box .important_pro .imgj {
    padding: 0;
}
.index_screen1 video {
    object-fit: revert  !important;
    background: #000;
}
.wapshop_list ul li .shop_pop {
    position: initial;
    z-index: 99;
    top: auto;
    width: 100%;
    display: block;
    height: auto;
}
.index_screen5 {
    padding: 0.8rem 0 1rem;
    background: #51423a;
    height: 100%;
    display: flex;
    align-items: center;
}
.index_screen5 footer.footer_box {
    position: initial;
}

.index_shopp .imgj_box .shop_img .imgj img {
    width: 100%;
}

 .shop_list ul li.zin {
    z-index: 9;
}
 .shop_list ul li.anhui {
    right: 27%;
    top: 60%;
}
 .shop_list ul li.beijing {
    right: 27%;
    top: 38%;
}

 .shop_list ul 
 li.fujian {
    right: 26%;
    top: 74%;
}

 .shop_list ul 
 li.gansu {
    right: 48%;
    top: 51%;
}

 .shop_list ul 
 li.guangdong {
    right: 41%;
    top: 80%;
}

 .shop_list ul 
 li.guangxi {
    right: 33%;
    top: 80%;
}

 .shop_list ul 
 li.guizhou {
    right: 53%;
    top: 79%;
}

 .shop_list ul 
 li.hainan {
    right: 39%;
    top: 90%;
}

 .shop_list ul 
 li.hebei {
    right: 30%;
    top: 43%;
}

 .shop_list ul 
 li.henan {
    right: 33%;
    top: 53%;
}

 .shop_list ul 
 li.heilongjiang {
    right: 9%;
    top: 17%;
}

 .shop_list ul 
 li.hubei {
    right: 35%;
    top: 62%;
}

 .shop_list ul 
 li.hunan {
    right: 36%;
    top: 70%;
}

 .shop_list ul 
 li.jining {
    right: 12%;
    top: 28%;
}
 .shop_list ul 
 li.jiangsu {
    right: 23%;
    top: 58%;
}

 .shop_list ul 
 li.jiangxi {
    right: 30%;
    top: 70%;
}

 .shop_list ul 
 li.liaoning {
    right: 18%;
    top: 35%;
}

 .shop_list ul 
 li.neimenggu {
    right: 37%;
    top: 34%;
}

 .shop_list ul 
 li.shandong {
    right: 26%;
    top: 48%;
}

 .shop_list ul 
 li.shanxi {
    right: 35.5%;
    top: 45%;
}

 .shop_list ul 
 li.shanxixi {
    right: 40%;
    top: 52%;
}

 .shop_list ul 
 li.shanghai {
    right: 19%;
    top: 63%;
}

 .shop_list ul 
 li.sichuan {
    right: 51%;
    top: 63%;
}

 .shop_list ul 
 li.tianjin {
    right: 24%;
    top: 40%;
}

 .shop_list ul 
 li.zhejiang {
    right: 22%;
    top: 67%;
}
.shop_list ul 
 li.chongqing {
    right: 42%;
    top: 64%;
}


    .wapshop_list {}

.wapshop_list ul {}

.wapshop_list ul li {
    position: fixed;
    display: none;
    height: 3rem;
    width: 90%;
    top: auto !important;
    left: 0;
    right: 0 !important;
    bottom: 0;
    background: #fff;
    z-index: 99;
    top: auto !important;
    margin: 0 auto;
    border-radius: 0.1rem 0.1rem 0 0;
    overflow: scroll;
}

.wapshop_list ul li.cur {
    display: block;
}
.float_but {
    left: 0.1rem;
    bottom: 0.1rem;
    z-index: 1;
}
}