/* 移动端 */


@media (max-width:1280px){
	
	.pic_pc{
		display: none;
		
	}
	.nav{
		
	}
	.nav .navPage{
		width: 100%;
		height: 6.875rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 1.25rem;
	}
	.nav .navLeft{
		width: 14.0625rem;
		height: 2.9375rem;
	}
	.nav .bread{
		width: 3rem;
		height: 2rem;
	}
	.nav .navPage .navCenter{
		display: none;
	}
	
	
	/* 轮播图 */
	.carousel{
		width: 100%;	
		height: 31.875rem;
		background-color: #3385ff;
	}
	.carousel .swiper {
		width: 100%;
		height: 100%;
		position: relative;
		--swiper-theme-color: #fff;

	}
	.carousel .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.carousel .swiper-slide img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	
	
	/* 品牌介绍 */
	.brandIntroduction{
		width: 100%;
		background-color: #f2f2f2;
		padding-top: 4.9375rem;
		padding-bottom: 5.875rem;
	}
	.brandIntroduction .brand{
		width:42.1875rem;
		margin: 0 auto;
	}
	.brand .brandPic{
		display: none;
	}
	.brandIntroduction .brand .articleTitle{
		font-size: 2.25rem;
		text-align: center;
		font-weight: 400;
		color: #000000;
		margin-bottom: 3.125rem;
	}
	.brandIntroduction .brand .articleContent{
		font-size: 1.5rem;
		font-weight: 400;
		color: #616161;
		line-height: 2.5rem;
	}
	.brandIntroduction .brand .articleBtn{
		width: 15rem;
		height: 3.125rem;
		border: 1px solid #000000;
		border-radius: 0.3125rem;
		margin: 3.625rem auto 0;
		text-align: center;
		line-height: 3.125rem;
		font-size: 1.5rem;
		font-weight: 400;
		color: #000000;
	}
	
	/* 品牌高光、品牌服务 */
	.highlightServe{
		width: 100%;
		padding-top: 5.0625rem;
	}
	.highlightServe .highlightTitle{
		font-size: 2.25rem;
		text-align: center;
		font-weight: 400;
		color: #000000;
		margin-bottom: 1.8125rem;
	}
	.highlightServe .highlightCon{
		width: 100%;
	}
	.highlightServe .highlightCon.pc{
		display: none;
	}
	.highlightServe .highlightCon .leftPic{
		width: 94.67%;
		height: 30.75rem;
		margin: 0 auto;
		position: relative;
	}
	.highlightServe .highlightCon .leftPic .videos{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.highlightServe .highlightCon .leftPic .small{
		width: 4.6875rem;
		height: 4.6875rem;
		margin:auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.highDetail .detailLeft{
		width: 95.946%;
		margin: 3.1875rem auto 0;
	}
	.highDetail .detailLeft .detailTItle{
		margin-bottom: 1.8125rem;
		font-size: 2rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #2B2A2A;
	}
	.highDetail .detailLeft .detailContent{
		font-size: 1.5rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #616161;
		line-height: 2.25rem;
		text-align: justify;
		margin-bottom: 3.75rem;
	}
	.highDetail .detailLeft .detailBtn{
		width: 15rem;
		height: 3.125rem;
		border: 1px solid #000000;
		border-radius: 0.3125rem;
		text-align: center;
		line-height: 3.125rem;
		margin: 0 auto 3.75rem;
	}
	.smallPicture{
		width: 97.333vw;
		height: 15.25rem;
		margin-left: 2.667vw;
		margin-bottom: 3.75rem;
	}
	.smallPicture .swiper {
		width: 100%;
		height: 100%;
	}
	.smallPicture .swiper-slide {
		width: calc(43.7%);
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.smallPicture .swiper-slide img{
		width: 100%;
		height: 100%;
	}
	
	
	
	
	
	
	
	
	.highlightServe .serve{
		width: 100%;
		height: 81.875rem;
		background: #F2F2F2;
		padding-top: 3.125rem;
	}
	.highlightServe .serve .serveTitle{
		font-size: 2.25rem;
		font-weight: 400;
		color: #000000;
		text-align: center;
		margin-bottom: 2rem;
	}
	.highlightServe .serve .servepic1{
		width: 44.375rem;
		height: 21rem;
		margin: 0 auto 0.3125rem;
		background-image: url("../images/Slice13.jpg");
		background-size: 44.375rem 21rem;
		padding-top: 4.8125rem;
	}
	.highlightServe .serve .servepic1 .servepic1Small{
		width: 3.9375rem;
		height: 6.9375rem;
		margin: 0 auto;
	}
	.highlightServe .serve .servepic1 .servepic1Title1{
		font-size: 1.5rem;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		margin: 1.0625rem 0 1rem;
	}
	.highlightServe .serve .servepic1 .servepic1Title2{
		font-size: 1rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		letter-spacing: 0.5rem;
		text-align: center;
	}
	.highlightServe .serve .servepic2{
		width: 44.375rem;
		margin: 0 auto 3.125rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		
		
	}
	.highlightServe .serve .servepic2 .servepic2One{
		width: 22rem;
		height: 14.0625rem;
		margin-bottom: 0.3125rem;
		position: relative;
	}
	.highlightServe .serve .servepic2 .mask{
		width: 22rem;
		height: 14.0625rem;
		background-color: rgba(0, 0, 0, 0);
		display: none;
		font-size: 1.85rem;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		color: #fff;
		padding-top: 4.875rem;
	}
	.highlightServe .serve .serveBtn{
		width: 15rem;
		height: 3.125rem;
		margin: 0 auto;
		/* background: #2B2A2A; */
		border: 1px solid #000000;
		border-radius: 0.3125rem;
		font-size: 1.5rem;
		line-height: 3.125rem;
		text-align: center;
		font-weight: 400;
		
	}
	.highlightServe .team{
		width: 44.375rem;
		height: 60.25rem;
		background-color: #fff;
		padding-top: 4.375rem;
		margin: 0 auto;
	}
	
	
	
	
	.highlightServe .team .teamLeft{
		position: relative;
		margin-bottom: 2.625rem;
	}
	.highlightServe .team .teamTitle{
		font-size: 2.25rem;
		text-align: center;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #000000;
		margin-bottom: 3.0625rem;
	}
	.highlightServe .team .teamContent{
		font-size: 1.5rem;
		font-weight: 400;
		color: #616161;
		line-height: 2.25rem;
	}
	.highlightServe .team .teamLeft .teamBtn{
		position: absolute;
		width: 15rem;
		height: 3.125rem;
		border: 1px solid #242424;
		border-radius: 0.3125rem;
		text-align: center;
		line-height: 3.125rem;
		font-size: 1.5rem;
		font-weight: 400;
		color: #000000;
		top: 49.875rem;
		left: 0;right: 0;
		margin: auto;
	}
	.highlightServe .team .teamRight.pic_pc{
		display: none;
	}
	.highlightServe .team .teamRight{
		width: 44.375rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.highlightServe .team .teamRight.pic_medio .swiperLeftPic{
		width: 21.625rem;
	}
	.highlightServe .team .teamRight.pic_medio .swiperLeftChine{
		font-size: 1.625rem;
		text-align: center;
		margin: 1.5rem 0 0.625rem;
		font-weight: 400;
		color: #080808;
	}
	.highlightServe .team .teamRight.pic_medio .swiperLeftEnglish{
		font-size: 1rem;
		text-align: center;
		font-weight: 400;
		color: #8C8C8C;
	}
	
	
	.white{
		display: none;
	}
}



































@media screen and (min-width: 1280px) {

	/* 轮播图 */
	.carousel{
		width: 100%;	
		/* height: 680px; */
		height: calc(680 / 1920 * 100vw);
		background-color: #3385ff;
	}
	.carousel .swiper {
		width: 100%;
		height: 100%;
		--swiper-theme-color: #fff;
	}
	.carousel .swiper-slide {
		text-align: center;
		font-size: 0.9375vw;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.carousel .swiper-slide img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}


	/* 品牌介绍 */
	.brandIntroduction{
		width: 100%;
		/* height: calc(720 / 1920 * 100vw);	 */
		background-color: #F2F2F2;
		padding-top: 5%;
	}
	.brand{
		width: 80.468vw;
		height: calc(656 / 1545 * 80.468vw);
		margin: 0 auto;
		padding: 83px 0 69px;
		position: relative;
	}
	.brand .brandPic{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.brand .brandArticle{
		/* width: 740px; */
		width: calc(48.54%);
		float: right;
		position: relative;
		z-index: 11;
	}
	.brand .brandArticle .articleTitle{
		font-size: 1.875vw;
		font-weight: 400;
		color: #000000;
		margin-bottom: 5%;
	}
	.brand .brandArticle .articleContent{
		font-size: 1.042vw;
		font-weight: 400;
		color: #616161;
		line-height: 1.875vw;
		text-align: justify;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;

	}
	.brand .brandArticle .articleBtn{
		width: 10.417vw;
		height: 2.396vw;
		border: 1px solid #000000;
		border-radius: 5px;
		font-size: 1.042vw;
		font-weight: 400;
		color: #000000;
		text-align: center;
		line-height: 2.396vw;
		margin-top: 5%;
		cursor: pointer;
	}
	.brand .brandArticle .articleBtn:hover{
		background: #2B2A2A;
		color: #fff;
		
	}
	
	/* 品牌高光、品牌服务  */
	.highlightServe{
		width: 100%;
		/* height: 2956px; */
		padding-top: 108px;
		position: relative;
	}
	
	.highlightServe .swiper {
		width: 100%;
		height: 100%;
		--swiper-navigation-size: 1.71875vw;/* 设置按钮大小 */
	}
	.highlightServe #swiperFour .swiper-slide {
		text-align: center;
		font-size: 0.9375vw;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.highlightServe .swiper-slide img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	.highlightServe .prev{
		width: 4.896vw;
		height: 4.896vw;
		background-color: rgba(0, 0, 0,1);
		--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
		left:74%;
		top:87.5%;
	}
	.highlightServe .next{
		width: 4.896vw;
		height: 4.896vw;
		background-color: rgba(255, 255, 255, 0.7);
		--swiper-navigation-color: #000;/* 单独设置按钮颜色 */
		right:16.15%;
		top:87.5%;
	}
	
	
	.highlightServe .highlightTitle{
		font-size: 1.875vw;
		text-align: center;
		font-weight: 400;
		color: #000000;
	}
	.highlightServe .highlightCon{
		margin-top: 61px;
		height: 28.125vw;
		position: relative;
	}
	.leftPic{
		width: 44.827%;
		height: 100%;
		position: relative;
	}
	.leftPic video{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.leftPic .small{
		width: 82px;
		height: 82px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.highlightServe .highDetail{
		width: calc(60.92%);
		padding: 4.271vw 3.177vw 2.604vw;
		background-color: #f2f2f2;
		position: absolute;
		display: flex;
		right: 0;
		top: 1.5625vw;
	}
	.highlightServe .highDetail .detailLeft{
		width: calc(56.887%);
		text-align: left;
	}
	.highlightServe .highDetail .detailLeft .detailTItle{
		font-size: 1.667vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #2B2A2A;
		margin-bottom: 1.98vw;
	}
	.highlightServe .highDetail .detailLeft .detailContent{
		width: 100%;
		font-size: 1.042vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #616161;
		margin-bottom: 2.53125vw;
		line-height: 1.875vw;
		text-align: justify;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.highlightServe .highDetail .detailLeft .detailBtn{
		width: 10.417vw;
		height: 2.396vw;
		border: 1px solid #000000;
		border-radius: 5px;
		font-size: 1.042vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #000000;
		text-align: center;
		line-height: 2.396vw;
		cursor: pointer;
		user-select: none;
	}
	.highlightServe .highDetail .detailLeft .detailBtn:hover{
		background: #2B2A2A;
		color: #fff;
	}
	.highlightServe .highDetail .detailRight{
		width: 8.073vw;
		height: calc(155 / 155 * 8.073vw);
		margin-left: 9.01vw;
	}
	.highlightCon.mebio{
		display: none;
	}
	.highlightCon .smallPicture{
		width: 16.667vw;
		height: 12.76vw;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.highlightServe .serveTitle{
		font-size: 1.875vw;
		text-align: center;
		font-weight: 400;
		color: #000000;
		margin: 122px 0 64px;
	}
	.highlightServe .servepic1{
		height: 475.6px;
		background-image: url("../images/Slice2.jpg");
		background-size: 90.625vw 475.6px;
		padding-top: 93px;
		margin-bottom: 2px;
	}
	.highlightServe .servepic1 .servepic1Small{
		width: 95px;
		height: 166px;
		margin: 0 auto;
	}
	.servepic1Title1{
		font-size: 1.875vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		margin: 26px 0 24px;
	}
	.servepic1Title2{
		font-size: 1.198vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		letter-spacing:8px
	}
	.highlightServe .servepic2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.highlightServe .servepic2 .servepic2One{
		/* width: 578px; */
		width: calc(100% / 3 - 3px);
		height: auto;
		position: relative;
		margin-bottom: 2px;
	}
	.highlightServe .servepic2 .servepic2One.active .mask{
		display: block;
	}
	.highlightServe .servepic2 .servepic2One .mask{
		width: 100%;
		height: 100%;
		position:absolute;
		top: 0;left: 0;
		color:#fff;
		display: none;
		padding: 25%;
		background-color: rgba(0, 0, 0, 0.5);
		/* display: ; */
	}
	.highlightServe .servepic2 .servepic2One .mask .maskTitle1{
		font-size: 1.25vw;
		font-weight: 400;
		text-align: center;
		margin-bottom: 1.77vw;
	}
	.highlightServe .servepic2 .servepic2One .mask .maskTitle2{
		font-size: 1.042vw;
		font-weight: 400;
		text-align: center;
	}
	.highlightServe .serveBtn{
		width: 10.417vw;
		height: 2.396vw;
		border-radius: 5px;
		font-size: 1.042vw;
		text-align: center;
		line-height: 2.396vw;
		font-weight: 400;
		color: #000;
		margin: 69px auto 113px;
		cursor: pointer;
		border: 1px solid #242424;
	}
	.highlightServe .serveBtn:hover{
		background: #2B2A2A;
		color: #fff;
	}
	.highlightServe .team{
		display: flex;
		/* justify-content: space-between; */
		position: relative;
		flex-wrap: wrap;
		padding-bottom: 30px;
	}
	.highlightServe::after{
		width: 100%;
		height: 145px;
		background-color: #f2f2f2;
		background-image: url('../images/laurent falcon.png');
		background-size: 33.073vw auto;
		background-repeat: no-repeat;
		background-position: 88px center;
		margin: 0 auto;
		padding: 35px 0 0 80px;
		display: block;
		content:'';
		position: absolute;
		bottom: 0px;
		box-sizing: border-box;
	}
	
	
	.whitePic{
		width: 33.073vw;
		height: 54px;
	}
	
	
	
	.highlightServe .team .teamLeft{
		width: calc(33.33%);
		padding-top: 55px;
		margin-right: calc(100% - 40% - 48%);
		
	}
	.highlightServe .team .teamLeft .teamTitle{
		font-size: 1.875vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #000000;
		margin-bottom: 2.073vw;
	}
	.highlightServe .team .teamLeft .teamContent{
		width: 100%;
		font-size: 1.042vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #616161;
		line-height: 1.875vw;
		text-align: justify;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.highlightServe .team .teamLeft .teamBtn{
		width: 10.417vw;
		height: 2.396vw;
		border: 1px solid #242424;
		border-radius: 5px;
		font-size: 1.042vw;
		font-weight: 400;
		color: #000000;
		text-align: center;
		line-height: 2.396vw;
		margin-top: 3.177vw;
		cursor: pointer;
	}
	.highlightServe .team .teamLeft .teamBtn:hover{
		background-color: #2B2A2A;
		color: #fff;
	}
	.highlightServe .team .teamRight{
		width: 46.3125vw;
	}
	.swiperLeft{
		width: calc(100% - 20px);
		
	}
	.highlightServe .team .teamRight .swiperLeftPic{
		width: 100%;
		height: calc(535 / 422 * 21.98vw);
	}
	.highlightServe .team  .swiper-slide .swiperLeftChine{
		font-size: 1.667vw;
		font-weight: 400;
		color: #080808;
		margin: 29px 0 8px;
	}
	.highlightServe .team  .swiper-slide .swiperLeftEnglish{
		font-size: 0.9375vw;
		font-weight: 400;
		color: #8C8C8C;
	}
	.highlightServe .team .teamRight .swiper {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.highlightServe .team .teamRight .swiper-slide {
		text-align: center;
		font-size: 0.9375vw;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		justify-content: space-between;
	}
	
	.highlightServe .team .teamRight .swiper-slide img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	.highlightServe .team .teamRight .swiper-button-prev,
	.highlightServe .team .teamRight .swiper-button-next{
		--swiper-navigation-size: 1.09375vw;/* 设置按钮大小 */
		width: 3.125vw;
		height: 3.125vw;
	}
	.highlightServe .team .teamRight .swiper-button-prev{
		left: 40.3%;
		top: 39%;
		background-color: #2b2a2a;
		--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
		/* position: absolute; */	
	}
	.highlightServe .team .teamRight .swiper-button-next{
		right: -0.22%;
		top: 39%;
		background-color: #2b2a2a;
		--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
		/* position: absolute; */	
		
	}
	.highlightServe .team .teamRight .swiper-button-next:hover,
	.highlightServe .team .teamRight .swiper-button-prev:hover{
		background-color: #ccc;
		--swiper-navigation-color: #2b2a2a;/* 单独设置按钮颜色 */
	}
	
	
}