/* ch */


.mc_d2s3 .mc_cont1360 {
    min-width: 1200px;
}

.mc_d2s3 {
    padding: 145px 0 100px;
}

.mc_d2s3_title {
    margin-bottom: 25px;
}

.mc_d2s3_subtitle {
    font-size: 24px;
    line-height: 36px;
    color: #666666;
    /* font-weight: lighter; */
}

.mc_d2s3_subtitle {
    margin-bottom: 45px;
}

.mc_d2s3_map {
    width: 1200px;
    margin: 0 auto;
}

.mc_d2s4 {
    padding: 130px 0 100px;
    text-align: center;
    background: #fff;
}

.mc_d2s4_title {
    margin-bottom: 135px;
}

.mc_d2s4_imgbox {
    width: 50%;
}

.mc_d2s4_txtbox {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    padding: 0 5%;
    text-align: left;
}

.mc_d2s4_lisbox {
    position: relative;
}

.mc_d2s4_txtbox h4 {
    font-size: 36px;
    color: #1d1d1f;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    margin-bottom: 15px;
}

.mc_d2s4_txtbox p {
    font-size: 24px;
    line-height: 2;
    /* font-weight: lighter; */
}

.mc_d2s4_li:nth-child(even) .mc_d2s4_imgbox {
    float: right;
}

.mc_d2s4_li:nth-child(even) .mc_d2s4_txtbox {
    left: 0;
}

.mc_d3 .mc_main {
    background: #f7f8fa;
}

.mc_d3s1 {
    padding: 50px 0 100px;
}

.mc_d3s1_list {
    margin: 0 -20px;
}

.mc_d3s1_li {
    float: left;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.mc_d3s1_lisbox {
    display: block;
    background: #fff;
    padding: 45px 55px 50px 85px;
    border: 1px solid #f3f2f2;
}

.mc_d3s1_title {
    margin-bottom: 115px;
}

.mc_d3s1_xtbbox {
    width: 60px;
    margin-bottom: 25px;
}


.mc_d3s1li_title {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #001e5a;
    padding-bottom: 30px;
    margin-bottom: 24px;
}

.mc_d3s1li_title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 280px;
    height: 1px;
    background: #dcdcdc;
}

.mc_d3s1_txt p {
    font-size: 18px;
    line-height: 30px;
    /* font-weight: lighter; */
}

.mc_d3s1_txt {
    height: 120px;
    overflow: hidden;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
    width: 600px;
    height: 768px;
    padding: 95px 80px 45px;
    overflow: hidden;
    margin-right: 35px;
    background: #fff;
    box-shadow: 5px 4px 16px rgba(218, 217, 217, .35);
    overflow: hidden;
}

.mc_d3s2 {
    padding: 10% 0 120px;
    position: relative;
    z-index: 1;
}

.mc_d3s2_bgbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.mc_d3s2_title {
    color: #fff;
    margin-bottom: 58px;
}

.mc_d3s2_txt p {
    font-size: 24px;
    line-height: 2;
    color: #fff;
    /* font-weight: lighter; */
}

.mc_d3s2_txt {
    max-width: 1200px;
    margin-bottom: 10%;
}

.mc_d3s2_swiper.swiper-container {
    padding-bottom: 45px;
}

.mc_d3s2_swiper.swiper-container .swiper-pagination {
    top: auto;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #dcdcdc;
}

.mc_d3s2_num {
    font-size: 42px;
    color: #001eb4;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    margin-bottom: 20px;
}

.mc_d3s2li_title {
    font-size: 40px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #001e5a;
    margin-bottom: 55px;
}

.mc_d3s2li_txt p {
    color: #666666;
    /* font-weight: lighter; */
}

.mc_d3s2li_txt p a {
    color: inherit;
    line-height: inherit;
}

.mc_d3s2_lisbox {
    width: 100%;
    height: 100%;
}

.mc_d3s2_content {
    width: calc(50vw + 680px);
}

.mc_d3s3_title {
    margin-bottom: 90px;
}

.mc_d3s3 {
    padding-bottom: 140px;
}

.mc_d3s4 {
    padding: 80px 0 40px;
    background: #fff;
}

.mc_d3s5 {
    background: #fff;
    padding-bottom: 120px;
}

.mc_d3s5_title {
    margin-bottom: 120px;
}

.mc_d3s5_swiper .swiper-slide {
    width: 476px;
    margin-right: 20px;
}

.mc_d3s5_content {
    width: calc(50vw + 680px);
}

.mc_d1s2li_title {
    margin-bottom: 30px;
}

/* .mc_d1s2_txt p {
    font-weight: lighter;
} */

.mc_d1s2_txt {
    margin-bottom: 80px;
}

.mc_d1s2_li {
    float: left;
    width: 50%;
    padding: 0 68px;
    margin-bottom: 95px;
}

.mc_d1s2_list {
    margin: 0 -68px;
}

.mc_d1s2_li:first-child {
    float: right;
}

.mc_d1s2_li:nth-child(2) {
    padding-top: 200px;
}

.mc_d3s5_lisbox img {
    width: 100%;
}

.g_btnfl i,
.g_btnfl em {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
    transition: all .36s;
}


/*7.4 grace*/
.g_b4 .g_b4pt1 {
    padding: 130px 0;
}

.g_b4pt1topfl p {
    color: #d4d4d4;
    font-size: 36px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    text-align: left;
    transition: color .36s;
}

.g_b4pt1topfl {
    width: 33.333333%;
    cursor: pointer;
}

.g_b4pt1topfl.act p {
    font-size: 40px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #1d1d1f;

}

.g_b4pt1bot {
    margin-top: 120px;
}

.g_b4pt1botnr:not(:first-child) {
    display: none
}

/* .g_b4pt1botnr.on{
    display: block;
} */
.g_b4pt1botb {
    position: relative;
}

.g_b4pt1botpic {
    width: 100%;
}

.g_b4pt1botpic img {
    width: 100%;
}

.g_b4pt1bottle {
    position: absolute;
    top: 0;
    left: 0;
    width: 790px;
    padding-right: 80px;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 50px;
}

.g_b4pt1bottle p {
    color: #666666;
    font-size: 24px;
    line-height: 36px;
    /* font-weight: lighter; */
    letter-spacing: 1px;
}

.g_b4pt2nr {
    position: relative;
    margin-top: 60px;
}

.g_b4pt2 .g_b4pt1bottle {
    right: 0;
    bottom: -180px;
    top: inherit;
    left: inherit;
    z-index: 10;
    width: 920px;
    padding: 70px 75px 20px;
}

.g_b4pt2 .g_b4pt1bottle p {
    color: #333;
}

.g_b4pt2 .mc_a1s1_more {
    margin-top: 40px;
}

.g_b4pt2 {
    margin-bottom: 270px;
}

.g_b4pt3 .g_b4pt1bottle {
    right: inherit;
    left: 0;
}

.g_b4bot {
    background: #f7f8fa;
    padding: 100px 0;
}

.g_b4list1 .mc_title40 {
    text-align: center;
    margin-bottom: 60px;
}

.g_b4litop {
    padding: 25px 15px;
    background: #001964;
}

.g_b4lifl p {
    color: #ffffff;
    font-size: 16px;
    line-height: 32px;
}

.g_b4lifl1 {
    width: 10%;
    height: 30px;
}

.g_b4lifl2 {
    width: 15%;
}

.g_b4libotu {
    width: 52px;
    position: relative;
    margin: auto;
}

.g_b4libotu img {
    width: 100%;
    height: 100%;
}

.g_b4libotu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g_b4libotu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g_b4libot .g_b4lifl1 {
    height: inherit;
    padding: 15px 0;
}

.g_b4libot .g_b4lifl2p p {
    color: #0028aa !important;
}

.g_b4libot .g_b4lifl2 {
    padding: 15px 0;
}

.g_b4libot .g_b4lifl2 p {
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    padding: 25px 0;
}

.g_b4libotnr {
    display: block;
    width: 100%;
    background: #ffffff;
}

.g_b4libotnr:nth-child(2n) {
    background: #f3f5f9;
}

.g_b4li {
    margin-bottom: 80px;
}

.g_b4lizahu {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    margin-top: 30px;
}

.g_b4footfl {
    width: 50%;
}

.g_b4foot {
    position: relative;
}

/* .g_b4foot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #f4f5f5;
    z-index: -1;
}

.g_b4foot::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #ebeff2;
    z-index: -1;
} */

.g_b4footfr {
    width: 50%;
}

.g_b4foottu {
    width: 156px;
}

.g_b4foottu img {
    width: 100%;
}

.g_b4footflnr {
    position: relative;
}

.g_b4footwz h4 {
    color: #000000;
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 10px;
    transition: all .36s;
}

.g_b4footwz p {
    color: #484848;
    font-size: 18px;
    line-height: 30px;
}

.g_b4footflnr>a {
    padding: 70px;
}

.g_b4footwz {
    padding-left: 70px;
    width: calc(100% - 156px);
}

.g_b6pt1 {
    padding: 70px 0 140px;
}



.g_b6pt1top {
    padding: 90px 0 80px;
    background: #f7f8fa;
}

.g_b6pt1top .mc_e3s1_title {
    margin-bottom: 0;
}


.g_b6pt1nr {
    margin-top: 60px;
}

.g_b6pt1nr h5 {
    color: #333333;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    margin-bottom: 36px;
}

.g_b5pt1fr {
    width: 720px;
}

.g_b5pt1fr img {
    width: 100%;
}

.g_b5pt1fl {
    width: calc(100% - 720px);
    padding-right: 160px;
}

.g_b5pt1 {
    padding: 130px 0;
}

.g_b5pt1tle p {
    color: #666;
    font-size: 24px;
    line-height: 36px;
    margin-top: 30px;
}

.g_b5pt1tle {
    margin-top: 80px;
    margin-bottom: 80px;
}

.g_b5pt1flp p {
    position: relative;
    padding-left: 30px;
    color: #333333;
    font-size: 24px;
    line-height: 48px;
}

.g_b5pt1flp p::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #0c0cff;
    border-radius: 50%;
}

.g_b5pt2b {
    position: relative;
}

.g_b5pt2bj {
    width: 100%;
    height: 716px;
}

.g_b5pt2bj img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    max-width: none;
}

.g_b5pt2top {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    padding: 0 20px;
}

.g_b5pt2 .mc_title40 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.g_b5pt2 .g_b5pt2top p {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 42px;
}

.g_b5pt2bot {
    margin-top: -218px;
    position: relative;
    z-index: 10;
}

.g_b5pt2bot .mc_cont1600 {
    background: #fff;
    padding: 40px 0 130px;
}

.g_b5pt2botfl {
    width: 100% !important;
    padding: 0 !important;
}

.g_b5pt2botico {
    /* width: 82px; */
    text-align: center;
    margin: 0 auto 46px;
}

.g_b5pt2botico i,
.g_b5pt2botico em {
    font-size: 82px;
    color: #0028aa;
}

.g_b5pt2botico em {
    font-size: 82px;
    color: #0028aa;
}

.g_b5pt2botico img {
    width: 100%;
}

.g_b5pt2botflb h3 {
    color: #1d1d1f;
    font-size: 36px;
    text-align: left;
    line-height: 48px;
    margin-bottom: 36px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

.g_b5pt2botflb p {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    /* font-weight: lighter; */
    text-align: center;
    position: relative;
    padding-top: 30px;
}

/* .g_b5pt2botflb p::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
} */

.mc_cont1600 {
    width: 1600px;
    margin: auto;
}

.g_b5pt2botnr {
    width: 1160px;
    margin: 0 auto;
    margin-bottom: 85px;
    max-width: 100%;
}



.g_btn {
    width: 206px;
    height: 60px;
    background: #0028aa;
    margin: auto;
    border-radius: 30px;
    text-align: center;
}

.g_btn a {
    display: block;
    padding: 0 45px;
}

.g_btn p {
    line-height: 60px;
    color: #fff;
    font-size: 14px;
}

.g_btn .g_btnfl {
    width: 21px;
    line-height: 60px;
    margin-left: 10px;
}

.g_btnfl img {
    width: 100%;
}


/* mark */
/* b2 */
.ma_b2s1 {
    padding: 125px 0 316px;
}

.ma_b2s1_title {
    margin-bottom: 110px;
}

.ma_b2s1m_l {
    width: calc(100% - 325px);
    background: #f7f8fa;
    padding: 76px 323px 76px 82px;

}

.ma_b2s1m_l p {
    color: #666;
    font-size: 24px;
    line-height: 1.75;
    /* font-weight: lighter; */
    height: 336px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.ma_b2s1_main {
    position: relative;
}

.ma_b2s1m_r {
    position: absolute;
    z-index: 1;
    right: -68px;
    bottom: -340px;
}

.ma_b2s1m_r1 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ma_b2s1m_r2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

/* .ma_b2s2{
    padding-bottom: 100px;
} */
.ma_b2s2_title {
    text-align: center;
    margin-bottom: 80px;
}

.ma_b2s3 {
    background: #f7f8fa;
    padding: 125px 0 160px;
}

.ma_b2s3_title {
    margin-bottom: 110px;
    text-align: center;
}

.ma_b2s3m_l {
    width: 50%;
    padding: 98px 104px 160px 34px;
}

.ma_b2s3ml_img {
    position: relative;
    width: 100%;
    height: 100%;
}

.ma_b2s3m_l1 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ma_b2s3m_l2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.ma_b2s3m_r {
    width: 50%;
}

.ma_b2s3mr_title {
    text-align: center;
    background: #eef1f7;
}

.ma_b2s3mr_title h3 {
    color: #333;
    font-size: 24px;
    line-height: 60px;
}

.ma_b2s3mrm_li {
    padding-left: 62px;
    padding-right: 50px;
}

.ma_b2s3mrmlm_l {
    text-align: left;
}

.ma_b2s3mrmlm_l p {
    color: #424770;
    font-size: 16px;
    line-height: 56px;
}

.ma_b2s3mrmlm_r {
    text-align: right;
}

.ma_b2s3mrmlm_r p {
    color: #424770;
    font-size: 16px;
    line-height: 56px;
}

.ma_b2s3mrm_li:nth-child(odd) {
    background: #fff;
}

.ma_b2s3mrm_li:nth-child(even) {
    background: #eef1f7;
}

.ma_b2s4 {
    padding-top: 144px;
}

.ma_b2s4_title {
    text-align: center;
    margin-bottom: 130px;
}

.ma_lb_maim {
    margin: 0 -25px;
}

.ma_lbm_libox {
    padding: 0 25px;
    float: left;
    width: 50%;
}

.ma_lbm_li a {
    display: block;
}

.ma_lbml_img {
    position: relative;
    overflow: hidden;
}

.ma_lbml_img img {
    object-fit: cover;
}

.ma_lbml_img1 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ma_lbml_img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.36s;
}

.ma_lbml_img3 {
    position: absolute;
    left: 32px;
    bottom: 28px;
    width: 30px;
    z-index: 10;
}

.ma_lbml_img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: linear-gradient(to bottom left, transparent 80%, rgba(0, 0, 0, 0.2));
}

.ma_lbml_main {
    padding: 28px 0 0;
}

.ma_lbmlm_title {
    color: #000;
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 8px;
    transition: all 0.36s;
}

.ma_lbmlm_font {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    margin-bottom: 30px;
}

.ma_lbm_libox {
    margin-bottom: 95px;
}

/* .ma_b2s2m_luntbox{
    width: 720px;
    margin: 0 auto;
}
.ma_b2s2m_lunt{
    margin: 0 -70px;
}
.ma_b2s2mlt_libox{
    padding: 0 70px;
    float: left;
    width: 33.333333%;
    position: relative;
}
.ma_b2s2mlt_li{
    padding: 0 44px 40px;
    cursor: pointer;
}
.ma_b2s2mltl_main{
    position: relative;
}
.ma_b2s2mlt_li1{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.ma_b2s2mlt_li2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_b2s2m_lunbbox{
    border-top: 1px solid #e5e5e5;
    padding-top: 78px;
    position: relative;
}
.ma_b2s2m_lunb{
    width: calc(100% - 56px);
    margin: 0 auto;
    padding: 0 350px;
}
.ma_b2s2mlb_li{
    text-align: center;
}
.ma_b2s2mlbli_title{
    color: #0028aa;
    font-size: 36px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular" "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    margin-bottom: 30px;
}
.ma_b2s2mlb_li p{
    color: #333;
    font-size: 18px;
    line-height: 1.75;
    font-weight: lighter;
}
.ma_b2s2ml_left{
    width: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.ma_b2s2ml_right {
    width: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.ma_b2s2mlb_libox:not(:first-child){
    display: none;
}
.ma_b2s2mlt_li{
    position: relative;
}
.ma_b2s2mlt_li::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #0028aa;
    opacity: 0;
    transition: all 0.36s;
}
.ma_b2s2m_lunt .slick-current .ma_b2s2mlt_li::before {
    opacity: 1;
} */


/* b1 */
.ma_b1s1 {
    padding-top: 130px;
}

.ma_b1s1_title {
    text-align: center;
    margin-bottom: 100px;
}

.ma_b1s1m_r {
    position: relative;
    z-index: 1;
    width: calc(100% - 475px);
    height: 666px;
}

.mc_b2s1_imgbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.mc_b2s1_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.mc_b2s1_imgbox .mc_b2s1_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
}

.mc_b2s1_list {
    width: 100%;
    height: 100%;
}

.mc_b2s1_img.act {
    opacity: 1;
}


.mc_b2s1_li {
    float: left;
    width: 20%;
    height: 100%;
    position: relative;
}

.mc_b2s1li_title {
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    /* font-weight: lighter; */
    margin-top: 60px;
    text-align: center;
    transition: all .36s;
}

.mc_b2s1_lisbox {
    display: block;
    width: 100%;
    height: 100%;
}

.mc_b2s1li_cont {
    width: 100%;
    padding: 0 15px;
}

.mc_b2s1_li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.deco {
    display: block;
    width: 6rem;
    height: 6rem;
    opacity: 1;
    transition: .1s;
    transform: translateZ(0);
    margin: 0 auto;
}

.deco:before {

    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
}

.deco i,
.deco em {
    background: hsla(0, 0%, 100%, .8);
    border: 1px solid #fff;
    border-radius: 100%;
    height: 2.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.5);
    transition: .4s;
    width: 2.2rem;
}

.deco:after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 6rem;
    width: 6rem;
}

.mc_b2s1_li:hover .deco:before {
    animation: scalepulse 1.3s linear .3s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco i,
.mc_b2s1_li:hover .deco em {
    background: #fff;
    animation: scalepulse 1.3s linear 0s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco:after {
    animation: scalepulse 1.3s linear .15s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .mc_b2s1li_title {
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}


.ma_b1s1m_l {
    width: 475px;
    padding: 0 !important;
    height: 666px;
}

.ma_b1s1_main {
    box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}

.ma_b1s1ml_list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ma_b1s1ml_li {
    width: 100%;
    padding: 30px 75px;
    max-height: 100%;

}

.ma_b1s12_title {
    text-align: left;
    margin-bottom: 20px;
}

.ma_b1s1m_l p {
    font-size: 18px;
    color: #333;
    line-height: 1.75;
    /* font-weight: lighter; */
}

.ma_b1s2 {
    padding: 100px 0 0;
}

.ma_b1s2_title {
    margin-bottom: 126px;
}

.ma_b1s2_main {
    position: relative;
}

.ma_b1s1_list {
    margin-bottom: 240px;
}

.ma_b1s1_list:last-child {
    margin-bottom: 0;
}

.ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
    position: absolute;
    width: 100%;
    max-width: 720px;
    right: 0;
    bottom: -110px;
    z-index: 0;
    animation: fadeLeft 2s ease;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
    position: absolute;
    width: 100%;
    max-width: 700px;
    left: 0;
    bottom: -110px;
    z-index: 0;
    animation: fadeRight 2s ease;
}

.ma_b1s2m_r1 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: all 1s;
}

.ma_b1s2m_r2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 1s;
    opacity: 0;
    transform: translateX(100px);
    transform: none !important;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_r2 {
    transform: translateX(-100px);
}

.ma_b1s1_list:nth-child(odd) .ma_b1s2m_font {
    float: left;
    width: calc(100% - 426px);
    /* height: 485px; */
    background: #f7f8fa;
    padding: 90px 275px 90px 84px;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_font {
    float: right;
    width: calc(100% - 426px);
    /* height: 485px; */
    background: #f7f8fa;
    padding: 90px 84px 90px 275px;
}

.ma_b1s2m_font p {
    font-size: 24px;
    color: #333;
    line-height: 1.75;
    /* max-height: 168px; */
    /* overflow: hidden; */
    /* font-weight: lighter; */
    position: relative;
    z-index: 10;
    margin-bottom: 44px;
}

.ma_b1s2_main a {
    display: block;
}

.ma_b1s2 .mc_a1s1_more {
    z-index: 10;
}

/* b3 */
.ma_b3s2 {
    background: #f7f8fa;
    padding-top: 200px;
    padding-bottom: 1px;
}

.ma_b3 .ma_b1s2m_font {
    position: relative;
}

.ma_b3 .ma_b1s2m_font::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.ma_b3 .ma_b1s2_title {
    position: relative;
    z-index: 10;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_font {
    float: left;
    width: 100%;
    /* height: 485px; */
    background: transparent;
    padding: 90px 837px 90px 84px;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_font::before {
    transform: translateX(-268px);
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_font {
    float: right;
    width: 100%;
    /* height: 485px; */
    background: transparent;
    padding: 90px 84px 90px 837px;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_font::before {
    transform: translateX(268px);
}

.ma_b3 .ma_b1s2_title {
    margin-bottom: 40px;
}

.ma_b3 .ma_b1s2m_font p {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
    z-index: 9;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
    z-index: 9;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
    bottom: 0;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
    bottom: 0;
}

.ma_b3 .ma_b1s1_list {
    margin-bottom: 185px;
}

.ma_b3 .ma_b1s1_list:last-child {
    margin-bottom: 0;
}

/* b31 */
.ma_b31s1 {
    padding: 130px 0;
}

.ma_b31s1_img {
    width: 164px;
    margin-bottom: 30px;
}

.ma_b31s1_title {
    margin-bottom: 42px;
}

.ma_b31s1_main p {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 40px;
}

.ma_b31s1 {
    padding: 130px 0 55px;
}

.ma_b4s1_title {
    margin-bottom: 20px;
}

.ma_b4s1_title2 {
    margin-bottom: 40px;
}

.ma_b4s1_main p {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
    /* margin-bottom: 40px; */
    width: calc(100% - 372px);
}

.ma_lb_maim.ma_lb_maim2 {
    margin-bottom: 100px;
}

.ma_lb_maim2 .ma_lbm_li {
    padding: 50px;
    background: #f7f8fa;
    margin-bottom: 82px;
    transition: all 0.36s;
}

.ma_lb_maim2 .ma_lbm_li:last-child {
    margin-bottom: 0;
}

.ma_lb_maim2 {
    max-width: 1050px;
    margin: 0 auto;
}

.ma_lb_maim2 img {
    object-fit: none;
}

.ma_lb_maim2 .ma_lbml_main {
    padding-top: 0;
}

.ma_lb_maim2 .ma_lbmlm_r {
    padding-left: 50px;
}

.ma_b43s1 .ma_lbmlm_l {
    position: relative;
    width: 395px;
}

.ma_lbmlm_l1 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ma_lbmlm_l2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.ma_lbmlm_r {
    padding: 33px 0 33px 85px;
    width: calc(100% - 395px);
}

.ma_lbmlmr_title {
    font-size: 24px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #333;
    margin-bottom: 20px;
}

.ma_lbmlmr_main {
    color: #666;
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.ma_lbmlmr_a a {
    display: inline-block;
    margin-right: 30px;
}

.ma_lbmlmr_a a span {
    color: #0028aa;
    font-size: 16px;
    line-height: 1.7;
    margin-right: 12px;
}

.ma_b43s1 {
    padding: 130px 0 0;
}

.ma_b31ban_xtb {
    width: 215px;
    display: block;
}


.ma_b4in_imgbox {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 90px 0 120px;
}

.ma_b4in_hassubimg .ma_b4in_subimg {
    display: block;
}


.ma_b4in_subimg {
    display: none;
    position: absolute;
    left: 100px;
    bottom: 0;
    width: 720px;
    transform: translateY(50%);
}

.ma_b4in_imgbox.ma_b4in_hassubimg {
    margin-bottom: 265px;
}

.mc_d1s2_li {
    transform: translateY(50px);
    opacity: 0;
}

.mc_d1s2_list.show .mc_d1s2_li:nth-child(2) {
    transition-delay: .5s;
}

.mc_d1s2_list.show .mc_d1s2_li:nth-child(3) {
    transition-delay: 1s;
}

.mc_d1s2_list.show .mc_d1s2_li {
    transform: translateY(0);
    opacity: 1;
    transition: all 1s;
}

/* .mc_d1s1 {
    padding-top: 60px;
} */

.mc_d1s1_scrollbox {
    position: relative;
    padding-bottom: 100vh;
}

.mc_d1s1_scroll_main {
    width: 100%;
    width: 200vw;
    height: 100vh;
}

.mc_d1s1_scroll_main {
    position: absolute;
    left: 0;
    top: 0;
    transition: left .3s ease;
}

.mc_d1s1_scroll_main.mc_fixed {
    position: fixed;
    padding-top: 140px;
}

.mc_d1s1_scroll_main.mc_bot {
    top: auto;
    bottom: 0;
}

.mc_d1s1_txt p,
.mc_d1s1_txt li {
    font-size: 24px;
    line-height: 48px;
    color: #44476b;
    /* font-weight: lighter; */
}

.mc_d1s1_list li {
    position: relative;
    padding-left: 30px;
}

.mc_d1s1_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0028aa;
}

.mc_d1s1_scroll_main {
    padding: 60px 0;
    padding-left: calc(50vw - 680px);
    padding-right: calc(50vw - 680px);
}

.mc_d1s1_l {
    margin-right: 135px;
}

.mc_d1s1r_lisbox {
    position: relative;
    height: calc(100vh - 200px);
    max-height: 725px;
}

.mc_d1s1r_list {
    white-space: nowrap;
    vertical-align: top;
}

.mc_d1s1r_bot {
    height: 350px;
}

.mc_d1s1r_top {
    position: relative;
    height: calc(100% - 350px);
}

.mc_d1s1r_li {
    display: inline-block;
    vertical-align: top;
    width: 520px;
    margin-right: 100px;
}

.mc_d1s1r_title {
    margin-bottom: 25px;
}

.mc_d1s1r_txt p {
    /* font-weight: lighter; */
    color: #44476b;
    white-space: normal;
    word-break: break-word;
}

.mc_d1s1r_txtbox {
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 100%;
}

.mc_d1s1r_li:nth-child(even) .mc_d1s1r_top {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mc_d1s1r_li:nth-child(even) .mc_d1s1r_txtbox {
    bottom: auto;
    top: 90px;
}

.mc_d1s1_m {
    position: relative;
    z-index: 1;
    margin-right: 75px;
}

.mc_d1s1m_line {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mc_d1s1r_imgbox1 {
    position: relative;
    z-index: 1;
    width: 500px;
}

.mc_d1s1r_img1 {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}

.mc_d1s1r_img2,
.mc_d1s1r_img3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.mc_d1s1_scroll_main {
    white-space: nowrap;
}

.mc_d1s1_scroll_main>div {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.mc_b1s2_title {
    margin-bottom: 130px;
}

.mc_b1s2 .ma_b1s1_list {
    padding-top: 120px;
}

.ma_b1s1_list .ma_b1s2_main {
    margin-bottom: 240px;
}

.mc_b1 .ma_b1s1_list {
    margin-bottom: 0;
}

.mc_d2s3m_imgbox {
    position: relative;
}

.mc_d2s3_map {
    position: relative;
}

.mc_d2s3m_zb {
    /* position: absolute;
    left: -60px;
    bottom: -60px; */
    border: 1px solid #e6e7ea;
    padding: 12px;
}

.mc_d2s3m_zb p {
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}

.iconliubianxing {
    font-size: inherit;
    color: #0028aa;
}

.iconfangkuai {
    font-size: inherit;
    color: #828b9c;
}

.iconcircle {
    font-size: inherit;
    color: #3e7aff;
}

.iconsanjiao {
    font-size: inherit;
    color: #16a3fb;
}

.mc_d2s3sub_txtbox {
    white-space: nowrap;
}

.mc_d2s3sub_imgbox {
    width: 128px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}

.mc_d2s3sub_imgbox img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.mc_d2s3_li {
    position: absolute;
    z-index: 5;
    padding-left: 20px;
    padding-bottom: 20px;
    min-height: 130px;
}

.mc_d2s3_li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #acacae;
}

.mc_d2s3_li::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #acacae;
}

.mc_d2s3sub_txtbox {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    transition: all .36s;
}

.mc_d2s3sub_li {
    position: relative;
    cursor: default;
    margin-right: 30px;
}

.mc_d2s3sub_imgbox {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 2;
    transform: translate(-20px, -30%);
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}

.mc_d2s3_country {
    font-size: 18px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #333359;
    margin-bottom: 15px;
}

.mc_d2s3sub_list {
    display: inline-block;
    vertical-align: top;
}

.mc_d2s3sub_box {
    white-space: nowrap;
}

.mc_d2s3_fr {
    min-height: 180px;
}

.mc_d2s3_ger {
    min-height: auto;
}


.mc_b5s1_svg {
    width: 900px;
    height: 900px;
    margin-top: -10%;
}

.mc_b5s1_circle {
    fill: none;
    stroke-width: 1px;
    stroke: #d8d8d8;
    stroke-dasharray: 3px 1px;
}

.mc_b5_circle3 {
    stroke: #0000ff;
    stroke-width: 2px;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mc_b5s1_huan {
    fill: #fff;
    stroke: #0000ff;
}

.mc_b5s1m_text {
    font-size: 40px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    /* fill: #1d1d1f; */
    /* transform: translateY(-8%); */
    transition: all .36s;
}

/* .mc_b5s1m_img {
    transform: translateX(-27.5%);
    transition: all .36s;
} */

/* .mc_b5s1m_img:not(:first-child) {
    display: none;
}

.mc_b5s1m_text:not(:first-child) {
    display: none;
} */

.mc_nb5s1_mli:not(:first-child) {
    display: none;
}

.mc_b5s1o_text {
    font-size: 24px;
}

#lt_cut {
    transform: translate(5%, 4.5%);
}

#rt_cut {
    transform: translate(50.5%, 4.5%);
}

#lb_cut {
    transform: translate(5%, 51.5%);
}

#rb_cut {
    transform: translate(50.5%, 51.5%);
}

.img_cut path {
    transition: all 1s;
}

.mc_b5s1_data {
    position: relative;
    z-index: 1;
}

.mc_b5s1_mask {
    transition: all .36s;
}

.mc_b5s1_data.show .mc_b5s1_mask {
    opacity: 0;
}

select::-ms-expand {
    display: none;
}

.mc_f1s1_select .mc_select_xtbbox {
    pointer-events: none;
}

.mc_b5s1_imgbox {
    position: relative;
    z-index: 1;
}

.mc_b5s1_imgbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

#lt_cut path {
    transition: all 1s;
}

.mc_d2s2_lisbox {
    height: 100%;
}

.mc_d2s2_swiper.swiper-container .mCSB_outside+.mCSB_scrollTools {
    right: 5px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* background: #001eb4 !important; */
}

.d2s3_map_ph {
    display: none;
}

.mc_f1s1_select .mc_select_show {
    pointer-events: all;
    padding-right: 40px;
}

.mc_d3s2_swiper.swiper-container .mCSB_outside+.mCSB_scrollTools {
    right: -20px;
}

.mc_d3s5_swiper .swiper-wrapper {
    align-items: center;
}

.mc_b5s1rt_text {
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mc_b5s1rb_text {
    transform: rotate(135deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mc_b5s1lb_text {
    transform: rotate(-135deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mc_b5s1lt_text {
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mc_b1s1_scrollbox {
    position: relative;
    background: #f7f8fa;
}



.mc_b1s1_scroll_main {
    /* position: absolute;
    left: 0;
    top: 0;
    z-index: 5; */
    width: 100%;
    height: 100vh;
    padding-top: 100px;
}

/* .mc_b1s1_scroll_main.mc_fixed {
    position: fixed;
    left: 0;
    top: 0;
}

.mc_b1s1_scroll_main.mc_bot {
    position: absolute;
    top: auto;
    bottom: 0;
}

.mc_b1s1_scroll_space {
    height: 500vh;
} */

.mc_b1s1_scroll_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 197px);
    overflow: hidden;
}



.mc_b1s1_dots {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 0;
}

.mc_b1s1_dotsbox {
    position: relative;
    z-index: 1;
}

.mc_b1s1_dotsbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -2;
    height: 1px;
    width: 100%;
    background: #d4d4d4;
    transition: all .36s;
}

.mc_b1s1dots_li.act .mc_b1s1_dotsbox::before {
    background: #0028aa;

}

.mc_b1s1dots_li.act .mc_b1s1dots_shu {
    background: #0028aa;

}

.mc_b1s1_dotsline {
    display: block;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: -1;
    height: 1px;
    width: 0%;
    background: #0028aa;
    transition: all .36s;
}

.mc_b1s1dots_li {
    display: inline-block;
    padding: 0 45px;
    text-align: center;
    max-width: 20%;
    cursor: pointer;
}

.mc_b1s1dots_shu {
    display: block;
    width: 1px;
    height: 2px;
    background: #d4d4d4;
    margin: 0 auto;
}

.mc_b1s1dots_index {
    font-size: 16px;
    padding-bottom: 18px;
    color: #b6b6b6;
    transition: all .36s;
}

.mc_b1s1dots_title {
    font-size: 24px;
    line-height: 1.5;
    /* font-weight: lighter; */
    color: #424770;
    transition: color .36s;
    padding-top: 25px;
}

.mc_b1s1dots_li.act .mc_b1s1dots_index {
    color: #0028aa;
}

.mc_b1s1dots_li.act .mc_b1s1dots_title {
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #32325c;
}

.mc_b1s1_video {
    width: 100%;
}

.mc_cont1500 {
    width: 1500px;
    margin: 0 auto;
}

.mc_b1s1_videobox {
    float: left;
    width: 57%;
    font-size: 0;
}

.mc_b1s1_txtbox {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    width: 39%;
    min-height: 361px;
}

.mc_b1s1_title {
    text-align: right;
    font-size: 96px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #fff;
    text-shadow: 0 13px 18px rgba(182, 194, 202, .3);
    margin-bottom: 10vh;
    transition: all 1s;
    transform: translateX(40%);
}

.mc_b1s1_li.slick-current .mc_b1s1_title {
    transform: translateX(0);
}

.mc_b1s1_li.slick-current .mc_b1s1_txtbox p::before {
    width: 65px;
}

.mc_b1s1_li.slick-current .mc_b1s1_txtbox {
    opacity: 1;
}

.mc_b1s1_li {
    position: relative;
}

.mc_b1s1_txtbox {
    padding: 75px 50px 50px 85px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1));
    opacity: 0;
    transition: all 1s;
    transition-delay: .3s;
}

.mc_b1s1_txtbox p {
    position: relative;
    z-index: 1;
    color: #666666;
    /* font-weight: lighter; */
}

.mc_b1s1_txtbox p::before {
    content: "";
    position: absolute;
    right: calc(100% + 25px);
    top: 16px;
    width: 0;
    height: 1px;
    background: #0028aa;
    transition: all 1s;
    transition-delay: .3s;
}

.mc_b1s1_li:not(:first-child) {
    display: none;
}

.mc_b22t_td .ma_b2s3ml_img {
    width: 220px;
}

.mc_b22_top {
    padding: 60px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}

.mc_b22t_td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 50px;
}

.ma_b22 {
    padding-top: 80px;
}

.mc_b22_bot {
    padding: 100px 0;
    /* background: #f7f8fa; */
}

.mc_b22b_title {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.mc_b22b_td {
    display: table-cell;
    font-size: 18px;
    line-height: 1.5;
    padding: 12px 24px;
    padding-left: 0 !important;
    word-break: normal;
}

.mc_b22b_td p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: 16px;
}

.mc_b22b_td1 {
    width: 340px;
}

/* .mc_b22b_td2{
    width: calc(100% - 230px);
} */


.mc_d1s1_svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 200%;
    height: 100%;
    pointer-events: none;
}

.st0 {
    fill: none;
    stroke: #003399;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.d1s1_svg2 {
    fill: none;
    stroke: #0028AA;
    stroke-width: 14;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.mc_d1s1_svg2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

/* .mc_d1s1r_line{
    stroke-width: 10px;
    transform: scale(.8);
} */


.mc_d1s1_svg {
    position: absolute;
    left: -105px;
    top: -59px;
    z-index: -1;
    width: 200%;
    height: 200%;
}

.path2 {
    transform: translateY(500px);
}


.mc_d1s1_dash {
    stroke-dasharray: 5 8;
}

.mc_d1s1_lg .mc_d1s1_line {
    opacity: 0;
    stroke-width: 2;
    transition: all .1s linear;

}

.mc_d1s1_scroll_main {
    transition: left .1s linear;

}

.mc_d1s1_lg circle {
    fill: none;
    stroke: #103BB2;
    fill: #fff;
    transition: all .36s;
}

.mc_d1s1_lg.act .mc_d1s1_line {
    opacity: 1;
}

.mc_d1s1_lg.act circle {
    fill: #103BB2;
}

.mc_d1s1r_line {
    fill: none;
    stroke: #103BB2;

}

.mc_d1s1r_line {
    fill: none;
    stroke: #0028AA;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}


.mc_d1s1r_img1,
.mc_d1s1r_img2 {
    transform: translateY(30px);
    opacity: 0;
    transition: all .3s;
}

.mc_d1s1r_img3 {
    transform: translateX(20px);
    opacity: 0;
    transition: all .3s;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img1 {
    transform: translateY(0);
    opacity: 1;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img2 {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .3s;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img3 {
    opacity: 1;
    transition-delay: .6s;
    transform: translateX(0);
}

.mc_d1ban_video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mc_b21_tab {
    display: table;
    width: 100%;
}

.mc_b21_tr {
    width: 100%;
    display: table;
    background: #fff;
}

.mc_b21_tr:nth-child(even) {
    background: #f3f5f9;
}

/* .mc_b21_tbody,
.mc_b21_thead{
    display: table-row-group;
} */

.mc_b21_th,
.mc_b21_td {
    display: table-cell;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    width: 9%;
    padding: 20px 5px;
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
    color: #333;
    transition: all .36s;
}

.mc_b21_proimg {
    width: 100px;
    max-width: 100%;
    margin: 0 auto 10px;
}

.mc_b21_th {
    color: #fff;
    background: #001964;
}


.mc_b21_td1 {
    width: 10%;
}

.ma_b4s1_main {
    padding-bottom: 60px;
}

.ma_b2s3mrmlm_l {
    max-width: 40%;
}

.ma_b2s3mrmlm_r {
    max-width: 60%;
}

.ma_b1s1ml_li:not(:first-child) {
    display: none;
}


.mc_tj_ph {
    display: none;
}

.g_b4litop .g_b4lifl p {
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

.g_b4lifl:nth-last-child(1),
.g_b4libota:nth-last-child(1) {
    width: 12%;
}

.g_b4lifl:nth-last-child(2),
.g_b4libota:nth-last-child(2) {
    width: 18%;
}

.mc_d1s1_r {
    padding-right: 20vw;
}

.ma_b2s3_mainbox>a {
    display: block;
}

.g_b4li_ph {
    display: none;
}


.mc_d2s3_li_top::before {
    top: 0;
}

.mc_d2s3_jpn {
    min-height: auto;
}

.mc_a2_cont {
    padding: 0 140px;
}

.mc_a2 {
    padding-top: 80px;
}

.mc_a2s1 {
    border-top: 1px solid #e5e5e5;
}

.mc_a2_form {
    width: 100%;
}

.mc_a2_l {
    width: 245px;
    padding: 60px 30px 60px 0;
}

.mc_a2_r {
    width: calc(100% - 245px);
    padding: 60px 0 100px 75px;
    min-height: 800px;
    border-left: 1px solid #e5e5e5;
}

.mc_a2_title {
    margin-bottom: 80px;
}

.mc_a2gl_title {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.mc_a2gl_a {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 0;
    color: #666;
    transition: color .36s;
}

.mc_a2gl_li.on .mc_a2gl_a {
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #333;
}

.mc_a2gl_box {
    margin-bottom: 30px;
}

.mc_a2_inputgroup {
    width: 500px;
    height: 48px;
    max-width: 100%;
    background: #f6f8ff;
    border-radius: 24px;
    overflow: hidden;
    padding-left: 50px;
    margin-bottom: 60px;
}

.mc_a2_submitbox {
    width: 145px;
    height: 100%;
}

.mc_a2_submitbtn {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    background: #0028aa;
    border-radius: 24px;
}

.mc_a2_inputbox {
    width: calc(100% - 145px);
    height: 100%;
}

.mc_a2_inputbox input {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 20px;
    padding: 14px 15px;
    color: #999999;
    text-overflow: ellipsis;
}

.mc_a2_inputbox {
    position: relative;
}

.mc_a2_inputbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #0028aa;
}

.mc_a2_count {
    font-size: 22px;
    color: #2f2e2e;
    margin-bottom: 20px;
}

.mc_a2re_a {
    display: block;
    font-size: 18px;
    line-height: 30px;
    padding: 25px 0;
    color: #666;
}

.mc_a2re_li {
    border-bottom: 1px solid #c3c3c3;
}

.mc_a2re_l,
.mc_a2re_r {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mc_a2re_r {
    width: 20px;
}

.mc_a2re_l {
    width: calc(100% - 20px);
    overflow: hidden;
    padding-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mc_a2re_r {
    font-family: "微软雅黑", Helvetica, sans-serif !important;
}

.mc_a2_result {
    margin-bottom: 150px;
}

.ma_lbml_img3 {
    display: none;
}

.mc_list_imgbox img {
    object-fit: cover;
}

.mc_inban_title p {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

@media screen and (min-width:1200px) {
    .ma_lbm_li a:hover .ma_lbml_img2 {
        transform: scale(1.1);
    }

    .ma_lbm_li a:hover .ma_lbmlm_title {
        color: #0028aa;
    }

    .ma_lbm_li a:hover .mc_a1s1_morebtn {
        color: #0028aa;
    }

    .ma_lbm_li a:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .ma_lbm_li a:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
    }

    .ma_b1s2_main a:hover .mc_a1s1_morebtn {
        color: #0028aa;
    }

    .ma_b1s2_main a:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .ma_b1s2_main a:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
    }

    .ma_b1s2_main a:hover .ma_b1s2m_r1 {
        opacity: 0;
    }

    .ma_b1s2_main a:hover .ma_b1s2m_r2 {
        opacity: 1;
        transform: translateX(0) !important;
    }

    .ma_b2s1_main:hover .mc_a1s1_morebtn {
        color: #0028aa;
    }

    .ma_b2s1_main:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .ma_b2s1_main:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
    }

    .ma_b2s1_main:hover .ma_b1s2m_r1 {
        opacity: 0;
    }

    .ma_b2s1_main:hover .ma_b1s2m_r2 {
        opacity: 1;
        transform: translateX(0) !important;
    }

    .ma_lb_maim2 .ma_lbm_li:hover {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    }

    .mc_nav_li:hover .mc_nav_a {
        color: #001eb4;
    }

    .mc_language a:hover {
        color: #001eb4;
    }

    .mc_search_btn:hover i,
    .mc_search_btn:hover em {
        color: #001eb4 !important;
    }

    .mc_ft1_nav a:hover {
        color: #001eb4;
    }

    .mc_ft2_nav a:hover {
        opacity: .8;
    }

    .mc_sharebox:hover .mc_list_png {
        opacity: .8;
    }

    .mc_sharebox .mc_list_png {
        transition: all .36s;
    }

    .mc_e1_lisbox:hover {
        box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);
    }

    .mc_e1_lisbox:hover::after {
        width: 100%;
    }

    .pc_fenye li:hover {
        color: #001eb4;
        background: url(../images/fy_border.png) center / cover no-repeat;
    }

    .mc_e3s1_backbtn:hover {
        color: #001eb4;
    }

    .mc_e3s1b_sharebox .mc_sharebox:hover {
        background: #001eb4;
    }

    .mc_e3s1_arrow a:hover {
        color: #001eb4;
    }

    .mc_h1_morebtn:hover {
        color: #001eb4;
    }

    .mc_h1_morebtn:hover i::before {
        transform: translateX(10px);
    }

    .mc_h1s1_lisbox:hover {
        box-shadow: 5px 4.5px 15.3px 2.7px rgba(212, 211, 211, .75);
    }

    .mc_h1s2_lisbox:hover .mc_h1s2li_title {
        color: #001eb4;
    }

    .mc_h1s2_lisbox:hover .mc_h1s2_r i,
    .mc_h1s2_lisbox:hover .mc_h1s2_r em {
        color: #001eb4;
    }

    .mc_mbx_li:hover {
        /* color: #333333; */
        opacity: .8;
    }

    .mc_h2s1_li:hover .mc_h2s1_a::before {
        width: 100%;
    }

    .mc_e1_lisbox:hover .mc_e1_imgbox img {
        transform: scale(1.1);
    }

    .mc_h1s3_hudong_btn:hover i,
    .mc_h1s3_hudong_btn:hover em {
        /* animation: movex .6s ease; */
        transform: translateX(10px);
    }

    @keyframes movex {
        50% {
            transform: translateX(10px);
        }
    }

    .mc_i1s1_mapbtn:hover {
        color: #001eb4;
    }

    .mc_i1s1f_table td a:hover {
        color: #001eb4;
    }

    .mc_lyt_hdli:hover .mc_lyt_hda {
        background: #0028aa;
    }

    .mc_lyfac_add:hover {
        color: #001eb4;
    }

    .mc_lyfac_delete:hover {
        background: #ed0000;
    }

    .mc_subnav_a:hover {
        color: #001eb4;
    }

    .mc_navxlr_a:hover {
        color: #001eb4;
    }

    .mc_f1t_href:hover i,
    .mc_f1t_href:hover em {
        transform: translateX(10px);
    }

    .mc_f1s2_lisbox:hover .mc_f1s2_imgbox img {
        transform: scale(1.1);
    }

    .mc_f1s2_lisbox:hover .mc_f1s2_bot {
        color: #001eb4;
    }

    .mc_f1s2_imgbox img,
    .mc_f1s2_bot {
        transition: all .36s;
    }

    .mc_f2s1m_li:hover .mc_f2s1m_title {
        color: #001eb4;
    }

    .mc_i1s1f_table tr:not(.mc_i1s1f_thd):hover {
        background: #f8f8f8;
    }

    .mc_i1s1f_table tr:not(.mc_i1s1f_thd):hover td {
        color: #333;
    }

    .mc_i1s2_lisbox:hover .mc_i1s2_xtb i,
    .mc_i1s2_lisbox:hover .mc_i1s2_xtb em,
    .mc_i1s2_lisbox:hover .mc_i1s2_title {
        color: #001eb4;
    }

    .mc_ly_submit:hover input {
        color: #001eb4;
    }

    .mc_ly_submit:hover::before {
        transform: scale(.5);
        opacity: 0;
    }

    .mc_ly_submit:hover::after {
        transform: scale(1);
        opacity: 1;
    }

    .mc_a1s1_a:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .mc_a1s1_a:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
    }

    .mc_a1s1_a:hover .mc_a1s1_morebtn {
        color: #0028aa;
    }

    .mc_a1s1_a:hover .mc_a1s1_imgbox::after {
        width: 100%;
    }

    .mc_a1s1_a:hover {
        box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);
    }

    .mc_a1s3_lisbox:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .mc_a1s3_lisbox:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
    }

    .mc_a1s3_lisbox:hover .mc_a1s1_morebtn {
        color: #0028aa;
    }

    .mc_a1s1_morebtn:hover::before {
        transform: scale(.5);
        opacity: 0;
    }

    .mc_a1s1_morebtn:hover::after {
        transform: scale(1);
        opacity: 1;
    }

    .mc_a1s1_morebtn:hover {
        color: #0028aa;
    }

    .mc_a1s3_lisbox:hover .mc_list_png {
        opacity: 0;
    }

    .mc_a1s3_lisbox:hover .mc_list_img {
        opacity: 1;
        transform: translateX(0) !important;
    }

    .mc_a1s3_lisbox:hover .mc_a1s3li_title {
        color: #0028aa;
    }

    .mc_a1s4_lisbox:hover .mc_a1s4_imgbox::before {
        height: 100%;
        background: rgba(0, 0, 0, .6)
    }

    .mc_a1s4_lisbox:hover .mc_a1s4li_title {
        height: 100%;
        opacity: 0;
    }

    .mc_a1s4_lisbox:hover .mc_a1s4li_txt2 {
        opacity: 1;
        margin-top: 0;
    }

    .mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn::before {
        transform: scale(.5);
        opacity: 0;
    }

    .mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn::after {
        transform: scale(1);
        opacity: 1;
        border-color: #fff;
    }

    .mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn {
        color: #fff;
    }

    .mc_a1s2_txtbox2 .mc_a1s1_more:hover .mc_a1s1_morebtn::after {
        border-color: #fff;
    }

    .mc_a1s2_txtbox2 .mc_a1s1_more:hover .mc_a1s1_morebtn {
        color: #fff;
    }

    .g_btn:hover .icon-nextstep {
        transform: translateX(10px);
    }

    .mc_d2s3sub_li:hover .mc_d2s3sub_txtbox {
        color: #0028aa;
    }

    .mc_d2s3sub_li:hover .mc_d2s3sub_imgbox {
        opacity: 1;
    }

    .g_b4footflnr>a:hover .g_b4footwz h4 {
        color: #0028aa;
    }

    .mc_d2s3_li:hover {
        z-index: 10;
    }

    .mc_a2gl_a:hover {
        color: #333;
    }

    .mc_a2re_a:hover {
        color: #333;
    }

    /* .mc_b21_tr:hover .mc_b21_td1:not(.mc_b21_th){
        color: #001eb4;
    } */

    .ma_lbmlmr_a a:hover span {
        color: #0028aa;
    }

    .mc_d2s2_swiper:hover .swiper-button-next,
    .mc_d2s2_swiper:hover .swiper-button-prev {
        opacity: 1;
    }

    .mc_d3s2_swiper:hover .swiper-button-next,
    .mc_d3s2_swiper:hover .swiper-button-prev {
        opacity: 1;
    }

    .mc_d3s5_swiper:hover .swiper-button-next,
    .mc_d3s5_swiper:hover .swiper-button-prev {
        opacity: 1;
    }

    .mc_j2s2_swiper:hover .swiper-button-next,
    .mc_j2s2_swiper:hover .swiper-button-prev {
        opacity: 1;
    }

    .mc_lycj_select .mc_select_li:hover {
        color: #0028aa;

    }

    .mc_getpos_txt p a:hover {
        color: #0028aa;
    }


}

/* .mc_nav_nor .mc_nav_xl{
    display: block !important;
} */

/* 7.16 */
/* .mc_d1s1_list.list-paddingleft-2 li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
    color: #0028aa;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
}

.mc_d1s1_list.list-paddingleft-2 li {
    font-size: 16px;
    line-height: 1.75;
    padding-left: 20px;
    margin-top: 5px;
} */

.yxedr_active li {
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    padding-left: 20px;
    margin-top: 5px;
}

.yxedr_active li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0 !important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
}

.ma_lbmlmr_a a span {
    color: #999;
    transition: all .36s;
}

.g_b4 .mc_banner_inner .mc_ban_pc::before {
    display: none;
}

.g_b4 .mc_banner_inner .mc_ban_pc::after {
    height: 50%;
    background: linear-gradient(180deg, rgba(10, 37, 114, .25), rgba(10, 37, 114, 0));
}

.ma_b4 .mc_banner_inner .mc_ban_pc::before {
    display: none;
}

.ma_b4 .mc_banner_inner .mc_ban_pc::after {
    height: 50%;
    background: linear-gradient(180deg, rgba(10, 37, 114, .25), rgba(10, 37, 114, 0));
}

.mc_h1s1_morebox {
    text-align: center;
    margin-top: 80px;
}



.mc_d2s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_d2s2_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.mc_d2s2_swiper.swiper-container {
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
}

.mc_d2s2_swiper .swiper-button-next,
.mc_d2s2_swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    opacity: 0;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: calc(50% - 40px);
}

.mc_d2s2_swiper .swiper-button-next {
    right: 100px;
}


.mc_d3s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_d3s2_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.mc_d3s2_swiper.swiper-container {
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
}

.mc_d3s2_swiper .swiper-button-next,
.mc_d3s2_swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    opacity: 0;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: calc(50% - 40px);
}

.mc_d3s2_swiper .swiper-button-next {
    right: 100px;
}

.mc_d3s5_swiper .swiper-button-next.swiper-button-disabled,
.mc_d3s5_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.mc_d3s5_swiper.swiper-container {
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
}

.mc_d3s5_swiper .swiper-button-next,
.mc_d3s5_swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    opacity: 0;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: calc(50% - 40px);
}

.mc_d3s5_swiper .swiper-button-next {
    right: 100px;
}

.mc_j2s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_j2s2_swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}

.mc_j2s2_swiper.swiper-container {
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
}

.mc_j2s2_swiper .swiper-button-next,
.mc_j2s2_swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    opacity: 0;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: calc(50% - 40px);
}

.mc_j2s2_swiper .swiper-button-next {
    right: 100px;
}

.g_b4pt2 .g_b4pt1bottle p,
.ma_b3 .ma_b1s2m_font p,
.ma_b1s2m_font p,
.mc_a1s3li_txt,
.mc_txt20666,
.mc_txt20666 p,
.ma_b4s1_main p {
    font-size: 20px;
    line-height: 1.75;
    color: #666;
}

.g_b4pt2 .g_b4pt1bottle p {
    color: #666;
}

#my-video {
    width: 100%;
}

.mc_b7_vieobox {
    margin-bottom: 30px;
}

.video-js.vjs-big-play-centered .vjs-big-play-button span {
    display: none;
}

.video-js.vjs-big-play-centered .vjs-big-play-button {
    background: url(../svg/palybtn.svg) center / cover no-repeat;
}

.video-js.vjs-big-play-centered .vjs-big-play-button {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    background-color: transparent !important;
    border-radius: 0;
    border: 0;
}

.mc_f1t_txtbox {
    display: inline-block;
    vertical-align: top;
    width: calc(55% - 10px);
    padding-right: 20px;
}

.mc_f1t_imgbox {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

.mc_lycj_select {
    position: relative;
}

.mc_lycj_select .mc_select_xtbbox {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mc_lycj_select .mc_select_show {
    padding-right: 35px !important;
}

.mc_lycj_select {
    width: 260px;
    margin-left: 20px;
}

.mc_lycj_select .mc_select_showbox {
    width: 100%;
}

.mc_ly_yycj_hd .mc_ly_title {
    margin-bottom: 0;
    line-height: 62px;
}

.mc_ly_yycj_hd {
    margin-bottom: 30px;
}

.mc_lycj_select .mc_select_bd {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    border: 1px solid #dee6ff;
    background: #fff;
    border-top: 0;
    padding: 14px 0;
    z-index: 20;
}

.mc_lycj_select .mc_select_li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    color: #333;
    transition: all .36s;
}

/* .mc_lysel_bd .mc_ly_checkgroup {
    display: none;
} */


@media screen and (min-width:767px) {

    /* .mc_f2s1_inputbox{
        width: calc(100% - 20px);
    }
    #mCSB_1_container .mc_f2s1_inputbox{
        width: 100%;
    } */
    .mc_f2s1m_l .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 30px !important;
    }
}

.mc_getpos_tip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #f5f8ff;
    text-align: center;
    overflow: hidden;
}

.mc_getpos_tipcontent {
    padding: 20px;
}

.mc_getpos_tipcontent>div {
    display: inline-block;
}

.mc_getpos_txt p {
    font-size: 18px;
    line-height: 36px;
    color: #333333;
}

.mc_getpos_txt p a {
    color: #666666;
}

.mc_getpos_txt {
    margin-right: 54px;
}

.mc_getpos_btn {
    font-size: 14px;
    line-height: 36px;
    color: #727376;
    padding: 0 30px;
    border: 1px solid #e7e6e6;
    margin: 0 20px;
}

/* .mc_b1s1dots_li.act{
    border: 1px solid #e7e6e6;
} */

.mc_h1s2b_more {
    margin-top: 50px;
    text-align: center;
}

.mc_b1s1_videobox {
    width: 52%;
}

.mc_b1s1_title {
    margin-bottom: -5vh;
}

.mc_b1s1_txtbox p {
    user-select: text;
}

.mc_b1s1_videobox {
    width: 800px;
}

/* 7.21 */
.mc_b1 .ma_b1s1_list {
    padding-top: 80px;
}

.mc_b1s2_title {
    margin-bottom: 80px;
}

.ma_b1s1_list .ma_b1s2_main {
    margin-bottom: 150px;
}

.mc_c1s2_title {
    margin-bottom: 80px;
}

.mc_d2s3_list {
    display: none;
}

/* 7.29 */
.mc_d3s2_txt p {
    font-size: 18px;
    line-height: 30px;
}

.mc_d3s2li_txt p {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
}

.mc_e1_txt {
    color: #333333;
}

.mc_i1s1f_table th:nth-child(1) {
    width: 32%;
}

.mc_i1s1f_table th:nth-child(2) {
    width: 40%;
}

.mc_i1s1f_table th:nth-child(3) {
    width: 28%;
}

.mc_i1s1f_table td {
    text-align: left;
    padding: 20px 20px;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
    width: 475px;
    height: 600px;
}


/* 7.31 */
.mc_d3s2_num {
    display: none;
}

.mc_d3s2li_title {
    margin-bottom: 30px;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
    padding: 80px 55px 45px;
}

.mc_logo_imgbox {
    width: 100%;
}

/* 8.5 */

.mc_a1s1_ban {
    padding-top: 80px;
    padding-bottom: 40px;
}

.mc_a1_top {
    position: relative;
    z-index: 1;
}


#mc_a1t_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mc_a1t_li {
    position: absolute;
    z-index: 5;
}



.mc_a1t_a {
    display: block;
    position: relative;
}

.mc_a1t_xl {
    position: absolute;
    left: 42px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 16px;
    padding: 0 23px;
    line-height: 54px;
    pointer-events: none;
}

.mc_a1t_xl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: rgba(0, 30, 180, .77);
    border-radius: 30px;
}

.mc_a1t_icon {
    font-size: 24px;
    color: #a1b8fd;
    margin-right: 20px;
    vertical-align: middle;
}

.mc_a1t_title {
    color: #fff;
    font-size: 16px;
    margin-right: 45px;
    vertical-align: middle;
}


.mc_a1t_jiantou {
    font-size: 20px;
    color: #a1b8fd;
    vertical-align: middle;
}



.mc_a1t_dian {
    position: relative;
    animation: bordershow 3s infinite;
}

.mc_a1t_xl span {
    opacity: 0;
}

.mc_a1t_dian {
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 7px solid #001eb4;
    border-radius: 50%;
}

.mc_a1t_dian::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
}

.mc_a1t_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
}

.mc_a1t_dian::before {
    animation: boderM 3s .75s infinite;
}

.mc_a1t_dian::after {
    animation: boderM 3s infinite;
}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

@keyframes bordershow {

    50% {
        box-shadow: 0px 0px 10px 0 #001eb4;
    }

}

.mc_a1t_xl {
    font-size: 10px;
}

.mc_a1t_xl::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 42px;
    height: 100%;
}

.mc_a1t_li1 .mc_a1t_icon {
    font-size: 4.4em;
}

.mc_a1t_li2 .mc_a1t_icon {
    font-size: 4em;
}

.mc_a1t_li3 .mc_a1t_icon {
    font-size: 3em;
}

.mc_a1t_li4 .mc_a1t_icon {
    font-size: 2.8em;
}

.mc_a1t_li5 .mc_a1t_icon {
    font-size: 4em;
}

.mc_a1t_li6 .mc_a1t_icon {
    font-size: 2.8em;
}

.mc_a1t_li7 .mc_a1t_icon {
    font-size: 2.8em;
}

.mc_a1t_li8 .mc_a1t_icon {
    font-size: 3.8em;
}

.mc_a1t_li9 .mc_a1t_icon {
    font-size: 2.5em;
}

.mc_a1t_li10 .mc_a1t_icon {
    font-size: 3em;
}

/* 8.5 */
.mc_navbox_inner {
    width: 100%;
    text-align: center;
}

.mc_nav {
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_navbox_inner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_innav_fg {
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    margin: 0 10px;
}

.mc_navbox_inner .mc_nav_a {
    font-size: 18px;
    color: #333;
    display: inline !important;
}


/* .mc_has_innav .mc_fixed.mc_navbar {
    box-shadow: none;
} */

.mc_navbar_l,
.mc_navbar_r {
    position: relative;
    z-index: 20;
}

.mc_innav_hd {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.mc_innav_xl {
    font-size: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
    transform: translateY(-100%);
    position: relative;
    z-index: -1;
    transition: all .7s;
}

.mc_innav_li {
    display: inline-block;
    padding: 0 20px;
}

.mc_innav_a {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    padding: 15px 10px;
}

.mc_innav_a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #001eb4;
    transition: all .36s;
    transform: translateX(-50%);
}

.mc_innav_li.yxnav_active2 .mc_innav_a::before {
    width: 100%;
}

.mc_innav_li.yxnav_active2 .mc_innav_a {
    color: #001eb4;
}

/* .mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_nav {
    opacity: 0;
    transform: translateX(-50px);
}

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_navbox_inner {
    opacity: 1;
    z-index: 5;
} */

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_innav_fg {
    margin: 0 20px;
}

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_innav_xl {
    transform: translateY(0);
}

.mc_f1s2_bot {
    display: none;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
    height: auto !important;
}

.mc_d3s2li_artical {
    height: 380px;
    margin-bottom: 0 !important;
}

.mc_d3s2li_pdf {
    margin-top: 30px;
}

.mc_a1_fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
}

.mc_a1_top {
    position: relative;
    z-index: 2;
}

.mc_index .mc_main,
.mc_index .mc_ft {
    position: relative;
    z-index: 5;
    background: #fff;
}

.mc_innav_hd .iconhome {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../images/innav_home.png) center / cover no-repeat;
    margin-top: -3px;

}

/* 8.6 */
.mc_bancont_center .mc_ban_contianer .mc_inban_title {
    font-size: 56px;
}

.mc_bancont_center .mc_ban_contianer p {
    font-size: 32px;
    line-height: 1.5;
    color: #d0d0d0;
    margin-top: 10px;
}

.mc_banner_inner .mc_ban_contianer {
    bottom: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mc_banner_inner .mc_ban_contianer .mc_inban_title {
    font-size: 56px;
}

.mc_banner_inner .mc_ban_contianer p {
    font-size: 32px;
    line-height: 1.5;
    color: #d0d0d0;
    margin-top: 10px;
}

.mc_banner_inner .mc_ban_contianer p {
    width: 750px;
    max-width: 100%;
}

.mc_bancont_center .mc_ban_contianer {
    bottom: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mc_g1_tittlebox h3,
.mc_g1_tittlebox p {
    line-height: 1.2;
    padding: 0.25em 0;
}

.mc_g1_subtitle {
    color: #acacac;
}

.mc_g1s {
    padding: 60px 0 0;
}

.mc_g1_tittlebox {
    margin-bottom: 70px;
}

.mc_g1_videobox {
    text-align: center;
    margin-bottom: 95px;
}

.mc_g1_list {
    font-size: 0;
}

.mc_g1_li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 95px;
}

.mc_g1li_top,
.mc_g1li_top p {
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #0028aa;
}

.mc_g1li_top {
    margin-bottom: 42px;
}

.mc_txt1830 p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.mc_g1li_bot {
    padding-top: 30px;
    padding-right: 10px;
    border-top: 1px solid #dcdcdc;
}


.mc_g1_listbox {
    position: relative;
    padding-top: 120px;
    padding-bottom: 35px;
}

.mc_g1_listbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    /* height: calc(100% + 195px); */
    height: 100%;
    background: #f7f8fa;
}

.mc_g1_list4 .mc_g1_li {
    width: 25%;
    padding: 0 38px;
}

.mc_g1_list4 {
    margin: 0 -38px;
}

.mc_g1_list3 .mc_g1_li {
    width: 33.333333%;
    padding: 0 44px;
}

.mc_g1_list3 {
    margin: 0 -44px;
}

.mc_aside_navbox {
    position: fixed;
    left: 0;
    padding-left: 40px;
    top: 50%;
    transform: translateY(-50%) translateX(-100%);
    z-index: 99;
    transition: all .36s ease-out;
}

.mc_aside_navbox.show {
    transform: translateY(-50%) translateX(0);
}

.mc_aside_li {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    margin: 60px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    transition: all .36s;
}

.mc_aside_li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0028aa;
    border: 1px solid #fff;
    transition: all .36s;
}

.mc_aside_li::after {
    display: none;
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 1px;
    height: 65px;
    border-radius: 50%;
    background: #d4dbf1;
    z-index: -1;
    transition: all .36s;
}


.mc_aside_li:last-child::after {
    display: none;
}


.mc_aside_li.on {
    font-size: 14px;
    color: #333333;
}

.mc_aside_li.on::before {
    box-shadow: 0 0 8px 0 rgba(79, 115, 233, .75);
}

.mc_aside_li.on::after {
    background: #0028aa;
}

.mc_aside_nav {
    position: relative;
}

.mc_aside_nav::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 11px;
    z-index: -2;
    width: 1px;
    height: calc(100% - 22px);
    background: #d4dbf1;
    transition: all .36s;
}

.mc_aside_navline {
    display: block;
    position: absolute;
    left: 4px;
    top: 11px;
    z-index: -1;
    width: 1px;
    max-height: calc(100% - 22px);
    background: #0028aa;
    transition: all .3s;
}

.mc_g1_tittlebox {
    margin-bottom: 0 !important;
}

.mc_g1_hd {
    padding-bottom: 60px;
}

.mc_g1hd_l,
.mc_g1hd_r {
    display: table-cell;
    vertical-align: middle;
}

.mc_g1hd_l {
    width: 485px;
    padding-right: 120px;
}

.mc_g1hd_l img {
    width: 365px;
}


/***************************************** d1 ****************************************/

.mc_nd1_li {
    padding: 100px 0 85px;
}

.mc_nd1_imgwrap {
    width: 56%;
    padding: 0 2.46%;
}

.mc_nd1_txtbox {
    width: 44%;
    padding-top: 6%;
}

.mc_nd1_title {
    margin-bottom: 48px;
}

.mc_nd1_txt {
    margin-bottom: 36px;
}

.mc_btn_list {
    font-size: 0;
}

.mc_btn_li {
    display: inline-block;
    min-width: 50%;
    padding: 0 8px;
    margin-bottom: 20px;
}

.mc_btn_list {
    margin: 0 -8px;
}

.mc_vbtn_a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid #0028aa;
    color: #0028aa;
    transition: all .36s;
    border-radius: 30px;
}

.mc_nd1_li:nth-child(even) {
    background: #f8f8f8;
}

.mc_nd1_li:nth-child(even) .mc_nd1_imgwrap {
    float: right;
}

.mc_nd1_li:nth-child(odd) .mc_nd1_imgbox {
    transform: translateY(50px);
    transition: all 1s .3s;
}

.mc_nd1_li:nth-child(even) .mc_nd1_imgbox {
    transform: translateY(50px);
    transition: all 1s .3s;
}

.mc_nd1_li .mc_nd1_imgbox.animated {
    transform: translateY(0);
}

.mc_btn_li:nth-of-type(n+5) {
    display: none;
}

.mc_btn_show {
    font-size: 14px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #0028aa;
    cursor: pointer;
}

.mc_btn_show .iconjia {
    font-size: 14px;
    margin-right: 10px;
}

.mc_btn_hide {
    display: none;
    cursor: pointer;
}

.mc_btn_hide .iconarr1 {
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 30px;
    color: #0028aa;
}

.mc_btn_toggle {
    margin-top: 20px;
}


.mc_nc1s1_list {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
    cursor: default;
}

.mc_nc1s1_li {
    position: relative;
    /* float: left; */
    display: inline-block;
    width: 33.333333%;
    height: 560px;
    transition: all .36s;
}

.mc_nc1s1_bgbox {
    position: relative;
    z-index: 1;
    width: 560px;
    height: 100%;
}

.mc_nc1s1_bgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
}

.mc_nc1s1_bgbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
   /* background: rgba(10, 56, 165, .57); */
    opacity: 0;
    transition: all .36s;
}

.mc_nc1s1_bg {
    width: 100%;
    height: 100%;
}

.mc_nc1s1_txtbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    width: 100%;
    color: #fff;
    transition: all .36s;
    white-space: normal;
}



.mc_nc1s1_title {
    width: 100%;
    top: 40%;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    transition: all .36s;
	position:inherit;
	
}

.mc_nc1s1_txt .mc_nc1s1_title {
    top: 0;
    margin-bottom: 0px;
    text-align: left;
    opacity: 1;

}
.more{ background-color: #fff;  color: #333; width: 130px; line-height: 40px; text-align: center; margin-top: 30px;}
.more a{color: #333;}
.mc_nc1s1_txt p {color: #FFF;}
.mctitle{ font-size: 32px; font-weight: normal;}
.mc_nc1s1_txt {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 290px 90px 0 60px;
    overflow: hidden;
	
}

.mc_nc1s2_txt p {
    line-height: 2;
}

.mc_nc1s2_title {
    margin-bottom: 32px;
}

.mc_nc1s2_imgwrap {
    width: 50%;
}

.mc_nc1s2_txtbox {
    width: 50%;
    padding-top: 4.5%;
    padding-left: 6%;
}

.mc_nc1s2_txt {
    margin-bottom: 40px;
}

.mc_nc1s2_li {
    margin-bottom: 0 !important;
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_imgwrap {
    float: right;
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_txtbox {
    padding-left: 0;
    padding-right: 6%;
}

.mc_nc1s2 {
    padding-bottom: 60px;
}

.mc_n1s3_title {
    text-align: center;
    margin-bottom: 95px;
}

.mc_n1s3_a {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-shadow: 1px 1px 14px 1px rgba(227, 224, 224, .35);
    border-radius: 10px;
}

.mc_n1s3_tr:not(:last-child) {
    margin-bottom: 20px;
}

.mc_n1s3_td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 4% 20px;
}

.mc_n1s3_td>div {
    display: inline-block;
    vertical-align: middle;
}

.mc_n1s3_txt {
    text-align: left;
}

.mc_n1s3_imgbox {
    width: 52px;
}

.mc_nc1s3 {
    padding-bottom: 230px;
}

.mc_n1s3_td0 {
    width: 10%;
    background: #f6f8fa;
}

.mc_n1s3_td1 {
    width: 13%;
}

.mc_n1s3_td2 {
    width: 9%;
}

.mc_n1s3_td3 {
    width: 9%;
}

.mc_n1s3_td4 {
    width: 16%;
}

.mc_n1s3_td5 {
    width: 15%;
}

.mc_n1s3_td6 {
    width: 28%;
}

.mc_n1s3_name {
    font-size: 18px;
    font-weight: bold;
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    color: #0028aa;
    line-height: 1.5;
    word-break: break-word;
}

.mc_n1s3_dt {
    font-size: 12px;
    /* font-weight: lighter; */
    line-height: 1.5;
    margin-bottom: 8px;
    word-break: break-word;
    color: #999;
}

.mc_n1s3_dd {
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    height: 20px;
    word-break: break-word;
}

.mc_k1s1 {
    padding: 150px 0;
}

.mc_txt1630 p {
    font-size: 16px;
    line-height: 30px;
}

.mc_k1s1 .mc_nc1s1_title {
    font-size: 26px;
}

.mc_k1s1 .mc_nc1s1_txt .mc_nc1s1_title {
    font-size: 36px;
    margin-bottom: 35px;
}

.mc_nc1s1_xtb {
   
    width: 32px;
    margin-bottom: 20px;
}

.mc_nc1s1_titwrap {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.mc_nc1s1_txt .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.mc_b4s1_title {
    text-align: center;
    margin-bottom: 75px;
}

.mc_nc1ft_a {
    display: block;
}



@media screen and (min-width:1200px) {
    .mc_n1s3_a:hover {
        box-shadow: 1px 2px 7px 1px rgba(128, 129, 139, .23);
    }

    .mc_a1t_li:hover {
        z-index: 20;
    }

    .mc_a1t_li:hover .mc_a1t_xl {
        pointer-events: all;
    }

    .mc_a1t_li:hover .mc_a1t_xl::before {
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
    }

    .mc_a1t_li:hover .mc_a1t_xl span {
        opacity: 1;
        transition: all .36s .4s;
    }

    .mc_innav_hd .mc_nav_a:hover {
        color: #001eb4;
    }

    .mc_innav_a:hover {
        color: #001eb4;
    }

    .mc_innav_a:hover::before {
        width: 100%;
    }

    .mc_d3s2li_txt p a:hover {
        color: #021571 !important;
    }

    .mc_vbtn_a:hover {
        background: #0a38a5;
        color: #fff;
    }

    .mc_nc1s1_list:hover .mc_nc1s1_li {
        width: 30%;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover {
        width: 40%;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_bgbox::after {
        opacity: 1;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txtbox>.mc_nc1s1_title {
        opacity: 0;
    }

    .mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txt {
        opacity: 1;
        transition: all .4s .4s;
    }


    .mc_nc1ft_a:hover {
        color: #fff;
    }

    .mc_nc1ft_a:hover .mc_xtb_default {
        opacity: 0;
    }

    .mc_nc1ft_a:hover .mc_xtb_active {
        opacity: 1;
    }

    .mc_nc1ft_a:hover::before {
        opacity: 1;
    }

    .mc_nd1_imgbox:hover img {
        transform: scale(1.05);
    }

    .mc_nd1_imgbox img {
        transition: all .36s !important;
    }

}

/* 载入效果 */
.mc_nc1s2_imgbox {
    opacity: 0;
    transition: all 1s .3s;
}

.mc_nc1s2_li:nth-child(odd) .mc_nc1s2_imgbox {
    transform: translateY(50px);
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_imgbox {
    transform: translateY(50px);
}

.mc_nc1s2_imgbox.animated {
    opacity: 1;
    transform: translate(0) !important;
}

.mc_anmt_up {
    opacity: 0;
    transform: translateY(20px);
    transition: all .6s ease-in-out .1s;
}

.mc_anmt_up.animated {
    opacity: 1;
    transform: translateY(0px);
}

.mc_nc1s2_txt,
.mc_nd1_txt {
    transition-delay: .4s;
}

.mc_btn_list {
    transition-delay: .6s;
}

.mc_ban_contianer>* {
    animation: fadeInUp 1.2s;
}

.mc_nc1s1_li::before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #0a38a5;
    transition: all .4s .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.mc_nc1s1_li:nth-child(2)::before {
    transition-delay: .7s;
}

.mc_nc1s1_li:nth-child(3)::before {
    transition-delay: 1.0s;
}

.subtitleyw{ font-size: 16px;}
.subimg{ width: 100%; text-align: center; margin-top: 20px;}

@media screen and (max-width: 991px) {
    
}


@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

}



@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {


}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {


}



@keyframes mcslidedown {
    0% {
        height: 0;
    }

    100% {
        height: 50px;
    }
}



@media screen and (min-width:1200px) {


}

@media screen and (max-width:991px) {

}

@media screen and (max-width:767px) {
  
}



@media screen and (max-width:767px) {

}

@media screen and (min-width: 1200px) {


}

@media screen and (max-width: 1440px) {
  
}

@media screen and (max-width: 1024px) {
   
}