@media screen and (min-width: 768px) {
    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    html,body{
        min-width: 920px;
    }
    .waper{
        position: relative;
        width: 100%;
        height: 80vh;
    }
    .waper img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .brandContent{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .brandContent-unit{
        width: 100%;
        height: 100vh;
        margin: 0 auto;
        padding: 8vh 0;
        position: relative;
    }
    .brandContent-unit-bg{
        position: absolute;
        left: 25%;
        top: 26vh;
        width: 50%;
        height: 40vh;
        background: url("../../img/brand/pureColor1.png") no-repeat;
        background-size: 100%;
        background-position: 50%;
    }
    .brandContent-unit2 .brandContent-unit-bg{
        top:35vh;
    }
    .brandContent-unit-img{
        box-sizing: border-box;
        /* background-size: 100% auto; */
        background-position: 50% 50%;
        box-shadow: 8px 8px 40px 0px #7A7A7A;
    }
    .brandContent-unit-img1{
        width: 24%;
        height: 60vh;
        float: left;
        margin-left: 22%;
        margin-top: 14vh;

    }
    .brandContent-unit-img2{
        width: 25%;
        height: 60vh;
        float: left;
        margin-top: 14vh;
        margin-left: 102vh;
        /* background-size: 100% auto; */
        /* background-position: 50% 50%; */
        box-shadow: 8px 8px 40px 0px #7A7A7A;
    }
    .brandContent-unit-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .brandContent-unit-content{
        width: 30%;
        height: 80vh;
        box-sizing: border-box;
        /* border: 1px red solid; */
        font-size: 0.20rem;
    }
    .brandContent-unit-content1{
        position: absolute;
        top: 20vh;
        right: 20%;
    }
    .brandContent-unit-content2{
        position: absolute;
        top: 20vh;
        left: 20%;
        padding-right: 5%;
    }
    .brandContent-unit-content2 .brandContent-unit-titleCN{
        text-align: right;
    }
    @font-face{
        font-family: Quentin;
        src: url("../../fonts/Quentin-2.otf");
    }
    .brandContent-unit-content2 .brandContent-unit-titleEN{

        text-align: right;
    }
    .brandContent-unit-titleCN{
        font-size: 1.5rem;
        color: #656565;
        letter-spacing: 2px;
    }
    .brandContent-unit-titleEN{
        font-family: "新宋体";
        src: url('../fonts/Q');
        font-size: 1rem;
        color: #656565;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .brandContent-unit-br{
        width: 100%;
        border-color: #FCB03F;
        height: 1px;
        transform:scaleY(0.2);
        margin-top: 4vh;
    }
    .brandContent-unit-text{
        font-size: 0.8rem;
        line-height: 28px;
        text-align: justify;
    }
    .brandContent-unit-name{
        font-weight: 500;
    }
    .patent{
        width: 100%;
        height: 100vh;
        background-color: #343434;
        color: #BBBBBB;
        font-size: 0.24rem;
        box-sizing: border-box;
        border-bottom: 1px #707070 solid;
    }
    .patentTop{
        width: 60%;
        margin: 0 auto;
        padding-top: 3vh;
    }
    .patentTop-titleCN{
        font-size: 1.5rem;
    }
    .patentTop-titleEN{
        font-family: "Quentin";
        font-size: 1.5rem;
        color: #8A8A8A;
        margin-top: 1vh;
    }
    .patentTop-br{
        width: 50%;
        border-color: #FCB03F;
        height: 1px;
        transform:scaleY(0.2);
        margin-top: 3vh;
    }
    .patentTop-text{
        font-size: 0.9rem;
        color: #888888;
        margin-top: 3vh;
    }
    .patent-c-swipercontainer{
        width: 100%;
        height: 50vh;
        box-sizing: border-box;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 12vh;
        position: relative;
    }
    .swiper-wrapper{
        width: 100%;
        height: 100%;

    }
    .swiper-slide{
        width: 100%;
        height: 100%;
        transform:scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.3;
        transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
    }
    .swiper-wrapper .swiper-slide img{
        width: 100%;
        height: 100%;
        object-fit:contain;
    }
    .patent-page{
        width: 100%;
        text-align: center;
        font-size: 1.24rem;
        color: #888888;
        letter-spacing: 4px;
        margin-top: 5vh;
    }
    .patent-page span:first-child{
        font-size: 0.30rem;
        color: #FFFFFF;
    }
    .footerall{
        width: 100%;
        min-height: 550px;
        background-color: #343434;
        color: #FFFFFF;
        padding: 60px 0 0 0;
    }
    .preview{
        width:100vw;
        height:100vh;
        position: fixed;
        z-index: 1099;
        left: 0;
        top: 0;
        box-sizing: border-box;
    }
    .preview-modal{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0,0.8);
    }
    .preview-content{
        width: 70vh;
        height: 100vh;
        position: absolute;
        top: 0;
        left: calc(50% - 35vh);
        /* border: 1px red solid; */
        box-sizing: border-box;
        z-index: 100;
    }
    .preview-img{
        width: 70vh;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .preview-close{
        width: 5vh;
        height: 5vh;
        position: absolute;
        box-sizing: border-box;
        right: 40px;
        top: 20px;
        cursor: pointer;
        z-index: 101;
    }
    .preview-close i{
        display: block;
        width: 5vh;
        height: 0.5vh;
        box-sizing: border-box;
        background: #A8A8A8;
        position: absolute;
        top: 45%;
        left: 0;
    }
    .preview-close i:first-child{
        transform:rotate(45deg);
    }
    .preview-close i:last-child{
        transform:rotate(-45deg);
    }
    .preview-left{
        width: 15vh;
        height: 50vh;
        line-height: 50vh;
        position: absolute;
        left: 0;
        top: calc(50% - 25vh);
        z-index: 101;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer;
    }
    .preview-left img{
        width: 4vh;
        height: 4vh;
        vertical-align: middle;
        object-fit: contain;
        /* display: none; */
        opacity: 0;
    }
    .preview-left:hover img{
        opacity: 1;
    }
    .preview-right{
        width: 15vh;
        height: 50vh;
        line-height: 50vh;
        position: absolute;
        right: 0;
        top: calc(50% - 25vh);
        z-index: 101;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer;
        /* border: 1px red solid; */
    }
    .preview-right img{
        width: 4vh;
        height: 4vh;
        /* margin: 0 auto; */
        vertical-align: middle;
        object-fit: contain;
        opacity: 0;
    }
    .preview-right:hover img{
        opacity: 1;
    }
}