@media screen and (max-width: 768px) {
    .container{ width:100%;max-width: 768px;min-width: 320px;height:auto; margin:0 auto;position:relative; overflow-x: hidden;}
    .header_img img {
        width: 100px;
        margin-left: 10px;
    }
    .header_link {
        margin-right: 10px;
    }
    .index_advantage .title {
        font-size: 20px;
        line-height: 28px;
        padding: 15px 0px 15px;
        text-align: center;
        margin-top: 20px;
    }
    .slider1_warp {
        margin-top: 60px;
    }
    .slider1_warp .title {
           top: 30px;
        font-size: 22px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .shoe_bj {
        width: 100%;
        height: 250px;
        position: static;
        z-index: initial;
        background-size: contain;
     }
    .shoe_bc {
        height: 250px;
    }
    .shoe_bc .title {
        padding-top: 40px;
        font-size: 16px;
    }
    .shoe_bc .info {
        font-size: 14px;
         width: 90%;
        line-height: 22px;
        padding-top: 5px;
    }
    .index_advantage ul li {
        width: 45%;
        margin-left: 3.3%;
        padding: 10px;
        height: auto;
    }
    .misunderstand {
        padding: 10px 0px 0px;
        font-size: 18px;
        text-align: center;
    }
    .misunderstand .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .misunderstand  ul  {
        display: flex;
        flex-wrap: wrap;
    }
    .right_tools {
        display: none;
    }
    .misunderstand ul li {
        width: 45%;
        margin-left: 3.3%;
        margin-right: 0px;
        height: auto;
    }
    .misunderstand ul li img {
        height: auto;
        display: block;
    }
    .process .title {
        font-size: 20px;
        line-height: 26px;
        margin: 20px 0px 20px;
        text-align: center;
    }
    .process_item1 .dot, .process_item2 .dot {
        display: none;
    }
    .process_item1 .mline, .process_item2 .mline {
        display: none;
    }
    .process_item1 {
        margin-top: 0px;
    }
    .process_item2 {
        margin-bottom: 0px;
    }
    .process_item1, .process_item2 {
        min-width: unset;
        height: 22.5vw;
        width: 22.5vw;
        border: 1px solid white;
        margin-left: 2% !important;
        box-sizing: border-box;
        border-radius: 50%;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: white;
    }
    .process_item1 p, .process_item2 p {
        font-size: 12px;
        margin-bottom: 5px;
        width: 80%;
        text-align: center;
    }
    .process_item1 img, .process_item2 img {
        width: 30px;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .process_item1:first-child {
          margin-left: 0px;
    }
    .process .line {
        background: none;
        height: auto;
        flex-wrap: wrap;
        display: none;
        align-items: flex-start;
    }
    .line_in {
          display: block;
    }
    .line_in  img {
          width: 100%;
    }
    .trend {
        padding: 30px 0px 30px;
    }
    .trend .title  {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }
    .trend .main {
        flex-direction: column;
        margin-top: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .trend .main_left {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .trend .main_left img {
        width: 90%;
        height: auto;
        object-fit: cover;
    }
    .trend .main_right {
        width: 90%;
        padding: 0 2%;
        box-sizing: border-box;
    }
    .trend .main_right .tip {
        margin: 20px 0px 10px;
    }
    .trend .main_right .info {
        font-size: 14px;
    }
    .footer {
        display: none;
    }
    .mobile_footer_warp  {
        display: block;
    }
    .mobile_footer {
        display: flex;
        align-items: center;
        font-size: 14px;
        justify-content: center;
        width: 100%;
        background-color: #000;
        color: #e2e2e2;
        min-height: 40px;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 5px;
    }
    .footer_top {
           padding: 10px 0px;
           font-size: 14px;
           line-height: 22px;
    }
    .footer_top .container {
           width: 90%;
    }
    .footer_bottom {
           display: none;
    }
     .mobile_right_tool {
           display: block;
           position: fixed;
           right: 10px;
           bottom: 40px;
     }
    .mobile_right_tool  .phone  a {
        display: block;
        width: 100%;
        height: 100%;
    }
     .mobile_right_tool  .phone img{
           width: 40px;
     }
    .mobile_right_tool  .return_top img {
           width: 40px;
    }


}