.EightCut{ overflow: hidden; color: #fff  }
.EightCut li{ overflow: hidden; float: left; width: 50% }
.EightCut li div{ position: relative; float: left; height: 208px; box-sizing: border-box; padding: 52px 0 }
.EightCut li div .Number{ position: absolute; top: 24px; left: 16px; writing-mode: vertical-rl; font-weight: bold; font-size: 24px }
.EightCut li div h2{ font-size: 28px; margin-bottom: 8px }
.EightCut li div h3{ font-size: 20px }
.TypeA{ width: 55% }
.TypeB{ width: 45% }
.RedBGC{ background-color: #e13ba0 }
.BlueBGC{ background-color: #3559d3 }
.GreenBGC{ background-color: #22ad2e }
.OrangeBGC{ background-color: #eb6718 }
.example1{ background: url("img/example1-a.jpg") no-repeat; background-size: cover; background-position: center }
.example2{ background: url("img/example2-a.jpg") no-repeat; background-size: cover; background-position: center }
.example3{ background: url("img/example3-a.jpg") no-repeat; background-size: cover; background-position: center }
.example4{ background: url("img/example4-a.jpg") no-repeat; background-size: cover; background-position: center }
#news{ margin-bottom: 80px }

.Normalh2{ font-size: 40px; line-height: 56px; text-align: center; margin: 72px 0 80px 0 }
.Normalh2 span{ font-size: 16px; font-weight: normal; line-height: 24px; display: block }
#news ul, #news a{ overflow:hidden }
#news li, #news .day{ float: left }
#news li{ width: 50%; box-sizing: border-box; margin-bottom: 32px }
#news li:nth-child(odd){ padding-right: 24px }
#news li:nth-child(even){ padding-left: 24px }
#news li:nth-child(3), #news li:last-child{ margin-bottom: 0 }
#news a{ color: #595759 }
#news .day{ float: left; display: inline-block; width: 104px; text-align: center; background: #595759; color: #fff; font-size: 12px; margin-bottom: 16px }
#news .text{ clear: left; text-align: left; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.slider{ width: 100%; margin: 0 auto }
.slick-slide{ margin: 0px 16px; height : auto }
.slick-slide img{ width: 100% }
.slick-slide{ transition: all ease-in-out .4s }
.slick-current{ opacity: 1 }
#slider, #slider div a, #slider div .cover{ overflow: hidden }
#slider, #slider div a{ position: relative }
#slider div, #slider div .cover{ box-sizing: border-box }
#slider div:nth-child(1), #slider div:nth-child(2){ margin-top: 0 }
#slider div .cover{ position: absolute; bottom: 24px; left: 0; text-align: left; font-size: 12px; width: 100%; height: 64px; padding: 0 32px }
#slider div .cover .text{ divne-height: 32px }

@media screen and (max-width: 1279px){
	.EightCut li div .Number{ font-size: 20px }
	.EightCut li div h2{ font-size: 24px }
	.EightCut li div h3{ font-size: 18px }
	.EightCut li div p{ font-size: 14px }
}

@media screen and (max-width: 1088px){
	.#slider div .cover{ top: 24px; height: auto }
	.contact form, .confirm, .completion{ width: 100% }
}

@media screen and (max-width: 1023px){
	.EightCut li div{ height: 160px; padding: 40px 0 }
	.EightCut li div .Number{ font-size: 16px; top: 16px; left: 8px }
	.EightCut li div h2{ font-size: 18px; margin-bottom: 0 }
	.EightCut li div h3, .EightCut li div p{ line-height: 24px }
	.EightCut li div h3{ font-size: 14px }
	.EightCut li div p{ font-size: 10px }
	.TypeA, .TypeB{ width: 50% }
}

@media(max-width: 767px){
	.EightCut li{ float: none; width: 100% }
	.EightCut li:nth-child(2) div, .EightCut li:nth-child(3) div{ float: right }
	.EightCut li div{ padding: 30px 0 }
	.EightCut li div .Number{ font-size: 20px; left: 16px }
	.EightCut li div h2{ font-size: 24px; margin-bottom: 8px }
	.EightCut li div h3, .EightCut li div p{ line-height: 32px }
	.EightCut li div h3{ font-size: 18px }
	.EightCut li div p{ font-size: 14px }

	.Normalh2{ font-size: 28px; line-height: 32px; text-align: center; margin: 40px 0 }
	.Normalh2 span{ font-size: 14px; line-height: 28px }
	#news li{ float: none }
	#news li{ width: 100% }
	#news li:nth-child(odd){ padding-right: 0 }
	#news li:nth-child(even){ padding-left: 0 }
	#news .day{ font-size: 10px; width: 80px; margin-bottom: 8px }

	#slider div{ width: 100%; padding-bottom: 16px }
	#slider div:last-child{ padding-bottom: 0 }
}

@media screen and (max-width: 539px){
	.EightCut li div{ height: 144px; padding: 36px 0 }
	.EightCut li div .Number{ font-size: 16px; left: 8px }
	.EightCut li div h2{ font-size: 18px; margin-bottom: 0 }
	.EightCut li div h3, .EightCut li div p{ line-height: 24px }
	.EightCut li div h3{ font-size: 14px }
	.EightCut li div p{ font-size: 10px }

	.slick-slide{ margin: 0px 8px }
}

@media screen and (max-width: 411px){
	.EightCut li div .Number{ font-size: 14px }
	.EightCut li div h2{ font-size: 16px }
	.EightCut li div h3{ font-size: 13px }
}

@media screen and (max-width: 359px){
	.EightCut li:nth-child(3), .EightCut li:nth-child(4){ position: relative; height: 288px }
	.EightCut li:nth-child(3) div, .EightCut li:nth-child(4) div{ position: absolute }
	.EightCut li:nth-child(3) .TypeA, .EightCut li:nth-child(4) .TypeA{ bottom: 0 }
	.TypeA, .TypeB{ width: 100% }
}