@charset "utf-8";
@font-face {
    font-family: "OPPOSans-M";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/OPPOSans-M.ttf") format("truetype"), url("../fonts/about/OPPOSans-M.woff") format("woff"), url("../fonts/about/OPPOSans-M.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family: "OPPOSans-B";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/OPPOSans-B.ttf") format("truetype"), url("../fonts/about/OPPOSans-B.woff") format("woff"), url("../fonts/about/OPPOSans-B.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/OPPOSans-H.ttf") format("truetype"), url("../fonts/about/OPPOSans-H.woff") format("woff"), url("../fonts/about/OPPOSans-H.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/OPPOSans-R.ttf") format("truetype"), url("../fonts/about/OPPOSans-R.woff") format("woff"), url("../fonts/about/OPPOSans-R.svg") format("svg");
    font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Light";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/SourceHanSansCN-Light.ttf") format("truetype"), url("../fonts/about/SourceHanSansCN-Light.woff") format("woff"), url("../fonts/about/SourceHanSansCN-Light.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/about/info/OPPOSans-R.ttf") format("truetype"), url(".../fonts/about/info/OPPOSans-R.woff") format("woff"), url("../fonts/about/info/OPPOSans-R.svg") format("svg");
    font-display: swap;
}


/*闆嗗洟姒傚喌*/
.about_banner {
    width: 1600px;
    margin: auto;
    position: relative;
    height: 432px;
}

.about_banner > img {
    z-index: 1;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0px;
    width: 1920px;
    height: 432px;
}

.about_min {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    min-width: 1600px;
    height: 633px;
}

.about_min .min_bg {
    z-index: -1;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0px;
    width: 1920px;
    height: 634px;
}


.about_min01 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    min-width: 1600px;
    height: 633px;
}

.about_min01 .min_bg {
    z-index: -1;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0px;
    width: 1920px;
    height: 634px;
}

.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
}

.dh {
    margin-top: 40px;
    height: 45px;
    float: right;
}


.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: #737373;
}

.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: 14px;
    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_con {
    width: 1285px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.con_l {
    width: 252px;
    float: left;
    overflow: hidden;
    margin-top: 77px;
}

.con_l .p1 {
    font-family: OPPOSans-H;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #bababa;
    opacity: 0.35;
}

.con_l .p2 {
    font-family: OPPOSans-B;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #bababa;
    opacity: 0.5;
    margin-top: 11px;
}

.con_l .p3 {
    margin-top: 26px;
}

.con_l .p3 span {
    font-family: SourceHanSansCN-Light;
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #010101;
}

.con_l .p3 img {
    width: 56px;
    height: 54px;
    display: inline-block;
}

.con_l .p4 {
    font-family: SourceHanSansCN-Light;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 1px;
    color: #444444;
    margin-top: 17px;
}

.con_l .p5 {
    width: 118px;
    height: 35px;
    background-color: #b71a30;
    border-radius: 5px;
    margin-top: 28px;
}

.con_l .p5 span {
    font-family: OPPOSans-M;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
    display: block;
}

.con_r {
    float: left;
    width: 933px;
    margin-left: 100px;
    margin-top: 77px;
}

.con_r p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #7a7a7a;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: 20px;
}

.con_r p:nth-of-type(1) {
    /*margin-bottom: 47px;*/
}

.about_min02 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    min-width: 1600px;
    height: 606px;
}

.about_min02 .min2_bg {
    z-index: -1;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0px;
    width: 1920px;
    height: 606px;
}

.min02_con {
    width: 592px;
    height: 502px;
    float: right;
    margin-right: 159px;
    position: relative;
}

.min02_con > img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.min02_con p:nth-of-type(1) {
    font-family: OPPOSans-R;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 465px;
    margin: 0 auto;
    height: 163px;
    margin-top: 80px;
}

.min02_con p:nth-of-type(2) {
    width: 465px;
    height: 27px;
    font-family: OPPOSans-M;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 93px;
}