﻿/* 平板适配（宽度 < 1200px） */
.wapcontent, .wapheader, .wapfooter {
    display: none;
}

.pcheader {
    max-width: 96%;
    margin: 0;
    padding: 0;
    margin: auto;
}
.mingzhongzuimei {
    height: 20rem;
    margin-bottom: 1rem;
    position: relative;
    background: none;
}
@media screen and (max-width: 1199px) {
    .pccontent, .pcheader, .pcfooter, .content {
        display: none !important;
    }

    .wapcontent, .wapfooter {
        display: block;
    }

    .content {
        max-width: 100%;
        height: 100%;
    }

    .wapheader {
        height: 100%;
        display: none;
    }

    body, html {
        font-size: 10px;
        height: 100%;
    }
    .mingzhongzuimei {
        height: 32rem;
        margin-bottom: 1rem;
        position: relative;
        background: none;
    }
}

.wapheader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
}

    .wapheader .mleftblack {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 12;
        background: rgba(0, 0, 0, .5);
        top: 0;
        left: 0;
    }

        .wapheader .mleftblack .mleftmenubox {
            width: 30rem;
            background: #fff;
            height: 100%;
            padding-top: 5rem;
        }


            .wapheader .mleftblack .mleftmenubox .logo {
                display: block;
                width: 60%;
                margin-left: 4rem;
            }

            .wapheader .mleftblack .mleftmenubox .menuul {
                width: 90%;
                margin: auto;
            }

                .wapheader .mleftblack .mleftmenubox .menuul li {
                    line-height: 6rem;
                }

                    .wapheader .mleftblack .mleftmenubox .menuul li a {
                        color: #333;
                        font-size: 1.6rem;
                        text-indent: 4rem;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    .wapheader .mleftblack .mleftmenubox .menuul li .fudong {
                        display: none;
                    }

                        .wapheader .mleftblack .mleftmenubox .menuul li .fudong a {
                            text-indent: 6rem;
                        }

    .wapheader .mleftmenuclose {
        position: fixed;
        left: 2rem;
        top: 1rem;
        font-size: 2rem;
        z-index: 13;
    }

    .wapheader .mlanbox {
        position: fixed;
        z-index: 13;
        display: flex;
        bottom: 2rem;
        left: 15rem;
    }

        .wapheader .mlanbox a {
            display: block;
            background-position: left;
            background-size: 20px;
            text-indent: 27px;
            font-size: 16px;
            color: #333;
            margin-right: 20px;
        }

            .wapheader .mlanbox a:nth-child(1) {
                background: url('/images/CN.png') no-repeat;
            }

            .wapheader .mlanbox a:nth-child(2) {
                background: url('/images/EN.png') no-repeat;
            }


.wapcontent {
}

    .wapcontent .wapchenggao {
        height: 5rem;
    }

    .wapcontent .waptitlebox {
        width: 100%;
        height: 5rem;
        position: relative;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 11;
    }

        .wapcontent .waptitlebox .wapleftmenuchulai {
            height: 3rem;
            width: 2rem;
            position: absolute;
            left: 2rem;
            top: 1rem;
        }

            .wapcontent .waptitlebox .wapleftmenuchulai p {
                background: #6d6d6d;
                width: 2rem;
                height: 0.3rem;
                margin-top: 0.5rem;
            }

        .wapcontent .waptitlebox .waptitle {
            text-align: center;
            font-size: 1.8rem;
            line-height: 5rem;
        }

    .wapcontent .banner_box {
        display: block;
        width: 100%;
    }


    .wapcontent .buyaocontent {
        width: 92%;
        margin: auto;
    }

        .wapcontent .buyaocontent .indexnewslist {
            width: 100%;
            margin-top: 2rem;
        }

            .wapcontent .buyaocontent .indexnewslist .indexnewtitle {
                border-bottom: 0.5rem solid #333;
            }

                .wapcontent .buyaocontent .indexnewslist .indexnewtitle .indexnewonetitle {
                    background: #333;
                    color: #fff;
                    width: 90%;
                    line-height: 4rem;
                    text-align: left;
                    font-size: 1.8rem;
                    display: flex;
                    justify-content: initial;
                    text-indent: 2rem;
                }

                    .wapcontent .buyaocontent .indexnewslist .indexnewtitle .indexnewonetitle p:nth-child(1) {
                        margin-right: 10px;
                        font-weight: 550;
                    }

                    .wapcontent .buyaocontent .indexnewslist .indexnewtitle .indexnewonetitle p:nth-child(2) {
                        font-size: 17px;
                        font-family: auto;
                    }



            .wapcontent .buyaocontent .indexnewslist .indexnewscount {
                display: initial;
                grid-template-columns: 5fr 4fr;
                margin: 20px;
                gap: 20px;
            }

                .wapcontent .buyaocontent .indexnewslist .indexnewscount:nth-child(2n+1) {
                    grid-template-columns: 4fr 5fr;
                }

                .wapcontent .buyaocontent .indexnewslist .indexnewscount .indexnewone {
                    background: #fff;
                    height: 28rem;
                    margin-bottom: 1rem;
                    margin-top: 1rem;
                }

            .wapcontent .buyaocontent .indexnewslist .indexnewscount3 {
                display: initial;
                grid-template-columns: repeat(3,1fr);
                margin: 20px;
                gap: 20px;
            }

                .wapcontent .buyaocontent .indexnewslist .indexnewscount3 .indexnewone {
                    height: 280px;
                    background: #fff;
                }

            .wapcontent .buyaocontent .indexnewslist .cuguoma {
                width: 48%;
                float: left;
            }

                .wapcontent .buyaocontent .indexnewslist .cuguoma:nth-child(2) {
                    float: right;
                }

            .wapcontent .buyaocontent .indexnewslist .indexnewscount4 {
            }

                .wapcontent .buyaocontent .indexnewslist .indexnewscount4 a {
                    display: block;
                    line-height: 40px;
                    font-size: 16px;
                    white-space: nowrap; /* 强制不换行 */
                    overflow: hidden; /* 隐藏溢出内容 */
                    text-overflow: ellipsis; /* 显示省略号 */
                    color: #333;
                }


.wapfooter {
}

    .wapfooter .guoaiming {
    }

        .wapfooter .guoaiming .laobuxie {
            text-indent: 4rem;
            color: #5f6464;
            font-size: 1.6rem;
            background-image: url(/images/icon_arrow_d.png);
            background-repeat: no-repeat;
            background-position: 90%;
            background-size: 1.4rem;
        }

        .wapfooter .guoaiming .laobeijing {
            display: none;
        }

            .wapfooter .guoaiming .laobeijing a {
                font-size: 1.6rem;
                text-indent: 5rem;
            }

            .wapfooter .guoaiming .laobeijing img {
                margin-left: 5rem;
                display: block;
            }

.wapcontent .buyaocontent .bigtitle {
    font-size: 2rem;
    line-height: 4rem;
    margin-top: 1rem;
}
