﻿@charset "utf-8";

/* @font-face {
    font-family: 'HelveticaNeueLTProThEx';
    src: url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.eot');
    src: url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.eot') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.woff') format('woff'),
        url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTProThEx/HelveticaNeueLTProThEx.svg#HelveticaNeueLTProThEx') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueCERoman';
    src: url('../fonts/helvetica_neueceroman/helvetica_neueceroman.eot');
    src: url('../fonts/helvetica_neueceroman/helvetica_neueceroman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helvetica_neueceroman/helvetica_neueceroman.woff2') format('woff2'),
        url('../fonts/helvetica_neueceroman/helvetica_neueceroman.woff') format('woff'),
        url('../fonts/helvetica_neueceroman/helvetica_neueceroman.ttf') format('truetype'),
        url('../fonts/helvetica_neueceroman/helvetica_neueceroman.svg#helvetica_ce_55_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

} */

body {
    font-family: "Microsoft JhengHei","Microsoft Yahei", "PingFang SC";
}

html {
    font-size: 10px;
}

a {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    color: inherit;
    transition: all .36s;
}

.iconfont {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* @title */
.mc_titlebox {
    font-size: 10px;
    color: #333;
}

.mc_titlebox span {
    display: block;
    text-align: center;
}

.mc_titlebox.mc_titlebox_left span {
    text-align: left;
}

.mc_titleen {
    font-family:"Microsoft Yahei", "PingFang SC";
    font-size: 1.6em;
    color: #eb564f;
    margin-bottom: 12px;
}

.mc_title {
    font-size: 3.6em;
}

.mc_title36 {
    font-size: 36px;
    line-height: 1.5;
    color: #333;
}

.mc_title30 {
    font-size: 30px;
    line-height: 1.5;
    color: #333;
}

.mc_title26 {
    font-size: 26px;
    line-height: 1.5;
    color: #333;
}

.mc_title24 {
    font-size: 24px;
    line-height: 1.5;
    color: #333;
}

.mc_title20 {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
}

/* @text */
.mc_txt1424r p,
.mc_txt1424r {
    font-size: 14px;
    line-height: 24px;
}

.mc_txt1628 p,
.mc_txt1628 {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}

.mc_txt1630 p,
.mc_txt1630 {
    font-size: 16px;
    line-height: 1.875;
    color: #666;
}

.mc_txt1632 p,
.mc_txt1632 {
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.mc_txt1832r p,
.mc_txt1832r {
    font-size: 18px;
    line-height: 32px;
}

.mc_a1s1b2t_txt p{
    color: #fff !important;
}

/*导航默认选中*/
.yxnav_active1 {
    color: #eb564f !important;
}

.ys_header {
    height: 96px;
}

.mc_hd_navbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    transition: all .2s;
}

.mc_hd_logo,
.mc_hdnav_li>a,
.mc_hd_search {
    line-height: 95px;
}

.mc_hd_l,
.mc_hd_r,
.mc_hd_nav {
    display: flex;
    align-items: center;
}

.mc_hd_navbar a {
    display: block;
}

.mc_hd_navbar {
    padding: 0 4rem;
}

.mc_hdnav_li {
    padding: 0 2.5rem;
    font-size: 16px;
    color: #333;
}

.mc_hd_fixed {
    opacity: 0;
}

.mc_hd_logo {
    width: 58px;
    margin-right: 5rem;
}

.mc_hd_logo a {
    line-height: 1;
}

.mc_hdsearch_btn {
    font-size: 20px;
    color: #333;
    vertical-align: middle;
    transition: all .36s;
}

.mc_hdsearch_xl {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 100%;
    background: #fff;
    padding: 16px 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.mc_hdsearch_inputbox {
    width: 560px;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.mc_hdsearch_inputbox button {
    font-size: 24px;
    flex: none;
}

.mc_hdsearch_inputbox input {
    flex: auto;
    width: calc(100% - 30px);
    margin-right: 10px;
    height: 40px;
    border-bottom: 1px solid #f2f2f2;
}

.ys_banner .ys_header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.ys_header_index .mc_hd_navbar {
    position: relative;
    background: transparent;
    border-bottom-color: transparent;
}

.ys_header_index .mc_hd_def {
    opacity: 0;
}

.ys_header_index .mc_hd_fixed {
    opacity: 1;
}

.ys_header_index .mc_hdsearch_btn,
.ys_header_index .mc_hdnav_li {
    color: #fff !important;
}

.mc_hdnav_li>a {
    cursor: pointer;
}

/* footer */
.ys_footer {
    position: relative;
    z-index: 1;
    padding: 13px 0;
    text-align: center;
    background: #efefef;
}

.mc_ft_copyright {
    position: relative;
    z-index: 2;
}

.mc_ft_copyright p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}

.mc_ft_copyright p a,
.mc_ft_copyright p span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    vertical-align: middle;
    margin-right: 5px;
}

.mc_ft_copyright {
    margin-right: -5px;
}

.mc_cnzz span {
    display: inline-block;
    transform: translateY(-1px);
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mc_cnzz a {
    display: block;
    width: 50px;
    height: 12px;
}

.mc_cnzz img {
    width: 100%;
    vertical-align: top;
}

.mc_ft_decorate {
    position: absolute;
    right: -3.5rem;
    bottom: -4.5rem;
    width: 30.3rem;
    pointer-events: none;
}


.ys_page_wrap {
    overflow: hidden;
}

/* - banner - start*/
.ys_banner {
    width: 100%;
    position: relative;
}

.ys_ban_li {
    position: relative;
    overflow: hidden;
}

.ys_ban_imgbox {
    position: relative;
    z-index: 1;
}

.ys_ban_imgbox img {
    width: 100%;
}

.ys_ban_li>a {
    display: block;
}

.ys_ban_ph {
    display: none;
}

.ys_ban_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys_ban_li:not(:first-child) {
    display: none;
}

.ys_ban_imgbox::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .3); */
}

.ys_ban_txtbox {
    z-index: 5;
}

.ys_ban_imgbox,
.ys_ban_img {
    width: 100%;
    height: 100vh;
}

.ys_ban_txtbox {
    text-align: center;
    color: #fff;
}

.ys_ban_txtimg {
    width: 360px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.mc_ban_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    z-index: -1;
    stroke-dasharray: 1137;
    stroke-dashoffset: 1137;
}

.ys_ban_li.slick-active .ys_ban_txtimg {
    animation: fadeIn 1s .5s ease-in-out both;
}

.ys_ban_li.slick-active .mc_ban_circle {
    animation: bancircle 2s 1s ease-in-out both infinite alternate;
}

@keyframes bancircle {
    20%{
        stroke-dashoffset: 1137;
    }
    80% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* - banner - end*/


.mc_b1s1_title {
    margin-bottom: 4rem;
}

.mc_b1s1 {
    padding: 5.5rem 0 12.5rem;
}

.mc_b1s1_li {
    border-bottom: 1px solid #e9e9e9;
}

.mc_b1s1_lisbox {
    display: flex;
    padding: 4rem 0;
}

.mc_b1s1_imgbox {
    flex: none;
    align-self: start;
    width: 240px;
}

.mc_b1s1_iconbox {
    flex: none;
    align-self: center;
    width: 50px;
}

.mc_b1s1_act {
    opacity: 0;
}

.mc_b1s1_txtbox {
    flex: auto;
    padding-left: 5rem;
    padding-right: 16rem;
    display: flex;
    flex-direction: column;
}

.mc_b1s1li_title.mc_title20 {
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    margin-bottom: 10px;
}

.mc_b1s1_txt {
    flex: auto;
}

.mc_b1s1_txt.mc_txt1628 p {
    line-height: 1.75;
    height: 5.25em;
    overflow: hidden;
}

.mc_b1s1_date {
    color: #999999;
    margin-top: 10px;
}

.mc_b1s1_li.noimg .mc_b1s1_imgbox {
    display: none;
}

.mc_b1s1_li.noimg .mc_b1s1_txtbox {
    padding-left: 0;
}

.mc_b1s1li_title {
    transition: all .36s;
}

.mc_pagebox {
    margin-top: 12.5rem;
}

.pc_fenye li {
    border-radius: 0;
}

.mc_contact_txt p {
    color: #666666;
}

.mc_contact {
    position: relative;
    z-index: 1;
    padding: 10rem 0 9rem;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}

.mc_contact_container {
    display: flex;
}

.mc_contact_r {
    width: 41%;
}

.mc_contact_l {
    width: 59%;
    padding-right: 16.5rem;
}

.mc_contact_txt {
    margin: 3.5rem 0 4.5rem;
    width: 495px;
    max-width: 100%;
}

.mc_contact_mes p {
    color: #333333;
    margin-bottom: .5em;
}

.mc_contact_mes .iconfont {
    color: #eb564f;
}

.mc_contact_qrcode {
    margin-top: 3rem;
    display: flex;
    align-items: center;
}

.mc_contact_qrcode img {
    width: 122px;
    flex: none;
}

.mc_contact_qrcode p {
    color: #333333;
    padding-left: 30px;
}

.mc_contact_qrcode {
    width: 450px;
    max-width: 100%;
}

.mc_contact_decorate {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: -1;
}

/* search */
.mc_search_btn {
    cursor: pointer;
}

.mc_search_btn .iconfont {
    font-size: 20px;
    line-height: 80px;
}

.mc_search_modal .ys_modal_content {
    width: 725px;
    padding: 0;
}

.mc_search_modal .mc_msc_box {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #fff;
}

.mc_msc_box input {
    vertical-align: middle;
}

.mc_search_modal {
    background: rgba(0, 0, 0, .8);
}

.mc_search_modal .ys_modal_close {
    font-size: 24px;
    top: 20px;
    right: 20px;
    color: #fff;
}

.mc_msc_input {
    width: calc(100% - 80px);
    height: 100%;
    font-size: 20px;
    color: #f5f5f5;
}

.mc_msc_submit {
    width: 75px;
    height: 100%;
    font-size: 24px;
    color: #fff;
}

.mc_language {
    position: relative;
}

.mc_search_modal .ys_modal_content {
    background: none;
}

.mc_b2s1 {
    padding: 7.5rem 0 14rem;
}

.mc_b2s1_title {
    font-weight: bold;
}

.mc_b2s1_bd {
    padding: 4.5rem 0 5rem;
}

.mc_b2s1_message {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.mc_b2s1mes_li {
    font-size: 16px;
    line-height: 1.5;
    color: #999999;
}

.mc_b2s1mes_li {
    margin-right: 6rem;
}

.mc_b2s1mes_li .iconfont {
    margin-right: 5px;
}

.mc_b2s1_hd {
    padding-bottom: 3.5rem;
    border-bottom: 1px solid #e9e9e9;
}

.yxedr_active p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 0;
}

.mc_b2s1_ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mc_b2s1_back a {
    text-align: center;
}

.mc_b2s1_back .iconfont {
    font-size: 28px;
    color: #eb564f;
}

.mc_b2s1_back p {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
    transition: all .36s;
}

.mc_b2s1_arrow {
    width: calc(50% - 100px);
}

.mc_b2s1_arrow a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc_b2s1_next {
    text-align: right;
}

.mc_a1s6.mc_contact {
    box-shadow: none;
}

.mc_a1s2 {
    padding: 12rem 0;
}

.mc_a1s2_title {
    margin-bottom: 40px;
}

.mc_more_btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #eb564f;
}

.mc_a1s2_list {
    margin: 0 -2.8rem;
    padding-bottom: 7rem;
}

.mc_a1s2_li {
    width: 25%;
    height: 380px;
    padding: 0 2.8rem;
    overflow: hidden;
}

.mc_a1s2_lisbox {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #d70010;
}

.mc_a1s2_txtbox {
    flex: auto;
    padding: 3rem 3rem 0;
}

.mc_a1s2_more {
    flex: none;
    margin-top: 20px;
    padding: 0 3rem 5rem;
}

.mc_a1s2_date {
    color: #666666;
}

.mc_a1s2li_title {
    color: #333333;
    font-weight: bold;
    margin: 12px 0 16px;
    max-height: 3.5em;
    overflow: hidden;
}

.mc_a1s2_txt p {
    color: #999999;
    max-height: 96px;
    overflow: hidden;
}

.mc-swiper-pagination.swiper-pagination {
    top: auto !important;
    bottom: 0 !important;
    width: 248px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.mc-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #eb564f;
}

.mc-swiper-pagination.swiper-pagination-progressbar {
    background: #dbdbdb;
}

.mc_a1s2_imgbox {
    margin: -1px;
    flex: none;
}


.mc_a1s2_li.noimg .mc_a1s2_imgbox {
    display: none !important;
}

.mc_a1s2_imgbox div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mc_a1s2_imgbox:not(.inited) {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
}

/* .mc_a1s2_imgbox {
    display: none;
} */

.mc_carousel_txtbox {
    display: flex;
    width: 100%;
}

.mc_carousel_txt {
    width: auto;
    font-family:"Microsoft Yahei", "PingFang SC";
    font-size: 46px;
    color: #fff;
    text-shadow: #eb564f 1px 0 0, #eb564f 0 1px 0, #eb564f -1px 0 0, #eb564f 0 -1px 0;
    display: flex;
}

.mc_carousel_txt span {
    white-space: nowrap;
    margin-right: 1em;
}


.mc_carousel_txt {
    animation: move 30s linear infinite;
}

@keyframes move {
    100% {
        transform: translateX(-100%);
    }
}

.mc_a1s4_title,
.mc_a1s3_title {
    margin-bottom: 3.5rem;
}

.mc_a1tab_hdli {
    position: relative;
    z-index: 1;
    font-size: 10px;
    text-align: center;
}

.mc_a1tab_hdli_circle {
    width: 2.4em;
    margin: 0 auto 8px;
}

.mc_a1tab_hdli_circle svg {
    max-width: 100%;
    height: auto;
}

.mc_a1tab_circle_act {
    opacity: 0;
}

.mc_a1tab_hd {
    display: flex;
    justify-content: center;
}

.mc_a1tab_hdli_circle {
    flex: none;
}

.mc_a1tab_hdli_circle svg {
    border-radius: 50%;
    transform: rotate(-90deg);
}

.mc_a1tab_circle_anmt {
    stroke-dasharray: 75;
    stroke-dashoffset: 0;
}

/* .mc_a1tab_hdli.act .mc_a1tab_circle_anmt{
    animation: timer 4s linear;
} */

@keyframes timer {
    100% {
        stroke-dashoffset: -75;
    }
}

.mc_a1tab_hdli {
    padding: 0 7.5rem;
}

.mc_a1tab_hdlisbox {
    cursor: pointer;
}


.mc_a1tab_hdli_line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.2em;
    z-index: -1;
    width: 100%;
    height: 2px;
    stroke-dasharray: 4;
}

.mc_a1tab_hdli:first-child .mc_a1tab_hdli_line {
    width: 50%;
    transform: none;
}

.mc_a1tab_hdli:last-child .mc_a1tab_hdli_line {
    width: 50%;
    left: 0;
    transform: none;
}

.mc_a1tab_hdli_title {
    font-size: 16px;
    color: #666666;
    transition: all .36s;
}

.mc_a1tab_hdli.act .mc_a1tab_hdli_title {
    color: #eb564f;
}

.mc_a1tab_hdli.act .mc_a1tab_circle_act {
    opacity: 1;
}

.mc_a1tab_bdli:not(:first-child) {
    display: none;
}

.mc_a1tab_bd {
    margin-top: 7rem;
}

.mc_a1s3_box {
    display: flex;
    align-items: center;
    background: #eb564f;
    color: #fff;
}

.mc_a1s3_txtbox {
    width: 40%;
    padding: 25px 9.5rem;
}

.mc_a1s3_imgbox {
    width: 60%;
}

.mc_a1s3li_title {
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 3rem;
}

.mc_a1s3li_txt p {
    color: #fff;
}

.mc_a1s3 {
    padding-top: 14rem;
    position: relative;
    z-index: 1;
}

.mc_a1s4 {
    position: relative;
    z-index: 1;
    padding: 14rem 0;
}

.mc_drc {
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.mc_a1s3_decorate1 {
    left: -5rem;
    top: 14rem;
    width: 12rem;
}

.mc_a1s3_decorate2 {
    bottom: -20rem;
    right: -3rem;
    width: 12rem;
}

.mc_a1s4_list {
    margin: 0 -4.4rem;
    padding-bottom: 6rem;
}

.mc_a1s4_li {
    width: 33.333333%;
    height: auto;
    padding: 0 4.4rem;
}

.mc_a1s4_lisbox {
    height: 100%;
}

.mc_a1s4li_title {
    font-size: 26px;
    line-height: 1.5;
    transition: all .36s;
}

.mc_a1s4_txt p {
    height: 3.5em;
    overflow: hidden;
}

.mc_a1s4_txt {
    margin: 12px 0 25px;
}

.mc_a1s4_txtbox {
    padding-top: 2.5rem;
}

.mc_a1s4_lisbox {
    cursor: pointer;
}

.mc_a1s4_decorate {
    left: -3rem;
    bottom: 14rem;
    width: 13.3rem;
}

.mc_a1s4m_txtbox {
    display: none;
}

.mc_casem_title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
}

.mc_casem_txt p {
    margin-bottom: 5px;
}

.mc_casem_box {
    padding: 20px 3rem 0;
}

.ys_modal_style1 .ys_modal_close {
    font-size: 24px;
    right: -1.5em;
    top: -0.5em;
    color: #fff;
}

.ys_modal_style1 .ys_modal_content {
    width: 1440px;
    padding-top: 5rem;
    background: #f4f4f4;
    max-width: calc(100vw - 80px);
}

.ys_modal_style1 .ys_modal_content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 0.5px);
    height: 4rem;
    background: #eb564f;
}

.ys_modal_close .icon-close1 {
    font-weight: normal;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #eb564f !important;
}

.mc_a1s5 {
    padding-top: 12rem;
}

.mc_a1s5_title {
    margin-bottom: 6rem;
}

.mc_more_btn1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 36px;
    padding: 0 36px;
    border-radius: 18px;
    text-align: center;
    color: #eb564f;
    background: #fff;
    transition: all .36s;
    cursor: pointer;
}

.mc_more_btn1.mc_btn_color {
    color: #fff;
    background: #eb564f;
}

.mc_a1s2b_more {
    margin-top: 5rem;
    text-align: center;
}

.mc_a1s5_content {
    display: flex;
}

.mc_a1s5_content>div {
    position: relative;
    z-index: 1;
    width: 50%;
    min-height: 520px;
    padding: 7rem 11rem;
}

.mc_a1s5_l {
    background: #ffcb30;
}

.mc_a1s5_r {
    background: #a7d8ff;
}

.mc_a1s5li_titlebox span {
    color: #333;
    display: block;
}

.mc_a1s5li_title {
    font-size: 1.3em;
}

.mc_a1s5li_titleen {
    font-family:"Microsoft Yahei", "PingFang SC";
    margin-top: 0.75em;
}

.mc_a1s5_txtbox {
    width: 372px;
    max-width: 100%;
}

.mc_a1s5_txt {
    margin: 3rem 0 5rem;
}

.mc_a1s5_txt p {
    color: #333;
}

.mc_a1s5_imgbox {
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 535px;
    max-width: 60%;
    z-index: -1;
    text-align: center;
}

.mc_a1s5_r .mc_a1s5_imgbox {
    width: 332px;
    right: 10%;
    max-width: 40%;
}

.ys_modal {
    background: rgba(0, 0, 0, .7);
}

.mc_jobm_box {
    padding: 6rem 7.5rem 2.5rem;
}

.mc_jobm_title {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    padding-bottom: 1em;
    position: relative;
    z-index: 1;
}

.mc_jobm_title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .8em;
    height: 4px;
    background: #ea7316;
    border-radius: 4px;
}

.mc_jobm_svg {
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
}

.mc_jobm_li {
    cursor: pointer;
}

.mc_jobm_txt {
    pointer-events: none;
    user-select: none;
}

.mc_jobm_content {
    display: none;
    position: absolute;
    left: 50%;
    top: 6rem;
    z-index: 10;
    transform: translateX(-50%);
    width: 760px;
    max-width: 100%;
    height: calc(100% - 8.5rem);
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
    padding: 20px 5rem 5rem;
}

.mc_jobmc_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mc_jobmc_close {
    font-size: 18px;
    color: #999;
    text-align: right;
}

.mc_jobmc_close .iconfont {
    display: inline-block;
    cursor: pointer;
    transform: translateX(100%);
}




.mc_jobm_txt[data-num="1"] .mc_jobm_postion {
    transform: matrix(1, 0, 0, 1, 292.7015, 493.767);
}

.mc_jobm_txt[data-num="1"] .mc_jobm_city {
    transform: matrix(1, 0, 0, 1, 239.7015, 510.3479);
}

.mc_jobm_txt[data-num="1"] .mc_jobm_num {
    transform: matrix(1, 0, 0, 1, 269.7015, 608.7343);
}

.mc_jobm_txt[data-num="1"] .mc_jobm_edu {
    transform: matrix(1, 0, 0, 1, 464.2101, 510.3478);
}


.mc_jobm_txt[data-num="2"] .mc_jobm_postion {
    transform: matrix(1, 0, 0, 1, 1112.7495, 493.767);
}

.mc_jobm_txt[data-num="2"] .mc_jobm_city {
    transform: matrix(1, 0, 0, 1, 1059.7496, 510.3476);
}

.mc_jobm_txt[data-num="2"] .mc_jobm_num {
    transform: matrix(1, 0, 0, 1, 1099.7496, 608.7341);
}

.mc_jobm_txt[data-num="2"] .mc_jobm_edu {
    transform: matrix(1, 0, 0, 1, 1294.2582, 510.3475);
}


.mc_jobm_txt[data-num="3"] .mc_jobm_postion {
    transform: matrix(1, 0, 0, 1, 1937.337, 493.767);
}

.mc_jobm_txt[data-num="3"] .mc_jobm_city {
    transform: matrix(1, 0, 0, 1, 1921.337, 510.3479);
}

.mc_jobm_txt[data-num="3"] .mc_jobm_num {
    transform: matrix(1, 0, 0, 1, 1961.337, 608.7344);
}

.mc_jobm_txt[data-num="3"] .mc_jobm_edu {
    transform: matrix(1, 0, 0, 1, 2155.8457, 510.3479);
}


.mc_jobm_txt[data-num="4"] .mc_jobm_postion {
    transform: matrix(1, 0, 0, 1, 702.2384, 1208.0298);
}

.mc_jobm_txt[data-num="4"] .mc_jobm_city {
    transform: matrix(1, 0, 0, 1, 685.2384, 1233.6106);
}

.mc_jobm_txt[data-num="4"] .mc_jobm_num {
    transform: matrix(1, 0, 0, 1, 725.2384, 1331.9971);
}

.mc_jobm_txt[data-num="4"] .mc_jobm_edu {
    transform: matrix(1, 0, 0, 1, 919.747, 1233.6105);
}

.mc_jobm_txt[data-num="5"] .mc_jobm_postion {
    transform: matrix(1, 0, 0, 1, 1525.2531, 1208.0298);
}

.mc_jobm_txt[data-num="5"] .mc_jobm_city {
    transform: matrix(1, 0, 0, 1, 1494.2532, 1233.6101);
}

.mc_jobm_txt[data-num="5"] .mc_jobm_num {
    transform: matrix(1, 0, 0, 1, 1534.2532, 1331.9966);
}

.mc_jobm_txt[data-num="5"] .mc_jobm_edu {
    transform: matrix(1, 0, 0, 1, 1728.7617, 1233.61);
}

.mc_jobmc_title {
    margin: 20px 0;
    text-align: center;
}

.mc_jobmc_mes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc_jobmc_mesli {
    margin: 0 2rem;
    font-size: 14px;
    color: #999999;
}

.mc_jobmc_mesli>* {
    vertical-align: middle;
}

.mc_jobmc_mesli .iconfont {
    font-size: 1.3em;
    margin-right: 3px;
    color: #eb564f;
}

.mc_jobmc_hd {
    padding-bottom: 3rem;
    border-bottom: 1px solid #ebebeb;
}

.mc_jobmc_bd {
    flex: auto;
    padding: 4rem 0 0;
    margin-bottom: 4rem;
    overflow: hidden;
}

.mc_jobmc_bd p {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.75;
}

.mc_jobmc_apply {
    text-align: center;
}

.mc_jobmc_scroll {
    height: 100%;
}

.mc_jobmc_scroll .mCSB_outside+.mCSB_scrollTools .mCSB_draggerContainer {
    top: 0;
    bottom: 0;
}

.mc_a1s5_imgbox img {
    transition: all 1s ease-in-out;
}

.mc_recm_box {
    padding: 3.5rem 0 5rem;
    text-align: center;
}

.mc_recm_title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}

.mc_recm_txt p {
    color: #666;
}

.mc_recm_imgbox {
    position: relative;
    z-index: 1;
    width: 400px;
    margin: 5rem auto 0;
}

.mc_recm_imgbox img {
    animation: rotate 50s linear;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}


.mc_a1s1 {
    padding-top: 12rem;
}

.mc_a1s1b1_imgbox {
    text-align: center;
}

.mc_a1s1b1_box {
    display: flex;
    padding-bottom: 25px;
}

.mc_a1s1b1_r {
    width: 390px;
    padding-top: 25px;
}

.mc_a1s1b1_l {
    width: calc(100% - 390px);
    padding-right: 12rem;
}

.mc_a1s1b1_title {
    margin-bottom: 20px;
}

.mc_a1s1b1_arrowbox {
    display: flex;
    justify-content: flex-end;
}

.mc_a1s1b1_arrow {
    font-size: 10px;
    width: 3.6em;
    height: 3.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eb564f;
    color: #eb564f;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
}

.mc_a1s1b1_arrow .iconfont {
    font-size: 12px;
}

.mc_a1s1b1_arrowbox {
    margin-bottom: 3.5rem;
}

.mc_a1s1b1_li:not(:first-child) {
    display: none;
}

.mc_a1s1b1_li {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-bottom: 30px;
}

.mc_a1s1b1_li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 300px;
    max-width: 100%;
    height: 1px;
    background: #e0e0e0;
}

.mc_a1s1b1_num {
    font-family:"Microsoft Yahei", "PingFang SC";
    font-weight: bold;
    font-size: 50px;
    color: #dfdfdf;
    margin-bottom: 25px;
    padding: 0.48em 0 0.12em;
}

.mc_a1s1b1_num span {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: .3em;
    color: #eb564f;
}

.mc_a1s1b1_num span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translate(-50%, -30%);
    width: 1.6em;
    height: 1.6em;
    background: url(../images/a1s1b1li_icon.png) center / contain no-repeat;
}

.mc_a1s1b1_icon {
    position: absolute;
}

.mc_a1s1b1_des {
    font-size: 18px;
    line-height: 1.5;
    color: #666666;
}

.mc_a1s1b1_li:not(:first-child) {
    display: none;
}

.mc_a1s1b1img_li:not(:first-child) {
    display: none;
}

.mc_dots_style1 .slick-dots li.slick-active {
    background: #eb564f;
}

.mc_dots_style1 .slick-dots li {
    background: #fafafb;
}

.mc_a1s1b2_top {
    padding: 3.5rem 20px 0;
}

.mc_a1s1b2t_box {
    width: 980px;
    margin: 0 auto;
    color: #fff;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.mc_a1s1b2t_imgbox {
    width: 275px;
}

.mc_a1s1b2t_textbox {
    width: calc(100% - 275px);
    padding: 20px 0;
    padding-left: 6rem;
}

.mc_a1s1b2t_name {
    font-weight: bold;
    color: #fff !important;
}

.mc_a1s1b2t_position {
    color: #fff !important;
    margin: 15px 0 10px;
}

.mc_a1s1b2_top {
    margin-bottom: 10px;
}

.mc_a1s1b2_li:not(:first-child) {
    display: none;
}

.mc_a1s1b2_slick {
    margin: 0 -7px;
}

.mc_a1s1b2_li {
    width: 20%;
    padding: 0 7px;
}

.mc_a1s1b2_lisbox {
    background: #fafafb;
}

.mc_a1s1b2_textbox {
    padding: 2.5rem 3rem 4.5rem;
}

.mc_a1s1b2_name {
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.mc_a1s1b2_position {
    font-size: 14px;
    color: #a9a9a9;
}

.mc_arrow_style1 .slick-arrow {
    font-size: 10px;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    background: #eb564f;
    color: transparent;
    z-index: 5;
}

.mc_arrow_style1 .slick-prev::before {
    content: "\e744";
}

.mc_arrow_style1 .slick-next::before {
    content: "\e743";
}

.mc_arrow_style1 .slick-arrow::before {
    font-family: "iconfont";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 14px;
    color: #fff;
}

.mc_arrow_style1 .slick-prev {
    left: -6em;
}

.mc_arrow_style1 .slick-next {
    right: -6em;
}

.mc_arrow_style2 .slick-arrow {
    font-size: 10px;
    width: 4em;
    height: 4em;
    border-radius: 50%;
    background: #fff;
    color: transparent;
    z-index: 5;
    box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.15);
}

.mc_arrow_style2 .slick-prev::before {
    content: "\e609";
}

.mc_arrow_style2 .slick-next::before {
    content: "\e60c";
}

.mc_arrow_style2 .slick-arrow::before {
    font-family: "iconfont";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 16px;
    color: #eb564f;
}

.mc_a1s1b5_tabhd_slick .slick-prev {
    top: auto;
    bottom: -2.5em;
}

.mc_a1s1b5_tabhd_slick .slick-next {
    top: auto;
    bottom: -2.5em;
}

.mc_a1s1b3_slick {
    margin: 0 -15px;
}

.mc_a1s1b3_li {
    width: 25%;
    padding: 0 15px;
}

.mc_a1s1b3_li:not(:first-child) {
    display: none;
}

.mc_a1s1b3_border {
    position: relative;
    z-index: 1;
    max-width: 318px;
    margin: 0 auto;
}

.mc_a1s1b3_border_img {
    width: 100%;
}

.mc_a1s1b3_imgbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

/* .mc_a1s1b3_slickbox {
    width: 1180px;
    margin: 0 auto;
    max-width: 100%;
} */

.mc_a1s1b3_desk {
    position: relative;
    z-index: -1;
    top: -5px;
    text-align: center;
}

/* .mc_a1s1b3_slick .slick-prev{
    left: calc(-6em - 80px);
}
.mc_a1s1b3_slick .slick-next{
    right: calc(-6em - 80px);
} */

.mc_a1s1b3_slick {
    padding: 0 9rem;
}

.mc_a1s1b4_box {
    text-align: center;
}

.mc_a1s1b5_tabhd_li:not(:first-child) {
    display: none;
}

.mc_a1s1b5_tabhd_year {
    font-size: 16px;
    font-weight: bold;
    min-width: 140px;
    display: inline-block;
    text-align: center;
    padding: 0 1em;
    line-height: 3;
    border-radius: 1.5em;
    color: #bfbfbf;
    background: #fff;
    box-shadow: 0px 5px 44px 0px rgba(0, 0, 0, 0.1);
    transition: none .36s;
    margin-bottom: 20px;
}

.mc_a1s1b5_tabhd {
    font-size: 10px;
    position: relative;
    z-index: 1;
}

.mc_a1s1b5_tabhd::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1em;
    z-index: -1;
    transform: translateX(-50%);
    height: .5em;
    width: 110%;
    background: linear-gradient(to right, rgba(241, 83, 68, 0), rgba(241, 83, 68, 1) 20%, rgba(241, 83, 68, 1) 80%, rgba(241, 83, 68, 0));
}



.mc_a1s1b5_tabhd_cicle {
    width: 2.6em;
    height: 2.6em;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}

.mc_a1s1b5_tabhd_cicle span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f26064;
    opacity: 0;
    transition: all .36s;
}

.mc_a1s1b5_tabhd_cicle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #fff;
    transition: all .36s;
}

.mc_a1s1b5_tabhd_cicle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: .8em;
    height: .8em;
    border-radius: 50%;
    background: #f05344;
    transition: all .36s;
}

.mc_a1s1b5_tabhd_li {
    width: 25%;
    padding: 0 7.5rem;
    text-align: center;
}

.mc_a1s1b5_tabhd_slick {
    padding: 0 10rem;
}

.mc_a1s1b5_tabhd_li {
    cursor: pointer;
}

.mc_a1s1b5_tabhd_li.on .mc_a1s1b5_tabhd_year {
    background: #e85143;
    color: #fff;
    box-shadow: none;
}

.mc_a1s1b5_tabhd_li.on .mc_a1s1b5_tabhd_cicle span {
    opacity: 1;
}

.mc_a1s1b5_tabhd_li.on .mc_a1s1b5_tabhd_cicle::before {
    background: #f0393d;
}

.mc_a1s1b5_tabhd_li.on .mc_a1s1b5_tabhd_cicle::after {
    background: #fff;
}

.mc_a1s1b5_tabbd_li:not(:first-child) {
    display: none;
}

.mc_a1s1 {
    position: relative;
    z-index: 1;
}

.mc_a1s1_decorate1 {
    right: 0;
    top: 0;
    width: 34.7rem;
}

.mc_a1s1_decorate2 {
    top: 49rem;
    left: 0;
    width: 8.5rem;
}

.mc_a1s2 {
    position: relative;
    z-index: 1;
}

.mc_a1s2_decorate {
    top: 0;
    right: 0;
    width: 17.2rem;
}

.mc_contact_decorate {
    width: 12.1rem;
}

.mc_contact_l {
    padding-right: 40px;
}

.mc_a1s1b5_tabhd{
    margin-top: 3rem;
}
/* cssend */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .mc_a1s5_li:hover .mc_a1s5_imgbox img {
        /* animation: fudong 2s ease-in-out alternate infinite; */
        transform: translateY(-20px);
    }

    @keyframes fudong {
        100% {
            transform: translateY(-20px);
        }
    }

    .mc_more_btn1:hover {
        box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    }

    .mc_a1s4_lisbox:hover .mc_a1s4_imgbox img {
        transform: scale(1.05);
    }

    .mc_a1s2_lisbox:hover .mc_a1s2_imgbox+.mc_a1s2_txtbox {
        padding-top: 2rem;
    }

    .mc_a1s2_lisbox:hover .mc_a1s2_more {
        margin-top: 0;
    }

    .pc_fenye li:hover {
        color: #fff;
        background: #eb564f;
    }

    .pc_fenye li.activepage {
        background: #eb564f;
    }

    .mc_a1s4_lisbox:hover .mc_a1s4li_title,
    .mc_a1tab_hdli:hover .mc_a1tab_hdli_title,
    .mc_b2s1_back a:hover p,
    .mc_b2s1_arrow a:hover,
    .mc_b1s1_lisbox:hover .mc_b1s1li_title,
    .mc_hdnav_li>a:hover {
        color: #eb564f;
    }

    .mc_b1s1_lisbox:hover .mc_b1s1_def {
        opacity: 0;
    }

    .mc_b1s1_lisbox:hover .mc_b1s1_act {
        opacity: 1;
    }

    .mc_b1s1_lisbox:hover .mc_b1s1_imgbox img {
        transform: scale(1.05);
    }
}


/* 载入效果 */
.mc_a1s1b1_imgbox,
.mc_a1s1b1_l,
.mc_a1s1b1_r {
    visibility: hidden;
}

.mc_a1tab_bdli.act .mc_a1s3li_title,
.mc_a1tab_bdli.act .mc_a1s1b2t_imgbox,
.mc_a1tab_bdli.act .mc_a1s1b1_l {
    animation: ysfadeInUp 1s ease both;
    visibility: visible;
}

.mc_a1tab_bdli.act .mc_a1s3li_txt,
.mc_a1tab_bdli.act .mc_a1s1b2t_textbox,
.mc_a1tab_bdli.act .mc_a1s1b1_r {
    animation: ysfadeInUp 1s ease both;
    animation-delay: 0.3s;
    visibility: visible;
}

.mc_a1tab_bdli.act .mc_a1s1b1_imgbox {
    animation: ysfadeInUp 1s ease both;
    animation-delay: 0.5s;
    visibility: visible;
}

.mc_a1tab_bdli.act .mc_a1s1b2_bot {
    animation: fadeIn 1s ease both;
    visibility: visible;
}

.mc_a1s5li_titlebox {
    animation-delay: .1s;
}

.mc_a1s5_txt {
    animation-delay: .2s;
}

.fadeInLeft,
.fadeInRight,
.mc_a1s5_more {
    animation-delay: .3s;
}

.mc_a1s5_imgbox,
.mc_a1s1b2_box .mc_a1s1b2_bot {
    animation-delay: 0.5s;
}

.mc_a1tab_bdli.act .mc_a1s3_imgbox {
    animation: fadeInRights 1s ease both;
    visibility: visible;
    animation-delay: 0.5s;
}


@keyframes fadeInRights {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
}

.mc_a1s3_box,
.mc_a1s1b2t_box {
    overflow: hidden;
}

.mc_recm_imgwrap{
    position: relative;
    z-index: 1;
}

.mc_recm_imgwrap>.ys_pos_center{
    width: 72%;
    height: 120%;
    z-index: -1;
}

.yxedr_active td{
    border: 1px solid #ddd;
    padding: 5px;
}

.viewerimg{
    cursor: zoom-in;
}

.viewer-reset,
.viewer-next,
.viewer-prev{
    display: none !important;
}


/* 20220301 */
.mc_a1s1b1_title{
    display: none;
}

.mc_a1s1b1_arrowbox{
    margin-bottom: 5px;
}

.mc_a1tab_bd {
    margin-top: 5rem;
}


@media screen and (min-width: 768px) {
    .mc_a1s1b1_r{
        padding-top: 0;
    }
}



/* 20220329 */
.mc_a1s1b3_desk{
    display: none;
}

.mc_a1s1b3_imgbox {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
}

.mc_a1s1b3_border_img{
    display: none;
}

.mc_jobm_city,
.mc_jobm_num,
.mc_jobm_edu{
    display: none;
}

.mc_nav_about,
.mc_a1s2_title{
    font-family: "宋体","Microsoft JhengHei","Microsoft Yahei", "PingFang SC";
}