.about{padding:58px 0; background:#ffffff;}
.about-contain{float:left; width:75%; padding:0 38px 0 0;}
.about.left .about-contain{float:right; padding:0 0 0 38px;}
.about-contain{float:left; width:75%;}
.about-content{background:#fff; padding:28px;}
.about-sub{float:left; width:25%;}
.about-contact{padding:18px;}
.about-contact>ul{margin:18px 0 0;}
.about-contact>ul>li{position:relative; padding-left:42px; font-size:16px;}
.about-contact>ul>li i{position:absolute; left:0; top:50%; margin-top:-14px; width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; color:#fff; background:#505fb7;}
.about-contact>ul>li p{padding:8px 0;}
@media(max-width:1200px){
.about{padding:38px 0;}
.about.left .about-contain,
.about-contain{float:none; width:auto; padding:0 0 18px 0;}
.about-sub{float:none; width:auto;}
}
@media(max-width:767px){
.about{padding:18px 0;}
.about-content{padding:12px;}
.about-contact{padding:12px;}
}