@charset "UTF-8";
@media screen and (max-width: 768px) {
    .wrapper{
        min-width: 18.75rem;
        z-index: 0;
        overflow: hidden;
    }
    .wrapper-item {
        width: 100%;
        padding: 0 0.7rem;
    }
    .head-menu-pc{
        display: none;
    }
    .head-menu-mobile{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 3.5rem;
        padding-right: 0.7rem;
        position: relative;
    }
    .head-menu-mobile .logo {
        display: flex;
        align-items: center;
        height: 3.5rem;
    }
    .head-menu-mobile .title-center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #2F69D4;
        white-space: nowrap;
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .head-menu-mobile .icon-right-menu{
        display: block;
        width: 2.8rem;
        height: 3.5rem;
        background: url(../images/mobile/icon/icon_right_menu.png) no-repeat center center;
        background-size: 1rem 0.8rem;
        cursor: pointer;
        transform: translateX(0.7rem);
    }
    .head-menu-mobile .logo{
        padding-left: 0.7rem;
    }
    .head-menu-mobile .logo img {
        max-width: 14.5rem;
    }
    .head-menu-mobile .history-back {
        display: flex;
        align-items: center;
        width: 2.8rem;
        height: 3.5rem;
        padding-left: 0.7rem;
    }
    .head-menu-mobile .history-back img{
        width: 0.6rem;
        height: 1.18rem;
    }
    .head-menu-pc{
        display: none;
    }
    .head-menu-underline{
        display: none;
    }

    .home-swiper {
        width: 100%;
        height: 10.5rem;
    }
    .home-swiper .h5-img{
        display: block;
    }
    .home-swiper .pc-img{
        display: none;
    }
    .search-contain{
        display: none;
    }

    /*移动端左侧弹出菜单*/
    .left-slider{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }
    .left-slider .slider-menu{
        position: absolute;
        top: 0;
        left: -12.875rem;
        width: 12.875rem;
        height: 100%;
        background-color: rgb(255, 255, 255);
        z-index: 999;
    }
    .left-slider .slider-mask{
        width: 100%;
        height: 100%;
        opacity: 0.2;
        background-color: black;
        z-index: 98;
        backface-visibility: hidden;
        display: block;
    }

    .slider-menu-list .menu-box{
        width: 100%;
        min-height: 2.1rem;
        border-bottom: 0.025rem solid #DDDDDD;
        position: relative;
    }
    .slider-menu-list .menu-box .text-1:hover{
        background: #ccc;
    }
    .slider-menu-list .menu-box .text-2:hover{
        background: #ccc;
    }
    .slider-menu-list .menu-box .item:hover{
        background: #ccc;
    }
    .slider-menu-list .menu-box .text-1 {
        display: block;
        height: 2.1rem;
        line-height: 2.1rem;
        font-size: 0.6rem;
        font-family: Avenir;
        font-weight: 800;
        color: #333333;
        padding-left: 0.75rem;
    }
    .slider-menu-list .menu-box .menu-more {
        display: none;
        font-size: 0.55rem;
        font-family: Avenir;
        font-weight: 400;
        padding-left: 0.75rem;
    }
    .slider-menu-list .menu-box .icon-arrow-down {
        position: absolute;
        top: 0;
        right: 0;
        width: 2.1rem;
        height: 2.1rem;
        background: url(../images/mobile/icon/arrow_down.png) no-repeat center center;
        background-size: 0.55rem 0.325rem;
    }
    .slider-menu-list .menu-box.open .icon-arrow-down{
        background: url(../images/mobile/icon/arrow_up.png) no-repeat center center;
        background-size: 0.55rem 0.325rem;
    }
    .slider-menu-list .menu-box .menu-more .item{
        display: block;
        height: 1.5rem;
        line-height: 1.5rem;
        color: #666666;
    }
    .slider-menu-list .menu-box.open .menu-more {
        display: block !important;
        padding: 0rem 1.225rem 0.5rem 1.225rem;
    }

    .title-underline {
        width: 1.11rem;
        height: 0.14rem;
        margin-top: 0.4rem;
    }
    .card-three .item {
        width: 33.3%;
        margin-right: 0.45rem;
    }
    .card-three .item .img {
        height: 4.85rem;
        border-radius: 0.1rem;
    }
    .card-video {
        height: 9.75rem;
    }
    .icon-play {
        width: 1.25rem;
        height: 1.25rem;
    }

    .card-four .item {
        width: 22.7%;
        margin-right: 0.5rem;
    }
    .card-four .item .img {
        height: 4.6rem;
    }
    .card-four .item .card-title {
        height: 0.9rem;
        margin-bottom: 0.8rem;
    }
    .card-news .item{
        height: 3.68rem;
        border-bottom: 0.025rem solid #D2D2D2;
    }
    .card-news .item .img {
        width: 4.05rem;
        height: 2.9rem;
    }
    .card-news .item .desc {
        padding-left: 0.7rem;
    }
    .card-news .item .desc .card-title{
        margin-bottom: 0.475rem;
    }
    .card-news .item .desc .card-desc{
        height: 0.9rem;
        margin-bottom: 0.225rem;
        line-height: 0.45rem;
    }
    .card-pin{
        min-width: 17rem;
    }
    .card-pin .pin1{
        width: 43%;
    }
    .card-pin .pin1 .img {
        width: 100%;
        height: 13.55rem;
    }
    .card-pin .pin2 .img {
        width: 48%;
        height: 6.58rem;
        margin-right: 0.35rem;
        margin-bottom: 0.35rem;
    }
    .card-pin .pin2{
        width: 57%;
        margin-left: 0.35rem;
    }
    .about-us-bg{
        height: 7.38rem;
        line-height: 1rem;
        padding: 0 0.6rem;
    }
    .footer {
        height: 5.88rem;
        padding: 0 2rem;
    }
    .footer .qr_code {
        width: 2.5rem;
    }
    .footer .contact {
        line-height: 0.5rem;
        margin-left:3.35rem;
    }
    .right-floating-to-top{
        display: none !important;
        width: 35px;
        height: 35px;
        background-size: 20px 20px;
    }
    .category-nav .item{
        padding: 0 0.4rem;
        height: 1.3rem;
        font-size: 0.5rem;
        border-radius: 0.5rem;
    }

    .about-us-bg2{
        height: 9.6rem;
    }
    .about-us-bg2 .about-us-text {
        width: 100%;
        line-height: 1rem;
        padding: 0 0.7rem;
    }
    .about-contact .contact {
        padding: 0.5rem;
    }
    .about-contact .contact p {
        line-height: 1rem;
    }
    .about-contact .map {
        width: 45%;
        height: 9rem;
    }

    .news-nav{
        display: none;
    }
    .news-content {
        line-height: 1rem;
    }

    .wrapper-item .content .col-12 img {
        width: 100%;
        margin-bottom: 0.7rem;
    }

    .pin-three .left {
        width: 60%;
        margin-right: 0.5rem;
    }
    .pin-three .left img {
        width: 100%;
        height: 8.925rem;
        object-fit: cover;
    }
    .pin-three .right {
        width: 40%;
    }
    .pin-three .right img {
        width: 100%;
        height: 4.22rem;
        object-fit: cover;
        margin-bottom: 0.4rem;
    }
    .space-bg{
        height: 9.55rem;
    }
    .space-bg .space-bg-text {
        width: 100%;
        line-height: 1rem;
        padding: 0 0.7rem;
    }

    .icon-taobao{
        width: 1.08rem;
        height: 1.08rem;
    }
    .icon-youzan{
        width: 3.03rem;
        height: 1rem;
    }
}










@media screen and (max-width: 768px){
    .mobile-hide{
        display: none;
    }
    .title-60{
        font-size: 0.75rem;
        line-height: 0.85rem;
    }
    .title-48{
        font-size: 0.6rem;
        line-height: 0.7rem;
    }
    .desc-text-36{
        font-size: 0.45rem;
    }
    .desc-text-30{
        font-size: 0.375rem;
    }
    .desc-text-24{
        font-size: 0.3rem;
    }
    .desc-text-16{
        font-size: 0.2rem;
        line-height: 0.25rem;
    }

    .padding-l-05{
        padding-left: 0.125rem !important;
    }
    .padding-l-1{
        padding-left: 0.25rem !important;
    }
    .padding-l-15{
        padding-left: 0.375rem !important;
    }
    .padding-l-2{
        padding-left: 0.5rem !important;
    }
    .padding-l-05{
        padding-left: 0.125rem !important;
    }
    .padding-r-1{
        padding-right: 0.25rem !important;
    }
    .padding-r-2{
        padding-right: 0.5rem !important;
    }
    .padding-t-05{
        padding-top: 0.125rem !important;
    }
    .padding-t-1{
        padding-top: 0.25rem !important;
    }
    .padding-t-2{
        padding-top: 0.5rem !important;
    }
    .padding-t-5{
        padding-top: 1.25rem !important;
    }
    .padding-b-05{
        padding-bottom: 0.125rem !important;
    }
    .padding-b-1{
        padding-bottom: 0.25rem !important;
    }
    .padding-b-2{
        padding-bottom: 0.5rem !important;
    }
    .margin-t-05{
        margin-top: 0.125rem !important;
    }
    .margin-t-1{
        margin-top: 0.25rem !important;
    }
    .margin-t-15{
        margin-top: 0.375rem !important;
    }
    .margin-t-2{
        margin-top: 0.5rem !important;
    }
    .margin-t-3{
        margin-top: 0.75rem !important;
    }
    .margin-t-4{
        margin-top: 1rem !important;
    }
    .margin-t-5{
        margin-top: 1.25rem !important;
    }
    .margin-t-6{
        margin-top: 1.5rem !important;
    }
    .margin-t-7{
        margin-top: 1.75rem !important;
    }
    .margin-t-8{
        margin-top: 2rem !important;
    }
    .margin-r-05{
        margin-right: 0.125rem !important;
    }
    .margin-r-1{
        margin-right: 0.25rem !important;
    }
    .margin-r-15{
        margin-right: 0.375rem !important;
    }
    .margin-r-2{
        margin-right: 0.5rem !important;
    }
    .margin-l-05{
        margin-left: 0.125rem !important;
    }
    .margin-l-1{
        margin-left: 0.25rem !important;
    }
    .margin-l-2{
        margin-left: 0.5rem !important;
    }
    .margin-b-05{
        margin-bottom: 0.125rem !important;
    }
    .margin-b-1{
        margin-bottom: 0.25rem !important;
    }
    .margin-b-2{
        margin-bottom: 0.5rem !important;
    }




    .pagination li a, .pagination li span{
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.6rem;
        font-weight: 400;
        line-height: 1.5rem;
        margin-right:0.2rem;
    }
    .pagination li a:hover{
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
    }
    .pagination li.active span{
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
    }
    .pagination li.prev a, .pagination li.prev span, .pagination li.next a, .pagination li.next span, .pagination li.disabled span{
        width: 3.1rem;
        height: 1.5rem;
        font-size: 0.6rem;
        line-height: 1.5rem;
    }

}