@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% - 60px);

    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: 380px;

}



.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: 1000;

    

}

.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 50px;

    margin-bottom: 160px;

}



.ma_in1s1m_li {

    float: left;

    width: 20%;

    padding: 0 50px;

}



.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 65px 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% - 85px);

    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: 130px;

}



.mc_b2s1dl_dl img {

    margin-right: 50px;

}



.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_b1li_title,

.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: -25%;

    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;

}





/* 07.27 */
.ma_in1s2_mian{
    height: 540px;
}

.ma_in1s2_li2 img{
    height: 540px;
    max-width: none;
    width: auto;
}


@media screen and (max-width: 1680px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 476px;
    }
}
@media screen and (max-width: 1440px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 408px;
    }
}
@media screen and (max-width: 1366px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 386px;
    }
}
@media screen and (max-width: 1280px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 364px;
    }
}
@media screen and (max-width: 1200px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 339px;
    }
}
@media screen and (max-width: 768px) {
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        height: 260px;
    }
    .ma_in1s2m_title{
        margin-bottom: 10px !important;
    }
}
@media screen and (max-width: 767px) {
    .ma_in1s2_mian.slick-slide{
        display: flex !important;
        align-items: center;
    }
    .ma_in1s2_mian{
        height: 56.6vw;
    }
    .ma_in1s2_li2 img{
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 417px){
    .ma_in1s2_mian,
    .ma_in1s2_li2 img{
        width: auto;
        height: 70vw;
    }
    .ma_in1s2_ul1{
        padding-right: 10px !important;
    }
    .ma_in1s2_ul1 .slick-dots li {
        margin: 0px 4px !important;
    }    
    .ma_in1s2_li2{
        height: auto !important;
    }
    .ma_in1s2m_font2{
        height: 120px !important;
    }
}


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

/*.mc_b1_tab  {*/
/*    animation-name: fadeInUp;*/
/*    animation-delay: .3s;*/
/*}*/