.container {
    margin   : 0 auto;
    max-width: 1430px;
}

@font-face {
    font-family: 'yh';
    src        : url(../font/yahei.ttf);
}

@font-face {
    font-family: 'Ar';
    src        : url(../font/Arial.ttf);
}

.row {
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    box-sizing : border-box;
}

.href-icon {
    color: #ffffff;
}

.href-icon:hover {
    color: #ffffff;
}

@media (max-width: 1700px) {
    .container {
        width    : 90%;
        max-width: 1430px;
    }

    .good-box .good-item {
        width: 23.5%;
    }

    .consult-box .consult-item {
        width: 32%;
    }
}

@media(max-width:1550px) {
    .consult-box .consult-item {
        width: 30%;
    }
}

@media (max-width: 1430px) {
    .container {
        max-width: 1200px;
    }

    .consult-box .consult-item {
        margin-right: 10px
    }
}

@media (max-width: 1300px) {
    .good-box .good-item {
        width       : 31.2%;
        margin-right: 18px;
    }

    .good-box .good-item:nth-child(4n+4) {
        margin-right: 18px;
    }

    .consult-box .consult-item:nth-child(3n) {
        margin-right: 13px;
    }

    .consult-box .consult-item {
        width: 45%;
    }

    .record-no {
        padding-left: 0 !important;
        text-align  : center;
    }
}

@media (max-width:1024px) {
    .footer .about {
        flex-direction: column;
    }

    .footer .about .record-no {
        text-align   : center;
        padding-left : 0;
        width        : 90%;
        margin-bottom: 20px;
    }

    .footer .about .actions {
        width: 60%;
    }

    .footer .about .division {
        display: none;
    }

    .about-detail .actions4 {
        padding-right: 0px;
    }

    .about-detail {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 900px;
    }

    .good-box .good-item {
        width       : 45%;
        margin-right: 18px;
    }

    .flg {
        justify-content: space-between;
    }

    .consult-box .consult-item {
        width: 80%;
    }

    .consult-box .consult-item .consult-detail .consult-read {
        line-height: 2.6rem;
        margin-top : 20px;
    }

    .flg1 {
        flex-direction : column;
        justify-content: center;
    }

    .imgSection .spokesperson-content {
        width: 80%;
    }

    .photo-box {
        width: 100%;
    }

    .otherItem {
        flex-wrap      : wrap;
        justify-content: center;
        /* margin      : 0px 30px 30px; */
    }

    .otherItem .otherItem-left {
        text-align   : center;
        margin-bottom: 30px;
    }

    .otherItem img {
        width : 80%;
        height: auto;
        margin: 0 auto;
    }
}

@media (max-width: 910px) {
    .container {
        max-width: 750px;
    }

    .header .nav-box .search {
        display: none;
    }
}

/* 这边设置手机的屏幕吧 */

@media (max-width: 768px) {
    .container {
        width       : 100%;
        box-sizing  : border-box;
        /* max-width: 560px; */
    }

    .mart169 {
        padding-top: 3.75rem;
    }

    .martM169 {
        padding-top: 3.75rem;
    }

    .mar134 {
        margin-top: 0rem !important;
    }

    .mar132 {
        margin-top: 0;
    }

    .header {
        padding         : 0 1rem;
        text-align      : center;
        position        : fixed;
        top             : 0;
        z-index         : 6;
        height          : 3.75rem;
        display         : flex;
        justify-content : center;
        align-items     : center;
        background-color: #ffffff;
    }

    .header .logo {
        padding: 0;
        width  : 6.73rem;
        height : 1rem;
    }

    .header .nav-box {
        display: none;
    }

    .header .menu {
        display: block;
    }

    .header .log-box {
        justify-content: center;
    }

    .header .language {
        display: none;
    }

    .header .mobile-search {
        display: block;
    }

    .main .banner {
        margin-top: 0;
    }

    .good-box {
        padding: 0 1rem;
    }

    .good-box .good-item {
        width       : 48%;
        margin-right: 0;
    }

    .good-box .good-item:nth-child(4n+4) {
        margin-right: 0;
    }

    .photo-box .photo-item {
        flex-direction : column;
        justify-content: center;
        align-items    : center;
        margin-bottom  : 50px;
    }

    .photo-box .f-reverse {
        flex-direction: column-reverse;
    }

    .photo-box .photo-item .photoItem-left {
        width: 80%;
    }

    .photo-box .photo-item .photoItem-right .float-r {
        float: none;
    }

    .photo-box .photo-item .photoItem-right {
        width         : 80%;
        padding       : 0;
        margin-top    : 3rem;
        /* margin-top : 20px; */
        text-align    : left;
        margin-left   : 0;
    }

    .photo-box .photo-item .photoItem-left .img1 {
        margin-right: 0;
    }

    .photo-box .photo-item .photoItem-right1 {
        margin-right: 0;
    }

    .photo-box .photo-item .photoItem-right .photoItem-content {
        text-align: center;
    }

    .photo-box .photo-item .photoItem-right1 .photoItem-content {
        -webkit-line-clamp: 10;
        text-align        : center;
    }

    .imgSection .main-content {
        padding      : 0 1rem;
        margin-bottom: 3.125rem !important;
    }

    .down {
        display: none;
    }

    .photo-box .photo-item .photoItem-right .photoItem-line {
        margin-top   : 5%;
        margin-bottom: 8%;
    }

    .title-frist {
        margin-top: 3.125rem;
    }

    .other-box {
        padding: 0 1rem;
    }
}

@media (max-width: 576px) {

    /* .container {
        max-width: 540px;
    } */
    .good-section .title .recommend {
        font-size  : 1.125rem;
        font-family: "Microsoft YaHei";
        font-weight: 500;
        position   : relative;
    }

    .good-section .title1 {
        padding: 4.15rem 0 2.08rem;
    }

    .good-section .EN {
        display    : block;
        font-weight: 100;
        font-size  : 1.2rem;
        font-family: "Ar";
        line-height: 1.8rem;
        color      : #000000;
    }

    .mobile .good-item1 .price-box {
        font-family: "Ar";
    }

    .good-section .title .heng {
        display: none;
    }

    .good-section .title {
        font-size      : 1.35rem;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    .down-img {
        padding: 4.17rem 0 1.27rem;
    }

    .down-img .pc-img {
        display: none;
    }

    .down-img .mobile-img {
        display: block;
    }

    .down-img .en {
        display    : block;
        font-size  : 0.6rem;
        margin-top : 0.3rem;
        font-family: 'yh';
    }

    .search-box .search-input {
        padding: 1.7rem 0;
    }

    .search-box .search-input .icon {
        display: none;
    }

    .footer .search-input input {
        height       : 1.88rem;
        width        : 13.54rem;
        line-height  : 1.88rem;
        border-radius: 1.88rem;
    }

    .container .banner-img {
        margin-bottom: 1.5rem;
    }

    .footer .about {
        font-family: "Microsoft YaHei";
        font-size  : 10px;
        color      : #ffffff;
        display    : flex;
        padding    : 1rem 0;
    }

    .footer .about-detail {
        display: none;
    }

    .footer .about-box {
        display: block;
    }

    .footer .about .record-no {
        width      : 60%;
        line-height: 0.75rem;
        font-size  : .6rem;
    }

    .photoItem-title {
        text-align: center !important;
    }

    .photo-box .photo-item .photoItem-right {
        width: 90%;
    }

    .photo-box .photo-item .photoItem-right .photoItem-line {
        margin       : 5% auto 8%;
        margin-bottom: 8%;
    }

    .photo-box .photo-item .label {
        font-size  : 0.6rem;
        font-family: 'yh';
    }

    .photo-box .photo-item .photoItem-left {
        width: 90%;
    }

    .mingong {
        display: block;
    }
}

@media (max-width: 500px) {
    .main .banner {
        display: none;
    }

    .main .mobile-banner {
        display: block;
    }

    .good-box {
        display: none;
    }

    .mobile-item {
        display      : block;
        margin-bottom: 4.58rem;
    }

    .mobile .good-detail .detail .shop-btn img {
        font-family: 'yh';
        width      : 5rem;
        height     : 1.80rem;
    }

    .clearMar {
        margin-bottom: .41rem;
    }

    .clearM0 {
        margin-bottom: 0;
    }

    .look-more {
        width           : 6rem;
        height          : 1.7rem;
        line-height     : 1.7rem;
        color           : #ffffff;
        border          : 0;
        background-color: #000;
        font-size       : 0.8rem;
        margin-top      : 2.08rem;
        margin-bottom   : 0;
    }

    .sort-box {
        padding        : 3.125rem 0 1.875rem;
        justify-content: center;
    }

    .sort-box .sort-item {
        font-size: 1rem;
    }

    .sort-box .active1 {
        padding-bottom: 0.3125rem;
        color         : #333333;
        font-weight   : 500;
        border-bottom : 1px solid #333333;
    }

    .flg2 {
        flex-direction    : row;
        padding-top       : 2rem;
        /* justify-content: center; */
    }

    .consult-box {
        padding: 0 1rem;
    }

    .consult-box .consult-item {
        box-sizing   : border-box;
        width        : 100%;
        margin-right : 0;
        max-width    : 500px;
        margin-bottom: 0.875rem;
    }

    .consult-box .consult-item .consult-detail {
        padding: 1.25rem 1.21rem 1.35rem;
    }

    .consult-box .consult-item .consult-detail .consult-title {
        font-size  : 1.13rem;
        color      : #000;
        font-family: "Microsoft YaHei";
        font-weight: 500;
    }

    .consult-box .consult-item .consult-detail .consult-line {
        margin          : 1.25rem 0 1.125rem;
        background-color: #E1E1E1;
    }

    .consult-box .consult-item .consult-detail .consult-des {
        font-size: 1rem;
        color    : #999999;
    }

    .consult-box .consult-item .consult-detail .consult-read {
        /* width: 6.56rem;
        height: 3.13rem; */
        width           : 6rem;
        height          : 1.7rem;
        line-height     : 1.7rem;
        color           : #333333;
        border          : 1px solid #02071A;
        background-color: #ffffff;
        font-size       : 0.8rem;
        margin          : 1.73rem auto 0rem;
    }

    .consult-box .consult-item .product-date {
        display: none;
    }

    .mLook-hide {
        display: none;
    }

    .search-title {
        padding: 1rem 1rem;
    }

    .imgSection .title .main-title {
        font-size    : 1.45rem;
        line-height  : 1.45rem;
        margin-bottom: 1.98rem;
    }

    .imgSection .title .title-line {
        display: none;
    }

    .mar90 {
        padding-top  : 3rem !important;
        margin-bottom: 0;
        margin-top   : 0;
    }

    .title-frist {
        margin-top: 3rem;
    }

    .photo-box {
        margin-top: 3rem;
    }
}