@charset "utf-8";
@font-face {
    font-family: "OPPOSansWeb2";
    src: url("../fonts/opposansweb2.woff2") format("woff2"), url("../fonts/opposansweb2.woff") format("woff"), url("../fonts/opposansweb2.ttf") format("truetype"), url("../fonts/opposansweb2.eot") format("embedded-opentype"), url("../fonts/opposansweb2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPPOSans2_En_design-Regular';
    src: url('../fonts/opposans2_en_design-regular.eot');
    src: local('☺'), url('../fonts/opposans2_en_design-regular.woff') format('woff'), url('../fonts/opposans2_en_design-regular.ttf') format('truetype'), url('../fonts/opposans2_en_design-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPPOSans2_En_design-Heavy';
    src: url('../fonts/opposans2_en_design-heavy.eot');
    src: local('☺'), url('../fonts/opposans2_en_design-heavy.woff') format('woff'), url('../fonts/opposans2_en_design-heavy.ttf') format('truetype'), url('../fonts/opposans2_en_design-heavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
/* 自定义 */

.mt-50 {
    margin-top: 50px;
}
.viewpro img {
    margin-bottom: 0px;
}
.txt-wrap {
    font-size: 16px;
    line-height: 24px;
}
.index-about-info {
    position: absolute;
    font-size: 40px;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 40px;
    padding-top: 40px;
    vertical-align: middle;
}
.index-about-info p {
    margin-top: 20px;
}
/* 发展历程 */

.about-list:first-child {
    border-bottom: 1px solid #fff;
}
.about-list div {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    border-right: 1px solid #fff;
}
.about-list div:nth-child(4) {
    border-right: none;
}
.about-list div:nth-child(8) {
    border-right: none;
}
.about-list p {
    margin-bottom: 0px;
}
.about-list span {
    font-size: 38px;
    font-weight: bold;
    color: #ff0000;
}
.red-crice {
    color: #ff0000;
    font-size: 60px;
    margin-top: 20px;
}
.timezone {
    width: 6px;
    height: 1500px;
    background: #ddd;
    margin: 50px auto;
    border-radius: 3px;
    position: relative;
    -webkit-animation: heightSlide 2s linear;
}
/*加入竖线，宽度为6px*/

@-webkit-keyframes heightSlide {
    0% {
        height: 0;
    }
    100% {
        height: 1500px;
    }
}
/*增加动画*/

.timezone:after {
    width: 100px;
    color: #fff;
    position: absolute;
    margin-left: 0px auto;
    bottom: 0px;
    -webkit-animation: showIn 4s ease;
}
/*通过添加伪元素，来输入结尾*/

.timezone .time, .timezone .timeleft {
    position: absolute;
    margin-left: -7px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255);
    background: #ddd;
    -webkit-transition: all 0.5s;
    -webkit-animation: showIn ease;
}
/*添加实心圆*/

.timezone .time:nth-child(1) {
    -webkit-animation-duration: 1s;
}
.timezone .timeleft:nth-child(2) {
    -webkit-animation-duration: 1.5s;
}
.timezone .time:nth-child(3) {
    -webkit-animation-duration: 2s;
}
.timezone .timeleft:nth-child(4) {
    -webkit-animation-duration: 2.5s;
}
/*添加动画*/

@-webkit-keyframes showIn {
    0%, 70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*设置动画效果*/

.timezone .time h2, .timezone .timeleft h2 {
    position: absolute;
    margin-left: -80px;
    margin-top: -3px;
    color: #ff0000;
    font-size: 24px;
    cursor: pointer;
    -webkit-animation: showIn 3s ease;
}
.timezone .timeleft h2 {
    margin-left: 40px;
    width: 100px;
}
.timezone .time:hover, .timezone .timeleft:hover {
    border: 4px solid #ddd;
    background: #ff0000;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255);
}
/*点击后圆球变色*/

.timezone .time div, .timezone .timeleft div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 30px;
    width: 300px;
    height: 60px;
    background: #ddd;
    border: 3px solid #ddd;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    -webkit-animation: showIn 3s ease;
    -webkit-transition: all 0.5s;
    padding: 10px;
}
.timezone .time div p, .timezone .timeleft div p {
    line-height: 20px;
}
/*添加方框*/

.timezone .timeleft div {
    left: -320px;
}
/*设置左右位置*/

.timezone .time div:hover, .timezone .timeleft div:hover {
    height: 100px;
}
/*点击后显示内容*/

.timezone .time:before, .timezone .timeleft:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 10px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-right: 10px solid #ddd;
    z-index: -1;
    -webkit-animation: showIn 3s ease;
}
.timezone .timeleft:before {
    left: -20px;
    border: 10px solid transparent;
    border-left: 10px solid #ddd;
}
/* 历程样式结束 */

.morefont {
    font-size: 1.5rem;
}
.super-link {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    color: #666;
}
.super-link::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 120%;
    left: 0;
    background-color: #ff0000;
    transform: scale(0);
    transition: all .35s;
}
.super-link:hover::after {
    transform: scale(1);
}
.right::after {
    transform-origin: right;
}
.container-fluid {
    padding: 0;
}
.index-about-txt {
    position: relative;
    padding: 20px;
    width: 100%;
    height: auto;
    margin-top: 5%;
    color: #fff;
}
.index-about-txt h2 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: bold;
}
.index-about-txt p {
    font-size: 1.8rem;
    line-height: 4.5rem;
}
.index-about-txt p span {
    font-size: 2.5rem;
    line-height: 4rem;
}
.more i {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}
.mb-50 {
    margin-bottom: 50px;
}
.mtb-50 {
    margin: 50px auto;
}
.mtb-20 {
    margin: 20px auto;
}
.bk-b {
    border-bottom: 2px solid #eaeaea;
}
/* 产品中心 */

.baidumap {
    width: 100%;
    min-height: 400px;
}
.pro-sub-menulist {
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.pro-sub-menulist .col-md-3, .pro-sub-menulist .col-xs-3 {
    border-right: 1px solid #fff;
}
.pro-sub-menulist .col-md-3:last-child, .col-xs-3:last-child {
    border-right: none;
}
.pro-sub-menulist a {
    line-height: 30px;
    height: 30px;
    color: #fff;
    background: #b6b6b6;
    display: block;
}
.pro-sub-menulist a:hover {
    background: #ff0000;
}
.pro-sub-menu {
    height: 30px;
}
.pro-sub-menu .col-md-3:last-child, .col-xs-3:last-child {
    border-right: none;
}
.pro-sub-menu a {
    line-height: 30px;
    height: 30px;
    color: #fff;
    background: #b6b6b6;
    display: block;
}
.pro-sub-menu a:hover {
    background: #ff0000;
}
.pro-menu {
    font-size: 1.8rem;
    color: #666;
    margin: 20px auto 20px auto;
}
.pro-menu div {
    border-right: 1px solid #aaa;
}
.pro-menu div:last-child {
    border-right: none;
}
.pro-list .col-md-6 {
    margin-bottom: 20px;
    text-align: center;
}
.pro-list .col-md-3, .pro-list .col-xs-12 {
    margin-bottom: 20px;
}
.pro-wrap {
    background: #fff;
    padding: 5px;
    overflow: hidden;
    position: relative;
}
.pro-wrap:hover {
    box-shadow: 0 0 5px 0px rgba(177, 177, 177, 0.5);
}
.pro-wrap a img {
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.pro-wrap a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pro-wrap p {
    line-height: 24px;
}
.pro-wrap a {
    color: #333;
}
.pro-wrap-title {
    width: 100%;
    position: absolute;
    top: 20%;
    color: #fff;
    text-align: center;
    font-size: 36px;
    margin: 40px auto;
    z-index: 999;
}
.pro-wrap-title a {
    color: #fff;
}
.pro-sublist {
    position: absolute;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 90%;
}
.pro-sublist a {
    color: #fff;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.4);
}
.pro-sublist a:hover {
    background: rgba(255, 0, 0, 0.4);
}
.prosubtitle {
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 100%;
}
.pro-title {
    margin-top: 15px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
}
.pro-info {
    font-size: 1.4rem;
    color: #999;
    white-space: nowrap;
}
.showpage {
    display: block;
    text-align: center;
    height: 99px;
    line-height: 99px;
    clear: both;
}
.showpage a, .showpage b {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    color: #ccc;
}
.showpage a b {
    border: none;
}
.showpage span, .showpage .current {
    border: 1px solid #ff0000;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #ff0000;
}
/* 首页新闻滚动 */

.swiper {
    --swiper-theme-color: #ff3300;
    --swiper-pagination-color: #ff3300;
}
.news-list {
    font-size: 14px;
    padding: 10px;
    overflow: hidden;
}
.news-list img {
    margin-bottom: 20px;
}
.news-list a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.news-list a img {
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.news-list:hover {
    box-shadow: 0 0 5px 0px rgba(177, 177, 177, 0.5);
}
.news-list a {
    color: #333;
    line-height: 24px;
}
.news-title {
    height: 50px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left;
}
.news-time {
    text-align: left;
    color: #999;
}
.mySwiper {
    overflow: hidden;
}
.mySwiper2 {
    overflow: hidden;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.my-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #a0a0a0;
    opacity: 1;
}
.my-bullet-active {
    opacity: 1;
    border: 2px solid #c80116;
}
.swiper-container-horizontal>.swiper-pagination-bullets .my-bullet {
    margin: 0 4px;
}
.mc_txt2436 p {
    font-size: 24px;
    line-height: 1.5;
}
.mc_mb60 {
    margin-bottom: 60px;
}
.mc_mb100 {
    margin-bottom: 100px;
}
.mc_mb150 {
    margin-bottom: 150px;
}
.yxedr_active p {
    color: #666;
    font-size: 18px;
    line-height: 1.75;
    /* margin-bottom: 36px; */
    letter-spacing: 1px;
}
/* 解决方案 */

.banner-info {
    position: absolute;
    margin: 0 auto;
    text-align: left;
    top: 45%;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 5rem;
    color: #fff;
    height: 50px;
    line-height: 50px;
}
.solution-list div {
    margin-bottom: 20px;
    text-align: left;
}
.solution-wrap {
    background: #fff;
    padding: 5px;
    overflow: hidden;
}
.solution-wrap:hover {
    box-shadow: 0 0 5px 0px rgba(177, 177, 177, 0.5);
}
.solution-wrap a img {
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.solution-wrap a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.solution-wrap p {
    line-height: 24px;
}
.solution-wrap a {
    color: #333;
}
.solution-title {
    margin-top: 15px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
}
.content-wrap {
    margin-top: 20px;
    text-align: left;
}
.content-wrap p {
    line-height: 28px;
}
/* 研发 */

.bannerTitle {
    font-size: 4rem;
    color: #fff;
    margin-bottom: 20px;
}
.bannerInfo {
    font-size: 2rem;
    color: #fff;
    line-height: 40px;
}
.research-cxjs-txt {
    width: 100%;
    height: auto;
    text-align: center;
}
.research-cxjs-txt h2 {
    font-size: 4rem;
    margin-bottom: 20px;
    color: #ff0000;
}
.research-cxjs-txt p {
    font-size: 2.5rem;
    line-height: 4.5rem;
}
.cxjs-wrap {
    margin-right: 20px;
}
.cxjs-wrap h2 {
    color: #ff0000;
    font-size: 3rem;
    margin: 40px auto;
}
.cxjs-wrap p {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    font-size: 1.5rem;
    color: #666;
    line-height: 28px;
}
/* 公司 */

.about_wrap h3 {
    margin: 50px auto;
}
.fzlc-list {
    text-align: left;
    height: 180px;
    padding: 10px 20px 10px 10px;
    border-right: 1px solid #eee;
}
.fzlc-list h2 {
    color: #ff0000;
    font-size: 3rem;
    margin-bottom: 20px;
}
.fzlc-list p {
    color: #666;
    font-size: 1.6rem;
    line-height: 28px;
    margin-bottom: 30px;
}
.rongyu-wrape {
    font-size: 2rem;
}
.rongyu-wrape div {
    margin-bottom: 20px;
    color: #666;
}
/* 联系 */

.contact-wrap {
    width: 100%;
    margin-top: 50px;
}
.contact-img-wrap {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}
.contact-wrap p {
    font-size: 2rem;
    line-height: 4rem;
}
.contact-list {
    text-align: left;
    height: 150px;
    padding: 10px;
    border-right: 1px solid #eee;
}
.contact-list h2 {
    color: #ff0000;
    font-size: 2rem;
    margin-bottom: 10px;
}
.contact-list p {
    color: #666;
    font-size: 1.5rem;
    line-height: 28px;
    margin-bottom: 30px;
}
/* 手机导航 */

.g_phnav1.yxnav_active1, .g_phnav2.yxnav_active2 {
    color: #ff0000;
}
.mc_ph_hd {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    background-color: #fff;
}
.mc_ph_navbar {
    padding: 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.mc_language_ph a {
    line-height: 64px;
    color: #333;
    margin-right: 15px;
}
.mc_ph_hd .mc_ph_logo a {
    line-height: 64px;
}
.mc_ph_hd .mc_ph_logo {
    width: 165px;
}
.mc_ph_logo img {
    width: 100%;
}
.mc_ph_menu {
    overflow: hidden;
    width: 26px;
    height: 50px;
}
.mc_ph_hd .mc_phmenubox {
    width: 26px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mc_ph_hd .mc_phmenubox .point {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 22px;
    margin-top: 15px;
    transform: translateX(-3px);
}
.mc_ph_hd .mc_phmenubox .point .nav_btn, .mc_ph_hd .mc_phmenubox .point .nav_btn::after, .mc_ph_hd .mc_phmenubox .point .nav_btn::before {
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #333;
}
.mc_ph_hd .mc_phmenubox .nav_btn {
    position: absolute;
    top: 8px;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_ph_hd .mc_phmenubox .nav_btn::after, .mc_ph_hd .mc_phmenubox .nav_btn::before {
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_ph_hd .mc_phmenubox .nav_btn::after {
    top: -8px;
}
.mc_ph_hd .mc_phmenubox .nav_btn::before {
    top: 8px;
}
.mc_ph_hd .mc_phmenubox .point.active .nav_btn {
    background: transparent;
}
.mc_ph_hd .mc_phmenubox .point.active .nav_btn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mc_ph_hd .mc_phmenubox .point.active .nav_btn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mc_ph_navbar {
    position: relative;
    z-index: 999;
}
/*ph导航&下拉*/

.phxia {
    position: fixed;
    width: 100%;
    left: 0;
    top: 64px;
    z-index: 998;
    /* transform: translateX(-50%); */
    /* padding: 0 15px; */
    background-color: #fff;
    max-height: calc(100vh - 64px);
    overflow: auto;
}
.xialaph {
    display: none;
    width: 100%;
    background-color: #fff;
    font-family: '微软雅黑';
    height: calc(100vh - 64px);
    padding: 10px 0;
}
.xialaph h4 {
    position: relative;
    padding: 0 20px;
    font-size: 20px;
    line-height: 46px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4::after {
    content: '';
    /* position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    background-color: #000; */
    display: block;
    clear: both;
}
.xialaph h4 a {
    font-size: 20px;
    line-height: 46px;
    /* text-transform: uppercase; */
    color: #999;
    max-width: calc(100% - 36px);
}
.xialaph h4 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
    background: #f7f8fa;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.xialaph .ul2 .container_s {
    max-width: 100%;
    padding: 0 20px;
}
.xialaph .ul1 {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
}
.img_s {
    float: right;
    display: block;
    font-size: 16px;
    line-height: 40px;
    color: #999;
    transition: all .36s;
}
/* .xialaph h5 a{
    color: #fff;
}

.xialaph .ul2 .img_s{
    color: #fff;
} */

.xialaph h5 {
    position: relative;
}
.xialaph h5::after {
    content: '';
    /* position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: 0;
    background-color: #000; */
    display: block;
    clear: both;
}
.xialaph h5 a {
    font-family: '微软雅黑';
    font-size: 16px;
    line-height: 35px;
    /* text-transform: uppercase; */
    color: #999;
    max-width: calc(100% - 36px);
}
.xialaph h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 35px;
    padding: 11px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s, .xialaph h5.active img.img_s {
    display: none;
}
.xialaph h4.active img.img_d, .xialaph h5.active img.img_d {
    display: block;
}
.xialaph .ul3 {
    display: none;
}
.xialaph h6 a {
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4.active .img_s {
    transform: rotate(180deg);
}
.xialaph h5.active .img_s {
    transform: rotate(180deg);
}
.xialaph h4.active .img_s {
    transform: rotate(180deg);
}
.xialaph_bot {
    margin: 20px 0;
    text-align: right;
    padding: 0 20px;
    font-size: 0;
}
.xialaph_bot>div {
    display: inline-block;
    margin-left: 15px;
}
.mc_ph_search a, .mc_ph_language a {
    font-size: 16px;
    color: #666;
    line-height: 18px;
}
.mc_ph_search a i, .mc_ph_search a em {
    font-size: 18px;
    color: #333;
}
.mc_ph_search a, .mc_ph_language a {
    color: #ff0000;
}
.xialaph_bot>div {
    margin: 0 8px;
}
.xialaph_bot {
    text-align: center !important;
}
.ul1 {
    min-height: calc(100% - 60px);
}
.header2 {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ffffff;
    transform: translateX(-50%);
}
.header2 .logo {
    width: 80px;
    line-height: 64px;
}
.header2 .logo img {
    width: 100%;
}
.header2 .phsearch {
    position: absolute;
    top: 50%;
    right: 70px;
    width: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.header2 .wj_hin_right {
    padding-top: 25px;
}
.header2 .phsearch img {
    width: 100%;
}
.ph_mea_cl {
    overflow: hidden;
    width: 50px;
    height: 100%;
}
.header2 .menuph {
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header2 .menuph .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}
.header2 .menuph .point .navbtn, .header2 .menuph .point .navbtn::after, .header2 .menuph .point .navbtn::before {
    width: 28px;
}
.header2 .menuph .navbtn {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}
.header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}
.header2 .menuph .navbtn::after {
    top: -10px;
}
.header2 .menuph .navbtn::before {
    top: 10px;
}
.header2 .menuph .point.active .navbtn {
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}
.ph_search_ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}
.ph_search_ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}
.ph_search_ph input::-webkit-input-placeholder {
    color: #999999;
}
.ph_search_ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    font-family: "微软雅黑";
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.ph_search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}
.wj_header_i_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}
/*电话*/

.ph_dh_number {
    width: 100%;
    text-align: center;
    margin-top: 18px;
}
.ph_dh_number .ph_dh_n {
    display: inline-block;
    overflow: hidden;
}
.ph_dh_number .ph_dh_n p {
    float: left;
    font-size: 18px;
    color: #666;
}
.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
    margin-right: 15px;
}
.wj_hin_r_en {
    color: #666;
}
.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}
.ph_searchfe img {
    width: 100%;
}
.mc_nav_li.yxnav_active1 {
    opacity: 1;
}
.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_a {
    color: #001eb4;
    opacity: 1;
}
.mc_nav_xl {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 70px;
    width: 100%;
    border-top: 1px solid #dfdede;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
}
.mc_nav_xl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    transition: all .5s ease-in-out;
}
.mc_nav_xl.show::before {
    opacity: 1;
}
.mc_navxl_container {
    width: 1160px;
    margin: 0 auto;
    padding: 50px 0 60px;
}
.mc_navxl_r {
    width: 290px;
    padding: 42px 0;
    padding-left: 80px;
    text-align: left;
}
.mc_navxl_l {
    width: calc(100% - 290px);
    min-height: 206px;
    padding: 35px 0;
    border-right: 1px solid #dfdede;
    text-align: left;
}
.mc_navxl_title {
    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: 36px;
    font-weight: bold;
    color: #000000;
    width: 314px;
    margin-top: 15px;
}
.mc_navxl_subnav {
    width: calc(100% - 314px);
}
.mc_subnav_a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 0;
    color: #333333;
    white-space: normal;
}
.mc_subnav_li {
    float: left;
    width: 50%;
    padding-right: 30px;
}
.mc_navxl_subnav {
    max-width: 460px;
}
.mc_subnav_li:nth-child(odd) {
    clear: left;
}
.mc_navxlr_title {
    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-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #0028aa;
    margin-bottom: 12px;
}
.mc_navxlr_title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_navxlr_a {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    padding: 12px 0;
}
/* *************************************************************** */

/* 分页 */

.mc_fybtn {
    padding: 0 15px;
}
.mc_pcfy a {
    float: left;
}
.mc_fybtn a {
    font-family: 微软雅黑;
    font-size: 14px;
    color: #333;
}
.mc_phfy {
    display: none;
}
.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}
.pc_fenye li {
    float: left;
    width: 40px;
    height: 40px;
    /* border: 1px solid transparent; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 40px;
    color: #333333;
    text-align: center;
    margin: 0px 5px;
    transition: .3s;
}
.pc_fenye li.activepage {
    color: #001eb4;
    background: url(../img/fy_border.png) center / cover no-repeat;
}
.w_fenyeph {
    display: none;
}
.pc_fenye li.clolr {
    color: #001eb4;
}
/* *************************************************************** */

/* pc导航 */

.mc_pc_hd {
    position: relative;
    width: 100%;
}
.mc_navbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: all .5s;
}
.mc_cont100 {
    padding: 0 100px;
}
.mc_logo a, .mc_nav_a, .mc_language a {
    width: 100%;
    height: 100%;
    line-height: 100px;
    color: #fff;
}
.mc_navbar_l, .mc_navbar_r {
    height: 100%;
}
.mc_navbar_l>div, .mc_navbar_r>div {
    height: 100%;
    float: left;
}
.mc_navbar_m {
    width: 100%;
    text-align: center;
}
/* .mc_navbox {
    display: inline-block;
    vertical-align: middle;
} */

/* logo */

.mc_logo {
    width: 240px;
}
.mc_logobox {
    position: relative;
    display: block;
}
.mc_logo_def {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    transition: all .36s;
}
.mc_logo_fixed {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    transition: all .36s;
    opacity: 0;
}
/* nav */

.mc_nav {
    font-size: 0;
    width: 100%;
    text-align: center;
}
.mc_nav_li {
    /* float: left; */
    position: relative;
    display: inline-block;
    white-space: nowrap;
    padding: 0 1.74%;
}
.mc_nav_a {
    display: block;
    font-size: 18px;
}
/* lan */

.mc_language {
    font-size: 18px;
    margin-right: 18px;
}
/* search */

.mc_search_btn {
    width: 20px;
    line-height: 100px;
    cursor: pointer;
}
.mc_search_btn .icon-search {
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
    transition: all .36s;
}
.mc_search.isshow .icon-search:before {
    content: "\e625";
}
.mc_search_xl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.mc_search_xl.show::before {
    opacity: .95;
}
.mc_nav_line {
    display: block;
    position: absolute;
    height: 2px;
    bottom: 0;
    background: #0028AA;
    transition: all .4s ease;
    opacity: 0;
}
.mc_navbar.mc_fixed .mc_nav_line {
    opacity: 1;
}
/* .mc_icon_search{
    width: 20px;
    height: 20px;
    background: url(../img/icon_search.png) no-repeat;
    background-size: 40px;
    background-position: 0 0;
    transition: all .36s;
} */

.mc_fixed .mc_navbar {
    height: 100px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}
.mc_fixed.mc_navbar {
    height: 100px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}
.mc_logo_imgbox {
    display: inline-block;
    vertical-align: middle;
}
.mc_logo_imgbox svg {
    width: 210px;
    height: 22px;
}
.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #fff;
    transition: all .36s;
}
.mc_fixed .mc_logo_imgbox .st0 {
    fill: #0028AA;
}
.mc_fixed .mc_logo_def {
    opacity: 0;
}
.mc_fixed .mc_logo_fixed {
    opacity: 1;
}
.mc_fixed .mc_nav_a {
    color: #666;
}
.mc_fixed .mc_language a {
    color: #666;
}
.mc_fixed .mc_search_btn .icon-search {
    color: #666;
}
.mc_search_xl {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 390px;
    border-top: 1px solid #dfdede;
    /* background: rgba(255, 255, 255, .98); */
    display: none;
}
.mc_scm_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}
/* 页脚 */

.mc_ft {
    /*  margin-top: 5px; */
}
.mc_ft_copyright p {
    display: inline-block;
}
.mc_ft_copyright p a, .mc_ft_copyright p span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0 5px;
}
/* *************************************************************** */

/* banner */

.mc_banner, .mc_banner_inner {
    width: 100%;
    position: relative;
}
.mc_ban_li {
    position: relative;
    overflow: hidden;
}
.mc_ban_imgbox {
    position: relative;
    z-index: 1;
}
.mc_ban_imgbox a {
    display: block;
}
.mc_ban_pc, .mc_ban_ph {
    position: relative;
    overflow: hidden;
}
.mc_ban_ph {
    display: none;
}
.mc_ban_img {
    position: relative;
    z-index: 1;
}
.mc_ban_video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    transform: translate(-50%, -50%);
    object-fit: fill;
}
.mc_banner .slick-dots li {
    width: 12px;
    height: 12px;
    background: #fff;
}
.mc_banner .slick-dots li.slick-active {
    background: #4553be;
}
.mc_ban_modal {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.mc_ban_titlebox {
    color: #fff;
}
.mc_ban_li:not(:first-child) {
    display: none;
}
.mc_ban_li .mc_container {
    z-index: 2;
}
.mc_ban_box .mc_container {
    z-index: 2;
}
.mc_ban_ph .mc_ban_img {
    width: 100%;
    height: auto;
}
/* banner高度 */

.mc_banner_fulldefault .mc_ban_pc {
    height: 100vh;
}
.mc_banner_fulldefault .mc_ban_pc img {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    /* min-height: 100%; */
    /* transform: translate(-50%, -50%); */
}
.mc_banner_fulldefault .mc_ban_pc .mc_ban_img {
    width: 100%;
    height: 100%;
}
.mc_banner_fulldefault .mc_banner_title {
    text-align: center;
}
/** 全屏截取banner */

/* banner高度 */

.mc_banner_fullcut .mc_ban_pc {
    height: 100vh;
}
.mc_banner_fullcut .mc_ban_pc img {
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
}
/** 正常等比缩放 */

.mc_banner_default .mc_ban_pc img {
    width: 100%;
    height: auto;
}
.mc_cont1360 {
    width: 1360px;
    margin: 0 auto;
}
.mc_ban_contianer {
    z-index: 2;
    bottom: 112px;
}
.mc_inban_title {
    font-size: 72px;
    line-height: 1.45;
    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;
}
.mc_ft1 {
    border-top: 1px solid #f1f1f1;
    padding: 70px 0 110px;
    background: #f1f1f1;
}
.mc_ft1_logo {}
.mc_ft1_logo_ft1 {
    /* width: 200px; */
}
.mc_ft1_tel {
    margin-top: 80px;
}
.bottom-title {
    margin-top: 10px;
    font-size: 18px;
    color: #666666;
}
.bottom-tel {
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #ff0000;
}
.mc_ft1_logo_ft2 {
    padding-left: 10%;
    padding-top: 5%;
}
.mc_ft1_logo_ft2 p {
    float: left;
    margin-right: 10px;
}
.mc_cont1520 {
    width: 1520px;
    margin: 0 auto;
}
.mc_ft1_qrbox {
    position: relative;
    float: left;
    margin-right: 30px;
}
.mc_ft1_qrbox i, .mc_ft1_qrbox em {
    font-size: 30px;
    color: rgba(0, 0, 0, .29);
    cursor: pointer;
}
.mc_ft1_qrxl {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% + 5px);
    transform: translateX(-50%);
    width: 80px;
}
.mc_ft1_qrwb a {
    display: block;
}
.mc_ft1_nav p {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    display: inline-block;
    padding: 5px 22px;
}
.mc_ft1_nav p a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_ft1_navbox {
    width: 50%;
    /* padding-left: 50px; */
}
.mc_ft1_li {
    float: left;
    width: 16.666666%;
    padding-left: 10px;
}
.mc_ft1_a {
    display: block;
    font-size: 18px;
    line-height: 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: 15px;
}
.mc_ft1_suba {
    /* width: 100%; */
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    padding: 10px 0;
    padding-right: 15px;
}
.mc_ft1_subnav {
    font-size: 0;
}
.mc_ft1_nav {
    margin: 0 -20px;
}
.mc_ft1_li1 {
    width: 33.333333%;
}
/* .mc_ft1_li1 .mc_ft1_subnav {
    column-count: 2;
} */

.mc_ft1_li1 .mc_ft1_subli {
    float: left;
    width: 50%;
}
.mc_ft1_logo .st0 {
    fill: #0028AA;
}
.mc_ft1_l {
    width: 50%;
}
.mc_sharebox {
    width: 30px;
    margin: 0 20px;
}
.mc_ft2_nav p {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 0 6px;
    color: #fff;
}
.mc_ft2_nav p a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_ft_copyright {
    text-align: center;
}
.mc_ft2 {
    padding: 28px 0;
    background: #ff0000;
}
.mc_ft_copyright p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
div:not(.mc_index) .mc_main {
    min-height: calc(100vh - 600px);
}
.mc_e1s1 {
    padding: 70px 0 100px;
}
.mc_e1_select {
    background: #f7f8fa;
    border-radius: 25px;
    /* box-shadow: 0 5px 10px rgba(0, 0, 0, .05); */
}
.mc_e1s_xl {
    width: 187px;
    height: 50px;
    margin-right: 22px;
}
.mc_e1s_xl .mc_select_xtb.on {
    transform: rotate(180deg);
}
.mc_e1s_xl .mc_select_showbox {
    width: calc(100% - 16px);
    height: 50px;
}
.mc_e1s_xl .mc_select_xtbbox {
    width: 16px;
    line-height: 50px;
    /* margin-top: -2px; */
}
.mc_e1s_xl .mc_select_hd {
    padding: 0 25px;
}
.mc_e1s_xl .mc_select_show {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 15px 0;
    padding-right: 10px;
    text-overflow: ellipsis;
}
.mc_e1s_xl .mc_select_xtb {
    width: 16px;
    height: 16px;
    background: url(../img/xtb_xsj.png) center / cover no-repeat;
}
.mc_e1s_xl .mc_select_xtbbox i, .mc_e1s_xl .mc_select_xtbbox em {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #001eb4;
    margin-top: -2px;
}
.mc_e1s_xl .mc_select_li {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 5px 25px;
}
.mc_e1s_xl .mc_select_bd {
    position: relative;
    padding: 10px 0;
}
.mc_select_bd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    opacity: 0;
}
.mc_select_bd.mc_zk::before {
    transition-delay: .2s;
    opacity: 1;
    transition: all .36s;
}
.mc_e1s_inputgroup {
    width: 345px;
    height: 50px;
    background: #f7f8fa;
    border-radius: 25px;
    padding: 15px 25px;
}
.mc_e1s_inputbox {
    width: calc(100% - 20px);
    height: 100%;
}
.mc_e1s_inputbox input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border-left: 1px solid #001eb4;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-overflow: ellipsis;
}
.mc_e1s_submitbtn {
    font-size: 18px;
    line-height: 20px;
    color: #001eb4;
}
.mc_e1s_submitbtn i, .mc_e1s_submitbtn em {
    font-size: 20px;
}
.mc_e1_searchbox {
    position: relative;
    margin-bottom: 80px;
    z-index: 5;
}
.mc_e1_li {
    float: left;
    width: 33.333333%;
    padding: 0 20px;
    margin-bottom: 75px;
}
.mc_e1_list {
    margin: 0 -20px;
    padding-bottom: 10px;
}
.mc_e1_lisbox {
    position: relative;
    display: block;
    transition: all .36s;
}
.mc_e1_lisbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e2e0e0;
}
.mc_e1_lisbox::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 1px;
    background: #001eb4;
    transition: all .36s;
}
.mc_e1_txtbox {
    padding: 18px 28px 38px;
}
.mc_e1_txt {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #000000;
    margin-bottom: 44px;
}
.mc_e1_date {
    font-size: 16px;
    color: #999999;
}
.pc_fenye img {
    width: 9px;
}
.mc_cont950 {
    width: 950px;
    margin: 0 auto;
}
.mc_e3 .mc_pc_hd {
    height: 70px;
}
.mc_e3s1t_cont {
    position: relative;
}
.mc_e3s1_back {
    position: absolute;
    left: -265px;
    top: 50%;
    transform: translateY(-50%);
}
.mc_e3s1_title {
    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: 36px;
    line-height: 2;
    font-weight: bold;
    color: #333333;
    margin-bottom: 48px;
}
.mc_e3s1_date {
    /* font-family: "verdana", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
    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: #666666;
}
.mc_e3s1_top {
    padding: 90px 0 52px;
    background: #f7f8fa;
}
.mc_e3s1_backbtn {
    font-size: 14px;
    color: #666666;
}
.mc_e3s1_bot {
    padding: 60px 0 100px;
}
.mc_e3s1b_txtbox {
    padding: 0 85px 85px;
}
/* .mc_e3s1b_txtbox p {
    font-size: 18px;
    line-height: 1.65;
    color: #666666;
    margin-bottom: 0;
} */

.mc_e3s1b_box {
    text-align: center;
}
.mc_e3s1b_back {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.mc_e3s1b_sharebox {
    display: inline-block;
    vertical-align: middle;
}
.mc_e3s1b_backbtn {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding: 0 24px;
    border-radius: 15px;
    background: #001eb4;
}
.mc_e3s1b_sharebox .mc_sharebox {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    background: #cecece;
    border-radius: 50%;
    margin: 0 3px;
    transition: all .36s;
}
.mc_e3s1_arrowbox {
    padding: 35px 0;
    background: #f7f8fa;
    border-top: 1px solid #e5e5e5;
}
.mc_e3arr_dt, .mc_e3arr_dd {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_e3s1_arrow {
    max-width: calc(50% - 30px);
}
.mc_e3s1_arrow a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}
.mc_e3arr_cont {
    padding: 0 85px;
}
.mc_e3arr_dt {
    width: 58px;
}
.mc_e3arr_dd {
    width: calc(100% - 58px);
}
.mc_h1s1 {
    padding: 100px 0;
    background: #f7f8fa;
}
/* .mc_h1_more i{
    margin-left: 10px;
} */

.mc_title40 {
    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;
}
.mc_title40 a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}
.mc_h1s1_title, .mc_h1s2_title {
    max-width: calc(100% - 100px);
}
/*
.mc_h1 .mc_inban_title {
    font-size: 60px;
} */

.mc_h1_morebtn {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
}
.mc_h1_morebtn span {
    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;
}
.mc_h1s1_hd {
    margin-bottom: 75px;
}
.mc_h1s1_li {
    float: left;
    width: 25%;
    padding: 0 20px;
    margin-bottom: 40px;
}
.mc_h1s1_list {
    margin: 0 -20px;
}
.mc_h1s1_lisbox {
    position: relative;
    display: block;
    padding: 36px 25px 32px 40px;
    box-shadow: 3px 3.5px 7.65px 1.35px rgba(212, 211, 211, .2);
    background: #fff;
}
.mc_h1s1_lisbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: #0028aa;
}
.mc_h1s1li_type {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    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;
    margin-bottom: 8px;
}
.mc_h1s1li_title {
    font-size: 22px;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    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: #000000;
    margin-bottom: 30px;
}
.mc_h1s1li_download i, .mc_h1s1li_download em {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.mc_h1s1li_download {
    color: #0028aa;
    margin-bottom: 110px;
    line-height: 24px;
    font-size: 14px;
}
.mc_h1s1li_date {
    font-size: 14px;
    color: #999999;
}
.mc_h1s2_hd {
    margin-bottom: 52px;
}
.mc_h1s2 {
    padding: 50px 0 0;
}
.mc_h1s2_li {
    border-bottom: 1px solid #e8e8e8;
}
.mc_h1s2_li:first-child {
    border-top: 1px solid #e8e8e8;
}
.mc_h1s2_l {
    width: calc(100% - 50px);
}
.mc_h1s2_lisbox {
    display: block;
    padding: 20px;
}
.mc_h1s2_date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 20px;
}
.mc_h1s2li_title {
    font-size: 18px;
    line-height: 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;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .36s;
}
.mc_h1s2_r i, .mc_h1s2_r em {
    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: #000;
    transition: all .36s;
}
.mc_h1s2_r {
    line-height: 58px;
}
.mc_h1s3 {
    position: relative;
}
.mc_h1s3_container {
    height: 100%;
    padding-top: 3%;
    z-index: 2;
}
.mc_h1s3_cont {
    width: 37vw;
    padding: 3.6vw 2.8vw 3.1vw 6.5vw;
    background: #fff;
}
.mc_h1s3_title {
    color: #001eb4;
    margin-bottom: 2.7vw;
}
.mc_h1s3_dt {
    width: 30px;
}
.mc_h1s3_dt i, .mc_h1s3_dt em {
    font-size: 1.5vw;
    line-height: 1.55vw;
    color: #666666;
}
.mc_h1s3_dd {
    width: calc(100% - 30px);
    padding-left: 1.8vw;
}
.mc_h1s3_dd {
    font-size: 1.2vw;
    line-height: 1.55vw;
    color: #666666;
}
.mc_h1s3_li {
    margin-bottom: 1vw;
}
.mc_h1s3_list {
    padding-bottom: 18px;
}
.mc_h1s3_dd a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_h1s3_hudong {
    text-align: right;
}
.mc_h1s3_hudong_btn {
    font-size: 18px;
    color: #001eb4;
}
.mc_h1s3_hudong_btn i, .mc_h1s3_hudong_btn em {
    display: inline-block;
    margin-left: 10px;
    transition: all .36s;
}
.mc_h2s1 .mc_e1_searchbox {
    margin-bottom: 50px;
}
.mc_h2s1 {
    padding-bottom: 100px;
}
.mc_mbx_li {
    float: left;
    font-size: 14px;
    color: #fff;
    transition: all .36s;
}
.mc_mbx_li a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transition: none;
}
.mc_mbx_li:not(:first-child)::before {
    content: ">";
    display: inline-block;
    margin: 0 5px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transform: translateY(-1px);
}
.mc_mbxbox {
    padding: 20px 0;
}
.mc_mbx_li.on {
    /* color: #333; */
    opacity: .8;
}
.mc_h2s1_nav {
    font-size: 0;
    text-align: center;
}
.mc_h2s1_li {
    display: inline-block;
    padding: 0 30px;
}
.mc_h2s1_a {
    position: relative;
    font-size: 18px;
    padding: 15px 0;
    color: #333333;
}
.mc_h2s1_a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 0;
    height: 4px;
    background: #0028aa;
    transition: all .5s ease;
}
.mc_h2s1_li.on .mc_h2s1_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;
}
.mc_h2s1_li.on .mc_h2s1_a::before {
    width: 100%;
}
.mc_h2s1_nav {
    margin: 50px 0;
}
.mc_e1_imgbox img {
    transition: all .36s;
}
.mc_h2s1_content {
    margin-bottom: 70px;
}
/* .mc_i1 .mc_inban_title {
    font-size: 60px;
} */

.mc_i1s1 {
    padding: 100px 0 75px;
}
.mc_cont1100 {
    width: 1100px;
    margin: 0 auto;
}
.mc_i1s1_title {
    margin-bottom: 32px;
}
.mc_i1s1_address {
    font-size: 24px;
    line-height: 32px;
    margin-right: 60px;
    color: #666666;
}
.mc_i1s1_mapbtn {
    display: block;
    font-size: 12px;
    color: #b8b8b9;
    line-height: 36px;
}
.mc_i1s1_mapbtn i, .mc_i1s1_mapbtn em {
    font-size: 18px;
}
.mc_i1s1_addressbox {
    margin-bottom: 60px;
}
.mc_i1s1_dl>div {
    font-size: 18px;
    line-height: 24px;
}
.mc_i1s1_dl:not(:last-child) {
    margin-bottom: 32px;
}
.mc_i1s1_dt {
    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;
    min-width: 100px;
}
.mc_i1s1_telbox {
    margin-bottom: 52px;
}
.mc_i1s1_qrbox>div {
    display: inline-block;
    vertical-align: bottom;
}
.mc_i1s1_qrimg {
    width: 85px;
    margin-right: 30px;
}
.mc_i1s1_qrtip {
    font-size: 14px;
    line-height: 20px;
    color: #b8b8b9;
}
.mc_i1s1_mes {
    padding-bottom: 90px;
}
.mc_title24 {
    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: #0028aa;
}
.mc_i1s1f_title {
    margin-bottom: 50px;
}
.mc_i1s1f_table {
    width: 100%;
    border-top: 2px solid #0028aa;
}
.mc_i1s1f_tab_ph {
    display: none;
}
.mc_i1s1f_table tr {
    transition: all .36s;
}
.mc_i1s1f_table th {
    font-size: 18px;
    line-height: 22px;
    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;
    padding: 20px 10px;
    text-align: center;
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
}
.mc_i1s1f_table th:not(:last-child), .mc_i1s1f_table td:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}
.mc_i1s1f_table td {
    font-size: 18px;
    line-height: 22px;
    padding: 20px 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    color: #999999;
    transition: all .36s;
}
.mc_i1s1f_table td a, .mc_i1s1f_table td p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_i1s2 {
    padding: 66px 0;
    background: #f6f6fe;
}
.mc_i1s2_lisbox {
    display: block;
    text-align: center;
    padding: 100px 0;
}
.mc_i1s2_pos {
    text-align: left;
    display: inline-block;
    max-width: 513px;
}
.mc_i1s2_xtb {
    width: 80px;
    /* font-size: 80px; */
    color: #282828;
}
.mc_i1s2_xtb i, .mc_i1s2_xtb em {
    font-size: 76px;
    color: #333333;
    transition: all .36s;
}
.mc_i1s2_txt {
    width: calc(100% - 80px);
    padding-left: 60px;
}
.mc_title36 {
    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: #333333;
}
.mc_i1s2_title {
    margin-bottom: 28px;
    transition: all .36s;
}
.mc_i1s2_list {
    background: #fff;
}
.mc_i1s2_li {
    position: relative;
    float: left;
    width: 50%;
}
.mc_i1s2_li:nth-child(odd)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 68%;
    background: #ebebfc;
}
.mc_i1s2_txt p {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}
.mc_cont1160 {
    width: 1160px;
    margin: 0 auto;
}
.mc_i2s1 {
    padding: 95px 0 100px;
}
.mc_i2s1_title {
    margin-bottom: 32px;
}
.mc_ly_tab {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
.mc_i2s1_hd p {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}
.mc_i2s1_hd {
    margin-bottom: 50px;
}
.mc_lyt_hdli {
    float: left;
    width: 25%;
    text-align: center;
}
.mc_lyt_hda {
    display: block;
    width: 100%;
    background: #001e5a;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding: 31px 10px;
}
.mc_lyt_hdli:not(:last-child) {
    border-right: 1px solid #0c2b6a;
}
.mc_lyt_hdli.on .mc_lyt_hda {
    background: #0028aa;
}
.mc_lyt_bd {
    padding: 52px 80px 60px;
}
.mc_ly_inputgroup {
    margin: 0 -16px;
}
.mc_ly_inputgroup .mc_ly_inputbox {
    float: left;
    padding: 0 16px;
    margin-bottom: 30px;
}
.mc_ly_inputbox input:not([type="radio"]) {
    width: 100%;
    height: 62px;
    border: 1px solid #dee6ff;
    font-size: 14px;
    line-height: 20px;
    padding: 21px 15px;
    text-overflow: ellipsis;
}
.mc_ly_bt label::after {
    content: "*";
    color: #ba0909;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    left: 3px;
    top: -2px;
}
.mc_ly_inputbox label {
    font-size: 14px;
    color: #333333;
    margin-bottom: 16px;
}
.mc_ly_jb {
    width: 870px;
    max-width: 100%;
    padding-bottom: 20px;
}
.mc_lyinp_comp {
    width: 60%;
}
.mc_lyinp_gw {
    width: 40%;
}
.mc_lyinp_name, .mc_lyinp_tel, .mc_lyinp_mail {
    width: 33.333333%;
}
.mc_ly_title {
    font-size: 18px;
    line-height: 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: #0028aa;
    margin-bottom: 28px;
}
.mc_ly_checkdt {
    float: left;
    width: 100px;
    font-size: 16px;
    line-height: 20px;
    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;
}
.mc_ly_checkdd {
    float: left;
    width: calc(100% - 100px);
}
.mc_ly_checkgroup {
    padding: 20px 10px 0;
    border-bottom: 1px solid #f2f5fe;
}
.mc_ly_checkgroup:first-child {
    border-top: 1px solid #f2f5fe;
}
.mc_ly_cont740 {
    width: 740px;
    max-width: calc(100%);
}
.mc_ly_checkbox {
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
    margin-bottom: 20px;
    user-select: none;
}
.mc_ly_checkbox input {
    position: relative;
    width: 10px;
    height: 10px;
    border: 1px solid #001eb4;
    border-radius: 50%;
    margin-right: 3px;
    pointer-events: none;
}
.mc_ly_checkbox input[type=checkbox] {
    position: relative;
    border-radius: 0;
    margin-top: 0;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    margin-right: 5px;
}
.mc_ly_checkbox input[type=checkbox]:checked::before {
    content: "\e62f";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 12px;
    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: #001eb4;
    transform: translate(-50%, -50%);
}
.mc_ly_checkbox input:not([type=checkbox]):checked::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 3px;
    background: #001eb4;
    border-radius: 50%;
}
.mc_ly_checkbox span {
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.mc_lyta_title {
    margin-bottom: 15px;
}
.mc_ly_areabox textarea {
    width: 100%;
    height: 202px;
    border: 1px solid #dee6ff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
}
.mc_ly_textarea {
    margin-bottom: 38px;
}
.mc_ly_yycj {
    margin-bottom: 35px;
}
.mc_ly_verify {
    width: 185px;
    float: left;
    margin-right: 12px;
}
.mc_ly_verify_imgbox {
    float: left;
    width: 102px;
    margin-top: 32px;
    text-align: right;
}
.mc_ly_verify_img img {
    width: 100%;
}
.mc_ly_verify_changebtn {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666666;
    text-align: right;
    cursor: pointer;
    user-select: none;
}
.mc_ly_verify_changebtn i, .mc_ly_verify_changebtn em {
    /* font-weight: bold; */
    /* font-size: 18px; */
    color: #666;
}
.mc_ly_verify_img {
    cursor: pointer;
    user-select: none;
}
:focus {
    outline: none !important;
}
.mc_ly_ys input {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #dee6ff;
    cursor: pointer;
}
.mc_ly_ys span {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 30px);
    padding-left: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    transform: translateY(-2px);
}
.mc_ly_ys a {
    color: #0028aa;
}
.mc_ly_verifybox {
    margin-bottom: 20px;
}
.mc_ly_ys input:checked::before {
    content: "\e62f";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 15px;
    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: #001eb4;
    transform: translate(-50%, -50%);
}
.mc_ly_ys input:checked {
    border-color: #001eb4;
}
.mc_ly_ys {
    margin-bottom: 35px;
}
.mc_ly_submit input {
    position: relative;
    z-index: 1;
    width: 130px;
    height: 42px;
    line-height: 40px;
    /* background: #0028aa; */
    color: #fff;
    transition: all .36s;
    /* border: 1px solid #0028aa; */
    /* overflow: hidden; */
}
.mc_ly_submit {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.mc_ly_submit::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #0028aa;
    border-radius: 21px;
    transition: all .36s;
    transform: scale(1) !important;
}
.mc_ly_submit::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #0028aa;
    transform: scale(1);
    border-radius: 21px;
    opacity: 0;
    transition: all .36s;
}
.mc_ly_order {
    margin-bottom: 35px;
}
.mc_lyi4_inputbox1 {
    width: 50%;
}
.mc_ly_datestart {
    margin-right: 16px;
}
.mc_ly_datebox {
    position: relative;
    width: 50%;
    padding: 0 8px;
    cursor: pointer;
}
.mc_ly_datewarp {
    margin: 0 -8px;
}
.mc_ly_datebox input {
    cursor: pointer;
    padding-right: 50px !important;
}
.mc_ly_datebox i, .mc_ly_datebox em {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #999;
    pointer-events: none;
}
.mc_ly_datebox em {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #999;
}
.mc_lyi4_inputbox2 {
    width: 50%;
}
.mc_lyi4_inputbox3 {
    width: 33.333333%;
}
.mc_lyi3_inputbox {
    width: 50%;
}
/* .mc_lyi5_tab .mc_lyt_hdli {
    width: 20%;
} */

.mc_lyi5_inputbox1 {
    width: 33.333333%;
}
.mc_lyi5_inputbox2 {
    width: 100%;
}
.mc_select_hd, .mc_ly_factory {
    position: relative;
}
.mc_lyfac_country {
    position: relative;
    width: 40%;
    padding-right: 30px;
}
.mc_lyfac_address {
    width: 60%;
}
.mc_lyfac_address input {
    padding-right: 50px !important;
}
.mc_lyfac_delete {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #c7c7c7;
    text-align: center;
    cursor: pointer;
    transition: all .36s;
}
.mc_lyfac_delete i, .mc_lyfac_delete em {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    margin-left: 1px;
}
.mc_lyfac_country .mc_select_showbox {
    width: 100%;
}
.mc_lyfac_country .mc_select_xtbbox {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.icon-arrowdown.on {
    transform: rotate(180deg);
}
.mc_lyfac_country .mc_select_bd {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: calc(100% - 30px);
    border: 1px solid #dee6ff;
    background: #fff;
    border-top: 0;
    padding: 14px 0;
    z-index: 20;
    height: 149px;
    overflow: auto;
}
.mc_lyfac_country .mc_select_li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    color: #333;
}
.mc_lyfac_country .mc_select_show {
    padding-right: 50px !important;
}
.mc_ly_factory {
    margin-bottom: 20px;
}
.mc_lyfac_country .mc_select_xtbbox i, .mc_lyfac_country .mc_select_xtbbox em {
    display: block;
}
.mc_lyfac_add {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    cursor: pointer;
    transition: all .36s;
}
.mc_lyfac_add i, .mc_lyfac_add em {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0028aa;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin-right: 4px;
}
.mc_lyi5_inputbox3 {
    width: 50%;
}
/* .mc_e1 .mc_inban_title,
.mc_e2 .mc_inban_title {
    font-size: 72px;
} */

.icon-nextstep:before {
    content: "→";
    display: inline-block;
    font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    vertical-align: middle;
    transform: translateX(5px);
    transition: transform 0.25s ease 0s;
}
.mc_banner_inner .mc_ban_pc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(10, 37, 114, .1);
}
.mc_banner_inner .mc_ban_ph::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(14, 40, 118, .1);
}
.mc_banner_inner .mc_ban_pc::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 64%;
    background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));
}
.mc_ly_factory:first-child .mc_lyfac_delete {
    display: none !important;
    pointer-events: none !important;
}
.mc_nav_xl::after, .mc_search_xl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}
/* .mc_service .mc_ban_contianer {
    bottom: 15%;
} */

.mc_indexban_container {
    z-index: 5;
}
.mc_banner_title {
    font-size: 60px;
    color: #fff;
    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;
}
.mc_inban_r {
    float: right;
    color: #fff;
}
.mc_inban_xtb {
    width: 64px;
    margin-bottom: 28px;
}
.mc_inban_tip {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}
.mc_inban_tel {
    font-size: 48px;
    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;
}
.mc_service .mc_inban_title {
    max-width: calc(100% - 400px);
}
.mc_inban_box {
    position: relative;
}
.mc_f1_top .mc_h2s1_li {
    position: relative;
}
.mc_f1_top {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.mc_h2s1_li:not(:last-child)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 65%;
    background: #dfdddd;
    transform: translateY(-50%);
}
.mc_f1t_box {
    padding-top: 60px;
}
.mc_f1t_list li {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 15px;
    padding-left: 30px;
}
.mc_f1t_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0028aa;
}
.mc_f1t_cx {
    padding-left: 30px;
}
.mc_f1t_href {
    font-size: 24px;
    color: #0028aa;
    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;
}
.mc_f1t_href i, .mc_f1t_href em {
    display: inline-block;
    position: relative;
    top: 1px;
    font-weight: normal;
    font-size: 24px;
    transition: all .36s;
    margin-top: 2px;
    margin-left: 3px;
}
.mc_f1t_list {
    margin-bottom: 30px;
}
.mc_f1 .mc_title40 {
    text-align: center;
}
.mc_f1s1 {
    padding-top: 150px;
}
.mc_f1s1_title {
    margin-bottom: 120px;
}
.mc_data_table {
    display: table;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}
.mc_data_tr {
    display: table-row;
    width: 100%;
}
.mc_data_td {
    position: relative;
    width: 50%;
    display: table-cell;
    position: relative;
    padding: 0 65px;
    vertical-align: top;
}
.mc_data_box {
    border-top: 1px solid #d2d2d2;
    padding: 50px 0;
}
.mc_data_txt_big {
    font-size: 36px;
    line-height: 80px;
    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;
    margin-bottom: 15px;
    width: 100%;
    white-space: nowrap;
}
.mc_data_txt_big sub {
    font-size: 18px;
    bottom: 0;
    margin-left: -5px;
}
.mc_data_txt_small {
    font-size: 16px;
    line-height: 30px;
    min-height: auto !important;
    color: #333333;
    font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    /* font-weight: lighter; */
}
.mc_data_table1 .mc_data_txt_big {
    font-size: 48px;
    line-height: 100px;
}
.mc_data_table2 .mc_data_txt_big strong {
    font-size: 48px;
}
.mc_data_table .mc_data_txt_big strong {
    font-size: 48px;
}
.mc_data_table1 .mc_data_txt_small {
    font-size: 18px;
}
.mc_data_table1 .mc_data_box {
    padding: 30px 0 55px;
}
.mc_f1s2 {
    padding: 150px 0 130px;
}
.mc_f1s2_title {
    margin-bottom: 115px;
}
.mc_f1s2_li {
    float: left;
    width: 33.333333%;
    padding: 0 70px;
    margin-bottom: 35px;
}
.mc_f1s2_list {
    margin: 0 -70px;
}
.mc_f1s2_lisbox {
    display: block;
}
.mc_f1s2_top {
    border: 1px solid #dcdcdc;
    margin-bottom: 25px;
}
.mc_f1s2_txt p {
    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;
    color: #333;
    height: 72px;
    overflow: hidden;
}
.mc_f1s2_txt {
    padding: 30px 55px;
}
.mc_f1s2_bot {
    font-size: 18px;
    color: #666666;
    text-align: center;
}
.mc_f1s2_bot i, .mc_f1s2_bot em {
    margin-right: 5px;
}
/* .mc_service .mc_mbxbox {
    padding-bottom: 0;
} */

.mc_f2s1 {
    padding: 60px 0 100px;
}
.mc_f2s1_title {
    margin-bottom: 75px;
}
.mc_f2s1_form {
    max-width: 100%;
    width: 658px;
    margin: 0 auto 75px;
}
.mc_f2s1_inputbox {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    height: 50px;
    padding: 0 20px;
    font-size: 0;
    margin-bottom: 25px;
}
.mc_f2s1_inputbox label {
    width: 20px;
    line-height: 48px;
}
.mc_f2s1_inputbox label i, .mc_f2s1_inputbox label em {
    display: inline-block;
    font-size: 18px;
    color: #9f9f9f;
    transform: translateY(2px);
}
.mc_f2s1_inputbox input {
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 15px;
    padding-right: 0;
    width: calc(100% - 20px);
}
.mc_f2s1sel_list {
    margin: 0 -11px;
}
.mc_f2s1sel_li {
    float: left;
    width: 33.333333%;
    padding: 0 11px;
}
.mc_f1s1_select {
    position: relative;
}
.mc_f1s1_select .mc_select_hd {
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    height: 50px;
    /* padding: 0 20px; */
    padding: 0 !important;
}
.mc_f1s1_select .mc_select_showbox {
    width: calc(100% - 20px);
    width: 100%;
    height: 100%;
}
.mc_f1s1_select .mc_select_show {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 15px !important;
    padding-right: 40px !important;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mc_f1s1_select .mc_select_xtbbox {
    position: absolute;
    right: 15px;
    top: 0;
}
.mc_f1s1_select .mc_select_xtbbox {
    width: 20px;
    line-height: 48px;
}
.mc_f1s1_select .mc_select_xtbbox i, .mc_f1s1_select .mc_select_xtbbox em {
    display: inline-block;
    vertical-align: middle;
    color: #052ca9;
}
.mc_f1s1_select .mc_select_xtb.on {
    transform: rotate(180deg);
}
.mc_f1s1_select .mc_select_bd {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 100%;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    border-top: 0;
    height: 137px;
    overflow: hidden;
}
.mc_f1s1_select .mc_select_li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
    padding-right: 0;
}
.mc_f1s1_select input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
}
.mc_f1s1_select input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}
.mc_f1s1_select input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}
.mc_f1s1_select input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: #eaeaea !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #aaaaaa !important;
}
.mc_f2s1_mapbox {
    height: 650px;
    border: 1px solid #e5e5e5;
}
.mc_f2s1m_l {
    width: 350px;
    height: 100%;
    padding: 40px 38px;
    padding-right: 10px;
    overflow: hidden;
    border-right: 1px solid #e5e5e5;
}
.mc_f2s1m_r {
    width: calc(100% - 350px);
    height: 100%;
}
.mc_f2s1m_r #map {
    width: 100%;
    height: 100%;
}
.mc_f2s1m_title {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 25px;
    transition: all .36s;
}
.mc_f2s1m_dt i, .mc_f2s1m_dt em {
    font-size: 20px;
    line-height: 24px;
    color: #cccccc;
}
.mc_f2s1m_dt {
    width: 20px;
}
.mc_f2s1m_dd {
    width: calc(100% - 20px);
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    /* font-weight: lighter; */
    color: #666666;
}
.mc_f2s1m_dl:not(:last-child) {
    margin-bottom: 10px;
}
.mc_f2s1m_li:not(:last-child) {
    margin-bottom: 25px;
}
.mc_f2s1m_li {
    cursor: pointer;
}
#map img {
    max-width: none;
}
.mc_map_container {
    padding-top: 15px;
}
.mc_map_container .mc_f2s1m_title {
    margin-bottom: 10px;
}
.mc_map_container .mc_h1_morebtn {
    font-size: 16px;
    margin-top: 5px;
}
/* .mc_map_container .mc_h1_morebtn span {
    font-weight: lighter;
} */

.mc_mbxbox {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 10;
}
.mc_data_td {
    transition: all .8s cubic-bezier(.25, .46, .45, .94);
}
.mc_data_td {
    transform: translateY(50px);
    opacity: .6;
}
.mc_data_td.active {
    transform: translateY(0);
    opacity: 1;
}
.mc_c1s1 {
    padding: 85px 0 160px;
}
.mc_txt2448 p {
    font-size: 24px;
    line-height: 48px;
}
.mc_c1s1_r {
    width: 588px;
}
.mc_c1s1_l {
    width: calc(100% - 588px);
    padding-right: 180px;
    padding-top: 70px;
}
.mc_c1s1_title {
    margin-bottom: 45px;
}
.mc_c1s1_txt1 {
    margin-bottom: 50px;
}
.mc_c1s1_txt2 p {
    font-size: 20px;
    line-height: 48px;
    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: #5d7a89;
    margin-bottom: 40px;
}
.mc_c1s1_txt2 p strong {
    font-size: 36px;
    line-height: 48px;
    color: #0028aa;
    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;
}
.mc_c1s2 {
    padding: 160px 0 30px;
    background: #f7f8fa;
}
.mc_c1s2_title {
    text-align: center;
    margin-bottom: 140px;
}
#myvideo {
    width: 100%;
    vertical-align: middle;
}
.mc_c1s1_r {
    background: #000;
}
/* .video-js{
    background-color: transparent !important;
} */

.mc_a1s1 {
    padding: 100px 0;
    background: #fff;
}
.mc_a1s1_wrap {
    background: #fff;
}
.mc_a1_hd {
    padding: 60px 100px;
    border-bottom: 1px solid #e5e5e5;
}
.mc_a1_more .mc_h1_morebtn {
    font-size: 14px;
}
.mc_h1_morebtn {
    font-size: 14px;
}
.mc_a1_bd {
    padding: 0 100px;
}
.mc_a1s1_li {
    float: left;
    width: 33.333333%;
}
.mc_a1s1_a {
    display: block;
    padding: 55px 40px 65px;
}
.mc_a1s1_li:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}
.mc_a1s1_date {
    font-size: 16px;
    color: #0028aa;
    line-height: 20px;
    margin-bottom: 25px;
}
.mc_a1s1_date i, .mc_a1s1_date em {
    font-size: 18px;
    line-height: 20px;
}
.mc_a1s1_txt {
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    height: 68px;
    overflow: hidden;
    margin-bottom: 60px;
}
.mc_a1s1_morebtn {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    line-height: 54px;
    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: #fff;
}
.mc_a1s1_morebtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #0028aa;
    transition: all .36s;
    transform: scale(1) !important;
}
.mc_a1s1_morebtn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 1px solid #0028aa;
    opacity: 0;
    transform: scale(1);
    transition: all .36s;
}
.mc_a1s1_imgbox {
    margin-top: 55px;
    overflow: visible;
}
.mc_a1s1_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}
.mc_a1s1_imgbox::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    width: 0;
    height: 1px;
    background: #0028aa;
    transition: all .5s;
}
.mc_a1s2 {
    position: relative;
}
.mc_a1s2_txtbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 44%;
    height: 100%;
    padding: 60px 9% 60px 10%;
    background: #fff;
    overflow: auto;
    transition: all .5s;
}
.mc_a1s2_title {
    margin-bottom: 28px;
}
.mc_a1s2_playbtn {
    position: absolute;
    left: 50%;
    bottom: 35px;
    z-index: 2;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #001e5a;
    border-radius: 50%;
    text-align: center;
    transition: all .5s;
}
.mc_a1s2_playbtn i, .mc_a1s2_playbtn em {
    font-size: 24px;
    line-height: 60px;
    color: #fff;
}
.mc_a1s2_txtbox.txthide {
    transform: translateX(-100%);
}
.mc_a1s2_playbtn.btnhide {
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
}
#mc_a1s2_video {
    width: 100%;
    vertical-align: top;
}
.mc_a1s2_container {
    position: relative;
}
.mc_a1s2 {
    padding-bottom: 80px;
    background: #f7f8fa;
}
.mc_a1s3 {
    padding: 70px 0 100px;
    background: #fff;
}
.mc_list_imgbox {
    position: relative;
}
.mc_a1s2_videobox {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mc_a1s2_videobox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.mc_a1s2_txtbox2 .mc_a1s2_title {
    color: #fff;
}
.mc_a1s2_txtbox2 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 1360px;
    padding: 0 20px;
    color: #fff;
    text-align: left;
}
.mc_a1s2_txtbox2 {
    margin-top: 50px;
    opacity: 0;
    transition: all 1s;
    pointer-events: none;
}
.mc_a1s2_txtbox2.show {
    margin-top: 0;
    opacity: 1;
    pointer-events: all;
}
.mc_a1s2_txtbox2 .mc_a1s1_more {
    margin-top: 30px;
}
.mc_a1s2_videobox img {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
.mc_a1s2_txtbox .mc_a1s1_more {
    display: none;
}
.mc_a1s2_playbtn {
    display: none;
}
.mc_a1s2_videobox #mc_a1s2_video {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mc_a1s3_title {
    margin-bottom: 115px;
}
.mc_a1s3_li:not(:last-child) {
    margin-bottom: 220px;
}
.mc_a1s3_lisbox {
    position: relative;
    z-index: 1;
    display: block;
}
.mc_a1s3_lisbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 82%;
    height: 100%;
    background: #f7f7f7;
}
.mc_a1s3_txtbox {
    width: 42%;
    padding: 70px 0;
}
.mc_a1s3_img {
    width: 58%;
}
.mc_a1s3li_title {
    color: #000;
    margin-bottom: 28px;
    transition: all .36s;
}
.mc_a1s3li_subtitle {
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 20px;
}
.mc_a1s3li_txt {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 28px;
}
.mc_a1s3_imgbox {
    width: 100%;
    max-width: 700px;
}
.mc_a1s3_imgbox img {
    transition: all 1s;
}
.mc_a1s3_imgbox .mc_list_img {
    opacity: 0;
    transform: translateX(100px);
    transform: none !important;
}
.mc_a1s3_img {
    transform: translateY(-25%);
}
.mc_a1s3_li:nth-child(odd) .mc_a1s3_txtbox {
    padding-left: 6%;
    padding-right: 6%;
}
.mc_a1s3_li:nth-child(odd) .mc_a1s3_imgbox {
    animation: fadeLeft 2s ease;
}
.mc_a1s3_li:nth-child(even) .mc_a1s3_img {
    float: left;
    padding-right: 4%;
}
.mc_a1s3_li:nth-child(even) .mc_a1s3_lisbox::before {
    left: auto;
    right: 0;
    width: 65%;
}
.mc_a1s3_li:nth-child(even) .mc_a1s3_txtbox {
    padding-right: 7%;
}
.mc_a1s3_li:nth-child(even) .mc_a1s3_imgbox {
    animation: fadeRight 2s ease;
}
.mc_a1s3_li:nth-child(even) .mc_a1s3_imgbox .mc_list_img {
    transform: translateX(-100px);
}
@keyframes fadeLeft {
    0% {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes fadeRight {
    0% {
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(0);
    }
}
.mc_a1s4_title {
    margin-bottom: 100px;
}
.mc_a1s4_li {
    float: left;
    width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 28px;
}
.mc_a1s4_imgbox img {
    width: 100%;
}
.mc_a1s4_lisbox {
    display: block;
    position: relative;
}
.mc_a1s4_imgbox {
    position: relative;
    z-index: 1;
}
.mc_a1s4_img_ph {
    display: none;
}
.mc_a1s4_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    transition: all .36s ease-out;
}
.mc_a1s4li_title {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 5;
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    padding: 0 35px;
    transition: all .36s;
}
.mc_a1s4li_txt2 {
    text-align: center;
    width: 100%;
    z-index: 5;
    margin-top: 50px;
    opacity: 0;
    padding: 0 20px;
    transition: all .36s;
}
.mc_a1s4li_title_center {
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 16px;
}
.mc_a1s4_list {
    position: relative;
    opacity: 0;
    visibility: hidden;
}
.mc_a1s4_list .slick-next {
    right: 0;
    top: -42px;
    z-index: 10;
    width: 48px;
    height: 48px;
    background: url(../img/btn_arrow.png) center / cover no-repeat;
}
.mc_a1s4_li {
    position: absolute;
}
.mc_a1s4_list.show {
    opacity: 1;
    visibility: visible;
}
.mc_a1s4 {
    padding-bottom: 72px;
}
.mc_a1s4_li {
    animation-name: fadeUp;
    animation-duration: 2s;
}
.mc_a1s4_li:nth-child(3n+2) {
    animation-delay: .5s;
}
.mc_a1s4_li:nth-child(3n+3) {
    animation-delay: 1s;
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.mc_d1s1_title {
    line-height: 60px;
    margin-bottom: 90px;
}
.mc_d1s2 {
    padding: 138px 0 100px;
    background: #f7f8fa;
}
.mc_d1s2_title {
    line-height: 60px;
    margin-bottom: 120px;
}
.mc_d2 .mc_main {
    background: #f7f8fa;
}
.mc_d2s1 {
    position: relative;
    z-index: 1;
    padding: 30px 0 130px;
    background-color: #F5F8FF !important;
}
.mc_d2s1_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 52%;
}
.mc_d2s1_title {
    margin-bottom: 40px;
}
.mc_d2s1_txt {
    width: 65%;
    /* padding-left: 3%; */
}
.mc_d2s1_txt p {
    color: #666;
}
.mc_d2s2_title {
    margin-bottom: 150px;
}
.mc_d2s2 {
    padding: 150px 0 165px;
    background: #fff;
}
.mc_d2s2_swiper.swiper-container .swiper-slide {
    width: 22%;
    height: 480px;
    border-right: 1px solid #e5e5e5;
    padding: 35px 40px;
    overflow: hidden;
}
.mc_d2s2_content {
    width: calc(50vw + 680px);
}
.mc_d2s2_year {
    font-size: 48px;
    /* font-weight: bold; */
    margin-bottom: 45px;
    color: #001eb4;
    font-family: "OPPOSans2_En_design-Heavy", " OPPOSans2_En_design-Regular", "OPPOSansWeb2", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    font-variation-settings: 'wght'750;
}
.mc_d2s2_txt p {
    font-size: 16px;
    line-height: 30px;
    /* font-weight: lighter; */
    color: #666666;
}
.mc_d2s2_swiper.swiper-container {
    padding-bottom: 75px;
    margin-left: -45px;
}
.mc_d2s2_swiper.swiper-container .swiper-pagination {
    top: auto;
    bottom: 0;
    left: 45px;
    height: 2px;
    background: #dcdcdc;
}
.mc_nav_nor .mc_navxlr_imgbox {
    display: none;
}
.mc_nav_nor .mc_navxl_l {
    border-right: 0;
    width: 100%;
    min-height: auto;
}
.mc_nav_nor .mc_subnav {
    text-align: center;
}
.mc_nav_nor .mc_subnav_li {
    display: inline-block;
    float: none;
    width: auto;
    margin: 0 50px;
}
.mc_nav_nor .mc_navxl_subnav {
    max-width: none;
}
.mc_nav_nor .mc_subnav_li:nth-child(odd) {
    clear: none;
}
.mc_nav_nor .mc_navxl_title {
    display: none;
}
.mc_nav_nor .mc_navxl_r {
    display: none;
}
.mc_nav_nor .mc_navxl_subnav {
    width: 100%;
}
.mc_navxl_container {
    padding: 30px 0;
}
.mc_inban_title_samll {
    display: block;
    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: #fff;
    margin-bottom: 20px;
}
.mc_d2s3_hd {
    text-align: center;
}
.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_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 {
    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;
    text-align: center;
    position: relative;
    padding-top: 30px;
}
.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_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: #ff0000;
    }
    .mc_language a:hover {
        color: #ff0000;
    }
    .mc_search_btn:hover i, .mc_search_btn:hover em {
        color: #ff0000 !important;
    }
    .mc_ft1_nav a:hover {
        color: #ff0000;
    }
    .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(../img/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: #ff0000;
    }
    .mc_h1s2_lisbox:hover .mc_h1s2_r i, .mc_h1s2_lisbox:hover .mc_h1s2_r em {
        color: #ff0000;
    }
    .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: #ff0000;
    }
    .mc_i1s1f_table td a:hover {
        color: #ff0000;
    }
    .mc_lyt_hdli:hover .mc_lyt_hda {
        background: #0028aa;
    }
    .mc_lyfac_add:hover {
        color: #ff0000;
    }
    .mc_lyfac_delete:hover {
        background: #ed0000;
    }
    .mc_subnav_a:hover {
        color: #ff0000;
    }
    .mc_navxlr_a:hover {
        color: #ff0000;
    }
    .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: #ff0000;
    }
    .mc_f1s2_imgbox img, .mc_f1s2_bot {
        transition: all .36s;
    }
    .mc_f2s1m_li:hover .mc_f2s1m_title {
        color: #ff0000;
    }
    .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;
    }
}
.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(../img/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(../img/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: 670px;
    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, .4);
}
.mc_nc1s1_bgbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, .5);
    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;
    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: center;
    transition: all .36s;
}
.mc_nc1s1_txt .mc_nc1s1_title {
    top: 0;
    margin-bottom: 30px;
    text-align: left;
    opacity: 1;
}
.mc_nc1s1_txt p {
    color: #fff;
}
.mc_nc1s1_txt {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 150px 90px;
    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: 50px 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 {
    display: block;
    width: 50px;
    margin-bottom: 20px;
}
.mc_nc1s1_titwrap {
    display: inline-block;
    text-align: left;
    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;
}
.mc_nc1s1_list.animated .mc_nc1s1_li::before {
    height: 0;
}
.mc_g1_li {
    transform: translateY(50px);
    opacity: .6;
    transition: all .8s cubic-bezier(.25, .46, .45, .94);
}
.mc_g1_li.active {
    transform: translateY(0);
    opacity: 1;
}
.mc_g1_title, .mc_g1_subtitle, .mc_g1_tip {
    animation-name: fadeInUp;
    animation-delay: .3s;
}
.mc_nc1ft_xtbbox {
    width: 110px;
}
.mc_nc1ft_l, .mc_nc1ft_r {
    width: 50%;
}
.mc_nc1ft_a {
    position: relative;
    z-index: 1;
    display: block;
    color: #1237b0;
    padding: 70px 23%;
}
.mc_nc1ft_a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #1237b0;
    opacity: 0;
    transition: all .36s;
}
.mc_nc1ft_box {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.mc_nc1ft_l {
    text-align: right;
    transition: all .36s;
}
.mc_nc1ft_l .mc_nc1ft_a {
    background: #f4f5f5;
}
.mc_nc1ft_r .mc_nc1ft_a {
    background: #ebeff2;
}
.mc_nc1ft_r {
    text-align: left;
    transition: all .36s;
}
.mc_nc1ft_box>* {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
}
.mc_nc1ft_xtbbox {
    width: 110px;
}
.mc_nc1ft_txt {
    font-size: 30px;
    white-space: nowrap;
    padding-left: 30px;
    padding-right: 24%;
}
.mc_nc1ft_a .iconjiantou {
    font-size: 28px;
    color: inherit;
}
.mc_nc1s1_bgph {
    display: none;
}
.mc_b1s2 {
    padding-bottom: 30px;
}
/* 8.10 */

.mc_g1_videobox .vjs-big-play-button {
    display: none !important;
}
.mc_g1_videobox, .mc_g1_videobox div {
    cursor: none;
}
.mc_g1_videobox {
    position: relative;
}
.mc_g1_playbtn {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
    width: 40px;
    transform: translate(-50%, 50%);
    transition: all .36s;
}
.mc_btnfixed {
    width: 60px;
    position: absolute;
    z-index: 10;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.9);
    opacity: 0;
    transition: all .36s;
}
.mc_j1s1_txt p {
    color: #666;
}
.mc_j1_txtbox {
    text-align: left;
    margin-bottom: 120px;
    width: 80%;
}
.mc_j1s1 {
    padding: 130px 0 0;
}
.mc_j1_txt p {
    font-size: 24px;
    line-height: 1.75;
    color: #666666;
}
.mc_j1_txt {
    padding: 0 150px;
}
.mc_j1_title {
    margin-bottom: 40px;
}
.mc_j1_modal {
    background: rgba(0, 0, 0, 1);
}
.mc_j1_modal .mc_modal_content {
    background: none;
    width: calc(100vw - 100px);
    max-height: calc(100vh - 60px);
    padding: 0;
}
.mc_j1_modal .mc_modal_close {
    color: #fff;
    font-size: 50px;
}
.mc_j1_list {
    font-size: 0;
    margin: 0 -64px;
    text-align: center;
}
.mc_j1_li {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    margin-bottom: 85px;
    padding: 0 64px;
    text-align: center;
}
.mc_j1li_xtbobx {
    width: 150px;
    margin: 0 auto;
}
.mc_j1li_title {
    font-size: 40px;
    line-height: 1.2;
    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: 25px 0;
}
.mc_j1li_txt {
    border-top: 1px solid #e6e5e5;
    padding-top: 25px;
}
.mc_j1_listbox {
    padding: 55px 0;
}
.mc_nb5s1_box {
    position: relative;
    z-index: 1;
    width: 84%;
    max-width: 600px;
    margin: 0 auto;
}
.mc_nb5s1_m {
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 0 15%;
}
.mc_b5s1m_text {
    text-align: center;
    margin-bottom: 10%;
}
.mc_b5s1m_img {
    width: 100%;
}
.mc_nb5s1_xtbbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.mc_nb5s1_xtbli .mc_list_img {
    opacity: 0;
}
.mc_nb5s1_xtbli {
    position: absolute;
    width: 14%;
    cursor: pointer;
    pointer-events: all;
    border: 1px solid #0028aa;
    border-radius: 50%;
    overflow: visible;
    transition: all .36s;
}
.mc_nb5s1_xtbli::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 134%;
    height: 134%;
    border: 1px dashed #0028aa;
    border-radius: 50%;
}
.mc_nb5s1_xtb1 {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mc_nb5s1_xtb2 {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
}
.mc_nb5s1_xtb3 {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}
.mc_nb5s1_xtb4 {
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mc_nb5s1_xtbli.act {
    background: #0028aa;
}
.mc_nb5s1_xtbli.act .mc_list_png {
    opacity: 0;
}
.mc_nb5s1_xtbli.act .mc_list_img {
    opacity: 1;
}
.g_b5pt1tle {
    margin-top: 0 !important;
    margin-bottom: 60px;
}
.mc_nb5_txthd_l {
    font-size: 24px;
    line-height: 34px;
}
.mc_nb5_txtli_hd {
    padding: 10px 0;
    cursor: pointer;
}
.mc_nb5_txtli {
    border-bottom: 1px solid #f6f6f6;
}
.mc_nb5_txthd_r .icon-jia {
    line-height: inherit;
    color: #0028aa;
    transition: all .36s;
}
.mc_nb5_txthd_r {
    width: 26px;
    height: 26px;
    border: 1px solid #0028aa;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    margin-top: 4px;
    transition: all .36s;
}
.mc_nb5_txthd_l {
    width: calc(100% - 30px);
}
.g_b5pt1 {
    padding: 130px 0;
}
.mc_nb5_txtli_bd {
    display: none;
    padding-bottom: 10px;
}
.mc_nb5_txtli_bd p {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    margin: 12px 0;
    /* font-weight: lighter; */
    color: #666666;
    padding-left: 20px;
}
.mc_nb5_txtli_bd p::before {
    content: "●";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
    color: #0028aa;
}
.mc_nb5_txtli.on .mc_nb5_txthd_r {
    background: #0028aa;
}
.mc_nb5_txtli.on .mc_nb5_txthd_r .icon-jia {
    color: #fff;
}
.mc_nb5_txtli.on .mc_nb5_txthd_r .icon-jia:before {
    content: "\e615";
}
.mc_ni1s2_txt {
    padding-top: 30px;
    border-top: 1px solid #e2e2e2;
}
.mc_ni1s2_txt p {
    border: 0 !important;
    padding-top: 0 !important;
    position: relative;
    text-align: left;
    padding-left: 20px;
}
.mc_ni1s2_txt p::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
    color: #0028aa;
}
.mc_ni1s2_txt p:not(:last-child) {
    margin-bottom: 20px;
}
.ma_b1s2 .mc_nd1_imgwrap {
    padding: 0 5%;
}
.ma_b1s2 .mc_nd1_li {
    padding: 120px 0;
}
.ma_b1s2 .mc_nd1_txtbox {
    padding-top: 4%;
}
.mc_b1s1 .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;
    font-size: 14px;
    margin-top: 20px;
}
.mc_b2s1_video {
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
}
.mc_b1s1 .ma_b1s1m_l {
    width: 435px;
}
.mc_b1s1 .ma_b1s1m_r {
    width: calc(100% - 435px);
}
.mc_b1s1 .ma_b1s1ml_li {
    padding: 30px 50px;
}
.mc_b1s2 .mc_nd1_li {
    padding: 120px 0 100px;
}
.mc1_b1s2ys {
    margin-top: 50px;
}
.mc_b1s1 {
    padding: 130px 0 100px;
}
.mc_list_hoverimgbox img {
    transition: all .6s ease-in;
}
.mc_list_hoverimgbox .mc_list_img {
    opacity: 0;
}
.mc1_b1s2ys .mc_g1_li {
    margin-bottom: 50px;
}
/* .mc1_b1s2ys .mc_g1li_bot {
    padding-top: 25px;
}

.mc1_b1s2ys .mc_g1li_top {
    margin-bottom: 30px;
} */

.ma_b1s1ml_li .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.mc1_b1s2ys .mc_g1li_top strong {
    font-size: 40px;
}
@media screen and (min-width:1200px) {
    .mc_g1_videobox:hover .mc_btnfixed {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        transition: all 0s;
    }
    .mc_g1_videobox:hover .mc_g1_playbtn {
        opacity: 0;
        transform: translate(-50%, 50%) scale(.9);
    }
    .mc_g1_playbtn {
        display: none !important;
    }
    /* .mc_list_hoverimgbox:hover .mc_list_img{
        opacity: 1;
    }
    .mc_list_hoverimgbox:hover .mc_list_png{
        opacity: 0;
    } */
}
/* 8.11 */

/* .mc_navbar_r {
    position: static !important;
} */

.mc1_i1s2 .mc_nc1ft_xtbbox span {
    font-size: 110px;
}
.mc_ly_yydq {
    display: block;
}
.mc_ly_ys {
    user-select: none;
}
.mc_ly_title.mc_ly_bt::after {
    content: "*";
    color: #ba0909;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    left: 3px;
    top: -2px;
}
.mc_nc1s1_list.act .mc_nc1s1_li {
    width: 30%;
}
.mc_nc1s1_list .mc_nc1s1_li.on {
    width: 40%;
}
.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_bgbox::after {
    opacity: 1;
}
.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_txtbox>.mc_nc1s1_title {
    opacity: 0;
}
.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_txt {
    opacity: 1;
    transition: all .6s .7s;
}
/* 8.13 */

.mc_j2s1_list {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 760px;
    /* max-width: calc(100vh - 180px); */
}
.ma_j2s1_list {
    height: 700px;
}
.mc_j2s1_li {
    position: relative;
    z-index: 10;
    float: left;
    width: 33.333333%;
    height: 100%;
    text-align: center;
    padding: 200px 0 100px;
    overflow: auto;
}
.mc_j2s1_lisbox {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 465px;
    max-width: calc(100% - 60px);
    /* white-space: nowrap; */
    /* font-size: 100px; */
}
/* .mc_j2s1_li:not(:last-child) {
    border-right: 1px solid #efefef;
} */

.mc_j2s1_title {
    font-size: inherit;
    display: inline-block;
    vertical-align: top;
    width: 1em;
    margin-right: 4vw;
}
.mc_j2s1_txt {
    font-size: inherit;
    display: inline-block;
    vertical-align: top;
    width: 2em;
    opacity: 1;
    transform: translateY(0);
}
.mc_j2s1_li2 .mc_j2s1_txt {
    width: 1em;
}
.mc_j2s1_li3 .mc_j2s1_title {
    width: .74em;
    margin-top: -10px;
}
.mc_j2s1_li3 .mc_j2s1_txt {
    width: .6em;
}
.mc_j2s1_lisbox img {
    width: 100%;
}
.mc_j2s1_li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    /* background: #fff;
    transition: all 5s ease; */
}
.mc_j2s1_list::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 1.2s ease-in;
}
.mc_j2s1_list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.mc_j2s1_li3::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 50%;
    z-index: -1;
    width: 178px;
    height: 88px;
    background: url(../img/j2_sun.png) center / cover no-repeat;
    opacity: 0;
    transform: translateY(80px);
    transition: all 4s ease-in 1s;
}
.mc_j2s1_li1 .mc_j2s1_txt {
    transition: all 1s 3s;
}
.mc_j2s1_li2 .mc_j2s1_txt {
    transition: all 1s 3.4s;
}
.mc_j2s1_li3 .mc_j2s1_txt {
    transition: all 1s 3.8s;
}
.mc_j2s1.animated .mc_j2s1_list::before {
    width: 0;
}
.mc_j2s1.animated .mc_j2s1_txt {
    opacity: 1;
    transform: translateY(0);
}
.mc_j2s1_li.act::before {
    opacity: 0;
}
.mc_j2s1.animated .mc_j2s1_li3::after {
    opacity: 1;
    transform: translateY(0);
}
.g_b4 .mc_ft {
    position: relative;
    z-index: 5;
}
.mc_b2s1_poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
/* 视频弹窗 */

.mc_videom {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .84);
}
.mc_videom_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mc_videom_close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.mc_videom_close span {
    color: #fff;
    font-size: 30px;
}
.mc_videom_content {
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
    text-align: center;
}
.mc_videom_video {
    max-width: 100%;
}
@media screen and (max-width: 416px) {
    .mc_videom_iframebox iframe {
        max-height: 300px;
    }
}
@media screen and (min-width: 1200px) {
    .mc_video_li:hover .mc_video_li_imgbox::before {
        opacity: 0;
    }
}
.mc_nb5s1_xtbli {
    width: 82px;
    height: 82px;
    text-align: center;
    line-height: 82px;
}
.mc_nb5s1_xtbli .iconfont {
    font-size: 48px;
    line-height: inherit;
    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;
    transition: all .36s;
}
.mc_nb5s1_xtbli.act .iconfont {
    color: #fff;
}
.mc_f1_top .mc_h2s1_nav {
    opacity: 0;
    pointer-events: none;
}
.mc_h2s1_nav {
    /* height: 0; */
    margin-top: 0 !important;
}
.mc_innav_hd .mc_nav_li {
    padding: 0 30px !important;
}
.mc_nav_a .iconhome {
    margin: 0 30px;
}
.mc_a1t_phbg {
    display: none;
}
.mc_a1t_li.act {
    z-index: 20;
}
.mc_a1t_li.act .mc_a1t_xl {
    pointer-events: all;
}
.mc_a1t_li.act .mc_a1t_xl::before {
    width: 100%;
    transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}
.mc_a1t_li.act .mc_a1t_xl span {
    opacity: 1;
    transition: all .36s .4s;
}
/* 8.17 */

.mc_a1t_bg {
    position: relative;
}
.mc_a1t_bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100px;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, .3), transparent); */
}
.mc_n1s3_tip {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    margin-top: 30px;
    animation-delay: 0.6s;
}
.mc_n1s3_td6 {
    width: 23%;
    text-align: left;
}
.mc_n1s3_td6 .mc_n1s3_dd {
    word-break: keep-all;
}
/* .mc_phnav_hasnosub h4 {
    pointer-events: none;
}

.mc_phnav_hasnosub a{
    pointer-events: all;
} */

.mc_d3s5_txt {
    padding: 20px 15px 0;
}
.mc_d3s5_txt p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.mc_d3s5_swiper .swiper-wrapper {
    align-items: flex-start;
}
.mc_inban_tip, .mc_inban_tel {
    color: #fff;
    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;
}
.mc_title32 {
    font-size: 32px;
}
.mc_inban_title1 {
    line-height: 1.5;
    margin-top: 20px;
    color: #fff;
}
/* 8.17 */

.mc_datat_list3 .mc_data_td {
    width: 33.333333%;
}
.mc_datat_list3 {
    max-width: none;
}
.mc_f1s1_content {
    margin: 0 -65px;
}
.mc_datat_list3 .mc_data_txt_big {
    font-size: 56px !important;
}
/* .mc_d2s3m_zb {
    display: none;
} */

.mc_f2s1 {
    padding-bottom: 0 !important;
}
@media screen and (max-width:1680px) {
    .mc_datat_list3 .mc_data_txt_big {
        font-size: 54px !important;
    }
    .mc_title32 {
        font-size: 30px;
    }
}
@media screen and (max-width:1440px) {
    .mc_datat_list3 .mc_data_txt_big {
        font-size: 50px !important;
    }
    .mc_title32 {
        font-size: 28px;
    }
}
@media screen and (max-width:991px) {
    .mc_datat_list3 .mc_data_txt_big {
        font-size: 48px !important;
    }
    .mc_f1s1_content {
        margin: 0 0 30px;
    }
    .mc_f2s1 {
        padding-bottom: 50px !important;
    }
    .mc_title32 {
        font-size: 24px;
    }
}
@media screen and (max-width:767px) {
    .mc_datat_list3 .mc_data_td {
        width: 80%;
    }
    .mc_datat_list3 .mc_data_txt_big {
        font-size: 40px !important;
    }
    .mc_f2s1 {
        padding-bottom: 25px !important;
    }
    .mc_title32 {
        font-size: 20px;
        margin-top: 10px;
    }
}
.mc_navbox_inner .mc_innav_fg {
    display: none !important;
}
.mc_d3s2li_txt .mc_d3s2li_pdf p {
    position: relative;
    z-index: 1;
    font-size: 14px !important;
    line-height: 20px !important;
    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;
    padding-left: 15px;
    margin: 3px 0;
}
.mc_d3s2li_txt .mc_d3s2li_pdf p::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "●";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_g1s1_title, .mc_g1s1_subtitle, .mc_g1s1_tip {
    visibility: hidden;
    animation: none;
}
.mc_g1s1_title.act, .mc_g1s1_subtitle.act, .mc_g1s1_tip.act {
    visibility: visible;
    animation: fadeInUp 1s;
}
.mc_ft1_li {
    width: 20%;
}
.mc_ft1_li1 {
    width: 40%;
}
.mc_g1_tittlebox .mc_title40 {
    font-size: 38px;
    padding: 0.12em 0;
}
.mc_d3s2li_title {
    font-size: 36px;
}
.mc_e3s1b_txtbox {
    padding: 0 !important;
}
.mc_e3s1b_box {
    margin-top: 80px;
}
.mc_e3s1_bot {
    padding-bottom: 80px;
}
.mc1_imgbox img, .mc1_imgbox video {
    max-width: 100%;
}
.mc1_imgbox video {
    background: #000;
}
.mc1_imgbox {
    width: 58%;
}
.mc1_txtbox {
    width: 42%;
    padding-right: 10%;
}
.mc1_box_imgl .mc1_imgbox {
    float: left;
}
.mc1_box_imgl .mc1_txtbox {
    padding-right: 0;
    padding-left: 8%;
}
.mc_e3s1b_sharebox .mc_sharebox {
    margin: 0 15px;
}
@media screen and (max-width: 991px) {
    .mc1_imgbox {
        width: 100%;
        margin-bottom: 20px;
    }
    .mc1_txtbox {
        width: 100%;
        padding: 0;
    }
}
.mc_txt_dian {
    position: relative;
    padding-left: 1em;
    color: #333;
    font-size: 18px;
    line-height: 30px;
}
.mc_txt_dian::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    font-size: .6em;
    line-height: inherit;
    color: #0028aa;
}
.mc_txt_half {
    width: 600px;
    max-width: 100%;
}
.mc_navxl_l {
    padding: 25px 0;
}
.mc_nav_nor .mc_navxl_l {
    padding: 0;
}
.mc_navxl_r {
    padding-top: 30px;
    padding-bottom: 30px;
}
.mc_title1 {
    font-size: 48px;
}
.mc_title2 {
    font-size: 40px;
}
.mc_title3 {
    font-size: 36px;
}
.mc_title4 {
    font-size: 32px;
}
.mc_title5 {
    font-size: 24px;
}
.mc_title6 {
    font-size: 18px;
}
.mc1_tw_list {
    margin: 0 -20px;
}
.mc1_tw_li {
    float: left;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
    text-align: center;
}
.mc1_tw_imgbox {
    margin-bottom: 20px;
}
.mc1_tw_lisbox {
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 1680px) {
    .mc_title1 {
        font-size: 46px;
    }
    .mc_title2 {
        font-size: 38px;
    }
    .mc_title3 {
        font-size: 34px;
    }
    .mc_title4 {
        font-size: 30px;
    }
    .mc_title5 {
        font-size: 22px;
    }
}
@media screen and (max-width: 1440px) {
    .mc_title1 {
        font-size: 44px;
    }
    .mc_title2 {
        font-size: 36px;
    }
    .mc_title3 {
        font-size: 32px;
    }
    .mc_title4 {
        font-size: 28px;
    }
    .mc_title5 {
        font-size: 20px;
    }
    .mc_title6 {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .mc_title1 {
        font-size: 36px;
    }
    .mc_title2 {
        font-size: 32px;
    }
    .mc_title3 {
        font-size: 28px;
    }
    .mc_title4 {
        font-size: 24px;
    }
    .mc_title5 {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .mc_title1 {
        font-size: 26px;
    }
    .mc_title2 {
        font-size: 24px;
    }
    .mc_title3 {
        font-size: 22px;
    }
    .mc_title4 {
        font-size: 20px;
    }
    .mc1_tw_li {
        width: 100%;
        margin-bottom: 30px;
    }
}
.mc_d2s3m_imgbox {
    text-align: center;
}
.mc_d2s3m_zb {
    display: inline-block;
    text-align: center;
    border: 0;
}
.mc_d2s3m_zb p {
    display: inline-block;
    margin: 0 10px;
}
/* .mc_d2s3m_zb {
    display: none;
} */

.mc_j2s1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #f7f7f7;
}
.mc_j2s1_videobox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.mc_j2s1_video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
.mc_j2s1_li3::after {
    display: none;
}
.mc_j2s1_title1 {
    margin: 120px 0 70px;
    text-align: center;
}
.mc_j2s1_content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mc_n1b1s1_list .mc_b2s1_li {
    width: 33.333333%;
}
/* 8.25 */

.mc_nc1s4_li {
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    transition: all .36s;
}
.mc_nc1s4_l .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    color: #0028aa;
    transition: all .36s;
}
.mc_nc1s4_lisbox {
    display: block;
    padding: 30px 60px;
    background: #fff;
}
.mc_nc1s4_l {
    width: 80px;
    line-height: 50px;
    border-right: 1px solid #e8e8e8;
}
.mc_nc1s4_r {
    width: 20px;
    line-height: 50px;
}
.mc_nc1s4_r .icon-download {
    font-size: 20px;
    color: #0028aa;
    transition: all .36s;
    display: inline-block;
    vertical-align: middle;
}
.mc_nc1s4_m {
    width: calc(100% - 120px);
    padding: 0 50px;
}
.mc_nc1s4_m p {
    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;
    line-height: 50px;
    height: 50px;
    color: #0028aa;
    transition: all .36s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mc_nc1s2 {
    padding-bottom: 0;
}
.mc_nc1s4 {
    padding-bottom: 130px;
}
.mc_n1a1s1_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: #fff;
    margin-bottom: 60px;
}
.mc_n1a1s1_txt p {
    font-size: 32px;
    line-height: 1.75;
    color: #efefef;
}
.mc_j2s2 {
    padding: 100px 0 150px;
    background: #f7f7f7;
}
.mc_j2s2_title {
    text-align: center;
    margin-bottom: 90px;
}
.mc_j2s2_lisbox {
    position: relative;
    z-index: 1;
}
.mc_j2s2_swiper .swiper-slide {
    width: 330px;
    margin-right: 20px;
}
.mc_j2s2_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.mc_j2s2_txtbox {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    padding: 0 30px;
    transition: all .36s;
}
.mc_j2s2li_title {
    font-size: 32px;
    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;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 10px;
}
.mc_j2s2li_txt {
    opacity: 0;
    transition: all .36s;
}
.mc_j2s2li_txt p {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #fff;
}
.mc_j2s2_content {
    width: calc(50vw + 680px);
}
.mc_n1e1_tittlebox .mc_g1_title {
    margin-bottom: 15px;
}
.mc_n1e1_tittlebox {
    margin-bottom: 38px;
}
.mc_n1e1_txtbox {
    width: 81%;
}
.mc_n1e1_txtbox p {
    color: #666;
}
.mc_n1e1_txtbox p strong {
    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_d2s1_bg {
    display: none;
}
.mc_d3s5_lisbox {
    position: relative;
}
.mc_d3s5_lisbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.mc_d3s5_txt {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    padding: 0 30px;
    transition: all .36s;
}
.mc_d3s5li_title {
    font-size: 24px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 5px;
}
.mc_d3s5_txt p {
    opacity: 0;
    transition: all .36s;
}
.mc_d3s5_txt p {
    font-size: 16px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    color: #fff;
}
.mc_n1e1_bot {
    background: #f2f7fb;
}
.g_b5pt2botxtb {
    width: 300px;
}
.g_b5pt2botflb {
    width: calc(100% - 300px);
    text-align: left;
}
.mc_n1e1s2_list {
    width: 1244px;
    margin: 0 auto;
    max-width: calc(100% - 40px);
}
.mc_n1e1s2_lisbox {
    padding: 60px 80px 55px;
}
.mc_n1e1s2_li:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
}
.mc_n1e1s2_xtbbox {
    width: 150px;
}
.mc_n1e1s2_txtbox {
    width: calc(100% - 150px);
    padding-left: 150px;
}
.mc_n1e1s2_title {
    padding-bottom: 20px;
}
.mc_n1e1s2_txt p {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px 0;
    color: #333333;
    padding-left: 25px;
}
.mc_n1e1s2_txt p::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: inherit;
    color: #0028aa;
}
.mc_n1e1s2_list {
    margin-bottom: 45px;
}
.mc_a1s1_ban {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
.mc_d2s1_txt p {
    padding-left: 0;
}
.mc_nav_li {
    position: relative;
    z-index: 1;
}
.mc_nav_li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #ff0000;
    transform: translate(-50%);
    transition: all .36s;
}
@media screen and (min-width: 1200px) {
    .mc_nc1s4_lisbox:hover .iconfont, .mc_nc1s4_lisbox:hover .mc_nc1s4_m p {
        color: #fff;
    }
    .mc_nc1s4_lisbox:hover {
        background: #0028aa;
    }
    .mc_j2s2_lisbox:hover .mc_j2s2li_txt {
        opacity: 1;
    }
    .mc_j2s2_lisbox:hover .mc_j2s2_txtbox {
        bottom: 30px;
    }
    .mc_d3s5_lisbox:hover .mc_d3s5_txt p {
        opacity: 1;
    }
    .mc_d3s5_lisbox:hover .mc_d3s5_txt {
        bottom: 20px;
    }
    .mc_nav_li:hover::before {
        width: 60%;
    }
}
.mc_nd1_list .mc_nd1_li {
    padding: 120px 0;
}
.mc_d2 .mc_f1_top {
    display: none;
}
.mc_d2s1 {
    padding: 130px 0;
}
.mc_d2s3m_zb {
    display: none !important;
}
.vjs-poster {
    background-color: transparent !important;
}
.mc_page_search {
    padding-top: 70px;
}
/* 9.3 */

.mc1_gm_txt1 strong {
    font-size: 45px;
    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;
}
.mc1_gm_list {
    font-size: 0;
    margin-right: -145px;
}
.mc1_gm_li {
    display: inline-block;
    margin-right: 65px;
}
.mc1_gm_li p {
    color: #333;
}
.mc1_gm_txt1 {
    margin: 15px 0;
}
.mc1_gm_txtbox {
    padding-right: 0 !important;
}
@media screen and (max-width: 1600px) {
    .mc1_gm_txt1 strong {
        font-size: 40px;
    }
}
@media screen and (max-width: 1440px) {
    .mc1_gm_txt1 strong {
        font-size: 40px;
    }
    .mc1_gm_txt1 {
        margin: 10px 0;
    }
    .mc1_gm_list {
        margin-right: -50px;
    }
    .mc1_gm_li {
        margin-right: 50px;
    }
}
@media screen and (max-width: 1200px) {
    .mc1_gm_li {
        margin-right: 20px;
    }
    .mc1_gm_txt1 strong {
        font-size: 36px;
    }
}
@media screen and (max-width: 991px) {
    .mc1_gm_txt1 strong {
        font-size: 32px;
    }
    .mc1_gm_list {
        margin-right: 0;
    }
    .mc1_gm_txt1 {
        margin: 5px 0;
    }
}
@media screen and (max-width: 767px) {
    .mc1_gm_txt1 strong {
        font-size: 26px;
    }
    .mc1_gm_list {
        margin: 0 -5px;
    }
    .mc1_gm_li {
        padding: 0 5px;
        width: 33.333333%;
        margin: 0;
    }
}
/* 9.5 */

.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 99;
}
.mc_i2s1 {
    margin-top: 70px;
}
.mc_f2s1m_tip {
    font-size: 14px;
    color: #666;
}
@media screen and (max-width: 1024px) {
    .mc_i2s1 {
        margin-top: 64px;
    }
}
.mc_g1_playbtn {
    display: none !important;
}
.mc_j1_videobox {
    margin-bottom: 80px;
}
.mc_a1t_li11 .mc_a1t_xl {
    left: auto;
    right: 0;
    transform: translate(50%, 20px);
    top: 100%;
}
.mc_a1t_li11 .mc_a1t_xl::after {
    width: 100%;
    left: 0;
    top: -30px;
}
.mc_d2s3_list {
    display: none !important;
}
.mc_a1t_li11 .mc_a1t_icon {
    font-size: 3.8em;
}
.mc_logo_imgbox {
    overflow: visible !important;
}
.mc_logo_imgbox img {
    object-fit: unset;
}
/* 9.11 */

.mc_navxl_container {
    padding: 0 !important;
}
.mc_nav_xl {
    top: 99px;
    height: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
    overflow: hidden;
}
.mc_nav_li:hover {
    z-index: 10;
}
.yxnav_active1.mc_nav_li::before {
    opacity: 0;
    width: 60%;
}
.mc_fixed .yxnav_active1.mc_nav_li::before {
    opacity: 1;
    width: 60%;
}
.yxnav_active2.mc_subnav_li .mc_subnav_a {
    color: #ff0000;
}
@keyframes mcslidedown {
    0% {
        height: 0;
    }
    100% {
        height: 50px;
    }
}
.mc_nav_nor .mc_subnav_li {
    margin: 0;
    padding: 0 30px;
}
.mc_subnav_a {
    position: relative;
    z-index: 1;
    line-height: 20px !important;
    padding: 15px 0 !important;
}
.mc_subnav_a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #ff0000;
    transition: all .3s;
    transform: translateX(-50%);
}
.mc_subnav_li.yxnav_active2 .mc_subnav_a::before {
    width: 100%;
}
.mc_subnav_a:hover::before {
    width: 100%;
}
.mc_navbar.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_xl {
    transition: all .36s;
    display: block;
    animation: mcslidedown .36s forwards;
}
.mc_nav_xl.xlhide {
    opacity: 0;
}
/* 9.11 syc */

.mc_aside_navbox1 .mc_aside_li {
    /* width: calc(4em + 30px); */
    margin: 30px 0;
}
/* .mc_aside_navbox1 .mc_aside_nav::before {
    top: 20px;
    height: calc(100% - 44px);
} */

/* .mc_aside_navbox1 .mc_aside_navline{
    top: 22px;
    max-height: calc(100% - 44px);
} */

.mc_ft1_li1, .mc_ft1_li {
    width: 20% !important;
}
.mc_ft1_li1 .mc_ft1_subli {
    width: 100%;
}
.mc_h2s1 {
    padding-top: 50px;
}
.mc_subnav_a {
    font-size: 16px;
}
/* 9.11 */

.mc_privacy_tab .mc_tab_hd {
    font-size: 0;
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}
.mc_privacy_tab .mc_tabhd_li {
    display: inline-block;
    float: none;
    position: relative;
    z-index: 1;
    font-size: 18px;
    padding: 15px 0;
    margin: 0 30px;
    color: #333333;
}
.mc_privacy_tab .mc_tabhd_li a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc_privacy_tab .mc_tabhd_li::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 0;
    height: 4px;
    background: #0028aa;
    transition: all .5s ease;
}
.mc_privacy_tab .mc_tabhd_li.on::before {
    width: 100%;
}
.mc_privacy_tab .mc_tabhd_li.on {
    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;
}
@media screen and (min-width:1200px) {
    .mc_privacy_tab .mc_tabhd_li:hover::before {
        width: 100%;
    }
}
@media screen and (max-width:991px) {
    .mc_privacy_tab .mc_tabhd_li {
        font-size: 16px;
        margin: 0 15px;
    }
    .mc_privacy_tab .mc_tab_hd {
        margin-bottom: 40px;
    }
}
@media screen and (max-width:767px) {
    .mc_privacy_tab .mc_tabhd_li {
        font-size: 14px;
        padding: 10px 0;
        margin: 0 10px;
    }
    .mc_privacy_tab .mc_tab_hd {
        margin-bottom: 30px;
    }
    .mc_privacy_tab .mc_tabhd_li::before {
        height: 2px;
    }
}
.g_b6pt1nr {
    margin-top: 50px;
}
.g_b6pt1nr.yxedr_active p img, .mc_e3s1b_txtbox.yxedr_active p img {
    height: auto !important;
    margin: 20px 0;
}
.yxedr_active p.mc_txt_dian {
    line-height: 2.9em;
}
#canvas {
    border: 1px solid rgb(222, 230, 255);
}
.mc_ly_verify_imgbox {
    margin-top: 30px;
}
.mc_ft1_li:not(:last-child) .mc_ft1_a {
    cursor: default;
}
.mc_ban_li>a {
    display: block;
}
.mc_nonav>.mc_nav_a {
    cursor: default;
}
.mc_ph_nav_r .mc_ph_language a {
    line-height: 64px;
    margin-right: 20px;
    color: #333;
}
.mc_lycj_select .mc_select_bd {
    max-height: 240px;
    overflow: auto;
}
/* 9.23 */

.mc_n1a1s1_txt p {
    font-size: 24px;
}
.mc_d2s1_txt p {
    font-size: 20px !important;
}
.mc_gotop {
    position: fixed;
    left: auto;
    top: auto;
    right: 16px;
    bottom: 16px;
    z-index: 100;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(0, rgba(255, 0, 0, 1), rgba(200, 0, 0, 1));
    transition: all .36s;
    opacity: 0;
    transform: scale(.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.mc_gotop .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    margin-top: -3px;
    transform: rotate(180deg);
}
.mc_gotop.mc1_show {
    opacity: 1;
    transform: scale(1);
}
.mc_pby {
    opacity: 0.2;
}
/* 11.19 */

.mc_lyinp_dy {
    width: 30%;
}
.mc_lyinp_dl {
    width: 35%;
}
.mc_lyinp_njgm {
    width: 35%;
}
.mc_ly_yycj_inputgroup .mc_ly_inputbox input {
    display: inline-block;
    margin-right: 5px;
    height: 30px !important;
    padding: 5px 5px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}
.mc_lyinp_dy input {
    width: calc(100% - 65px) !important;
}
.mc_lyinp_dl input {
    width: calc(100% - 126px) !important;
}
.mc_lyinp_njgm input {
    width: calc(100% - 120px) !important;
}
.mc_ly_yycj_inputgroup, .mc_lyinp_ggcs, .mc_lyinp_ddgm {
    display: none;
}
@media screen and (max-width:767px) {
    #mc_lygm_selectbox {
        margin-top: 0;
    }
    .mc_lyinp_ddgm, .mc_lyinp_ggcs, .mc_ly_yycj_inputgroup .mc_ly_inputbox {
        margin-bottom: 15px !important;
    }
    .mc_ly_inputgroupbox {
        margin-bottom: 15px !important;
    }
    .mc_ly_textarea {
        margin-bottom: 25px;
    }
}
.phxia {
    overflow: visible;
}
.xialaph {
    overflow: auto;
}
/* 2021.1.26  mark */

.mc_ly_yycj .mc_ly_checkbox input[type=checkbox] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: -3px;
}
.mc_ly_yycj .mc_ly_checkbox input[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #001eb4;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%
}
/* 2021.2.26 mark新增 */

.ma_j2s1_list::after {
    display: none;
}
.ma_j2s1_title1 {
    margin: 150px 0 85px;
}
.ma_j2s1_liimg {
    width: 45px;
    margin-bottom: 20px;
}
.ma_j2s1_lip p {
    font-size: 36px;
    color: #fff;
    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;
    line-height: 1.5;
}
.ma_j2s1_li .mc_j2s1_lisbox {
    animation-name: fadeInUp;
    transition: all 0.5s;
}
/* .ma_j2s1_li:not(:last-child) {
    border-right: 1px solid #bebebe;
} */

.ma_j2s2 {
    padding: 100px 0 150px;
    background: #f7f8fa;
}
.ma_j2s2 .mc_cont1360 {
    position: relative;
}
.ma_j2s2img {
    text-align: center;
    position: relative;
    z-index: 1;
}
.ma_j2s2p1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ma_j2s2ulbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 115px;
    z-index: 2;
}
.ma_j2s2ul {
    margin: 0 -340px;
}
.ma_j2s2li {
    float: left;
    width: 50%;
    padding: 0 340px;
}
.ma_j2s2li p {
    font-size: 36px;
    color: #333;
    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;
    padding: 100px 0;
}
.ma_j2s2img {
    animation-name: fadeInUp;
    animation-delay: .4s;
}
.ma_j2s2li {
    animation-name: fadeInUp;
}
.ma_j2s2li p {
    transition: all 0.36s;
}
.ma_j2s1_liimg {
    font-size: 0;
}
.ma_j2s2li:nth-child(odd) p {
    text-align: right;
}
.ma_j2s1_li:nth-child(3n+1) .mc_j2s1_lisbox, .ma_j2s2li:nth-child(2n+1) {
    animation-delay: .4s;
}
.ma_j2s1_li:nth-child(3n+2) .mc_j2s1_lisbox, .ma_j2s2li:nth-child(2n+2) {
    animation-delay: .6s;
}
.ma_j2s1_li:nth-child(3n+3) .mc_j2s1_lisbox {
    animation-delay: .8s;
}
@media screen and (min-width: 1200px) {
    .ma_j2s1_li:hover .mc_j2s1_lisbox, .ma_j2s2li p:hover {
        transform: translateY(-30px);
    }
}
.ma_j2s1_li:nth-child(3n+1) .mc_j2s1_lisbox, .ma_j2s2li:nth-child(2n+1) {
    animation-delay: .3s;
}
.ma_j2s1_li:nth-child(3n+2) .mc_j2s1_lisbox, .ma_j2s2li:nth-child(2n+2) {
    animation-delay: .4s;
}
.ma_j2s1_li:nth-child(3n+3) .mc_j2s1_lisbox {
    animation-delay: .5s;
}
.mc_i1s1_qrbox {
    display: none;
}
/* 20210702 macro start */

.mc1_d2_main {
    background: #fff !important;
    overflow: hidden;
}
.mc1_d2s1, .mc1_d2s2 {
    background-color: transparent !important;
}
.mc1_d2s2_swiper.swiper-container .swiper-slide {
    width: 28%;
    height: auto !important;
}
.mc1_d2s2_swiper .mc_d2s2_lisbox {
    height: 300px;
    margin-bottom: 70px;
}
.mc1_d2s2_swiper.swiper-container .mCSB_outside+.mCSB_scrollTools {
    right: -20px;
}
.mc1_d2s2_bot {
    position: relative;
}
.mc1_d2s2b_title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    z-index: 5;
}
.mc1_d2s2b_title h4 {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    min-height: 48px;
    max-height: 100%;
}
.mc1_d2s2b_imgbox::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.mc1_d2s1 {
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
}
.mc1_d2s2 {
    position: relative;
    z-index: 1;
}
.mc1_d2s2_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 75vw;
    height: 75vw;
    transform: translateY(-30%);
    animation: rise 1.5s ease-out both;
}
@keyframes rise {
    0% {
        margin-top: 30px;
    }
}
.mc1_d2s4_list {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
    cursor: default;
}
.mc1_d2s4_li {
    position: relative;
    display: inline-block;
    width: 33.333333%;
    height: 72vh;
    max-height: 670px;
    transition: all .36s;
}
.mc1_d2s4_li>div:not(.mc_nc1s1_bgbox) {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    white-space: normal;
}
.mc1_d2s4_box1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mc_nc1s1_bgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, .5);
}
.mc1_d2s4b1_box {
    position: relative;
    z-index: 1;
    padding: 20px;
    text-align: center;
    width: 386px;
    max-width: 100%;
}
.mc1_d2s4b1_icon {
    width: 72px;
    margin: 0 auto 22px;
}
.mc1_d2s4b1_title {
    font-size: 30px;
    line-height: 1.2;
    font-variation-settings: 'wght'750;
    min-height: 2.4em;
}
.mc1_d2s4b1_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 350px;
    max-width: 100%;
    animation: turn 10s linear infinite;
}
.mc1_d2s4_box2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100% !important;
    height: 100% !important;
    background: rgba(10, 56, 165, .57);
}
.mc1_d2s4b2_box {
    width: 320px;
    margin: 0 auto;
    max-width: 100%;
}
@keyframes turn {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.mc1_d2s4b2_title {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 30px;
    font-variation-settings: 'wght'750;
}
.mc1_d2s4b2_box .mc1_d2s4b1_icon {
    margin: 0 0 30px;
}
.mc1_d2s4b1_txt p {
    font-size: 16px;
    line-height: 1.75;
    color: #aeb4e3;
}
.mc1_d2s4_box2 {
    z-index: 2;
    cursor: default;
    transition: all .36s;
    padding: 120px 20px;
    overflow: hidden;
}
.mc1_d2s4_box2 {
    opacity: 0;
    pointer-events: none;
}
.mc1_d2s4_box2::before {
    transition: all .36s ease-out;
}
.mc1_d2s4b1_box {
    transition: all .36s .36s ease-out;
}
.mc1_d2s4_box2 .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.mc1_d2s4_box2 .mCSB_dragger .mCSB_dragger_bar {
    background: #001eb4 !important;
}
.mc1_d2s4b1_title {
    width: 300px;
    margin: 0 auto;
}
@media screen and (min-width: 1200px) {
    .mc1_d2s4_li:hover .mc1_d2s4b1_box {
        opacity: 0;
        transition: all .36s ease-out;
    }
    .mc1_d2s4_li:hover .mc1_d2s4_box2 {
        opacity: 1;
        pointer-events: all;
        transition: all .36s .36s ease-out;
    }
    .mc1_area_second a:hover {
        color: #001eb4;
    }
    .mc1_d2s4_list:hover .mc1_d2s4_li {
        width: 30%;
    }
    .mc1_d2s4_list .mc1_d2s4_li:hover {
        width: 40%;
    }
}
.mc1_d2s4 {
    padding-bottom: 150px;
}
.mc1_d2s4_li.act .mc1_d2s4b1_box {
    opacity: 0;
    transition: all .36s ease-out;
}
.mc1_d2s4_li.act .mc1_d2s4_box2::before {
    width: 100%;
    transition: all .36s ease-out;
}
.mc1_d2s4_li.act .mc1_d2s4b2_box {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
    transition: all .36s .36s ease-out;
}
.mc1_d2 .mc_navbar_m {
    display: none !important;
}
.mc1_language {
    position: relative;
    margin-right: 0 !important;
}
.mc1_area_imgbox {
    width: 20px;
}
.mc1_area_imgbox img {
    transition: all .36s;
}
.mc_area_fixed {
    opacity: 0;
}
.mc_fixed.mc_navbar .mc_area_fixed {
    opacity: 1;
}
.mc_fixed.mc_navbar .mc_area_def {
    opacity: 0;
}
.mc1_area {
    position: relative;
    display: flex;
    align-items: center;
}
.mc1_area>a {
    width: auto;
    color: #fff;
    line-height: 70px;
    height: 100%;
}
.mc1_language {
    font-size: 0;
    margin-left: 25px;
}
.mc1_language>a {
    font-size: 18px;
    width: auto;
}
.mc_ph_language::before, .mc1_language::before {
    /* display: inline-block; */
    display: none;
    content: "";
    transform: translateY(1.5px);
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, .3);
    transition: all .36s;
    margin: 0 25px;
}
.mc_ph_language {
    margin-right: 0;
}
.mc_ph_language::before {
    margin: 0 20px;
}
.mc_ph_language::before, .mc_fixed.mc_navbar .mc1_language::before {
    background: #666;
}
.mc1_lang_second, .mc1_area_second {
    display: none;
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    /* transform: translateX(-30px); */
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
    text-align: center;
}
.mc1_lang_second {
    left: 50%;
    transform: translateX(-50%);
}
.mc1_lang_sec_a, .mc1_area_thr_li_a, .mc1_area_sec_li_a {
    display: block;
    font-size: 16px;
    line-height: 24px !important;
    padding: 8px 20px;
    color: #999;
    border-top: 1px solid #e8e8e8;
    min-width: 90px;
}
.mc1_lang_sec_a {
    text-align: center;
    min-width: auto;
}
.mc1_area_sec_li {
    position: relative;
}
.mc1_area_third {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    border-left: 1px solid #e8e8e8;
}
.mc1_area_third {
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);
}
.mc1_globel_ph {
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.mc1_globel_ph .ul2 {
    border-bottom: 0;
}
.ul3 {
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.ul3 h5 {
    font-size: 12px;
}
.xialaph .mc1_globel_ph img {
    position: static;
    transform: none;
    width: 20px;
}
.mc1_area_sec_haschild>a {
    pointer-events: none;
}
.mc1_d2s4_li {
    overflow: hidden;
    z-index: 2;
}
.mc1_d2s4_li:last-child {
    overflow: visible;
    z-index: 1;
}
.mc1_d2s4_li .mc_nc1s1_bgbox {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.mc1_d2 .mc_ft2_nav {
    white-space: nowrap;
}
.mc1_area_box>div {
    display: inline-block;
    vertical-align: middle;
}
.mc1_area_txtbox {
    margin-left: 5px;
    font-size: 18px;
}
.mc1_area_xtb {
    display: inline-block;
    margin-left: 3px;
    transform: translateY(1px);
    transition: transform .36s;
}
.mc1_area_txtbox {
    transition: all .36s;
}
.mc_fixed .mc1_area_txtbox a {
    color: #666;
}
.mc1_language.act a {
    pointer-events: none;
    color: #aaa;
}
.mc_fixed .mc1_language.act a {
    color: #001eb4;
}
.mc1_area.act .mc1_area_xtb {
    transform: translateY(1px) rotate(180deg);
}
.mc_search {
    margin-left: 25px;
}
.mc1_language>a {
    font-size: 16px;
}
.mc_ph_language {
    margin-left: 15px;
}
.mc1_area_box {
    width: auto;
    color: #fff;
    line-height: 100px;
    height: 100%;
}
.mc1_area_box a {
    color: #fff;
}
.mc1_area_second {
    position: fixed;
    left: 0;
    top: 70px;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #dfdede;
    transition: all 0s;
    background: transparent;
    text-align: left;
    padding: 60px 0;
    height: 220px;
}
.mc1_area_second::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.mc1_area.act .mc1_area_second::before {
    opacity: .95;
}
.mc1_area_second::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 5px rgb(0 0 0 / 5%);
}
.mc1_area_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 25px;
}
.mc1_area_list {
    font-size: 0;
}
.mc1_area_li {
    display: inline-block;
    vertical-align: top;
    min-width: 20%;
    padding-right: 30px;
    font-size: 20px;
    line-height: 1.5;
}
.mc1_area_li>a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.mc1_area_li a.act {
    /*pointer-events: none;*/
    color: #001eb4;
}
.mc_ph_menu {
    margin-left: 15px;
}
@media screen and (max-width: 1440px) {
    .mc1_area_title {
        font-size: 20px;
    }
    .mc1_area_li {
        font-size: 18px;
    }
    .mc1_area_second {
        padding: 50px 0;
        height: 190px;
    }
}
@media screen and (max-width: 1024px) {
    .mc1_area_txtbox {
        color: #666;
    }
    .mc1_area_second {
        top: 64px;
        height: calc(100% - 64px);
        padding: 30px 20px;
    }
    .mc1_area_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .mc1_area_li {
        font-size: 16px;
        display: block;
        width: 100%;
        padding: 7px 0;
    }
    .mc1_area_box {
        line-height: 20px !important;
    }
    .mc1_area_xtb, .mc1_area_txtbox {
        margin-left: 3px !important;
    }
    .mc_ph_search {
        line-height: 64px !important;
    }
    .mc_ph_search a i, .mc_ph_search a em {
        font-size: 24px;
    }
    .mc1_area_second {
        display: block;
        background: #fff;
    }
    .mc1_area_back {
        font-size: 16px;
        color: #333;
        margin-bottom: 20px;
    }
    .mc1_area_back .iconfont {
        font-weight: bold;
    }
    .mc1_area_title {
        margin-bottom: 10px;
    }
    .mc1_area_second {
        transform: translateX(100%);
    }
    html.modal-open .mc1_area_second {
        transition: all .5s ease-out;
        overflow: auto;
    }
    .mc1_area.act .mc1_area_second {
        transform: translateX(0%);
    }
}
.mc_ph_search a i, .mc_ph_search a em {
    vertical-align: middle;
}
.mc_fixed .mc_area_def {
    opacity: 0
}
.mc_fixed .mc_area_fixed {
    opacity: 1
}
/* 20210717 end */

/* 20210803 */

.mc_d2s2_content {
    max-width: calc(960px + 50%);
}
.mc_d3s2_content {
    max-width: calc(960px + 50%);
}
.mc_d3s5_content {
    max-width: calc(960px + 50%);
}
.mc_j2s2_content {
    max-width: calc(960px + 50%);
}
/* 20210923*/

.yxedr_active img, .yxedr_active video {
    height: auto !important;
}
/* 20211018 */

/*.mc_ban_manufacture p {
    color: #fff !important;
    font-weight: bold !important;
    width: 100% !important;
}*/

/*.mc_page_manufacture .mc_banner_inner .mc_ban_pc::after {
    height: 80%;
}*/

.mc1_recycling_tip {
    padding-bottom: 30px !important;
    text-align: right;
}
.mc_page_manufacture .mc_banner_inner .mc_ban_ph::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));
}
.mc_page_manufacture .mc_banner_inner .mc_ban_pc::before {
    background: rgba(10, 37, 114, .4);
}
.mc_page_manufacture .mc_banner_inner .mc_ban_ph::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(10, 37, 114, .4);
}
/* 202111 video start */

.mc_e1s1_title {
    margin: 60px 0 80px;
}
.mc_vltop_imgbox {
    width: calc(100% - 480px);
    position: relative;
    overflow: hidden;
}
.mc_vltop_imgbox>img:first-child {
    width: 100%;
}
.mc_vltop_imgbox img {
    transition: all .36s;
}
.mc_video_playbtn {
    width: 67px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 5;
}
.mc_vlist_a {
    width: 100%;
    display: flex;
    align-items: center;
}
.mc_vltop_txtbox {
    width: 480px;
    padding: 50px;
    padding-right: 20px;
}
.mc_vltop_date {
    font-size: 18px;
    color: #1833ba;
}
.mc_vltop_title {
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    margin-top: 22px;
    margin-bottom: 40px;
    transition: all .36s;
}
.mc_vltop_txt p {
    font-size: 18px;
    line-height: 2;
    color: #333;
}
.mc_vlist_top {
    margin-bottom: 85px;
}
.mc_vd_videobox video {
    width: 100%;
}
.mc_vd_top {
    background: #f7f8fa;
    padding: 50px 0 45px;
}
.mc_vdtop_box {
    display: flex;
    flex-direction: row-reverse;
}
.mc_vd_txtbox {
    width: 390px;
    padding: 32px 50px;
    padding-right: 0;
}
.mc_vd_videobox {
    width: calc(100% - 390px);
}
.mc_vd_title {
    line-height: 50px;
    margin-bottom: 20px;
}
.mc_vd_date {
    font-size: 18px;
    line-height: 1.2;
    color: #666666;
    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;
}
.mc_vd_date span {
    margin-right: 10px;
}
.mc_vd_bot {
    padding: 40px 0 150px;
}
.mc_vdbot_box {
    display: flex;
    padding-right: 100px;
    align-items: flex-start;
}
.mc_vd_qrcode {
    font-size: 10px;
    width: 24em;
    padding: 1.5em;
    border: 1px solid #ececeb;
    display: flex;
    align-items: center;
    flex: none;
}
.mc_vd_qrcode img {
    width: 10.7em;
    flex: none;
}
.mc_vd_qrcode div {
    flex: auto;
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    text-align: center;
}
.mc_vd_list {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
}
.mc_vd_li {
    display: flex;
    align-items: center;
    width: 33.333333%;
    margin-bottom: 30px;
}
.mc_vdli_hdimg {
    font-size: 10px;
    width: 9.4em;
    height: 9.4em;
    border-radius: 50%;
    overflow: hidden;
    flex: none;
}
.mc_vdli_txtbox {
    flex: auto;
    padding: 7px 30px;
}
.mc_vdli_title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.mc_vdli_people p {
    color: #333;
    line-height: 1.5 !important;
}
.mc_vdli_people span {
    font-size: inherit;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
}
.mc_vd_videobox .mc_vd_date, .mc_vd_videobox .mc_vd_txt {
    display: none;
}
.mc_vl_tag {
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: 10;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0.4em .8em;
    color: #fff;
    background: #001eb4;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
/* 20211119 start*/

.mc_vltop_date span, .mc_e1_date span {
    margin-right: .5em;
}
.mc_modal_qrcode {
    background: none;
}
.mc_modal_qrcode .mc_modal_content {
    padding: 0;
    width: 200px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    overflow: visible;
}
.mc_qrm_box {
    position: relative;
    max-width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, .01);
}
.mc_modal_close {
    right: -25px;
    top: -25px;
}
.mc_modal_close .iconfont {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
@media screen and (min-width:767px) {
    .mc_modal_qrcode {
        display: none !important;
    }
}
/* 20211119 end*/

@media screen and (min-width:1200px) {
    .mc_vlist_a:hover .mc_vltop_title {
        color: #1833ba;
    }
    .mc_vlist_a:hover .mc_vltop_imgbox img {
        color: #333;
        transform: scale(1.02);
    }
}
/* 响应式 */

@media screen and (max-width: 1680px) {
    .mc_vltop_title {
        font-size: 22px;
    }
    .mc_vltop_date, .mc_vltop_txt p {
        font-size: 16px;
    }
    .mc_vd_date {
        font-size: 16px;
    }
    .mc_vdli_title {
        font-size: 28px;
    }
    .mc_vd_qrcode div {
        font-size: 16px;
        line-height: 28px;
    }
}
@media screen and (max-width: 1440px) {
    .mc_e1s1_title {
        margin: 40px 0 70px;
    }
    .mc_vltop_txtbox {
        width: 34%;
        padding: 40px;
        padding-right: 20px;
    }
    .mc_vltop_imgbox {
        width: 66%;
    }
    .mc_vltop_title {
        margin: 15px 0 30px;
    }
    .mc_vlist_top {
        margin-bottom: 60px;
    }
    .mc_video_playbtn {
        width: 60px;
    }
    .mc_vd_bot {
        padding: 40px 0 100px;
    }
    .mc_vdli_title {
        font-size: 26px;
    }
    .mc_vd_txtbox {
        width: 32%;
    }
    .mc_vd_videobox {
        width: 68%;
    }
    .mc_vd_txtbox {
        padding: 20px 40px;
        padding-right: 0;
    }
    .mc_vd_title {
        line-height: 1.5;
        margin-bottom: 15px !important;
    }
    .mc_vd_date {
        margin-bottom: 20px;
    }
    .mc_vdbot_box {
        padding-right: 3%;
    }
    .mc_vd_qrcode {
        font-size: 9px;
    }
    .mc_vdli_title {
        margin-bottom: 10px;
    }
    .mc_vdli_hdimg {
        font-size: 9px;
    }
    .mc_vdli_txtbox {
        padding: 10px 20px;
    }
    .mc_vl_tag {
        left: 20px;
        top: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .mc_vltop_txtbox {
        width: 40%;
    }
    .mc_vltop_imgbox {
        width: 60%;
    }
    .mc_vlist_top {
        margin-bottom: 50px;
    }
    .mc_vd_videobox {
        width: 60%;
    }
    .mc_vd_txtbox {
        width: 40%;
        padding: 0 30px;
        padding-right: 0;
    }
    .mc_vdli_txtbox {
        padding: 10px 15px;
    }
    .mc_vdbot_box {
        padding-right: 0;
    }
}
@media screen and (max-width: 991px) {
    .mc_vltop_title {
        margin: 10px 0 15px;
    }
    .mc_vltop_txt p {
        line-height: 1.75;
    }
    .mc_e1s1_title {
        margin: 0 0 40px;
    }
    .mc_vltop_txtbox {
        width: 50%;
        padding: 10px 20px;
        padding-right: 0;
    }
    .mc_vltop_imgbox {
        width: 50%;
    }
    .mc_video_playbtn {
        width: 48px;
    }
    .mc_vlist_top {
        margin-bottom: 40px;
    }
    .mc_vdli_title {
        font-size: 24px;
    }
    .mc_vd_txtbox {
        width: 100%;
        padding: 0;
    }
    .mc_vdtop_box {
        display: block;
    }
    .mc_vd_title.mc_title36 {
        font-size: 22px;
        margin-top: 0;
    }
    .mc_vd_videobox {
        width: 100%;
        margin-top: 30px;
    }
    .mc_vd_bot {
        padding: 40px 0;
    }
    .mc_vdbot_box {
        padding-right: 0;
    }
    .mc_vdbot_box {
        display: block;
    }
    .mc_vd_videobox {
        margin-top: 0 !important;
        padding-top: 5px;
    }
    .mc_vd_videobox .mc_vd_date {
        margin: 20px 0 10px;
    }
    .mc_vd_videobox .mc_vd_date, .mc_vd_videobox .mc_vd_txt {
        display: block;
    }
    .mc_vd_txtbox .mc_vd_date, .mc_vd_txtbox .mc_vd_txt {
        display: none;
    }
    .mc_vl_tag {
        left: 15px;
        top: 15px;
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .mc_vlist_a {
        display: block;
        box-shadow: 0 5px 10px 0px rgb(214 211 211 / 75%);
    }
    .mc_vltop_imgbox {
        width: 100%;
    }
    .mc_vltop_txtbox {
        width: 100%;
        padding: 15px 15px 20px;
    }
    .mc_vltop_date {
        font-size: 14px;
    }
    .mc_vd_date {
        font-size: 14px;
    }
    .mc_vltop_txt p {
        font-size: 14px;
        line-height: 24px;
    }
    .mc_vltop_title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .mc_vdli_title {
        font-size: 18px;
    }
    .mc_vd_top {
        padding: 35px 0;
    }
    .mc_vd_date {
        margin-bottom: 15px;
    }
    .mc_vd_videobox {
        margin-top: 25px;
    }
    .mc_vd_li {
        width: 100%;
    }
    .mc_vd_qrcode {
        font-size: 8px;
    }
    .mc_vdli_hdimg {
        font-size: 8px;
    }
    .mc_vd_qrcode div {
        font-size: 14px;
        line-height: 24px;
    }
    .mc_vdli_txtbox {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 480px) {
    .mc_vd_li {
        width: 100%;
    }
    .mc_vd_list {
        border-bottom: 1px solid #ececeb;
    }
    .mc_vd_qrcode {
        display: block;
        width: 130px;
        padding: 20px 0 0;
        border: 0;
        margin: 0 auto;
        text-align: center;
    }
    .mc_vd_qrcode img {
        width: auto;
    }
    .mc_vd_qrcode div {
        line-height: 20px;
        margin-top: 5px;
    }
    .mc_vd_bot {
        padding-bottom: 20px;
    }
}
.mc_ft1_nav {
    display: flex;
}
.mc_vdbot_l {
    flex: auto;
}
.mc_vdbot_l>.mc_vdli_title {
    margin-bottom: 40px;
}
.mc_vdli_people.mc_txt1830 {
    margin-bottom: 5px;
}
.mc_vdli_people.mc_txt1624 p {
    color: #666;
}
.mc_vdshare_container {
    display: flex;
}
.mc_vdshare_li {
    margin-right: 19px;
}
.mc_vdshare_qrimg {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 10;
    transform: translateX(-50%) translateY(15px) scale(.6);
    width: 116px;
    padding: 8px;
    background: #fff;
    border-radius: 3px;
    background: #fff;
    box-shadow: -2px -2px 10px rgb(0 0 0 / 20%);
    opacity: 0;
    transition: all .3s ease-out;
    transform-origin: top center;
    pointer-events: none;
}
.mc_vdshare_qrimg::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    z-index: 5;
}
.mc_vdshare_qrimg img {
    width: 100%;
}
.mc_vdshare_qrcode {
    position: relative;
    z-index: 1;
}
.mc_vd_sharebox {
    padding-top: 20px;
}
.mc_vdshare_li {
    cursor: pointer;
}
.mc_vdshare_qrcode {
    cursor: default;
}
.mc_d2s1_videobox {
    margin-top: 30px !important;
    width: 856px;
    max-width: 100%;
    text-align: center;
}
.mc_d2s1_videobox video {
    width: 100%;
    max-width: 100%;
}
.mc_d2s1_txt {
    text-align: center;
}
@media screen and (max-width: 1440px) {
    .mc_vdbot_l>.mc_vdli_title {
        margin-bottom: 25px;
    }
    .mc_d2s1_videobox {
        margin-top: 20px !important;
        width: 70%;
    }
}
@media screen and (max-width: 1200px) {
    .mc_vd_sharebox {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .mc_vdli_people.mc_txt1830 p {
        font-size: 16px;
    }
    .mc_d2s1_videobox {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .mc_vdshare_qrcode:hover .mc_vdshare_qrimg {
        transform: translateX(-50%) translateY(15px) scale(1);
        opacity: 1;
    }
}
.mc_d2 .mc_d2s2_title, .mc_d2 .mc_d2s1_title {
    text-align: center;
}
.mc_d2 .mc_d2s1_videobox, .mc_d2 .mc_d2s1_txt {
    margin: 0 auto;
}