@charset "UTF-8";
/* CSS Document */
.module10_pages {
    display: none;
}
@media (max-width: 768px) {
    h1,
    h2.h3,
    h4,
    h5,
    h6,
    p,
    ul,
    li {
        margin: 0;
        padding: 0;
    }
    /*#newmodulePc{
        display: none
    }*/
    .module10_pages {
        display: none;
    }
    .module10_pages {
        background-color: #eef7ff;
        padding-bottom: 0.8rem;
    }
    .middleHead {
        background: url('../images/1568614243006.jpg');
        background-size: 100%;
    }
    .middleHead_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0.666667rem;
    }
    .middleHead > h1 {
        font-size: 0.666667rem;
        color: #592f16;
        margin: 0;
        text-align: center;
        font-weight: bold;
        padding-top: 0.666667rem;
    }
    .middleHead_box .left {
        width: 50%;
    }
    .middleHead_box .middleHead_boxTxt {
        width: 50%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center;
    }
    .middleHead_box .middleHead_boxTxt h2 {
        font-size: 0.36rem;
        width: 100%;
        color: #ffffff;
        background: #592f16;
        border-radius: 2000px;
        padding: 0.2rem 0.4rem;
        margin: 0;
        margin-bottom: 0.2rem;
    }
    .middlePorduct {
        padding: 1rem 0.666667rem 0;
    }
    .middlePorduct .middlePorduct_title {
        font-size: 0.533333rem;
        color: #592f16;
        text-align: center;
        font-weight: bold;
        padding: 0.4rem 0;
        border-top: 1px solid #592f16;
        border-bottom: 1px solid #592f16;
    }
    .middlePorduct ul {
        padding-top: 0.666667rem;
    }
    .middlePorduct ul li {
        display: flex;
        justify-content: space-between;
        padding: 0.933333rem 0.4rem 0.4rem;
        border: 1px dashed #592f16;
        border-radius: 0.266667rem;
        margin-bottom: 0.666667rem;
    }
    .middlePorduct ul li h2 {
        margin: 0;
        font-size: 0.533333rem;
        color: #222222;
        font-weight: bold;
        margin-bottom: 0.506667rem;
    }
    .middlePorduct ul li .left {
        width: 60%;
        /* padding-top: .533333rem; */
    }
    .middlePorduct ul li .right {
        width: 40%;
        margin-right: 10px;
    }
    .middlePorduct ul li p {
        font-size: 0.266667rem;
        color: #555555;
    }
    .details {
        padding: 0 0.666667rem;
    }
    .details_title {
        font-size: 0.533333rem;
        color: #592f16;
        text-align: center;
        padding: 0.4rem 0;
        font-weight: bold;
        border-bottom: 1px solid #592f16;
        border-top: 1px solid #592f16;
    }
    .details_list {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        padding-top: 0.8rem;
    }
    .details_list li {
        width: 48%;
        margin-bottom: 0.466667rem;
        font-size: 0.32rem;
        color: #ffffff;
        padding: 0.266667rem;
        background: #592f16;
    }
    .details_list li p {
        padding-top: 0.266667rem;
        text-align: center;
    }
    .case {
        padding: 1rem 0.666667rem 0;
    }
    .case_title {
        font-size: 0.533333rem;
        color: #592f16;
        text-align: center;
        font-weight: bold;
        padding: 0.4rem 0;
        border-top: 1px solid #592f16;
        border-bottom: 1px solid #592f16;
    }
    .case_list {
        padding-top: 0.933333rem;
    }
    .case_list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        border: 1px solid #592f16;
        margin-bottom: 0.6rem;
    }
    .case_list .case_img {
        width: 50%;
    }
    .case_list .case_img img {
    }
    .case_list .case_txt {
        width: 50%;
        font-size: 0.32rem;
        color: #333333;
        padding: 0 0.4rem;
    }
    .case_list .case_txt h1 {
        font-size: 0.32rem;
        color: #333333;
        margin: 0;
        margin-bottom: 0.4rem;
    }
    .case_list .case_txt h2 {
        font-size: 0.32rem;
        color: #333333;
        margin: 0;
        margin-bottom: 0.4rem;
    }
    .case_list .case_txt p {
        font-size: 0.32rem;
        color: #333333;
        margin: 0;
        margin-bottom: 0.4rem;
    }
    .middle_foot {
        padding: 1rem 0.666667rem 0;
    }
    .foot_title {
        font-size: 0.533333rem;
        color: #592f16;
        text-align: center;
        font-weight: bold;
        padding: 0.4rem 0;
        border-top: 1px solid #592f16;
        border-bottom: 1px solid #592f16;
    }
    .middle_footAbt {
        font-size: 0.4rem;
        color: #ffffff;
        background: #592f16;
        padding: 0.266667rem 0;
        text-align: center;
    }
    .foot_list {
        padding-top: 0.933333rem;
    }
    .foot_list li {
        border: 1px solid #592f16;
        margin-bottom: 0.2rem;
    }
}