/*适配PC样式*/

@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: 20vh 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: 5vh;
       
    }
    .brandContent-unit-img2{
        width: 50%;
        height: 60vh;
        float: right;
        margin-top: 5vh;
        /* 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("../../font/Quentin.ttf");
    }
    .brandContent-unit-content2 .brandContent-unit-titleEN{
        
        text-align: right;
    }
    .brandContent-unit-titleCN{
        font-size: 0.38rem;
        color: #656565;
        letter-spacing: 2px;
    }
    .brandContent-unit-titleEN{
        font-family: "Quentin";
        font-size: 0.24rem;
        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{
        padding-top: 5vh;
        font-size: 0.18rem;
        line-height: 28px;
        text-align: justify;
    }
    .brandContent-unit-name{
        font-weight: 500;
        font-size: 0.20rem;
    }
    .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: 0.38rem;
    }
    .patentTop-titleEN{
        font-family: "Quentin";
        font-size: 0.28rem;
        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.18rem;
        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: 0.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: 99;
		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;
	}
}