li {list-style:none;}
.solution {
	padding: 60px 0px;
}

.w120 {
	margin: 0px auto; width: 1200px;
}

.stit {
	text-align: center; color: rgb(68, 68, 68); font-size: 26px;
}
.stit span {
	color: rgb(153, 153, 153); text-transform: uppercase; line-height: 40px; font-size: 14px; display: block;
}

.sol-tit {
	background-repeat: no-repeat;
	background-position:  bottom center;
	background-image: url("../image/about_titbg.jpg");
	padding-bottom: 20px;	
}
.solution ul{
	padding: 0;
}
.solution ul li {
	margin-top: 20px; margin-right: 10px; margin-left: 10px; float: left; position: relative;
}
.solution ul li .solu_info {
	text-align: right; color: rgb(255, 255, 255); position: absolute;
}
.solution ul li .solu_info div {
	font-size: 28px;
}
.solution ul li .solu_info h3 {
	margin: 10px 0px; text-transform: uppercase; font-size: 16px; display: block;
}
.solution ul li .solu_info span {
	background: url("/assets/img/solu_btn.png") no-repeat; width: 87px; height: 23px; float: right; display: block;
}
.solution ul li .solu_info1 {
	top: 92px; right: 10%;
}
.solution ul li .solu_info2 {
	right: 10%; bottom: 30px;
}
.solution ul li .solu_info3 {
	left: 10%; top: 60px; text-align: left;
}
.solution ul li .solu_info3 h3 {
	font-size: 16px;
}
.solution ul li .solu_info4 h3 {
	font-size: 16px;
}
.solution ul li img {
	display: block;
}
.solution ul li img.last {
	margin-top: 32px;
}
.ovh {
	overflow: hidden;
}

@media screen and (max-width:1200px) {
.w120 {
	margin: 0px auto; width: 900px;
}
.solution ul{
	padding-left: 40px;
}		
}

@media screen and (max-width:850px) {
.w120 {
	 width: 90%;
}
	.solution ul{
	padding-left: 0px;
}
	.solution ul li {
	margin-top: 20px; margin-right: 10px; margin-left: 10px; float: left; position: relative;
}	
	.sol-tit{
		width: 100%;
		text-align: center;
	}
.img_S{
	width:38.7vw;
	height: 31.3vw;
		
}
.img_L{
	 width: 80vw;
	height: 40vw;	
}
}
@media screen and (max-width:650px) {
.img_S{
	width:38vw;
	height: 31.3vw;		
}
	.solution ul li .solu_info div {
	font-size: 24px;
}
.solution ul li .solu_info h3 {
	margin: 10px 0px; text-transform: uppercase; font-size: 13px; display: block;
}
.solution ul li .solu_info1 {
	top: 50px; right: 10%;
}
.solution ul li .solu_info2 {
	right: 10%; bottom: 10px;
}
.solution ul li .solu_info3 {
	left: 10%; top: 20px; text-align: left;
}
.solution ul li .solu_info3 h3 {
	font-size: 13px;
}
.solution ul li .solu_info4 h3 {
	font-size: 13px;
	}}
@media screen and (max-width:650px) {
	.solution ul li {
	margin-top: 10px; margin-right: 5px; margin-left: 5px; float: left; position: relative;
}
	.img_S{
	width:39vw;
	height: 31.3vw;		
}
}
@media screen and (max-width:520px) {
	.solution ul li .solu_info div {
	font-size: 18px;
}
.solution ul li .solu_info h3 {
	margin: 7px 0px; text-transform: uppercase; font-size: 9px; display: block;
}
.solution ul li .solu_info1 {
	top: 40px; right: 10%;
}
.solution ul li .solu_info2 {
	right: 10%; bottom: 10px;
}
.solution ul li .solu_info3 {
	left: 10%; top: 20px; text-align: left;
}
.solution ul li .solu_info3 h3 {
	font-size: 9px;
}
.solution ul li .solu_info4 h3 {
	font-size: 9px;
	}
	.img_S{
	width:38.5vw;
	height: 31.3vw;		
}
}
@media screen and (max-width:385px){
	.img_S{
	width:38vw;
	height: 31.3vw;		
}
		.solution ul li .solu_info div {
	font-size: 17px;
}
.solution ul li .solu_info h3 {
	margin: 4px 0px; text-transform: uppercase; font-size: 7px; display: block;
}
.solution ul li .solu_info1 {
	top: 40px; right: 10%;
}
.solution ul li .solu_info2 {
	right: 10%; bottom: 10px;
}
.solution ul li .solu_info3 {
	left: 10%; top: 20px; text-align: left;
}
.solution ul li .solu_info3 h3 {
	font-size: 6px;
}
.solution ul li .solu_info4 h3 {
	font-size: 6px;
	}
}