.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 0px 3em 0px;
    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%;

	}

}