.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{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:#1258af;}
.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;}
}
/* diy新增，适配 RTL 布局，2026-8-24 15:56:50 */
[dir="rtl"] .about-contain {
    float: right;
    padding: 0 0 0 38px;
}
[dir="rtl"] .about.left .about-contain {
    float: left;
    padding: 0 38px 0 0;
}
[dir="rtl"] .about-sub {
    float: right;
}
[dir="rtl"] .about-contact > ul > li {
    padding-left: 0;
    padding-right: 42px;
}
[dir="rtl"] .about-contact > ul > li i {
    left: auto;
    right: 0;
}