/* 清除浮动 */
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

.pro_banner{    
	background: url(/domain/images/promo/banner4.jpg) no-repeat center;
    background-size: cover;
    height: 500px;
    color: #fff;
	position: relative;
}
.pro_banner p{position: absolute;top:108px;left:50%;transform: translateX(-50%);font-size:36px;text-align: center;width:100%;}

.content{text-align: center;padding: 0 0 60px;}
.content p{font-size: 18px;color: #2880c2;}
.content .title2{font-size: 28px;font-weight: 500;margin-bottom: 50px;line-height: 0;}
.promo{width: 100%;}
.promo li{float: left;width: calc((100% - 90px)/3);background-color: #ebe9e9;margin-right: 45px;margin-bottom: 35px;padding: 45px 0;}
.promo li:nth-child(3n){margin-right: 0;}

@media screen and (max-width:1200px){
	.content{width: 96%;}
}

@media screen and (max-width:768px){
	.promo li{width: calc((100% - 70px)/3);margin-right: 35px;}
}
@media screen and (max-width:414px){
	.content{width: 92%;padding: 0px 0 10px;}
	.pro_banner{height: 200px;}
	.pro_banner p{top: 40px;font-size: 16px;}
	.content p{font-size: 14px;}
}