/* en */

@charset "utf-8";

/* 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;
}

/* .mc_index .mc_ban_pc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 50%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(10, 37, 114, 0), rgba(10, 37, 114, .45));
} */

/* .mc_index .mc_ban_pc::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, .17);
} */


/** 全屏等比缩小banner */
/* 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-variation-settings: 'wght'750;
    color: #fff;
    font-variation-settings: 'wght'750;
}



/* 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;
}



@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_nb5s1_xtbli {
    width: 82px;
    height: 82px;
    text-align: center;
    line-height: 82px;
}

.mc_nb5s1_xtbli .iconfont {
    font-size: 48px;
    line-height: inherit;
    font-variation-settings: 'wght'750;
    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;
}






/* 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;
}