/* 幻灯片 */
	.design-banner{
		width: 100%;
	}
	
	.design-banner .swiper-slide{
		width: 100%;
	}
	
	.design-banner .swiper-slide img{
		width: 100%;
		height: 100%;
	}
	
	.design-banner .swiper-slide img.mobile-images{
		display: none;
	}
	
	.design-banner .swiper-slide img.computer-images{
		display: block;
	}

	/* 幻灯片-分页器 */
	.design-banner .swiper-pagination{
		width: 405px;
		height: 44px;
		display: flex;
		align-items: center;
		border-radius: 22px;
		justify-content: center;
		transform: translateX(-50%);
		background-color: rgba(255, 255, 255, 0.6);
		bottom: 40px;
		left: 50%;
	}
	
	.design-banner .swiper-pagination .swiper-pagination-bullet{
		opacity: 1;
		margin: 0%;
		width: 125px;
		height: 40px;
		display: flex;
		font-size: 14px;
		border-radius: 20px;
		align-items: center;
		justify-content: center;
		font-family: "SourceHanSansCN-Regular";
		background-color: rgba(255, 255, 255, 0);
	}

/* 查看进展 */
	.design-view-progress{
		width: 100%;
		padding: 120px 0% 130px;
	}

	/* 查看进展-头部 */
	.design-view-progress .header p{
		width: 100%;
		line-height: 1;
		font-size: 65px;
		text-align: center;
		color: rgba(0, 0, 0, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-view-progress .header p:last-child{
		margin-top: 25px;
	}

	/* 查看进展-内容 */
	.design-view-progress .content-wrapper{
		width: 100%;
		margin-top: 85px;
	}

	/* 查看进展-内容-表单 */
	.design-view-progress .content-wrapper .layui-form .layui-form-item{
		display: flex;
		margin: 0% auto;
		border-radius: 10px;
		align-items: center;
		width: calc(500px - 2px);
		height: calc(50px - 2px);
		justify-content: flex-end;
		border: 1px solid rgba(227, 227, 227, 1);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .iconfont{
		display: flex;
		font-size: 25px;
		align-items: center;
		color: rgba(0, 0, 0, 1);
		justify-content: center;
		width: calc(50px - 2px);
		height: calc(50px - 2px);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .layui-input{
		outline: none;
		box-shadow: none;
		border-width: 0px;
		height: calc(50px - 2px);
		line-height: calc(50px - 2px);
		width: calc((100% - 48px) - 135px);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .layui-input:focus{
		outline: none;
		border-color: rgba(0, 0, 0, 0) !important;
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .layui-btn{
		width: 120px;
		height: 100%;
		font-size: 18px;
		border-radius: 10px;
		line-height: calc(50px - 2px);
		background-color: rgba(40, 9, 0, 1);
	}

	/* 查看进展-内容-数据 */
	.design-view-progress .content-wrapper .content .main{
		width: 100%;
		margin-top: 60px;
	}
	
	.design-view-progress .content-wrapper .content .main .explain{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.design-view-progress .content-wrapper .content .main .explain p:first-child{
		line-height: 1;
		font-size: 22px;
		color: rgba(28, 28, 28, 1);
	}
	
	.design-view-progress .content-wrapper .content .main .explain p:last-child{
		line-height: 1;
		font-size: 18px;
		color: rgba(156, 156, 156, 1);
	}
	
	.design-view-progress .content-wrapper .content .main .layui-progress{
		width: 100%;
		height: 4px;
		margin-top: 20px;
		border-radius: 0px;
		background-color: rgba(146, 146, 146, 1);
	}
	
	.design-view-progress .content-wrapper .content .main .layui-progress .layui-progress-bar{
		height: 4px;
		border-radius: 0%;
		background-color: rgba(26, 26, 26, 1);
	}
	
	.design-view-progress .content-wrapper .content .minor{
		width: 100%;
		display: grid;
		grid-gap: 10px;
		margin-top: 25px;
		grid-template-columns: repeat(4, 1fr);
	}
	
	.design-view-progress .content-wrapper .content .minor .item{
		width: 100%;
	}
	
	.design-view-progress .content-wrapper .content .minor .item img{
		width: 100%;
		height: 100%;
	}

/* 擅长类型 */
	.design-skilled-type{
		width: 100%;
		padding: 135px 0% 170px;
		background-color: rgba(0, 0, 0, 1);
	}

	/* 擅长类型-头部 */
	.design-skilled-type .header p{
		width: 100%;
		line-height: 1;
		font-size: 65px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}

	/* 擅长类型-内容 */
	.design-skilled-type .content-wrapper{
		width: 100%;
		margin-top: 110px;
	}

	/* 擅长类型-内容-主要的 */
	.design-skilled-type .content-wrapper .main{
		width: 100%;
		display: grid;
		grid-row-gap: 24px;
		grid-column-gap: 2px;
		grid-template-columns: repeat(6, 1fr);
		position: relative;
	}
	
	.design-skilled-type .content-wrapper .main::after{
		width: 85%;
		content: '';
		height: 2px;
		transform: translateY(-50%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0) 100%);
		position: absolute;
		top: calc(50% - 11px);
	}
	
	.design-skilled-type .content-wrapper .main .item{
		gap: 20px;
		width: 100%;
		display: flex;
		align-items: center;
		padding: 10px 0% 30px;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}
	
	.design-skilled-type .content-wrapper .main .item::after{
		width: 2px;
		content: '';
		height: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), rgba(0, 0, 0, 0) 90%);
		position: absolute;
		top: 0%;
		right: calc(0% - 2px);
	}
	
	.design-skilled-type .content-wrapper .main .item:nth-child(6n)::after{
		display: none;
	}
	
	.design-skilled-type .content-wrapper .main .item .icon{
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.design-skilled-type .content-wrapper .main .item p{
		line-height: 1;
		font-size: 18px;
		color: rgba(255, 255, 255, 1);
	}

	/* 擅长类型-内容-次要的 */
	.design-skilled-type .content-wrapper .minor{
		width: 100%;
		display: grid;
		grid-gap: 25px;
		margin-top: 135px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.design-skilled-type .content-wrapper .minor .item{
		padding: 65px 50px;
		border-radius: 10px;
		background-color: rgba(26, 26, 26, 1);
	}
	
	.design-skilled-type .content-wrapper .minor .item .text p{
		line-height: 1;
		font-size: 55px;
		color: rgba(0, 106, 253, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-skilled-type .content-wrapper .minor .item .text p:last-child{
		margin-top: 20px;
		color: rgba(255, 255, 255, 1);
	}
	
	.design-skilled-type .content-wrapper .minor .item .images{
		width: 100%;
		margin-top: 65px;
	}
	
	.design-skilled-type .content-wrapper .minor .item .images img{
		width: 100%;
		height: 100%;
	}

/* 前后比较 */
	.design-compare{
		width: 100%;
		background-color: rgba(255, 255, 255, 1);
	}

	/* 前后比较-头部 */
	.design-compare .compare-header .header{
		width: 100%;
		padding: 130px 0% 150px;
	}
	
	.design-compare .compare-header .header p:first-child{
		gap: 40px;
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 65px;
		align-items: center;
		justify-content: center;
		color: rgba(19, 19, 19, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-compare .compare-header .header p:first-child samp{
		font-family: inherit;
	}
	
	.design-compare .compare-header .header p:last-child{
		line-height: 1;
		font-size: 45px;
		margin-top: 35px;
		text-align: center;
		color: rgba(19, 19, 19, 1);
		font-family: "SourceHanSansCN-Medium";
	}

	/* 前后比较-内容 */
	.design-compare .compare-wrapper{
		width: 100%;
		height: 200vh;
	}
	
	.design-compare .compare-wrapper .content-wrapper{
		width: 100%;
		background-color: rgba(246, 246, 246, 1);
		position: sticky;
		top: 0;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content{
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content img{
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}

	/* 前后比较-内容-前 */
	.design-compare .compare-wrapper .content-wrapper .content .before{
		width: calc(1vw * 36.719);
		border-radius: calc(1vw * 0.521);
		position: absolute;
		z-index: 1;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main{
		gap: 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc((100% - (1vw * 36.719)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main p{
		line-height: 1;
		font-size: 24px;
		color: rgba(19, 19, 19, 1);
		font-family: "SourceHanSansCN-Medium";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main p:last-child{
		font-size: 14px;
		font-family: "SourceHanSansCN-Regular";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor{
		gap: 25px;
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		justify-content: center;
		width: calc((100% - (1vw * 36.719)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item{
		gap: 5px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc(100% - (1vw * 5.209));
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item p{
		line-height: 1;
		font-size: 24px;
		color: rgba(19, 19, 19, 1);
		font-family: "SourceHanSansCN-Medium";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item p:last-child{
		font-size: 14px;
		font-family: "SourceHanSansCN-Regular";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item:first-child p:last-child{
		font-size: 24px;
		font-family: "SourceHanSansCN-Medium";
	}

	/* 前后比较-内容-后 */
	.design-compare .compare-wrapper .content-wrapper .content .after{
		width: calc(1vw * 36.719);
		border-radius: calc(1vw * 0.521);
		position: absolute;
		z-index: 0;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .main{
		gap: 20px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		width: calc((100% - (1vw * 36.719)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .main p{
		line-height: 1;
		font-size: 40px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor{
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		justify-content: center;
		width: calc((100% - (1vw * 36.719)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item{
		gap: 10px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc(100% - (1vw * 5.209));
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item p{
		line-height: 1;
		font-size: 24px;
		line-height: 28px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Regular";
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item p:first-child{
		font-size: 28px;
		font-family: "SourceHanSansCN-Bold";
	}

/* 服务介绍 */
	.design-service{
		width: 100%;
		padding: 50px 0% 165px;
		background-color: rgba(0, 0, 0, 1);
	}

	/* 服务介绍-头部 */
	.design-service .header{
		gap: 20px;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.design-service .header p{
		line-height: 1;
		font-size: 35px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}
	
	.design-service .header p:first-child{
		font-size: 65px;
		font-family: "SourceHanSansCN-Bold";
	}

	/* 服务介绍-内容 */
	.design-service .content-wrapper{
		gap: 20px;
		width: 100%;
		display: flex;
		margin-top: 100px;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.design-service .content-wrapper .item{
		width: 100%;
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.design-service .content-wrapper .item .main{
		display: flex;
		padding: 55px 50px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		background-color: rgba(26, 26, 26, 1);
	}
	
	.design-service .content-wrapper .item .main .title p:first-child{
		gap: 40px;
		width: 100%;
		display: flex;
		line-height: 1;
		font-size: 40px;
		align-items: center;
		justify-content: flex-start;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-service .content-wrapper .item .main .title p:first-child samp{
		font-family: inherit;
	}
	
	.design-service .content-wrapper .item .main .title p:last-child{
		line-height: 1;
		font-size: 24px;
		margin-top: 40px;
		color: rgba(255, 255, 255, 1);
	}
	
	.design-service .content-wrapper .item .main .data{
		width: 100%;
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(9, 1fr);
	}
	
	.design-service .content-wrapper .item .main .data .data-item{
		gap: 15px;
		display: flex;
		padding: 20px;
		border-radius: 5px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		grid-column: span 4 / span 4;
		background-color: rgba(46, 46, 46, 1);
	}
	
	.design-service .content-wrapper .item .main .data .data-item.big{
		grid-column: span 5 / span 5;
	}
	
	.design-service .content-wrapper .item .main .data .data-item .icon{
		width: 40px;
		height: 40px;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.design-service .content-wrapper .item .main .data .data-item p{
		line-height: 1;
		font-size: 14px;
		color: rgba(255, 255, 255, 1);
	}
	
	.design-service .content-wrapper .item .minor{
		width: 100%;	
	}
	
	.design-service .content-wrapper .item .minor img{
		width: 100%;
		height: 100%;
	}

/* 设计演示 */
	.design-demo{
		width: 100%;
		background-color: rgba(255, 255, 255, 1);
	}

	/* 设计演示-内容 */
	.design-demo .demo-wrapper{
		width: 100%;
		height: 200vh;
	}
	
	.design-demo .demo-wrapper .content-wrapper{
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: linear-gradient(180deg, rgba(170, 185, 211, 1), rgba(218, 225, 236, 1));
		background: -webkit-linear-gradient(top, rgba(170, 185, 211, 1), rgba(218, 225, 236, 1));
		background: -moz-linear-gradient(top, rgba(170, 185, 211, 1) 0, rgba(218, 225, 236, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(170, 185, 211, 1)), to(rgba(218, 225, 236, 1)));
		position: sticky;
		top: 0;
	}

	/* 设计演示-内容-前 */
	.design-demo .demo-wrapper .content-wrapper .before{
		opacity: 1;
		width: 100%;
		height: 100%;
		background-size: cover;
		transition: opacity 0.3s;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain{
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .main{
		gap: 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc((100% - (1vw * 15.365)) / 2);
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .main p:first-child{
		line-height: 1;
		font-size: 14px;
		color: rgba(255, 255, 255, 1);
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .main p:last-child{
		line-height: 1;
		font-size: 28px;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor{
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		justify-content: center;
		width: calc((100% - (1vw * 15.365)) / 2);
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor .item{
		gap: 5px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		width: calc(100% - (1vw * 13.021));
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor .item p{
		font-size: 14px;
		line-height: 24px;
		color: rgba(255, 255, 255, 1);
	}

	/* 设计演示-内容-后 */
	.design-demo .demo-wrapper .content-wrapper .after{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .middle-image{
		width: calc(1vw * 15.365);
		border-radius: calc(1vw * 1.823);
		transform: translate(-50%, -50%);
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .middle-image img{
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item{
		opacity: 0;
		transition: opacity 0.3s;
		width: calc(1vw * 15.365);
		transform: translateY(0px);
		position: absolute;
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item.one{
		left: calc(1vw * 5.990);
		top: calc(1vw * -57.292);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item.two{
		top: calc(1vw * -6.250);
		left: calc(1vw * 23.959);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item.three{
		top: calc(1vw * -6.250);
		right: calc(1vw * 23.959);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item.four{
		top: calc(1vw * -57.292);
		right: calc(1vw * 5.990);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item .image{
		width: 100%;
		margin-bottom: 25px;
		border-radius: calc(1vw * 1.303);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item .image img{
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}

	/* 设计演示-公司简介 */
	.design-demo .demo-company-introduce{
		width: 100%;
		padding: 195px 0%;
	}
	
	.design-demo .demo-company-introduce .text{
		gap: 20px;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	
	.design-demo .demo-company-introduce .text p{
		line-height: 1;
		font-size: 100px;
		color: rgba(0, 0, 0, 1);
		font-family: "SourceHanSansCN-Bold";
	}

	/* 幻灯片-分页器-选中 */
	.design-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(0, 0, 0, 1);
	}

	/* 前后比较-内容-动效 */
	.design-compare .compare-wrapper .content-wrapper .content .explain[data-state='0']{
		opacity: 0;
		transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transform: translateY(70px) translateZ(0);
		-moz-transform: translateY(70px) translateZ(0);
		-webkit-transform: translateY(70px) translateZ(0);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain[data-state='1']{
		opacity: 1;
		transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transform: translateY(0px) translateZ(0);
		-moz-transform: translateY(0px) translateZ(0);
		-webkit-transform: translateY(0px) translateZ(0);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain[data-state='2']{
		opacity: 0;
		transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transform: translateY(-70px) translateZ(0);
		-moz-transform: translateY(-70px) translateZ(0);
		-webkit-transform: translateY(-70px) translateZ(0);
	}

/* 响应 1680 */	
@media screen and (max-width: 1680px) {}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */

	/* 幻灯片-分页器 */
	.explore-banner .swiper-pagination{
		height: 42px;
		border-radius: 21px;
		bottom: 30px;
	}
	
	.explore-banner .swiper-pagination .swiper-pagination-bullet{
		height: 38px;
		font-size: 12px;
		border-radius: 19px;
	}

/* 查看进展 */
	.design-view-progress{
		width: 100%;
		padding: 80px 0% 100px;
	}

	/* 查看进展-头部 */
	.design-view-progress .header p{
		font-size: 55px;
	}
	
	.design-view-progress .header p:last-child{
		margin-top: 20px;
	}

	/* 查看进展-内容 */
	.design-view-progress .content-wrapper{
		margin-top: 50px;
	}

	/* 查看进展-内容-表单 */
	.design-view-progress .content-wrapper .layui-form .layui-form-item{
		border-radius: 8px;
		width: calc(450px - 2px);
		height: calc(45px - 2px);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .iconfont{
		font-size: 20px;
		width: calc(45px - 2px);
		height: calc(45px - 2px);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .layui-input{
		outline: none;
		box-shadow: none;
		border-width: 0px;
		height: calc(45px - 2px);
		line-height: calc(45px - 2px);
		width: calc((100% - 43px) - 115px);
	}
	
	.design-view-progress .content-wrapper .layui-form .layui-form-item .layui-btn{
		width: 100px;
		font-size: 14px;
		border-radius: 8px;
		line-height: calc(45px - 2px);
	}

	/* 查看进展-内容-数据 */
	.design-view-progress .content-wrapper .content .main{
		margin-top: 40px;
	}
	
	.design-view-progress .content-wrapper .content .main .explain p:first-child{
		font-size: 18px;
	}
	
	.design-view-progress .content-wrapper .content .main .explain p:last-child{
		font-size: 14px;
	}
	
	.design-view-progress .content-wrapper .content .main .layui-progress{
		margin-top: 15px;
	}
	
	.design-view-progress .content-wrapper .content .minor{
		margin-top: 20px;
	}

/* 擅长类型 */
	.design-skilled-type{
		padding: 100px 0% 120px;
	}

	/* 擅长类型-头部 */
	.design-skilled-type .header p{
		font-size: 55px;
	}

	/* 擅长类型-内容 */
	.design-skilled-type .content-wrapper{
		margin-top: 80px;
	}

	/* 擅长类型-内容-主要的 */
	.design-skilled-type .content-wrapper .main{
		grid-row-gap: 22px;
	}
	
	.design-skilled-type .content-wrapper .main::after{
		width: 80%;
		top: calc(50% - 10px);
	}
	
	.design-skilled-type .content-wrapper .main .item{
		gap: 15px;
		padding: 5px 0% 20px;
	}
	
	.design-skilled-type .content-wrapper .main .item .icon{
		width: 35px;
		height: 35px;
	}
	
	.design-skilled-type .content-wrapper .main .item p{
		font-size: 14px;
	}

	/* 擅长类型-内容-次要的 */
	.design-skilled-type .content-wrapper .minor{
		grid-gap: 20px;
		margin-top: 80px;
	}
	
	.design-skilled-type .content-wrapper .minor .item{
		padding: 55px 40px;
		border-radius: 8px;
	}
	
	.design-skilled-type .content-wrapper .minor .item .text p{
		font-size: 45px;
	}
	
	.design-skilled-type .content-wrapper .minor .item .text p:last-child{
		margin-top: 15px;
	}
	
	.design-skilled-type .content-wrapper .minor .item .images{
		margin-top: 55px;
	}

/* 前后比较 */

	/* 前后比较-头部 */
	.design-compare .compare-header .header{
		padding: 100px 0% 120px;
	}
	
	.design-compare .compare-header .header p:first-child{
		gap: 25px;
		font-size: 55px;
	}
	
	.design-compare .compare-header .header p:last-child{
		font-size: 35px;
		margin-top: 25px;
	}

	/* 前后比较-内容 */

	/* 前后比较-内容-前 */
	.design-compare .compare-wrapper .content-wrapper .content .before{
		width: calc(1vw * 41.667);
		border-radius: calc(1vw * 0.556);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main{
		gap: 15px;
		width: calc((100% - (1vw * 41.667)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main p{
		font-size: 20px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .main p:last-child{
		font-size: 12px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor{
		gap: 20px;
		width: calc((100% - (1vw * 41.667)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item{
		width: calc(100% - (1vw * 5.556));
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item p{
		font-size: 20px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item p:last-child{
		font-size: 12px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.one .minor .item:first-child p:last-child{
		font-size: 20px;
	}

	/* 前后比较-内容-后 */
	.design-compare .compare-wrapper .content-wrapper .content .after{
		width: calc(1vw * 41.667);
		border-radius: calc(1vw * 0.556);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .main{
		gap: 15px;
		width: calc((100% - (1vw * 41.667)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .main p{
		font-size: 35px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor{
		width: calc((100% - (1vw * 41.667)) / 2);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item{
		width: calc(100% - (1vw * 5.556));
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item p{
		font-size: 20px;
		line-height: 24px;
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain.two .minor .item p:first-child{
		font-size: 24px;
	}

/* 服务介绍 */
	.design-service{
		padding: 35px 0% 120px;
	}

	/* 服务介绍-头部 */
	.design-service .header{
		gap: 15px;
	}
	
	.design-service .header p{
		font-size: 25px;
	}
	
	.design-service .header p:first-child{
		font-size: 55px;
	}

	/* 服务介绍-内容 */
	.design-service .content-wrapper{
		gap: 15px;
		margin-top: 75px;
	}
	
	.design-service .content-wrapper .item{
		grid-gap: 15px;
	}
	
	.design-service .content-wrapper .item .main{
		padding: 40px 35px;
	}
	
	.design-service .content-wrapper .item .main .title p:first-child{
		gap: 20px;
		font-size: 30px;
	}
	
	.design-service .content-wrapper .item .main .title p:last-child{
		font-size: 20px;
		margin-top: 20px;
	}
	
	.design-service .content-wrapper .item .main .data .data-item{
		gap: 10px;
		padding: 15px;
	}
	
	.design-service .content-wrapper .item .main .data .data-item .icon{
		width: 35px;
		height: 35px;
	}
	
	.design-service .content-wrapper .item .main .data .data-item p{
		font-size: 12px;
	}

/* 设计演示 */

	/* 设计演示-内容 */

	/* 设计演示-内容-前 */
	.design-demo .demo-wrapper .content-wrapper .before .explain .main{
		gap: 15px;
		width: calc((100% - (1vw * 15.973)) / 2);
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .main p:first-child{
		font-size: 12px;
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .main p:last-child{
		font-size: 24px;
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor{
		width: calc((100% - (1vw * 15.973)) / 2);
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor .item{
		width: calc(100% - (1vw * 15.278));
	}
	
	.design-demo .demo-wrapper .content-wrapper .before .explain .minor .item p{
		font-size: 12px;
		line-height: 20px;
	}

	/* 设计演示-内容-后 */
	.design-demo .demo-wrapper .content-wrapper .after .middle-image{
		width: calc(1vw * 15.973);
		border-radius: calc(1vw * 1.737);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item{
		width: calc(1vw * 15.973);
	}
	
	.design-demo .demo-wrapper .content-wrapper .after .item .image{
		margin-bottom: 20px;
		border-radius: calc(1vw * 1.389);
	}

	/* 设计演示-公司简介 */
	.design-demo .demo-company-introduce{
		padding: 125px 0%;
	}
	
	.design-demo .demo-company-introduce .text{
		gap: 15px;
	}
	
	.design-demo .demo-company-introduce .text p{
		font-size: 75px;
	}

	/* 幻灯片-分页器-选中 */

	/* 前后比较-内容-动效 */
	.design-compare .compare-wrapper .content-wrapper .content .explain[data-state='0']{
		transform: translateY(50px) translateZ(0);
		-moz-transform: translateY(50px) translateZ(0);
		-webkit-transform: translateY(50px) translateZ(0);
	}
	
	.design-compare .compare-wrapper .content-wrapper .content .explain[data-state='2']{
		transform: translateY(-50px) translateZ(0);
		-moz-transform: translateY(-50px) translateZ(0);
		-webkit-transform: translateY(-50px) translateZ(0);
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {}

/* 响应 1000 */
@media screen and (max-width: 1000px) {}

/* 响应 750 */
@media screen and (max-width: 750px) {}