/* 移动端 */


@media (max-width:1280px){
	
	
	/* 地址 */
	.addressBottom{
		display: none;
	}
	.example{
		width: 100%;
		padding-left: 1.25rem;
		padding-top: 1.1875rem;
		margin-bottom: 15.5rem;
	}
	.examplePic{
		display: none;
	}
	.example .carousel{
		width: 100%;
		position: relative;
	}
	.example .carousel .carouselTitle{
		font-size: 2.25rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #070707;
		margin-left: 0.75rem;
		margin-bottom: 1.1875rem;
	}
	.example .carousel .mask{
		width: 10.875rem;
		height: 28.9375rem;
		background-color: rgba(24, 24, 24, 0.3);
		position: relative;
		padding-left: 2.125rem;
	}
	.example .carousel .mask .onePic{
		position: absolute;
		width: 8.625rem;
		height: 0.625rem;
		top: 17.0625rem;
		z-index: 111;
	}
	.example .carousel .mask .twoPic{
		position: absolute;
		width: 13.75rem;
		height: 4.8125rem;
		top: 18.8125rem;
		z-index: 111;
	}
	.carouselAll{
		width: 100%;
		position: absolute;
		top: 5.5rem;
	}
	.carouselAll .pc{
		display: none;
	}
	.carouselAll .bigPic{
		width: 38.6875rem;
		height: 29rem;
		margin-left: 5.6875rem;
		margin-bottom: 1.4375rem;
	}
	.carouselOne{
		height: 10.1875rem;
		width: 100%;
	}
	.carousel .swiper{
		width: 100%;
		height: 100%;
	}
	.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 .carouselAll .carouselOne .swiper-slide img {
		width: 100%;
		height: 100%;
	}
	
	
}





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

	
	
	/* 地址 */
	.addressBottom{
		width: 90.625vw;
		margin: 51px auto 44px;
		font-size: 0.8333vw;
		font-weight: 400;
		color: #616161;
		text-align: right;
	}
	.addressBottom a{
		font-size: 0.8333vw;
		font-weight: 400;
		color: #616161;
	}
	
	
	/* 服务范例 */
	.example{
		width:100%;
		margin-bottom: 59px;
		position: relative;
		height: calc(1076 / 1920 * 100vw);
	}
	.example .examplePic{
		width:27.29vw;
		position: absolute;
		left: 0;
		z-index: 1;
	}
	.example .examplePic .examplePicTop{
		width:calc(100%);
		height: 45.83333vw;
	}
	.example .examplePic .examplePicBottom{
		width:calc(96.84%);
		height: 8.96vw;
		background-color: #181818;
		text-align: center;
		padding-top: 2.5vw;
	}
	.example .examplePic .examplePicBottom img{
		width: 19.95vw;
		height: 4.1667vw;
	}
	.carousel{
		width: 91.667%;
		padding: 61px 0 72px 0;
		background-color: #f2f2f2;
		float: right;
		position: relative;
		height: calc(872.6 / 1650 * 91.667vw);
		margin-top: 81px;
	}
	.carousel .carouselTitle{
		font-size: 1.875vw;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #070707;
		margin-bottom: 49px;
		margin-left: 27.33%;
	}
	.mask{
		width: calc(12.784%);
		height: calc(597.8 / 225 * 11.458vw);
		position: absolute;
		top: 123px;
		left: 27.33%;
		background-color: rgba(24, 24, 24, 0.3);
	}
	.mask .maskPic{
		width: 100%;
	}
	.mask .maskPic .onePic{
		width: 9.27vw;
		position: absolute;
		top: 66%;
		left: 44px;
		z-index: 1111111;
	}
	.mask .maskPic .twoPic{
		width: 13.54vw;
		position: absolute;
		top: 73%;
		left: 44px;
		z-index: 1111111;	
	}
	.carouselAll{
		width: calc(60.682%);
		height: 300px;
		margin-left: 34.034%;
		display: flex;
	}
	.carouselAll .mabilo{
		display: none;
	}
	.carouselAll .bigPic{
		width: 41.666vw;
		height: 31.25vw;
		position: relative;
		z-index: 111;
		margin-right: 41px;
	}
	.carouselAll .carouselOne{
		width: 11.822vw;
		height: 31.25vw;
		position: relative;

	}
	.carousel .bigPic .swiper{
		width: 100%;
		height: 100%;
	}
	.carousel .bigPic .swiper-slide {
		text-align: center;
		font-size: 0.9375vw;
		background: #fff;
		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 .carouselAll .bigPic .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.carousel .carouselOne .swiper{
		width: 100%;
		height: 100%;
	}
	.carousel .carouselOne .swiper-slide {
		text-align: center;
		font-size: 0.9375vw;
		background: #fff;
		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 .carouselAll .carouselOne .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.carousel .carouselAll .carouselOne .swiper-button-prev,
	.carousel .carouselAll .carouselOne .swiper-button-next{
		color:#fff;
		--swiper-navigation-size: 21px;
		width: 2.65625vw;
		height: calc(110 / 51 * 2.65625vw);
		position: absolute;
		transform: rotate(90deg);
	}
	.carousel .carouselAll .carouselOne .swiper-button-prev:hover,
	.carousel .carouselAll .carouselOne .swiper-button-next:hover{
		background-color: #c3c3c3;
		color: #2b2a2a;
	}
	.carousel .carouselAll .carouselOne .swiper-button-prev{
		top: 98%;
		left: 13%;
		background-color: #2b2a2a;
	}
	.carousel .carouselAll .carouselOne .swiper-button-next{
		top: 98%;
		right: 13%;
		background-color: #2b2a2a;
	}
	
}