.cbp-so-scroller {
	/*margin-top: 3em;*/
	overflow: hidden;
}

.cbp-so-section {
	/*margin-bottom: 15em;*/
}

/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;
}

/* Text styling */
.cbp-so-section h2 {
	font-size: 32px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	color:#0090d6;
	background: url(../images/title_bg.png) no-repeat center;
}

.cbp-so-section p {
	font-size: 2em;
	font-weight: 300;
}

/* Sides */
.cbp-so-side {
	width: 50%;
	float: left;
	margin: 0;
	padding: 3em 8%;
	min-height: 24em;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side1 {
	width: 100%;
	float: left;
	margin: 0;
	min-height: 5em;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side2 {
	width: 100%;
	float: left;
	margin: 0;
	min-height: 5em;
	padding: 7em 40% 0px 40%;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side3 {
	width: 100%;
	float: left;
	margin: 0;
	min-height: 5em;
	padding: 2em 20% 4em 20%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side3 p{font-size:16px;color: #b8b9b9;}
/*产品分类*/
.cbp-so-side5 {
	width: 100%;
	float: left;
	margin: 0;
	min-height: 5em;
	padding: 2em 40% 0px 40%;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side6 {
	width: 100%;
	float: left;
	margin: 0;
	min-height: 5em;
	padding: 1em 20% 0em 20%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
.cbp-so-side6 p{font-size:16px;color: #b8b9b9;}
/*友情链接*/
.cbp-so-side4 {
	width: 50%;
	float: left;
	margin: 0;
	padding: 3em 8%;
	min-height: 1em;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after {
	clear: both;
}

/*.cbp-so-side-right {
	text-align: left;
}
*/
.cbp-so-side-left {
	/*text-align: right;*/
}
/*
.cbp-so-side-right img {
	float: left;
}

.cbp-so-side-left img {
	float: right;
}*/

/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-150px);
	-moz-transform: translateX(-150px);
	transform: translateX(-150px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	transform: translateX(150px);
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

 For example, add a delay for the right side:
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

@media screen and (max-width: 73.5em) {
	.cbp-so-scroller {
		font-size: 65%;
	}

	.cbp-so-section h2 {
		margin: 0;
	}

	.cbp-so-side img {
		max-width: 120%;
	}
}

@media screen and (max-width: 41.125em) {
	.cbp-so-side {
		float: none;
		width: 100%;
	}

	.cbp-so-side img {
		max-width: 100%;
	}
}