@media screen and (max-width:768px){


    body{
        width: 100vw;
        overflow-x: hidden;
    }

    .banner{
        position: relative;
        width: 100vw;
        height: 67vh;
        /*width: 1920px;*/
        /*height: 280px;*/
        margin-top:1.5rem;
    }

    .banner>div:nth-of-type(1){
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .banner>div:nth-of-type(1) img{
        /*width: 100vw;*/
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        left:0;bottom:0;right:0;
        /*height: 280px;*/
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;

    }

    #banner_number{
        display: none;
    }

    .fuliao{
        width: 86%;
        margin-left: 7%;
        margin-top: 0;
        padding-top: 2rem;
        font-size: 13px;
    }


    .fuliao button{
        /*width: 40%;*/
        width: 34vw;
        height: 7vw;
        margin-top: 0.7rem;
    }


    .view{
        width: 100vw;
        margin-top: 1.2rem;
    }

    .view .img-fluid{
        width: 100%;
        /*height: 6rem;*/
    }

    .view >div{
        width: 100%;
        overflow: hidden;
    }

    .view > div >div{
        width: 50%;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
    }

    .view p{
        position: relative;
        left: -0.3rem;
        top: -1.6rem;
        font-size: 11px;
        text-align: right;
    }

    .video {
        height: 70vh;
        width: 100vw;
        overflow: hidden;
        margin-top: 2vh;
    }

    .video video{
        height: 70vh;
        width: 100%;
        /*height: 100%;*/
        object-fit: cover !important;
        object-position: center;
    }


    .video .controls{
        position: relative;
        top:-50vh;
        left: 0;
    }
    .video .controls img{
        width: 80px;
    }

    .video .controls .watch{
        font-size: 0.5rem;
    }
    .video .controls .word{
        font-size: 0.55rem;
        margin-top: 2rem;
    }

    .products .content_pc{
        display: none;
    }

    .products .content_mb h3{
        text-align: center;
        margin: 5vh 0 ;
    }

    .products .content_mb .info{
        width: 100%;
        /*height: 50vh;*/
        overflow: hidden;
    }

    .products .content_mb .info >div{
        width: 50vw;
        float: left;
        /*height: 25vh;*/
        overflow: hidden;
    }

    .products .content_mb .info .img img{
        /*height: 20vh;*/
    }


    .products .content_mb .info .img >div:nth-of-type(2){
        height: 10vh;
        overflow: hidden;
        /*padding-left: 15%;*/
        line-height: 8vh;
        text-align: center;
        width: 50vw;
        border: 1px solid #dadada;
        background-color: #f4f4f4;
    }

    .products .content_mb .info .img >div:nth-of-type(odd){
        border-right: none;
    }

    .products .content_mb .info .img >div p{
        position: relative;
        left: -5px;
        top: -0.75rem;
        font-size: 11px;
        text-align: right;
    }

    .products .content_mb .info .img img{
        width: 50vw;
    }

    .news_pc{
        display: none;
    }


    .news_mobile{
        margin-top: 8vh;
    }

    .news_mobile h3{
        text-align: center;
        margin-bottom: 6vh;
    }

    .news_mobile .newsbig .img1{
        width: 100vw;
        height: 40vh;
    }
    .news_mobile .newsbig img{
        width: 100vw;

    }

    .news_mobile .newsbig >div{
        width: 80%;
        margin-left: 10%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .news_mobile .newsbig label{
        color: #73dedc;
        font-weight: bolder;
    }

    .news_mobile .newsbig h5{
        font-size: 0.5rem;
    }

    .news_mobile .newsbig > div >div{
        margin-top: 5vh;
    }
    .news_mobile .newsbig span{
        color: grey;
        font-size: 0.3rem;
    }

    .news_mobile .newsbig span:nth-of-type(2){
        float: right;
    }

    .news_mobile .newssmall{
        border-top: 2vh solid #efefef;
        padding: 3vh 6vw 3vh 8vw;
        overflow: hidden;
        height: 4rem;
    }

    .news_mobile .newssmall img{
        width: 40%;
        float: left;
        height: calc(3.5rem - 6vh);
    }


    .news_mobile .newssmall div{
        width: 60%;
        float: left;
        padding-left: 5px;
        height: calc(3.5rem - 6vh);
    }


    .news_mobile .newssmall label{
        color: #73dedc;
        font-weight: bolder;
        margin-bottom: 10px !important;
    }

    .news_mobile .newssmall h5{
        font-size: 0.5rem;
    }

    .news_mobile .newssmall > div >div{
        margin-top: 0.7rem;
        width: 100%;
        margin-bottom: 0.7rem;
    }
    .news_mobile .newssmall span{
        color: grey;
        font-size: 0.3rem;
    }

    .news_mobile .newssmall span:nth-of-type(2){
        float: right;
        margin-top: 4vh;
    }

    .news_last{
        display: none;
    }

    .news_next{
        display: none;
    }
}