.details-cu-performance h1 { margin: 0; font-size: 36px; font-weight: 500; color: #333; line-height: 48px; }
.details-cu-performance h2 { margin: 0; }
.details-cu-performance p { margin: 0; font-size: 16px; font-weight: 400; color: #999999; line-height: 28px; }
.details-cu-performance .inline-box-bottom > * { display: inline-block; vertical-align: baseline; }
.details-cu-performance .inline-box-bottom::after { display: inline-block; vertical-align: baseline; content: ""; }
.details-cu-performance .inline-box-top > * { display: inline-block; vertical-align: top; }
.details-cu-performance .inline-box-top::after { display: inline-block; vertical-align: top; content: ""; }

.performance-one { position: relative; height: 886px; padding: 298px 0; box-sizing: border-box; background: #F5F5F5; }
.performance-one h1 { margin-bottom: 47px; }
.performance-one img { position: absolute; top: -210px; left: 570px; }

.performance-two { position: relative; background: #333333; box-sizing: border-box; height: 875px; padding-top:150px; }
.performance-two .text-box{margin-left:50px;}
.performance-two h1 { margin-bottom: 45px; color: #fff; }
.performance-two p { color: #CFCFCF; }
.performance-two img {width: 50%}
.performance-two h2 { font-size: 56px; line-height: 42px; color: #CFCFCF; }
.performance-two sub { font-size: 16px; line-height: 42px; color: #CFCFCF; }
.performance-two ul { margin-top: 80px; }
.performance-two ul li { display: inline-block; vertical-align: middle; }
.performance-two ul .line-style { width: 1px; height: 42px; background: #666666; margin: 0 40px; }
.performance-two ul + ul { margin-top: 50px; margin-left: 65px; }
.performance-two ul::after { display: inline-block; vertical-align: middle; content: " "; }

.performance-three { padding-top: 137px; text-align: center; background: #E6E6E6; height: 1100px; }
.performance-three p { margin-top: 47px; }
.performance-three img { margin-top: 56px; }

.performance-four { padding: 360px 0; box-sizing: border-box; position: relative; height: 894px; background: #161616 url("../images/cu/performance/4.png") center right no-repeat; background-size: contain; }
.performance-four h1 { color: #fff; margin-bottom: 48px; }

.performance-five { padding-top: 294px; box-sizing: border-box; position: relative; height: 1366px; background: #232323 url("../images/cu/performance/5.png") center bottom no-repeat; background-size: contain; }
.performance-five .text-box { float:right; }
.performance-five h1 { color: #fff; margin-bottom: 47px; }
.performance-five p { margin-bottom: 107px; }
.performance-five h2 { color: #ED145B; font-size: 84px; line-height: 60px; }
.performance-five sub { color: #ED145B; font-size: 28px; line-height: 60px; }
.performance-five span { font-size: 20px; line-height: 30px; color: #F3F3F3; }
.performance-five .tip { color: #909090; font-size: 16px; line-height: 18px; }
.performance-five ul { margin-bottom: 56px; }
.performance-five ul li { display: inline-block; vertical-align: middle; }
.performance-five ul .line-style { margin: 0 60px; width: 1px; height: 84px; background: #666; }
.performance-five ul::after { display: inline-block; vertical-align: middle; content: " "; }


@media screen and (max-width: 1200px){
	.performance-one,.performance-two{
		height: auto;
		padding: 10em 0;
	}
	.performance-one img { 
		width: 50%;
		height: auto;
	}
	.performance-two{
		text-align: center;
	}
	.performance-two h1{
		margin-top: 1.5em;
	}
	.common_mailmagazine.inner img,.cashless.inner img{
		width: 100%;
	}
}

@media screen and (max-width: 860px){
	.performance-one{
		padding-top: 15em;
	}
	.performance-one img {
		position: static;
		width: 100%;
	}
	.performance-two img,.performance-three img{
		width: 100%;
	}
	.performance-three{
		height: auto;
	}
	.performance-four{
		background-position: bottom;
		height: auto;
		padding: 10em 0 25em;
	}
	.performance-five{
		padding-top: 10em;
		height: 800px;
	}
}

@media screen and (max-width: 550px){
	.performance-two .text-box{
		margin-left: 0;
	}
	.performance-two ul{
		margin-top: 5em;
	}
	.performance-two ul .line-style,.performance-five ul .line-style{
		display: none;
	}
	.performance-two ul li{
		padding-top: 2em;
	}
	.performance-two ul + ul{
		margin: 0;
	}
	.performance-five p{
		margin-bottom: 3em;
	}
	.performance-two ul li,.performance-five ul li{
		display: block;
		text-align: center;
	}
	.performance-five ul li:first-child{
		padding-bottom: 2em;
	}
	
}