.about{padding:58px 0; background:#f8f8f8;}
.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{display:block;}
.about-sub{float:left; width:25%;}
.about-contact{display:block;}
.about-contact>ul{margin:0 0 8px 0;}
.about-contact>ul>li{position:relative; padding-left:40px; }
.about-contact>ul>li i{position:absolute; left:0; top:50%; margin-top:-14px; width:26px; height:26px; line-height:24px; text-align:center; border-radius:50%; border:1px solid #d8d8d8; color:#fc6b00;}
.about-contact>ul>li p{padding:6px 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-contact{padding:12px;}
}