/*产品服务*/


.mailocontent{ background-color:#4253c2;padding-top:50px;color:#FFFFFF}

.mailocontent .img{ float:right; width:50%; margin-left:2%; }
.mailocontent .img img{ max-width:100%;}
.mailocontent .right{
	float:left;
	width:44%;
	font-size:18px;  margin-right:4%;

}
.mailocontent .right .h1{ font-size:60px; line-height:1.2; padding-bottom:20px;}
.mailocontent .right .h2{ font-size:24px;}
.mailocontent .right .dp{ font-size:18px; padding-top:30px; padding-bottom:30px;}


.mail{
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.mail .title{text-align:center;font-size:40px;color:#333; padding-bottom:20px;}
.mail .title span{font-weight:bold;color:#00bafe;padding:0 13px}
.mail .imgcontent{ text-align:center}
.mail .imgcontent *{ max-width:100%;}

.mail .piclis .picli .img{ float:right;}

.mail .piclis .picli .right{ float:left; margin-right:280px;}
.mail .piclis .picli .right .h2{ font-size:26px; line-height:1.2; padding-top:10px; padding-bottom:10px; color:#000000}
.mail .piclis .picli .right .h2 span{ font-size:16px; color:#555555; }
.mail .piclis{
	float:left;
	width:100%;
	font-size:16px;
	color:#555555;
	background-color:#FFFFFF;
	padding-top:50px;
	padding-bottom:80px;
	
}
.mail .piclis .picli{ float:left; width:100%;position: relative;} 

.mail .piclis:nth-child(2n){ background-color:#FAFCFB;}

.mail .piclis .img{ position:absolute; top:0px; right:0px;}
.mail .piclis .img *{ max-width:100%;}
.mail .piclis:nth-child(2n) .right{ margin-right:650px;}



@media screen and (max-width :1200px){

.mail .piclis:nth-child(2n) .right{ margin-right:500px;}
.mail .piclis:nth-child(2n) .img{ width:500px;}
}
@media screen and (max-width :970px){
.mailocontent .img{  width:40%; }
.mailocontent .right .h1{ font-size:40px; }
.mailocontent .right{

	width:54%;
	

}
.mailocontent  .box{ width:96%;}
}
@media screen and (max-width :815px){
.mail .piclis:nth-child(2n) .picli .right{ margin-right:0px;}
.mail .piclis:nth-child(2n) .picli .img{ width:100%; position:relative; text-align:center;}
.mail .box{ max-width:96%;}
.mailocontent .right br{ display:none}
.mailocontent .img{  width:100%; text-align:center}
.mailocontent .right .h1{ text-align:center;}
.mailocontent .right{
	width:100%;

}
}
@media screen and (max-width :550px){
.mail .piclis .picli .right{ margin-right:0px; width:100%;}
.mail .piclis .picli .img{ width:100%; position:relative; text-align:center;}
.mail .piclis{
	padding-top:50px;
	padding-bottom:50px;
	
}
}