@charset "utf-8";
/* CSS Document */

.main_box{
	width: 100%;
	position: relative;
	background: url(../images/four_bg.jpg) no-repeat center center;
	padding:90px 0 90px
}
.box{


}
.box ul li{
	width: 14%;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
	transition: all .2s;
	margin-right: 1%;
	height: 390px;
	background: #fff;
	padding: 0 2% 25px 2%
}
.box ul li:nth-child(5){margin-right: 0}
.box ul li h3{
	padding-top: 30px;
	color: #333;
	font-size: 22px;
	letter-spacing: 0;
	font-weight: bold;
	height: 75px;
	text-align: center;
	
}
.box ul li p{
	margin-top: 25px;
	color: #333;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 26px
}
.box ul li .img1{
	width: 100%;
	height: auto;
	transition: all .4s ease-out;
	
}
.box ul li i{width: 45px;height: 2px;background: #ccc;margin: 0 auto;display: block;margin-top: 15px;margin-bottom: 15px}
.tubiao img{display: block;height: 75px;margin: 0 auto;width: auto;margin-top: 40px;}
.box ul .on{
	width: 20%;
	background-color: #3288e6;
}
/*.box ul .on i,.box ul .on .tubiao{display: none}*/
.box ul .on h3{
	color: #fff;
}
.box ul .on p{
	color: #fff;
}
.box ul .on img1{
	width: 100%;
	height: auto;
	
}


@media (max-width: 1700px){
	.box ul li{height: 400px}
}
@media (max-width: 1450px){
	.box ul li{height: 400px}
	.box ul li p{margin-top: 15px}
	.box ul li i{margin-top: 10px}
	.box ul li h3{padding-top: 20px}
}

@media (max-width: 1024px){
	.box ul li h3{height: 100px}
	.box ul li{height: 450px}
}
@media (max-width: 750px){
	.main_box{display: none}
}

/*
@media (max-width: 1550px){
	.box{height: 500px;}
	.tubiao img{margin-top: 50px}
}*/