.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.6rem;
    padding: 0 0.2rem;
    background: rgba(255, 255, 255, 1);
    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: #333;
    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: #fafafa;
    position: fixed;
    left: 0;
    right: 0;
    top: 0.6rem;
    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 #ddd;
    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: 800px){

.web_show{
    display: none;
}

.wap_show{
    display: block;
}.index_banner {
    margin: 0.58rem 0 0;
}

.index_about {
    flex-flow: column;
}

.index_about .img_box {
    order: 2;
    margin: 0;
}

.index_about .text_box {
    order: 1;
}

.bg_about {
    padding: 0.4rem 0;
    background: linear-gradient(180deg, #e62129 0%, #e62129 2rem, #fff 2rem);
}

.inde_part {
    padding: 0.4rem 0;
}

.index_about .text_box .title {
    display: block;
    margin: 0.3rem 0;
}

.index_about .text_box .title .ti {
    margin: 0 0 0.3rem;
}

.index_about .text_box .main .zi {
    padding: 0 0 0.4rem 0;
}

.index_about .text_box .main .bot {
    position: static;
    display: block;
}

.index_about .text_box .main .bot .wz {
    margin: 0.2rem 0 0;
}

.index_about .text_box .bg_map img {
    height: auto;
    width: 100%;
}

.index_about .text_box .bg_map {
    top: auto;
}

.index_product .product_center ul li .item {
    width: 100%;
    border-radius: 0;
    display: block;
    padding: 0.2rem;
}

.index_product .product_center ul li .item .imgj {
    width: 100%;
    border: 1px  solid #ddd;
}

.index_product .product_center ul li .item .text {
    width: 100%;
    margin: 0.2rem 0 0;
}

.index_product .product_center ul li .item .text .icon {
    right: 0.2rem;
    top: 0.2rem;
}

.index_product .product_center ul li .item .text .main {
    display: none;
}

.index_product .product_center ul li .item .text .seemore {
    margin: 0;
}

.index_case {
    display: block;
}

.index_case .title {
    width: 100%;
}

.index_case .index_casebox {
    padding: 0;
    margin: 0.4rem 0 0;
}

.index_case .index_casebox ul li {
    width: 50%;
}

.index_case .index_casebox ul li .item .text {
    opacity: 1;
}
    .index_case .index_casebox ul {
    margin: -0.1rem;
}

.index_case .title .text2 {
    display: none;
}
.bg_case {
    background: url(../images/bg_case.jpg) left;
    background-size: cover;
}
.index_newsbox .innews_con .news_mainbox.zicon.active {
    display: block;
}

.index_newsbox .innews_con .news_nav ul {
    justify-content: center;
}

.index_newsbox .innews_con .news_mainbox .textnew_box {
    margin: 0.3rem 0 0;
}
footer.footer_box .footer_main {
    display: block;
    padding: 0.3rem 0;
}

footer.footer_box .footer_main .logo {
    border: 0;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #ffffff6e;
}

footer.footer_box .footer_main .main .fot_nav {
    display: none;
}

footer.footer_box .footer_main .main .contact {
    display: block;
    margin: 0;
}

footer.footer_box .footer_main .main .contact .one {
    display: block;
    text-align: center;
    margin: 0.3rem 0;
}

footer.footer_box .foot_com p {
    width: 80%;
    margin: 0 auto;
}

.about_history ul li {
    width: 90%;
    text-align: left;
}

.about_history ul li:nth-child(2n) {
    margin: 0;
}

.about_history ul li .item .dot {
    left: 0 !important;
    right: auto !important;
}

.about_history ul li .item {
    padding: 0 0 0 0.4rem;
}

.about_history:after {
    left: 0.08rem;
}

.product_box {
    display: block;
}

.product_box .pro_nav {
    margin: 0 0 0.4rem;
}

.product_box .pro_nav h3 {
    display: none;
}

.product_box .pro_nav ul {
    display: flex;
    flex-flow: wrap;
    background: none;
    padding: 0;
}

.product_box .pro_nav ul li {
    width: 50%;
    background: #36404b;
    text-align: center;
}

.product_box .pro_nav ul li a {
    border: 0 !important;
}

.product_box .product_list ul li {
    width: 50%;
}
.product_base {
    display: block;
}

.product_base .imgj {
    margin: 0 0 0.2rem 0;
}

.news_maincon .more_new {
    display: block;
}
.contact_box {
    display: block;
}

.contact_box .contact_main {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0  0.3rem;
}

.contact_box .contact_form {
    width: 100%;
    padding: 0.3rem 0 0;
}

.contact_box .contact_form .aniu {
    justify-content: center;
}







}