@charset "utf-8";

@font-face {
    font-family: "Roboto-Regular";
    src: url("../font/Roboto-Regular.woff2") format("woff2"),
        url("../font/Roboto-Regular.woff") format("woff"),
        url("../font/Roboto-Regular.ttf") format("truetype"),
        url("../font/Roboto-Regular.eot") format("embedded-opentype"),
        url("../font/Roboto-Regular.svg") format("svg");
}

/* body {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */

body {
    font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}


.mc_ph_hd {
    display: none;
}

.ma_count1680 {
    width: 1680px;
    margin: 0 auto;
}

.ma_pc_hd {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
}

.ma_pchdm_logo {
    width: 165px;
}

.ma_pchdm_logo a {
    display: block;
    line-height: 90px;
}

.ma_pchdm_nav {
    width: calc(100% - 490px);
}

.ma_pchdm_ul1 {
    padding-right: 10px;
}

.ma_pchdm_li1 {
    float: left;
    position: relative;
}

.ma_pchdm_a1 {
    display: block;
    line-height: 90px;
    color: #000;
    font-size: 16px;
    padding: 0 30px;
    transition: all 0.36s;
    position: relative;
}

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

.ma_pchdm_li1.yxnav_active1 .ma_pchdm_a1 {
    color: #0a5fbb;
}

.ma_pchdm_li1.yxnav_active1 .ma_pchdm_a1::before {
    width: 60%;
}

.ma_pchdm_ul23box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 115px;
    /* display: table; */
    /* min-width: 560px; */
    border-radius: 10px;
    display: none;
    box-shadow: 0 0 10px 3px rgba(0, 0 ,0 , 0.3);
}

.ma_pchdm_ul23box::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #0a5fbb;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid transparent;
    z-index: 10;
}

/* .ma_pchdm_ul2,
.ma_pchdm_ul3box {
    display: table-cell;
    vertical-align: top;
} */
/* .ma_pchdm_ul3box{
    position: absolute;
    top: 0;
    right: -100%;
} */

.ma_pchdm_ul2 {
    padding: 4px 0;
    background: url(../images/ma_nav2_bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    /* width: 270px; */
    border-radius: 10px;
    /* overflow: hidden; */
}

.ma_pchdm_li2 {
    padding: 0 45px;
    position: relative;
    transition: all 0.36s;
}

.ma_pchdm_li2::before {
    content: "";
    width: 4px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.36s;
}

.ma_pchdm_a2 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: block;
    line-height: 50px;
    width: calc(100% - 20px);
    transition: all 0.36s;
    white-space: nowrap;
}

.ma_pchdm_r {
    width: 6px;
    line-height: 50px;
    opacity: 0;
    transition: all 0.36s;
    position: relative;
    right: -15px;
}

.ma_pchdm_li2.yxnav_active2 {
    background: rgba(255, 255, 255, 0.5);
}

.ma_pchdm_li2.yxnav_active2::before {
    opacity: 1;
}

.ma_pchdm_li2.yxnav_active2 .ma_pchdm_r {
    opacity: 1;
}

.ma_pchdm_li2.yxnav_active2 .ma_pchdm_a2 {
    color: #0a5fbb;
}

.ma_pchdm_ul3box {
    padding: 30px 40px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    z-index: 10;
    box-shadow: 0 0 10px 3px rgba(0, 0 ,0 , 0.2);
}

.ma_pchdm_a3 {
    color: #333;
    font-size: 14px;
    white-space: nowrap;
    transition: all 0.36s;
}

.ma_pchdm_li3 {
    margin-bottom: 35px;
    padding-left: 20px;
    position: relative;
}

.ma_pchdm_li3::before {
    content: "";
    width: 10px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all 0.36s;
}

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

.ma_pchdm_li3.yxnav_active3 .ma_pchdm_a3 {
    color: #0a5fbb;
}

.ma_pchdm_li3.yxnav_active3::before {
    background: #0a5fbb;
}

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

.ma_pchdms_ul {
    margin: 0 -10px;
}

.ma_pchdmsli {
    padding: 0 48px;
    float: left;
}
.ma_pchdmsli:last-child{
    padding-left: 0;
}

.ma_pchdmsli a,
.ma_pchdmsli .ma_pchdmssbox {
    display: block;
    line-height: 90px;
    cursor: pointer;
}
.ma_pchdmsli .ma_pchdmssbox{
    position: relative;
}
.ma_pchdmsli .ma_pchdmssbox::before{
    position: absolute;
    content: "";
    width: 110px;
    height: 26px;
    top: 51%;
    right: -10px;
    transform: translateY(-50%);
    border: 1px solid #0a5fbb;
}

.ma_pchdmsli a img,
.ma_pchdmsli .ma_pchdmssbox img {
    width: 20px;
}

.ma_pchdmsxl {
    width: 8px !important;
    margin-left: 5px;
}

.ma_pchdmsstc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.86);
    display: none;
    z-index: 50;
}

.ma_st_main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    padding-bottom: 10px;
    border-bottom: 2px solid #999;
}

.ma_stm_input {
    width: calc(100% - 100px);
    height: 30px;
    padding: 0 20px;
}

.ma_stm_input input {
    width: 100%;
    height: 100%;
    color: #999;
    font-size: 20px;
}

.ma_stm_btn button {
    color: #fff;
    font-size: 30px;
}

.ma_modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.ma_pchdmslanguage {
    position: relative;
}

.ma_pchdmslbtm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 102px;
    border-radius: 10px;
    padding: 25px 20px;
    display: none;
    background: #fff;
    box-shadow: 0 0 10px 3px rgba(0,0, 0, 0.1);
}

.ma_pchdmslbtm::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid transparent;
}

.ma_pchdmslbtm a {
    display: block;
    color: #0a5fbb;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: normal;
    white-space: nowrap;
}

.ma_pchdmslbtm a:last-child {
    margin-bottom: 0;
}

/* 手机导航 */
.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
    color: #000;
}

.mc_ph_hd {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

.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: 90px;
}

.mc_ph_menu {
    overflow: hidden;
    width: 50px;
    height: 50px;
}

.mc_ph_hd .mc_phmenubox {
    width: 50px;
    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: 28px;
    height: 22px;
    margin-top: 14px;
}

.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: 28px;
    height: 1px;
    background-color: #333;
}

.mc_ph_hd .mc_phmenubox .nav_btn {
    position: absolute;
    top: 10px;
    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: -10px;
}

.mc_ph_hd .mc_phmenubox .nav_btn::before {
    top: 10px;
}

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

/*ph导航&下拉*/
.phxia {
    position: fixed;
    width: 100%;
    left: 50%;
    top: 64px;
    z-index: 998;
    transform: translateX(-50%);
    padding: 0 15px;
    background-color: #f1f1f1;
    max-height: calc(100vh - 64px);
    overflow: auto;
}

.xialaph {
    display: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 18px;
    background-color: #f1f1f1;
    font-family: '微软雅黑';
}

.xialaph h4 {
    position: relative;
}

.xialaph h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}

.xialaph h4 a {
    font-size: 14px;
    line-height: 36px;
    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;
}

.xialaph .ul2 .container_s {
    max-width: 100%;
    padding: 0 15px;
}

.xialaph h5 {
    position: relative;
}

.xialaph h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}

.xialaph h5 a {
    font-family: '微软雅黑';
    font-size: 14px;
    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;
}

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

/* banner */

.ma_ban {
    margin-top: 90px;
    position: relative;
}

.ma_phban {
    display: none;
}

.ma_ban_li {
    position: relative;
}

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

.ma_bantxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.ma_fs60 {
    font-size: 60px;
    line-height: 1.5;
}

.ma_bantxt_h2 {
    color: #fff;
    margin-bottom: 30px;
}

.ma_bantxt_p {
    width: 690px;
    height: 63px;
    overflow: hidden;
    margin-bottom: 80px;
}

.ma_bantxt_p p {
    font-size: 22px;
    color: #fff;
    line-height: 1.75;
}

.ma_bantxt_btn {
    border-radius: 25px;
    width: 200px;
    overflow: hidden;
    background: linear-gradient(to right, #0a5fbb, #1c97d3);
}

.ma_bantxt_btn a {
    display: block;
    padding: 0 5px 0 30px;
    line-height: 50px;
    color: #fff;
}

.ma_bantxt_btn img {
    width: 47px;
    transition: all 0.36s;
    margin-left: 30px;
}

.ma_video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 10;
}

.ma_ban_li {
    overflow: hidden;
}

.ma_ban_ul .slick-prev {
    background: url(../images/ma_banprev.png) no-repeat;
    left: 185px;
}

.ma_ban_ul .slick-next {
    background: url(../images/ma_bannext.png) no-repeat;
    right: 185px;
}

.ma_ban_ul .slick-prev,
.ma_ban_ul .slick-next {
    display: block;
    width: 22px;
    height: 40px;
    z-index: 11;
    background-position: center center;
    background-size: contain;
}

.ma_ban_scroll {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 15;
    width: 67px;
    cursor: pointer;
    animation: xl 1.2s infinite;
}

@keyframes xl {
    0% {
        bottom: 60px;
    }

    50% {
        bottom: 40px;
    }

    100% {
        bottom: 60px;
    }
}

.ma_ft {
    background: url(../images/ma_ft_bg.jpg) no-repeat center;
    background-size: cover;
}

.ma_count1600 {
    width: 1600px;
    margin: 0 auto;
}

.ma_ft_mainbox1 {
    padding: 60px 0 45px;
    border-bottom: 1px solid #3c4349;
}

.ma_ftm1_l {
    width: 380px;
}

.ma_ftm1_li img {
    width: 13px;
    opacity: 0.4;
    position: relative;
    bottom: 1px;
    margin-right: 10px;
}
.ma_ftm1_li:last-child img{
    opacity: 1;
}

.ma_ft_font2 span,
.ma_ft_font2 a {
    color: #c0c0c0;
    font-size: 16px;
    display: inline-block;
    line-height: 1.75;
    transition: all 0.36s;
}

.ma_ft_font1 span {
    font-size: 20px;
    color: #fff;
}

.ma_ftm1_li {
    margin-bottom: 25px;
}

.ma_ftm1_li:first-child {
    margin-bottom: 30px;
}

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

.ma_ftm1_c {
    width: calc(100% - 511px);
    padding: 0 124px;
}

.ma_ftm1cli_li {
    margin-bottom: 12px;
}

.ma_ftm1cli_li:first-child {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #4d5358;
}

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

.ma_ftm1c_li {
    width: 180px;
    margin-left: 120px;
}

.ma_ftm1c_li:first-child {
    margin-left: 0;
}

.ma_ftm1_r {
    width: 131px;
    text-align: center;
}

.ma_ftm1_r p {
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
}

.ma_ft_mainbox2 {
    padding: 14px 0;
}

.ma_copyright {
    width: calc(100% - 500px);
}

.ma_copyright span,
.ma_copyright a {
    font-size: 14px;
    color: #fff;
    opacity: 0.2;
    line-height: 30px;
}

.ma_main {
    position: relative;
}

/* .ma_index .ma_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 173px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    opacity: 0.5;
    z-index: 30;
    opacity: 0.4;
} */

.ma_main2r_l a {
    display: inline-block;
    line-height: 30px;
    padding: 0 6px;
    color: #52585e;
    font-size: 14px;
    transition: all 0.36s;
    position: relative;
}

.ma_main2r_l a::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #52585e;
}

.ma_main2r_l a:last-child::before {
    display: none;
}

.ma_main2_r {
    width: 450px;
}

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

.ma_main2r_r {
    width: 145px;
}

.ma_main2r_r a,
.ma_weixin {
    display: inline-block;
    width: 30px;
    height: 30px !important;
    margin-right: 2px;
    cursor: pointer;
}
.ma_weixin{
    position: relative;
}
.ma_weixinbox{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10000;
    
}
.ma_weixinbox::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.ma_weixinbox img{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
}
.ma_colse{
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 40px;
    color: #fff;
}

.ma_weixin {
    background: url(../images/ma_wx.png) no-repeat !important;
}
.ma_sinaminiblog {
    background: url(../images/ma_main2r_r4.png) no-repeat !important;
}

.ma_bilibili {
    background: url(../images/ma_bibi.png) no-repeat !important;
    margin-right: 0;
}
.ma_ftf2_d {
    display: inline-block;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
    margin-right: 25px;
}
.ma_ftf2_d a{
    display: block;
    padding: 0 20px;
    line-height: 32px;
}
.ma_ftf2_d img{
    width: 70px;
}
.ma_ftf2_d span{
    font-size: 16px;
    color: #dd151e;
    display: inline-block;
}

/* index */
.ma_in1s1 {
    background: url(../images/ma_in1s1_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 64px 0;
}

.ma_count1560 {
    width: 1560px;
    margin: 0 auto;
}

.ma_title_h2 {
    font-size: 28px;
    font-weight: bold;
    color: #464646;
    line-height: 1.5;
}

.ma_title {
    padding-left: 30px;
    border-left: 2px solid #0071b9;
}

.ma_in1s1_title {
    margin-bottom: 100px;
}

.ma_in1s1m_ul {
    padding: 0 30px;
    margin-bottom: 160px;
}

.ma_in1s1m_li {
    float: left;
    width: 20%;
    padding: 0 30px;
}

.ma_in1s1ml_main {
    border-radius: 50%;
    /* border: 6px solid #93bcdd; */
    height: 100px;
    /* background: url(../images/ma_in1s2_1bg.jpg) no-repeat center; */
    background-size: cover;
    text-align: center;
    line-height: 100px;
    margin-bottom: 30px;
    transition: all 0.36s;
}

.ma_in1s1mlm_img {
    display: inline-block;
    position: relative;
    width: 78px;
    transition: all 0.36s;
}

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

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

.ma_in1s1mlm_font p {
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    height: 35px;
    overflow: hidden;
    text-align: center;
}

.ma_in1s1m_ul .slick-dots {
    bottom: -80px;
    width: 93%;
}

.ma_in1s1m_ul .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 11px;
    background: #b2b2b2;
}

.ma_in1s1m_ul .slick-dots li.slick-active {
    background: #0a5fbb;
}

.ma_in1s2_li1 {
    position: relative;
}
.ma_in1s2_ul3box{
    
    position: absolute;
    width: 600px;
    left: 360px;
    top: 0;
}
.ma_in1s2_mian{
    padding: 90px 50px 109px;
}
.ma_in1s2_mian:not(:first-child){
    display: none;
}

.ma_in1s2_mian::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, 0.9);
}
.ma_in1s2_ul3{
    position: relative;
    z-index: 5;
}

.ma_title2_h3 {
    font-size: 36px;
    color: #333;
    line-height: 1.5;
}

.ma_in1s2m_title {
    margin-bottom: 15px;
    height: 54px;
    overflow: hidden;
}

.ma_in1s2m_font1 p {
    color: #0071b9;
    font-size: 18px;
    line-height: 1.75;
}

.ma_in1s2m_font1 {
    margin-bottom: 20px;
    height: 31px;
    overflow: hidden;
}

.ma_in1s2m_font2 p {
    font-size: 14px;
    color: #464646;
    line-height: 2;
}

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

.ma_in1s2m_font2 {
    margin-bottom: 30px;
    height: 168px;
    overflow: hidden;
}

.ma_in1s2m_btn a {
    display: block;
    transition: all 0.36s;
}

.ma_in1s2m_btn img {
    width: 21px;
    margin-right: 6px;
    position: relative;
    bottom: 2px;
}

.ma_in1s2m_btn span {
    display: inline-block;
    font-size: 16px;
    color: #0071b9;
    line-height: 20px;
}

.ma_in1s2_mianb {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

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

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

.ma_prev {
    background: url(../images/ma_banprev.png) no-repeat;
    left: 175px;
}

.ma_next {
    background: url(../images/ma_bannext.png) no-repeat;
    right: 175px;
}
.ma_in1s2{
    position: relative;
}

.ma_prev,
.ma_next {
    display: block;
    width: 22px;
    height: 40px;
    z-index: 11;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.ma_in1s2_ul2 .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 10px;
    background: #b3b3b3;
}

.ma_in1s2_ul2 .slick-dots li.slick-active {
    background: #0071b9;
}

.ma_in1s2_ul1 .slick-dots {
    display: inline-block;
    width: auto;
    bottom: 52px;
    left: 420px;
    z-index: 8;
}

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

.ma_in1s3 {
    padding: 124px 0 100px;
}

.ma_in1s3_title {
    margin-bottom: 64px;
}

.ma_in1s2m_main {
    text-align: center;
}

.ma_in1s2m_centerbox {
    display: inline-block;
    width: 850px;
    position: relative;
    z-index: 10;
}

.ma_in1s2m_center {
    position: relative;
}

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

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

.ma_in1s2mc_a {
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    bottom: 55px;
    width: calc(100% - 160px);
    background: rgba(255, 255, 255, 0.8);
}

.ma_in1s2mc_a a {
    display: block;
}

.ma_in1s2mca_l {
    width: 66px;
    line-height: 110px;
    background: linear-gradient(to bottom, #0a61bc, #198ecf);
}

.ma_in1s2mca_l img {
    width: 31px;
}

.ma_in1s2mca_r {
    width: 66px;
    line-height: 110px;
    background: #5d5c58;
}

.ma_in1s2mca_r img {
    width: 25px;
}

.ma_in1s2mca_c {
    width: calc(100% - 132px);
    padding: 20px 30px 25px;
}

.ma_in1s2mcac_title {
    margin-bottom: 10px;
}

.ma_title3_h2 {
    font-size: 18px;
    color: #0071b9;
    line-height: 1.5;
    height: 27px;
    overflow: hidden;
    transition: all 0.36s;
}

.ma_in1s2mcac_font p {
    font-size: 14px;
    color: #848484;
    line-height: 1.75;
    height: 24px;
    overflow: hidden;
}

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

.ma_in1s2mli {
    width: 418px;
    position: absolute;
    cursor: pointer;
}

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

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

.ma_in1s2mli_font {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    padding: 10px 0;
    z-index: 3;
    background: linear-gradient(to bottom, #0a61bc, #198ecf);
}

.ma_in1s2mli_font p {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-family: "Roboto-Regular";
}

.ma_in1s2m_main {
    position: relative;
}

.ma_in1s2mli:nth-child(1) {
    top: 0;
    left: 0;
}

.ma_in1s2mli:nth-child(2) {
    bottom: 0;
    left: 0;
}

.ma_in1s2mli:nth-child(3) {
    top: 0;
    right: 0;
}

.ma_in1s2mli:nth-child(4) {
    bottom: 0;
    right: 0;
}

.ma_in1s4_title {
    margin-bottom: 60px;
}

.ma_in1s4m_main {
    padding: 210px 0 180px;
    position: relative;
}
.ma_in1s4m_main::before{
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #00436c, transparent);
    opacity: 0.6;
    z-index: 2;
}
.ma_in1s4m_mainbox{
    position: relative;
    z-index: 3;
}

.ma_title4_h2 {
    font-size: 40px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.ma_title4_h2 a{
    color: #fff;
}

.ma_in1s4m_title {
    margin-bottom: 35px;
}

.ma_in1s4mmb_font p {
    font-size: 16px;
    color: #fff;
    line-height: 2.5;
}

.ma_in1s4mmb_font {
    margin-bottom: 80px;
}

.ma_in1s4mmbl_img {
    width: 102px;
    position: relative;
    display: inline-block;
}

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

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

.ma_in1s4mmb_li {
    padding: 0 20px;
    width: 14.285714%;
    text-align: center;
    float: left;
}

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

.ma_in1s4mmb_ul .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 11px;
    background: #b2b2b2;
}

.ma_in1s4mmb_ul .slick-dots li.slick-active {
    background: #0a5fbb;
}

.ma_in1s4mmb_ul .slick-dots {
    bottom: -75px;
}

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

/* l1 */
.ma_onbanner {
    margin-top: 90px;
}

.ma_onbanner::before {
    display: none;
}

#container {
    height: 525px;
}

.ma_l1s1 {
    background: #f2f3f5;
}

.ma_l1s1_li {
    float: left;
    width: 33.333333%;
    transition: all 0.36s;
}

.ma_l1s1l_mainbox {
    padding: 50px;
    transition: all 0.36s;

}

.ma_l1s1l_main {
    position: relative;
    height: 325px;
}

.ma_l1s1l_main::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -50px;
    background: #c2c2c2;
    transition: all 0.36s;
}

.ma_l1s1_li:last-child .ma_l1s1l_main::before {
    display: none;
}

.ma_l1s1lm_img {
    width: 66px;
    position: relative;
    margin-bottom: 20px;
}

.ma_l1s1lm_img1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.36s;
}

.ma_l1s1lm_img2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.36s;
}

.ma_l1s1lm_li p,
.ma_l1s1lm_li a {
    color: #666;
    font-size: 14px;
    line-height: 1.75;
    transition: all 0.36s;
}

.ma_l1s1lm_li {
    margin-bottom: 6px;
}

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

.ma_l1s1lm_li:first-child {
    margin-bottom: 8px;
}

.ma_l1s1lm_li:first-child p {
    color: #333;
    font-size: 18px;
}

.ma_l1s1lm_ul {
    margin-bottom: 25px;
}

.ma_l1s1lm_ewm {
    padding: 3px;
    display: inline-block;
    background: #fff;
    opacity: 0;
    transition: all 0.36s;
}

.ma_l1s2 {
    padding: 92px 0 80px;
}

.ma_l1s1_f {
    margin: 0 -15px 34px;
}

.ma_l1s1_fl {
    width: 50%;
    padding: 0 15px;
}

.ma_l1s1fl_m {
    border: 1px solid #dbdbdb;
    height: 50px;
    padding: 0 40px;
}

.ma_l1s1fl_m label {
    width: 100%;
    height: 100%;
}

.ma_l1s1flm_font {
    font-size: 16px;
    color: #666;
    display: inline-block;
    width: 75px;
    line-height: 50px;
    position: relative;
}

.ma_l1s1flm_font::before {
    content: "*";
    position: absolute;
    color: #e65b5b;
    top: 55%;
    transform: translateY(-50%);
    right: -10px;
}

.ma_l1s1fl_m input {
    height: 100%;
    width: calc(100% - 80px);
    padding: 0 20px;
}
.ma_l1s1flm_font2 + input{
    padding: 0;
}

.ma_l1s1flm_font2 {
    width: 110px;
}

.ma_l1s1fl_m .ma_l1s1flm_input2 {
    width: calc(100% - 115px);
}

.ma_l1s1_f2 {
    margin-bottom: 85px;
}

.ma_l1s1_f2 label {
    width: 100%;
    height: 100%;
}

.ma_l1s1_f2 {
    border: 1px solid #dbdbdb;
    padding: 25px 50px;
    height: 250px;
}

.ma_l1s1_f2 textarea {
    width: calc(100% - 80px);
    height: 100%;
    resize: none;
}

.ma_l1s1_f2 .ma_l1s1flm_font3 {
    line-height: normal;
    position: relative;
    bottom: 5px;
}

.ma_l1s1_f2 .ma_l1s1flm_font3::before {
    display: none;
}

.ma_l1s1_f3 {
    width: 200px;
    margin: 0 auto;
    border-radius: 25px;
    overflow: hidden;
    background: linear-gradient(to right, #0a5fbb, #1c97d3);
}

.ma_l1s1_f3 a,
.ma_l1s1_f3 p,
.ma_l1s1_f3 button {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    width: 100%;
    height: 100%;
}

/* n1 */
.ma_nyban1 .ma_ban_li::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.5;
    background: linear-gradient(to right, #060e21, #052a5d);
}

.ma_title5_h2 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}

.ma_title5_h2 span {
    background-image: -webkit-linear-gradient(left, #0a5fbb, #1c97d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ma_n1s1_title{
    margin-bottom: 45px;
}
.ma_mbx_list{
    display: inline-block;
}
.ma_mbx_list img{
    width: 17px;
    position: relative;
    bottom: 2px;
}
.ma_mbx_list span,
.ma_mbx_list a{
    color: #fff;
    transition: all 0.36s;
    opacity: 0.2;
}

.ma_ny1{
    margin-top: -400px;
}
.ma_mbx_list:first-child a {
    opacity: 1;
}
.ma_mbx_list:last-child span{
    display: none;
}
.ma_ny1mbx{
    margin-bottom: 20px;
}
.ma_n1s1_top{
    margin: 0 -10px 66px;
}
.ma_n1s1_li{
    float: left;
    padding: 0 10px;
}
.ma_n1s1l_box{
    position: relative;
    border: 1px solid #74777b;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.36s;
}
.ma_n1s1l_box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    z-index: 1;
}
.ma_n1s1l_box::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #0a5fbb, #1c97d3);
    z-index: 2;
    opacity: 0;
    transition: all 0.36s;
}
.ma_n1s1l_box a {
    display: block;
    padding: 0 68px;
    line-height: 45px;
    position: relative;
    z-index: 3;
    color: #fffefe;
    font-size: 18px;
}
.ma_n1s1_li.act .ma_n1s1l_box{
    border-color: transparent;
}
.ma_n1s1_li.act .ma_n1s1l_box::after {
    opacity: 1;
}
.ma_n1s1m_ul{
    margin: 0 -20px;
}
.ma_n1s1m_li{
    float: left;
    padding: 0 20px;
    width: 25%;
    margin-bottom: 40px;
}
.ma_n1s1mlb_img{
    position: relative;
}
.ma_n1s1mlb_img1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_n1s1mlb_imgbg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ma_n1s1mlb_font{
    background: #fff;
    padding: 20px 20px 24px;
}
.ma_n1s1mlbf_t .ma_title3_h2 {
    color: #666;
    line-height: 2;
    height: 72px;
    overflow: hidden;
    transition: all 0.36s;
}
.ma_n1s1ml_box a{
    display: block;
}
.ma_n1s1mlbf_time p{
    color: #666;
    font-size: 14px;
    line-height: 22px;
    transition: all 0.36s;
}
.ma_n1s1mlbf_t{
    margin-bottom: 12px;
}
.ma_n1s1m_ul{
    margin-bottom: 50px;
}
.ma_n1s1{
    padding-bottom: 104px;
}

/* 分页 */
.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: 32px;
    height: 32px;
    border: 1px solid transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 32px;
    color: #333333;
    text-align: center;
    margin: 0px 8px;
    border-radius: 50%;
    transition: all .3s;
    background: #e4e8f0;
}

.pc_fenye li.activepage {
    color: #fff;
    background: #0d3a6f;
}

.w_fenyeph {
    display: none;
}

.pc_fenye li.clolr {
    color: #fff;
}

.ma_comp-tabli1,
.ma_comp-tabli2 {
    width: 9px;
}

.ma_comp-tabli11,
.ma_comp-tabli22 {
    width: 5px;
}

.ma_comp-tabli {
    position: relative;
}

.ma_comp-tabli1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 1;
}

.ma_comp-tabli2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
}
/* n2 */
.ma_n2s1m_main{
    background: #fff;
    padding: 75px 70px 110px;
}
.ma_n2s1mp_t .ma_title2_h3{
    color: #006cb8;
    text-align: center;
    padding-bottom: 20px
}
.ma_n2s1mp_t{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
.ma_n2s1mp_lift{
    text-align: center;
    margin-bottom: 40px;
}
.ma_n2s1mp_lifts{
    display: inline-block;
    margin: 0 90px;
}
.ma_n2s1mp_lifts img{
    width: 12px;
}
.ma_n2s1mp_lifts:last-child img {
    width: 14px;
}
.ma_n2s1mp_lifts span {
    font-size: 14px;
    color: #999;
}
.ma_n2s1mp_font p{
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    margin-bottom: 8px;
}
.ma_n2s1mpf_p1{
    color: #666;
    font-size: 20px;
    font-weight: bold;
}
.ma_n2s1mp_font p:last-child{
    margin-bottom: 0;
}
.ma_n2,
.ma_c2,
.ma_e1,
.ma_n1,
.ma_d1,
.ma_f4,
.ma_c1 {
    background: #f1f4f9;
}
.ma_pcfyabox img{
    width: 9px;
    position: relative;
    bottom: 3px;
}
.ma_pcfyl img{
    margin-right: 20px;
}
.ma_pcfyr img {
    margin-left: 20px;
}
.ma_pcfyabox a{
    color: #666;
    font-size: 16px;
    width: calc(100% - 34px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.36s;
}
.ma_pcfyabox{
    width: 48%;
}
.ma_pcfyr a{
    text-align: right;
}
.ma_n2s1m_mainfy {
    position: relative;
}
.ma_pcfyc_img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
}
.ma_n2s1m_p{
    margin-bottom: 90px;
}
.ma_n2s1mpf_ve{
    width: 1200px;
    margin: 20px auto;
    position: relative;
}
.ma_n2s1mpfv_bf{
    width: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.ma_n2s1mp_font .ma_n2s1mpf_p2 {
    color: #333;
    margin-bottom: 30px;
}
.ma_n2s1mp_font .ma_n2s1mpf_p3 {
    color: #333;
    font-weight: bold;
}
.ma_c2s1mp_t{
    border: none;
    position: relative;
}
.ma_c2s1mp_t::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 72px;
    height: 5px;
    background: #0a5fbb;
}
.ma_c2s1mp_font{
    margin-bottom: 40px;
}
.ma_c2s1mpb_t {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 24px;
}
.ma_c2s1mpb_a{
    border-radius: 5px;
    overflow: hidden;
}
.ma_c2s1mpb_a a{
    display: block;
    padding: 24px 68px;
    background: #0a5fbb;
}
.ma_c2s1mpba_l img{
    width: 20px;
    position: relative;
    top: 6px;
}
.ma_c2s1mpba_c{
    width: calc(100% - 140px);
    padding: 0 80px;
}
.ma_c2s1mpba_r{
    width: 120px;
}
.ma_c2s1mpba_p {
    font-size: 20px;
    color: #fff;
    transition: all 0.36s;
    line-height: 1.5;
    overflow: hidden;
    height: 30px;
}
.ma_c2s1mpbar_l{
    width: 18px;
    position: relative;
    top:8px;
}
.ma_e1s1m_main{
    padding: 70px 115px 150px;
    background: #fff;
}
.ma_e1s1m_t{
    margin-bottom: 45px;
}
.ma_titleb {
    border: none;
    padding-left: 0;
    position: relative;
}
.ma_titleb::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 75%;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    background: #0071b9;
}
.ma_e1s1f_d1{
    background: #f1f3f7;
    padding: 0 36px;
    height: 54px;
    margin-bottom: 28px;
}
.ma_e1s1fd1_icon{
    width: 18px;
    line-height: 54px;
}
.ma_e1s1m_main form label{
    display: block;
    width: 100%;
    height: 100%;
}
.ma_e1s1fd1_p{
    margin-left: 35px;
    position: relative;
}
.ma_e1s1fd1_p::before{
    content: "*";
    color: #f01616;
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: -18px;
    font-size: 16px;
}
.ma_e1s1fd1_p p{
    font-size: 16px;
    color: #333;
    line-height: 54px;
}
.ma_e1s1fd1_in{
    width: calc(100% - 140px);
    height: 100%;
    padding: 0 20px;
}
.ma_e1s1fd1_in input{
    width: 100%;
    height: 100%;
    font-size: 16px;
    position: relative;
    top: 1px;
}
.ma_e1s1f_d2{
    margin: 0 -5px;
}
.ma_e1s1f_d21box{
    width: 50%;
    padding: 0 5px;

}
.ma_e1s1f_d21{
    background: #f1f3f7;
    padding: 0 36px;
    height: 54px;
    margin-bottom: 28px;
}
.ma_e1s1f_d3{
    margin: 0 -10px;
}
.ma_e1s1f_d31box{
    padding: 0 10px;
    width: 25%;
}
/* .ma_e1s1f_d3 .ma_e1s1fd1_p{
    width: calc(100% - 65px);
} */
.ma_e1s1fd1_img{
    width: 12px;
    line-height: 54px;
}
.ma_e1s1fd1_img img{
     transition: all 0.36s;
}
.ma_e1s1f_d3 .ma_e1s1f_d21{
    padding-right: 20px;
    position: relative;
}
.ma_e1s1fd31_main{
    cursor: pointer;
}
.ma_e1s1f_d31xl{
    position: absolute;
    top: 55px;
    left: 0;
    background: #f1f3f7;
    padding: 20px 36px;
    z-index: 2;
    width: 100%;
    display: none;
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.1);
}
.ma_e1s1f_d31xl p{
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    cursor: pointer;
}
.ma_e1s1fd31_main.on .ma_e1s1fd1_img img{
    transform: rotate(180deg);
}
.ma_e1s1f_d31box .ma_e1s1fd1_p1 {
    width: auto;
}
.ma_e1s1fd1n_jia,
.ma_e1s1fd1n_jian{
    line-height: 54px;
    width: 11px;
    cursor: pointer;
}
.ma_e1s1fd1n_c{
    line-height: 54px;
    margin: 0 10px;
    width: 65px;
}
.ma_e1s1fd1n_c input{
    width: 100%;
    text-align: center;
    height: 26px;
    background: #fff;
}
.ma_e1s1fd31_main1{
    cursor: auto;
}
.ma_e1s1fd1_in2{
    width: calc(100% - 117px);
    height: 270px;
    padding: 20px;
}
.ma_e1s1fd1_in2 textarea{
    height: 100%;
    resize: none;
    width: 100%;
}
.ma_e1s1f_d4{
    height: auto;
}
.ma_e1s1fd5_in{
    width: 330px;
    background: #f1f3f7;
    height: 54px;
    padding: 0 36px;
    margin-right: 120px;
}
.ma_e1s1fd5_in input{
    width: 100%;
    height: 100%;
}
.ma_e1s1fd5_img{
    width: 188px;
    border: 1px solid #f1f4f9;
    padding: 4px;
    height: 54px;
}
.ma_e1s1fd5_img img{
    width: 100%;
    height: 100%;
}
.ma_e1s1fd5_btn button{
    padding: 19px 0;
}
.ma_tc{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 55;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.ma_tc_main{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 65px 115px 45px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 60px);
}
.ma_tcs1m_t{
    margin-bottom: 50px;
}
.ma_tcmm_t{
    margin-bottom: 16px;
     text-align: center;
}
.ma_tcmmt_h3{
    font-size: 26px;
    color: #333;
    line-height: 1.5;
}
.ma_tcmm_p{
    margin-bottom: 40px;
     text-align: center;
}
.ma_tcmm_p p{
    font-size: 20px;
    color: #666;
    line-height: 1.75;
}
.ma_tcmm_imgbox{
    margin-bottom: 55px;
    text-align: center;
}
.ma_tcmm_img{
    display: inline-block;
    margin: 0 100px;
}
.ma_tcmmim_t{
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #0071b9;
}
.ma_tcmmim_btm{
    text-align: center;
    height: 40px;
}
.ma_tcmmim_btm img{
    width: 25px;
    position: relative;
    bottom: 2px;
    margin-right: 25px;
    line-height: 40px;
}
.ma_tcmmim_btm span{
    font-size: 20px;
    color: #333;
    line-height: 40px;
}
.ma_tcmmim_btm .ma_l1s1_f3 {
    width: 160px;
}
.ma_tcmmim_btm button {
    padding: 10px 0;
    font-size: 20px;
}
.ma_tcmm_img:first-child{
    transform: translateY(-12px);
}
.ma_tcmm_p .ma_tcmm_p2 {
    color: #999;
}
.ma_tcmm_p3{
    margin-bottom: 0;
}
.ma_tc_c{
    position: absolute;
    top: 30px;
    right:30px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.ma_e1s1fd5_btnc{
    cursor: pointer;
}
.ma_txtandmbx{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    height: 100%;
}
.ma_txt{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.ma_ny2mbx{
    position: absolute;
    bottom: 20px;
    right: 0;
}
.ma_txtandmbx .ma_mbx_list a{
    opacity: 1;
}
.ma_d1s1 {
    padding: 80px 0 120px;
}
.ma_d1s1m_l{
    width: 330px;
    padding-right: 15px;
}
.ma_d1s1m_lbox{
    width: 330px;
}
.ma_d1s1m_lbox.on{
    position: fixed;
    top: 115px;
}
.ma_d1s1_main{
    position: relative;
}
.ma_d1s1m_lbox.on2 {
    position: absolute;
    top: auto;
    bottom: 0;
}
.ma_d1s1m_t::before {
    left: 0;
}
.ma_d1s1m_t {
    padding-left:25px;
}
.ma_d1s1ml_ul{
    margin-top: 14px;
    border-top: 1px solid #000;
}
.ma_d1s1ml_li p{
    line-height: 68px;
    color: #666;
    font-size: 20px;
    transition: all 0.36s;
    padding: 0 16px;
    display: block;
    cursor: pointer;
}
.ma_d1s1ml_li.act p {
    color: #0071b9;
}
.ma_d1s1ml_li{
    border-bottom: 1px solid #d8dbe0;
}
.ma_d1s1m_r{
    width: calc(100% - 330px);
    padding-left: 75px;
}
.ma_d1s1mr_li{
    background: #0a5fbb;
    position: relative;
    padding: 65px 80px;
    margin-bottom: 66px;
}
.ma_d1s1mr_li:last-child{
    margin-bottom: 0;
}
.ma_d1s1mr_li::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/ma_d1s1mr_libg.png) no-repeat center;
    background-size: cover;
}
.ma_title6_h2{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.ma_d1s1mrl_t{
    margin-bottom: 16px;
}
.ma_d1s1mrl_p p{
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    margin-bottom: 16px;
    opacity: 0.8;
}
.ma_d1s1mrl_p p:last-child{
    margin-bottom: 0;
}
.ma_d1s1mrl_img{
    position: absolute;
    width: 110px;
    top: 30px;
    left: 40px;
}
.ma_d1s1mrl_img1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_d1s1mrl_imgbg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ma_d1s1mrl_p .ma_d1s1mrl_p1{
    font-weight: bold;
    margin-bottom: 5px;
}
.ma_d1s1mr_li2 .ma_d1s1mrl_p{
    width: calc(100% - 183px);
    padding-right: 70px;
}
.ma_d1s1mrlp_ul{
    width: 183px;
}
.ma_d1s1mrlp_li{
    position: relative;
    margin-bottom: 25px;
}
.ma_d1s1mrlp_li:last-child{
    margin-bottom: 0;
}
.ma_d1s1mrlp_li1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_d1s1mrlp_libg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
}
/* f4 */
.ma_f4s1{
    padding: 60px 0 105px;
}
.ma_f4s1m_t{
    margin-bottom: 30px;
    margin-left: 40px;
}
.ma_f4s1m_li{
    margin-bottom: 16px;
}
.ma_f4s1m_li:last-child {
    margin-bottom: 0;
}
.ma_f4s1ml_t{
    background: #fff;
    cursor: pointer;
}

.ma_f4s1mlt_l{
    width: calc(100% - 30px);
    padding: 16px 35px;
}
.ma_f4s1mlt_l p{
    display: inline-block;
    color: #666;
    font-size: 18px;
    line-height: 1.75;
    height: 31px;
    overflow: hidden;
    transition: all 0.36s;
}
.ma_f4s1mltl_p1{
    width: 490px;
}
.ma_f4s1mltl_p2{
    width: calc(100% - 500px);
}
.ma_f4s1mlt_r{
    width: 30px;
    height: 65px;
    background: #0a5fbb;
    position: relative;
}
.ma_f4s1mlt_r::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    transition: all 0.36s;
}
.ma_f4s1mlt_r::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}
.ma_f4s1ml_btm{
    padding: 26px 50px;
}
.ma_f4s1ml_btmbox{
    width: calc(100% - 730px);
    margin-bottom: 30px;
}
.ma_f4s1ml_btmbox p{
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}
.ma_f4s1ml_btmbox p:last-child{
    margin-bottom: 0;
}
.ma_f4s1ml_btmbox .ma_f4s1mlb_p1{
    margin-bottom: 10px;
}
.ma_f4s1ml_btmbox .ma_f4s1mlb_p2{
    margin-top: 10px;
}
.ma_f4s1fd5_btn .ma_l1s1_f3{
    margin-left: 0;
}
.ma_f4s1m_li.act .ma_f4s1mlt_l p {
    color: #0a5fbb;
}
.ma_f4s1m_li.act .ma_f4s1mlt_r::before {
    opacity: 0;
}
.ma_f4s1m_li:not(:first-child) .ma_f4s1ml_btm {
    display: none;
}
.ma_f4s1m_ul{
    margin-bottom: 80px;
}
/** macro start **********************************************************************************/

.mc_product {
    padding-top: 90px;
}

.mc_product .ma_pc_hd {
    box-shadow: none;
    border-bottom: 1px solid #f3f3f3;
}

.mc_pro_mbxbox {
    padding: 18px 0;
    border-bottom: 1px solid #f3f3f3;
}


.mc_pro_mbxbox .ma_mbx_list a {
    color: #999;
    opacity: 1;
}

.mc_pro_mbxbox .ma_mbx_list span {
    margin: 0 5px;
    color: #999;
}

.mc_protitle_container {
    position: relative;
    z-index: 1;
    padding: 30px 0;
}

.mc_pro_title {
    position: relative;
    z-index: 1;
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
    font-weight: bold;
    color: #0a5fbb;
    padding-top: 1em;
    transition: all 0.36s;
}

.mc_pro_title .sup {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 0;
    z-index: -1;
    transform: translateX(-50%);
    font-size: 2.14em;
    color: rgba(70, 70, 70, .2);
    line-height: inherit;
    font-weight: normal;
}

.mc_pro_arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
}

.mc_proarr_btn {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    transition: all .36s;
}

.mc_proarr_btn img {
    width: 30px;
}


.mc_pro_prev {
    left: 0;
}

.mc_pro_next {
    right: 0;
}

.mc_pro_main {
    background: #f1f4f9;
}

.mc_b1s1 {
    padding: 55px 0 115px;
}

.mc_b1_content {
    margin-top: 45px;
}

.mc_b1_navbox {
    position: relative;
    z-index: 49;
    height: 65px;
}

.mc_b1_nav {
    padding: 10px 0;
    transition: all .36s;
}

.mc_b1nav_li {
    position: relative;
    z-index: 1;
    float: left;
    line-height: 45px;
    padding: 0 20px;
    color: #999;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 20px;
    min-width: 214px;
    background: linear-gradient(-30deg, #1c97d3, #0a5fbb);
    background: #e8eef7;
    text-align: center;
    cursor: pointer;
    transition: all .36s;
    font-size: 18px;
    border: 1px solid #c3d6ed;
}

.mc_b1nav_li.on {
    color: #fff;
    background: linear-gradient(-30deg, #1c97d3, #0a5fbb) !important;
    border: 1px solid transparent;
}


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

.mc_b1_lisbox:not(:last-child) {
    margin-bottom: 70px;
}


.mc_title28_line {
    position: relative;
    z-index: 1;
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold;
    color: #464646;
    padding-left: 27px;
}

.mc_title28_line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 90%;
    background: #0071b9;
    transform: translateY(-50%);
}

.mc_b1li_title {
    margin-bottom: 35px;

}

.mc_b1_tabbox {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.mc_b1_tab {
    width: 100%;

}

.mc_b1tab_td {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    height: 55px;
    transition: all .36s;
    text-align: center;
    white-space: nowrap;
}

.mc_b1tab_td:last-child {
    border-right: 0;
}

.mc_b1tab_th {
    background: #0a5fbb;
}

.mc_b1tab_th .mc_b1tab_td {
    color: #fff;
    white-space: nowrap;
}

.mc_b1tab_tr {
    cursor: pointer;
}

.mc_b1tab_tr.mc_b1tab_trbg {
    background: #fff;
}

.mc_b1tab_td .mc_b1tab_txt,
.mc_b1tab_td p,
.mc_b1tab_td a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transition: all .36s;
    word-break: break-word;
}

.mc_b1tab_txt {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.mc_b1_nav.mc_fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .02);
}

.mc_b2s1 {
    padding: 70px 0 85px;
}

.mc_title20 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.mc_b2s1_title {
    margin-bottom: 30px;
    display: inline-block;
    /* background: #10218b; */
}

.mc_b2s1_title2 {
    line-height: 1.5;
    margin-bottom: 15px;
}

.mc_b2s1_txtwrap p {
    font-size: 14px;
    line-height: 2;
    color: #666666;
    padding-right: 455px;
}

.mc_b2s1_txtwrap {
    padding-left: 27px;
}

.mc_b2s1_txtbox {
    margin-bottom: 25px;
}

.mc_list_dian p {
    position: relative;
    z-index: 1;
    padding-left: 1em;
    margin: 4px 0;
}

.mc_list_dian p::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: bold;
}

.mc_b2_tab .mc_b1tab_td {
    height: 60px;
    border-color: #e0e3e7;
}

.mc_b2_tab {
    border-left: 1px solid #e0e3e7;
    border-right: 1px solid #e0e3e7;
}

.mc_b2mark_img {
    margin-right: 10px;
}

.mc_b2mark_img,
.mc_b2mark_txt {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
}

.mc_b2_tab {
    margin-bottom: 18px;
}

.mc_b2s1_txtwrap p img {
    margin: 10px 0;
}

.mc_b2s1dl_lisbox {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: #0a5fbb;
    border-radius: 5px;
    padding: 24px 70px;
}

.mc_b2s1dl_lisbox>div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.mc_b2s1dl_wjtb,
.mc_b2s1dl_dl img {
    width: 30px;
}

.mc_b2s1dl_txt {
    padding: 0 80px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc_b2s1dl_dl {
    width:162px;
}

.mc_b2s1dl_dl img {
    margin-right: 30px;
}

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

@media screen and (min-width: 1200px) {
    .mc_pro_mbxbox .ma_mbx_list a:hover {
        color: #0a5fbb;
    }

    .mc_proarr_btn:hover {
        border-color: #0a5fbb;
    }

    .mc_b1nav_li:hover {
        color: #fff;
        background: #0a5fbb;
    }

    .mc_b1tab_tr:hover .mc_b1tab_td {
        color: #0a5fbb;
    }

    .mc_b2s1dl_lisbox:hover {
        background: #0b4da3;
    }
}


/** macro end **********************************************************************************/

/* c1 */
.ma_ny3top{
    padding: 66px 0 80px;
}
.ma_ny3mbxbox .ma_mbx_list a,
.ma_ny3mbxbox .ma_mbx_list span{
    color: #7092b8;
    opacity: 1;
}
.ma_ny3mbxbox{
    position: relative;
    top: -17px;
}
.ma_ny3top_t{
    margin-bottom: 45px;
}
.ma_c1s1_box{
    position: relative;
    margin-bottom: 75px;
}
.ma_c1s1_box:last-child{
    margin-bottom: 0;
}
.ma_c1s1_box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 95, 186, 0.2);
    z-index: 1;
    transition: all 0.36s;
}
.ma_c1s1b_mainbox {
    position: relative;
    z-index: 2;
}
.ma_c1s1b_main{
    width: 465px;
    padding: 110px 40px;
    position: relative;
}
.ma_c1s1bm_main{
    position: relative;
    z-index: 5;
}
.ma_c1s1b_main::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.ma_c1s1b_main::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.36s;
}
.ma_c1s1bm_t .ma_title_h2{
    color: #fff;
    font-weight: normal;
    height: 42px;
    overflow: hidden;
}
.ma_c1s1bm_t {
    padding-left: 0;
    border-left: none;
    margin-bottom: 25px;
}
.ma_c1s1bm_t2 p{
    font-size: 20px;
    color: #fff;
    line-height: 1.75;
}
.ma_c1s1bm_t2{
    margin-bottom: 75px;
}
.ma_c1s1bm_p p{
    font-size: 16px;
    line-height: 2;
    color: #fff;
}
.ma_c1s1bm_p{
    margin-bottom: 40px;
}
.ma_c11s2m_btn span{
    color: #fff;
}
.ma_c1s1_box:nth-child(1n) .ma_c1s1b_main::before {
    background: linear-gradient(to top, #ef7e23, transparent);
}
.ma_c1s1_box:nth-child(1n) .ma_c1s1b_main::after {
    background:#ef7e23;
}
.ma_c1s1_box:nth-child(2n) .ma_c1s1b_main::before {
    background: linear-gradient(to top, #6d3d86, transparent);
}

.ma_c1s1_box:nth-child(2n) .ma_c1s1b_main::after {
    background: #6d3d86;
}
.ma_c1s1_box:nth-child(3n) .ma_c1s1b_main::before {
    background: linear-gradient(to top, #5abac5, transparent);
}

.ma_c1s1_box:nth-child(3n) .ma_c1s1b_main::after {
    background: #5abac5;
}
.ma_c1s1{
    padding-bottom: 110px;
}
/* f1 */
.ma_nyban3 .ma_ban_li::before{
    z-index: 11;
    opacity: 0.8;
}
.ma_nyban3 .ma_txtandmbx{
    z-index: 12;
}
.ma_nyban3_p p{
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
}
.ma_nyban3_p {
    width: 760px;
}
.ma_videoplay{
    position: absolute;
    width: 114px;
    top: 50%;
    transform: translateY(-50%);
    left: 63%;
    cursor: pointer;
}
.ma_f1s1{
    padding: 70px 0 0;
}
.ma_f1s1m_l{
    width: 505px;
}
.ma_f1s1m_t{
    margin-bottom: 20px;
}
.ma_f1s1ml_p{
    padding-left: 32px;
    margin-bottom: 40px;
}
.ma_f1s1ml_p p{
    font-size: 22px;
    color: #333;
    line-height: 1.75;
}
.ma_f1s1m_l .ma_f4s1m_t{
    margin-bottom: 15px;
}
.ma_f1s1m_r{
    width: calc(100% - 505px);
}
.ma_f1s1m_r p{
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    margin-bottom: 20px;
}
.ma_f1s1m_r p:last-child {
    margin-bottom: 0;
}
.ma_f1s1d1{
    margin-bottom: 70px;
}
.ma_f1s1d2 {
    position: relative;
    padding: 140px 0 130px;
}
.ma_f1s1d2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #060e21, #052a5d);
    opacity: 0.8;
}
.ma_f1s1d2_main{
    position: relative;
    z-index: 2;
}
.ma_f1s1d2m_ul{
    padding: 0 120px;
}
.ma_f1s1d2m_li{
    padding: 0 70px;
    width: 20%;
    float: left;
}
.ma_f1s1d2m_li p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.ma_f1s1d2m_li p:last-child{
    margin-bottom: 0;
    margin-top: 15px;
}
.ma_f1s1d2m_li .ma_f1s1d2ml_num{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}
.ma_f1s1d2m_li span{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.ma_f1s2{
    padding: 75px 0 165px;
    position: relative;
}
.ma_f1s2::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ma_f1s2_bg.png) no-repeat center;
    background-size: cover;
    opacity: 0.05;
}
.ma_f1s2_ul{
    margin: 0 -21px;
    transform: translateX(165px);
}
.ma_f1s2_li{
    float: left;
    padding: 0 21px;
}
.ma_f1s2_li:not(:first-child){
    display: none;
}
.ma_f1s2l_img{
    position: relative;
    margin-bottom: 20px;
}
.ma_f1s2l_img1{
    /* position: absolute; */
    /* top: 0;
    left: 0; */
    width: 100%;
    /* height: 100%; */
    z-index: 2;
}
.ma_f1s2l_imgbg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ma_f1s2l_font p{
    font-size: 16px;
    color: #666;
    text-align: center;
}
.ma_f1s2_ulbox{
    padding: 0 58px;
    position: relative;
}
.ma_f1s2_ul .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 10px;
    background: #b3b3b3;
}
.ma_f1s2_ul .slick-dots li.slick-active {
    background: #0071b9;
}

.ma_f1s2_ulqh{
    position: absolute;
    left: 0;
    bottom: 30px;
}
.ma_f1s2_ulqhlist{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #e6e6e6;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 0.36s;
}
.ma_f1s2_ulqhlist img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
}
.ma_f1s2qh_prev{
    margin-right: 15px;
}
.ma_f1s2_ul .slick-dots {
    bottom: -45px;
}
.ma_f1s3 {
    padding: 40px 0 140px;
    position: relative;
}
.ma_f1s3::after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 192px;
    background: #e8e8e8;
}

.ma_f1s3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ma_f1s3_bg.jpg) no-repeat center;
    background-size: cover;
}
.ma_f1s4{
    position: relative;
    padding: 70px 0 120px;
}
.ma_f1s4::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0e335f;
    opacity: 0.5;
}
.ma_f1s4_main{
    position: relative;
    z-index: 2;
}
.ma_f1s4_main .ma_title_h2{
    color: #fff;
}
.ma_f1s4_main .ma_titleb::before {
    background: #fff;
}
.ma_f1s4_main .ma_f4s1m_t{
    margin-bottom: 60px;
}
.ma_f1s4_li{
    float: left;
}
.ma_f1s4li_m{
    width: 210px;
    position: relative;
}
.ma_f1s4li_m1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_f1s4li_mbg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.ma_f1s4_ul .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 10px;
    background: #b3b3b3;
}

.ma_f1s4_ul .slick-dots li.slick-active {
    background: #0071b9;
}
.ma_f1s4_ul .slick-dots {
    bottom: -60px;
}
.ma_swiper_top p{
    font-size: 20px;
    color: #d3d3d3;
    text-align: center;
    position: relative;
}
.ma_swiper_top p::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #e8e8e8;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    z-index: 10;
}
.ma_f1s3_main .ma_f4s1m_t{
    margin-bottom: 110px;
}
.ma_swiper_top .swiper-wrapper {
    padding-top: 15px;
}
.ma_swiper_top .swiper-pagination {
    height: 1px;
    background: #e8e8e8;
}
.ma_swiper_top .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #0a3770;
}
.ma_f1s3_main{
    overflow: hidden;
}
.ma_f1s3be {
    content: "";
    position: absolute;
    top: 192px;
    left: 0;
    width: calc(50vw - 8px);
    height: 3px;
    background: rgba(0, 113, 185);
    z-index: 5;
    /* transition: all 0.36s; */
}
.ma_f1s3be.on {
    animation: wid 2s ease-in;
}
@keyframes wid{
    0%{
        width: 0;
    }
    100%{
        width: calc(50vw - 8px);
    }
    /* 100%{
        width: 0;
    } */
}
.ma_f1s3be::before{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -9px;
    background: url(../images/ma_f1s3_xianbe.png) no-repeat center;
    background-size: cover;
    opacity: 0;
    transition: all 0.36s;
}
.ma_f1s3be.on2::before{
    opacity: 1;
}
.ma_f1s3_main .ma_swiper_top {
    overflow: initial;
    margin-bottom: 60px;
    z-index: 10;
}
.ma_f1s3_main .swiper-wrapper {
    z-index: 11;
}
.ma_swiper_top .swiper-button-next,
.ma_swiper_top .swiper-button-prev {
    z-index: 12;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 113, 185);
    transform: translateY(-50%);
    top: 65%;
}
.ma_swiper_top .swiper-button-next:after,
.ma_swiper_top .swiper-button-prev:after {
    font-size: 14px;
}
.ma_sbtmm_l{
    width: 380px;
}
.ma_sbtmm_l p{
    font-size: 150px;
    font-weight: bold;
    color: rgba(0, 113, 185);
    font-family: "Helvetica CE 55 Roman";
    line-height: 0.8;
}
.ma_sbtmm_r{
    width: calc(100% - 380px);
    padding-left: 80px;
}
.ma_sbtmmrl_l{
    width: 120px;
}
.ma_sbtmmrl_l p{
    font-size: 20px;
    color: #333;
    line-height: 1.2;
}
.ma_sbtmmrl_r{
    width: calc(100% - 120px);
    padding-left: 30px;
}
.ma_sbtmmrl_r p{
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    height: 48px;
    overflow: hidden;
}
.ma_swiper_btm{
    width: calc(100% - 420px);
    margin: 0 auto;
}
.ma_sbtmmr_li{
    margin-bottom: 24px;
}
.ma_sbtmmr_li:last-child{
    margin-bottom: 0;
}
.ma_swiper_top .swiper-slide-active p::before{
    display: none;
}
.ma_bantxt_btn a span{
    transition: all 0.36s;
}
.ma_ftm1_l .ma_ftm1_li {
    overflow: hidden;
    margin-bottom: 10px;
}

.ma_ftm1_l .ma_ftm1_li img {
    float: left;
    position: relative;
    top: 5px;
}

.ma_ftm1_l .ma_ft_font2 span,
.ma_ftm1_l .ma_ft_font2 a {
    width: calc(100% - 28px);
    float: right;
}

.ma_ftm1_l .ma_ftf2_d a {
    float: none;
    width: 140px;
    text-align: center;
}

.ma_ftm1_l .ma_ftf2_d img {
    float: none;
    position: relative;
    top: auto;
    margin-right: 0;
}

.ma_ftm1_l .ma_ftf2_d span {
    float: none;
    width: auto;
}

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

.ma_b1 .mc_b1_nav {
    padding: 10px 20px;
}

.ma_f1s4li_m {
    width: auto !important;
}

.ma_f1s2l_font p {
    line-height: 1.5;
}




























@media screen and (min-width: 1200px) {
    .ma_pchdm_a1:hover {
        color: #0a5fbb;
    }

    .ma_pchdm_a1:hover::before {
        width: 60%;
    }

    .ma_pchdm_li2:hover {
        background: rgba(255, 255, 255, 0.5);
    }

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

    .ma_pchdm_li2:hover .ma_pchdm_r {
        opacity: 1;
    }

    .ma_pchdm_li2:hover .ma_pchdm_a2 {
        color: #0a5fbb;
    }

    .ma_pchdm_li3:hover::before {
        background: #0a5fbb;
    }

    .ma_pchdm_li3:hover .ma_pchdm_a3 {
        color: #0a5fbb;
    }

    .ma_bantxt_btn a:hover span {
        opacity: 0.5;
    }

    .ma_ft_font2 a:hover {
        opacity: 0.6;
    }

    .ma_main2r_l a:hover {
        opacity: 0.6;
    }

    /* .ma_in1s1ml_main:hover {
        border: 6px solid #0b4da2;
        box-shadow: 0 0 10px 5px rgba(11, 77, 162, 0.2);
    }

    .ma_in1s2m_btn a:hover {
        opacity: 0.6;
    } */

    .ma_in1s2mc_a a:hover .ma_title3_h2 {
        opacity: 0.6;
    }

    .ma_l1s1_li:hover {
        background: #0a5fbb;
    }

    .ma_l1s1_li:hover .ma_l1s1lm_img1 {
        opacity: 0;
    }

    .ma_l1s1_li:hover .ma_l1s1lm_img2 {
        opacity: 1;
    }

    .ma_l1s1_li:hover .ma_l1s1lm_li p,
    .ma_l1s1_li:hover .ma_l1s1lm_li a {
        color: #fff;
    }

    .ma_l1s1_li:hover .ma_l1s1lm_ewm {
        opacity: 1;
    }

    .ma_l1s1_li:hover .ma_l1s1l_main::before {
        background: transparent;
    }

    .ma_l1s1lm_li a:hover {
        opacity: 0.6;
    }
    .ma_mbx_list a:hover {
        opacity: 0.8;
    }
    .ma_n1s1l_box:hover{
        border-color: transparent;
    }
    .ma_n1s1l_box:hover::after{
        opacity: 1;
    }
    .ma_n1s1m_li a:hover .ma_n1s1mlbf_time p{
        color: #09539b;
    }
    .ma_n1s1m_li a:hover .ma_n1s1mlbf_t .ma_title3_h2 {
        color: #09539b;
    }

    .pc_fenye li:hover {
        color: #fff;
        background: #0d3a6f;
    }

    .pc_fenye li:hover .ma_comp-tabli1 {
        opacity: 0;
    }
    .pc_fenye li:hover .ma_comp-tabli2 {
        opacity: 1;
    }
    .ma_pcfyabox a:hover {
        color: #0a5fbb;
    }
    .ma_c2s1mpb_a a:hover .ma_c2s1mpba_p {
        opacity: 0.6;
    }
    .ma_d1s1ml_li p:hover {
        color: #0071b9;
    }
    .ma_f4s1ml_t:hover .ma_f4s1mlt_l p {
        color: #0a5fbb;
    }
    .ma_ny3mbxbox .ma_mbx_list a:hover{
        opacity: 1;
        color: #0a5fbb;
    }
    .ma_c1s1_box:hover .ma_c1s1b_main::after {
        height: 100%;
    }
    .ma_c1s1_box:hover::before {
        background: rgba(69, 77, 84, 0.4);
    }
    .ma_f1s2_ulqhlist:hover {
        background: #0a5fbb;
    }


}

.ma_bantxt,
.ma_in1s1m_ul,
.ma_in1s2_ul1,
.ma_in1s2m_ul,
.ma_in1s4mmb_ul,
.ma_ny3mbxbox,
.ma_c1s1_box,
.ma_ny2mbx,
.ma_d1s1mr_li,
.ma_d1s1m_l,
.ma_videoplay,
.ma_f1s2_ul,
.ma_f1s2_ulqh,
.ma_swiper_top,
.ma_swiper_btm,
.ma_f1s4_ul,
.ma_ny1mbx,
#container {
    animation-name: fadeIn;
    animation-delay: .3s;
}
.ma_title,
.ma_in1s2m_centerbox,
.ma_title4,
.ma_in1s4mmb_font,
.mc_protitle_container,
.mc_b1_nav,
.mc_b2s1_title,
.ma_title5,
.ma_e1s1f_d1,
.ma_e1s1f_d2,
.ma_e1s1f_d3,
.ma_e1s1f_d5,
.ma_nyban3_p,
.ma_f1s1d2m_ul,
.ma_n1s1_top,
.ma_n1s1m_li,
.box,
.ma_f4s1m_li,
/*.ma_l1s1_li,*/
.ma_l1s1_f,
.ma_l1s1_f2,
.ma_l1s1_f3 {
    animation-name: fadeInUp;
    animation-delay: .3s;
}
.ma_f1s1m_l{
    animation-name: fadeInLeft;
    animation-delay: .3s;
}
.ma_f1s1m_r{
    animation-name: fadeInRight;
    animation-delay: .3s;
}
.ma_d1s1mrl_pbox{
    width: calc(100% - 183px);
    padding-right: 70px;
}
.ma_y1s1mlb_font{
    transition: all 0.36s;
}
.may1s1mlbf_time{
    transition: all 0.36s;
}
.ma_y1s2m_btnimg {
    display: inline-block;
    position: relative;
    width: 21px;
    bottom: 2px;
}
.ma_y1s2m_btnimg1 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.36s;
}
.ma_y1s2m_btnimg2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.36s;
}
.ma_y1s2m_btn span{
    transition: all 0.36s;
}
.ma_f1s1ml_a {
    min-width: 140px;
    line-height: 35px;
    position: relative;
    left: 30px;
    background: #036bdd;
    transition: all 0.36s;
}

.ma_f1s1ml_a a {
    font-size: 16px;
    color: #fff;
    transition: all 0.36s;
}


@media screen and (min-width: 1200px){
   .ma_y1s1ml_box a:hover .ma_y1s1mlb_font {
        background-color: #09539b;
    }
    .ma_y1s1m_li a:hover .ma_y1s1mlbf_t .ma_title3_h2 {
        color: #fff;
    }
    .ma_y1s1m_li a:hover .may1s1mlbf_time p {
        color: #fff;
    }
    .ma_y1s1m_li a:hover .ma_y1s2m_btn span {
        color: #fff;
    }
    .ma_y1s1m_li a:hover .ma_y1s2m_btnimg1{
        opacity: 0;
    }
    .ma_y1s1m_li a:hover .ma_y1s2m_btnimg2 {
        opacity: 1;
    }
    .ma_in1s1ml_main:hover .ma_in1s1mlm_img {
        transform: translateY(-10px);
    }
    .mc_pro_title:hover {
        transform: translateY(-5px);
    }
    .ma_f1s1ml_a:hover {
        opacity: 0.8;
    }
}
.mc_b1_nav,
.ma_n1s1_topbox {
    overflow-x: auto;
    overflow-y: hidden;
}
.mc_b1nav_cont,
.ma_n1s1_top {
    display: flex;
}
.mc_b1nav_li,
.ma_n1s1l_box a {
    white-space: nowrap;
}
.ma_n1s1_topbox::-webkit-scrollbar {
    display: none;
}
.ma_n1s1_topbox {
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}
.ma_f1s4li_m a{
    display: block;
}
.ma_l1s1flm_font2::before{
    right: 24px;
}
.mc_phfy{
    overflow: hidden;
}
.mc_phfy a div{
    color: #333;
}
.mc_phfy .rp{
    float: right;
}
.mc_phfy .lp {
    float: left;
}
.ma_in1s1ml_mainbox a{
    display: block;
    position: relative;
}
.ma_in1s1ml_mainbox a::before{
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    top: 10px;
    right: -11%;
    background: #0a5fbb;
    opacity: 0.2;
}
.ma_pchdmslboxf{
    font-size: 14px;
    color: #333;
}
.mc_pro_titlebox{
    background: url(../images/ma_gxbg.jpg) no-repeat center center;
    background-size: cover;
}
.ma_videobox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 760px;
    height: 88%;
    z-index: 15;
}
.ma_videobox .ma_video{
    position: initial;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
}
.ma_videoplay{
    display: none;
}
.ma_n2 .ma_mbx_list span,
.ma_n2 .ma_mbx_list a {
    opacity: 1;
}
.ma_e1 .ma_mbx_list span,
.ma_e1 .ma_mbx_list a {
    opacity: 1;
}
.ma_pchdmsli:first-child{
    padding-left: 0;
}
.ma_videoboximg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.ma_b2s1_main{
    position: relative;
}
.ma_dg{
    width: 115px;
    border-radius: 25px;
    background: #0a5fbb;
    overflow: hidden;
    position: absolute;
    right: 27px;
    top: 25px;
}
.ma_dg a{
    display: block;
    padding: 8px 0;
    text-align: center;
    transition: all 0.36s;
}
.ma_dg a img{
    width: 21px;
    margin-right: 8px;
    position: relative;
    bottom: 2px;
}
.ma_dg a span{
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 2px;
}
.ma_bantxt_h2{
    font-size: 50px;
}
.ma_e1s1f_d31box label{
    display: block;
    width: 100%;
}
.ma_e1s1f_d31box label .ma_e1s1f_d21{
    padding-right: 0;
}
.ma_e1s1f_d3 .ma_e1s1f_d31box label .ma_e1s1fd1_in {
    height: 54px;
}
.ma1_e1s1fd1_in {
    width: calc(100% - 117px);
}
.ma_e1s1fd1_infind{
    height: 100%;
    line-height: 54px;
}
body .layui-laydate .layui-this {
    background-color: #0071b9 !important;
}
@media screen and (min-width: 1200px){
    .ma_dg a:hover {
        opacity: 0.6;
    }
}

.ma_bantxt_btn a{
	white-space: nowrap;
}
.ma_l1s1_ul .slick-prev,
.ma_l1s1_ul .slick-next {
    display: block;
    width: 22px;
    height: 40px;
    z-index: 11;
}

.ma_l1s1_ul .slick-next {
    background: url(../images/ma_mapnext.png) no-repeat center;
    background-size: contain;
    right: -50px;
}
.ma_l1s1_ul .slick-prev {
    background: url(../images/ma_mapprev.png) no-repeat center;
    background-size: contain;
    left: -50px;
}
.ma_l1s1_li:not(:first-child){
    display: none;
}
.ma_ban_li a{
    display: block;
}
.ma_mbx_list a{
    display: inline-block;
}
.ma_weixinp{
    height: 30px;
}

.nodots{
    padding-left: 0 !important;
}
.nodots::before{
    display: none !important;
}


/* 20220303 */
.mc_b1tab_td .mc_b1tab_txt{
    text-align: center;
}


/*22.09.09*/
.contact_map a{
    display: block;
    width: 100%;
    height: 100%;
}

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

.contact_mapli.slick-slide{
    display: block !important;
}

.ma_l1s1_li{
    float: left !important;
    height: auto !important;
}

.mc_pro_title {
    font-size: 32px;
}