/*闆嗗洟姒傚喌*/ .about_banner { width: 1600px; margin: auto; position: relative; height: 432px; margin-top: -91px; } .about_banner > img { z-index: 1; left: 50%; margin-left: -960px; position: absolute; top: 0px; width: 1920px; height: 432px; } .dh { float: right; margin-top: 40px; height: 45px; margin-left: 452px; } .dh li a:hover { color: #cf0f32; } .dh li { float: left; margin-right: 67px; text-align: center; width: auto; text-decoration: none; display: block; position: relative; font-family: OPPOSans-M; font-size: 16px; line-height: 16px; letter-spacing: 0px; color: #3a3737; } .headActive .br { color: #cf0f32; } .dh li:last-child { margin-right: 0px; } .dh li a { text-decoration: none; display: block; position: relative; font-family: OPPOSans-M; font-size: 14px; line-height: 16px; letter-spacing: 0px; color: #737373; } .dh li span.bor { position: absolute; width: 100%; height: 2px; background: #fff; top: 44px; left: 0px; display: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translateX(-50%); transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 50%; opacity: 1; } .dh .headActive > a { color: #cf0f32 !important; } .headActive .bor { background: #cf0f32 !important; display: block !important; } .dh li span.bora { background: #cf0f32; display: block; }.about_nav { width: 1285px; margin: 0 auto; height: 84px; border-bottom: 2px solid #e4dfda; } .about_min .option { font-family: OPPOSans-M; font-size: 14px; line-height: 14px; letter-spacing: 0px; color: #737373; float: left; margin-top: 40px; } .about_min .option a { color: #737373; text-decoration: none } a, body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, label, li, p, textarea, ul { padding: 0; margin: 0; }