@charset "uft-8";



@font-face {

    font-family: "HELVETICANEUELTPRO-THEXO";

    src: url("../font/HELVETICANEUELTPRO-THEXO.woff2") format("woff2"),

        url("../font/HELVETICANEUELTPRO-THEXO.woff") format("woff"),

        url("../font/HELVETICANEUELTPRO-THEXO.ttf") format("truetype"),

        url("../font/HELVETICANEUELTPRO-THEXO.eot") format("embedded-opentype"),

        url("../font/HELVETICANEUELTPRO-THEXO.svg") format("svg");

}



/* @font-face {

    font-family: "HELVETICANEUELTPRO-THEX";

    src: url("../font/HELVETICANEUELTPRO-THEX.woff2") format("woff2"),

        url("../font/HELVETICANEUELTPRO-THEX.woff") format("woff"),

        url("../font/HELVETICANEUELTPRO-THEX.ttf") format("truetype"),

        url("../font/HELVETICANEUELTPRO-THEX.eot") format("embedded-opentype"),

        url("../font/HELVETICANEUELTPRO-THEX.svg") format("svg");

} */



/* @font-face {

    font-family: "HELVETICANEUELTPRO-HV";

    src: url("../font/HELVETICANEUELTPRO-HV.woff2") format("woff2"),

        url("../font/HELVETICANEUELTPRO-HV.woff") format("woff"),

        url("../font/HELVETICANEUELTPRO-HV.ttf") format("truetype"),

        url("../font/HELVETICANEUELTPRO-HV.eot") format("embedded-opentype"),

        url("../font/HELVETICANEUELTPRO-HV.svg") format("svg");

} */



body {

    font-family: "微软雅黑","PingFangSC-Light","Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;

}



/* pc导航 */

.ma_pc_hd {

    position: fixed;

    top: 0;

    left: 0;

    background: transparent;

    width: 100%;

    z-index: 500;

}



.ma_pc_hd1 {

    background: #fff;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}



.ma_container_hd {

    padding: 0 148px;

}



.ma_navbar_l,

.ma_navbar_l {

    height: 100%;

}



.ma_logo {

    position: relative;

    display: inline-block;

}



.ma_logo1 {

    width: 174px;

    position: relative;

    opacity: 1;

    left: 0;

    top: 0;

}



.ma_logo2 {

    width: 174px;

    position: absolute;

    opacity: 0;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.ma_logo a {

    line-height: 78px;

}



.ma_nav {

    position: relative;

}



.ma_nav_li {

    float: left;

    position: relative;

    transition: all 0.36s;

}



.ma_nav_li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 2px;

    width: 50%;

    background: #008ae6;

    opacity: 0;

    transition: all 0.36s;

}



.ma_nav_a {

    font-size: 16px;

    color: #fff;

}



.ma_nav2_img {

    width: 100%;

    opacity: 0.88;

    position: fixed;

    left: 0;

    top: 78px;

    border-top: 1px solid #dcdcdc;

    background: #fff;

    display: none;

    z-index: -1;

}



.ma_nav2_main {

    float: right;

}



.ma_nav2_li a {

    color: #666;

    line-height: 24px;

    margin-bottom: 10px;

    display: block;

    transition: all 0.36s;

}



.ma_nav2_li:last-child a {

    margin-bottom: 0;

}



.ma_nav_a {

    padding: 0 32px;

    color: #fff;

    font-size: 16px;

    line-height: 79px;

    display: block;

    transition: all 0.36s;

}



.ma_nav_li:last-child .ma_nav_a {

    padding-right: 10px;

}



.ma_navbox {

    float: left;

    height: 100%;

    position: relative;

}



.ma_nav2 {

    position: absolute;

    top: 78px;

    left: 0;

    padding-left: 32px;

    display: none;

    z-index: 10;

    padding-top: 46px;

}



.ma_nav2_li {

    display: block;

    font-size: 16px;

    margin: 0;

}



.ma_language {

    height: 100%;

    float: left;

    position: relative;

}



.ma_language_en {

    cursor: pointer;

}



.ma_language a {

    height: 100%;

    line-height: 78px;

    color: #fff;

    font-size: 16px;

    font-family:'微软雅黑',sans-serif;

    position: relative;

    top: 1px;

    padding: 0px 10px;



}

.ma_language_other a{

    padding: 8px 10px;

    white-space:nowrap;

    top: 0px;

}



.ma_language img {

    width: 15px;

}



.ma_language_others {

    display: none;

    background: transparent;

    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);

    padding: 0 5px;

    position: absolute;

    top: 78px;

    left: 50%;

    transform: translateX(-50%);

}



.ma_language_other {

    border-bottom: 1px solid #dcdcdc;

    text-align: center;

}



.ma_language_other:last-child {

    border: transparent;

}



.ma_language_other a {

    line-height: 28px;

    margin: 0 15px;

}



.ma_modal {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

}



.ma_modal_close {

    position: absolute;

    right: 15px;

    top: 15px;

    color: #fff;

    font-size: 40px;

    cursor: pointer;

    z-index: 10px;

}



.ma_modal_container {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_modal_content {

    width: 750px;

    background: none;

    padding: 20px;

    overflow: auto;

    max-width: calc(100% - 40px);

    max-height: calc(100% - 40px);

}



.ma_modal_input {

    width: calc(100% - 80px);

    height: 100%;

    font-size: 20px;

    color: #f5f5f5;

}



.ma_modal_searchs {

    width: 75px;

    height: 100%;

    font-size: 24px;

    color: #fff;

    cursor: pointer;

}



.ma_modal_box {

    width: 100%;

    height: 45px;

    border-bottom: 1px solid #fff;

}



.ma_search {

    float: left;

    height: 100%;

    padding: 0 10px;

    cursor: pointer;

}



.ma_search_btn {

    line-height: 78px;

    width: 15px;

    position: relative;

}



.ma_search_btn1 {

    position: relative;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 1;

}



.ma_search_btn2 {

    position: absolute;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    opacity: 0;

}



.ma_nav_li.alt .ma_nav_a {

    color: #008ae6;

}



.ma_nav_li.alt::before {

    opacity: 1;

}



/* ph导航 */

.ma_ph_hd {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    width: 100%;

    height: 64px;

    padding: 0 15px;

    background: #fff;

}



.ma_ph_logo {

    width: 65px;

}



.ma_ph_logo a {

    line-height: 64px;

}



.ma_language_ph a {

    line-height: 64px;

    color: #666;

    margin-right: 15px;

}



.mc_ph_menu {

    overflow: hidden;

    width: 50px;

    height: 50px;

}



.ma_phmenubox {

    width: 50px;

    height: 50px;

    cursor: pointer;

    text-align: center;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.active .ma_nav_btn {

    background: transparent;

}



.active .ma_nav_btn::after {

    transform: rotate(45deg);

    top: 0;

}



.active .ma_nav_btn::before {

    transform: rotate(-45deg);

    top: 0;

}



.ma_point {

    position: relative;

    display: inline-block;

    width: 28px;

    height: 22px;

    top: 25px;

}



.ma_nav_btn,

.ma_nav_btn::after,

.ma_nav_btn::before {

    width: 28px;

    height: 1px;

    display: inline-block;

    background: #333;

}



.ma_nav_btn {

    position: absolute;

    top: 0;

    right: 0;

    transition: all 0.3s ease-out 0s;

}



.ma_nav_btn::after,

.ma_nav_btn::before {

    content: "";

    position: absolute;

    right: 0;

    transition: all 0.3s ease-out 0s;

}



.ma_nav_btn::after {

    top: -10px;

}



.ma_nav_btn::before {

    top: 10px;

}



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

}





.yxnav_active1 a {

    display: block;

}



.ma_ft_lian {

    position: relative;

    width: 138px;

    margin-bottom: 50px;

}



.ma_ft_lian_a {

    background: #525252;

    padding: 10px 25px;

    cursor: pointer;

}



.ma_ft_lian_a span {

    font-size: 14px;

    color: #fff;

    margin-right: 15px;

}



.ma_ft_lian_a img {

    width: 10px;

    transition: all 0.36s;

}



.ma_ft_lian_af img {

    transform: rotate(180deg);

    transition: all 0.36s;

}



.ma_ft_ul li {

    float: left;

}



.ma_ft_lian_other {

    position: absolute;

    bottom: 34px;

    background: #525252;

    padding: 8px 20px 0;

    width: 100%;

    z-index: 10;

}



.ma_ft_lian_others {

    cursor: pointer;

    margin-bottom: 10px;

}



.ma_ft_lian_others:last-child {

    margin-bottom: 0;

}



.ma_ft_lian_others a {

    color: #fff;

    font-size: 14px;

    padding-bottom: 3px;

    transition: all 0.36s;

}



.ma_ft_li {

    margin-right: 40px;

}



.ma_ft_li a {

    font-size: 16px;

    color: #fff;

    transition: all 0.36s;

}



.ma_bsharebox {

    position: relative;

    display: inline-block;

    margin-right: 10px;

}



.ma_bsharebox img {

    position: relative;

    width: 100%;

    z-index: 1;

    top: 0;

    left: 0;

}



.ma_bsharebox a {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    width: 100%;

    height: 100% !important;

    background: none !important;

}



.ma_ft_center {

    margin-bottom: 25px;

}



.ma_copyright p {

    display: inline-block;

    font-size: 14px;

    color: #fff;

    text-align: left;

}



.ma_copyright p a {

    display: inline-block;

    font-size: 14px;

    color: #fff;

}



.ma_cnzz {

    margin-left: 25px;

}



.ma_copyright_btm a {

    color: #999;

    font-size: 14px;

}



.ma_banner_default {

    position: relative;

    margin-top: 90px;

}



.ma_banner_j1 {

    width: 100%;

    display: block;

}



.ma_banner_font {

    position: absolute;

    top: 52%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}



.ma_banner_font p {

    color: #fff;

    font-size: 24px;

}



.ma_banner_tab {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    z-index: 10;

    background: rgba(0, 0, 0, 0.4);

}



.ma_tab_ul {

    width: 1200px;

    margin: 0 auto;

}



.ma_tab_li {

    float: left;

}



.ma_tab_li_f {

    width: 20px;

}



.ma_tab_li {

    cursor: pointer;

    padding: 20px 26px;

    border-right: 1px solid #565e62;

    position: relative;

}



.ma_tab_li_fs {

    padding-bottom: 16px;

}



.ma_tab_li span {

    font-size: 16px;

    color: #fffffe;

    margin-right: 10px;

}



.ma_tab_li_img {

    width: 15px;

    transition: all 0.36s;

}



.ma_tab_li_imgf {

    transform: rotate(180deg);

    transition: all 0.36s;

}



.ma_tab_li_xila {

    position: absolute;

    top: 56px;

    left: 0;

    width: 100%;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    background: #fff;

    z-index: 10;

    padding: 10px 10px 0;

}



.ma_tab_li_xilas {

    margin-bottom: 10px;

}



.ma_tab_li_xilas a {

    color: #333;

    font-size: 16px;

    transition: all 0.36s;

}



.ma_pc_hd1 {

    background: #fff;

}



.ma_pc_hd1 .ma_logo1 {

    opacity: 0;

}



.ma_pc_hd1 .ma_logo2 {

    opacity: 1;

}



.ma_pc_hd1 .ma_nav_a {

    color: #333;

}



.ma_pc_hd1 .ma_language a {

    color: #999;

}



.ma_pc_hd1 .ma_search_btn1 {

    opacity: 0;

}



.ma_pc_hd1 .ma_search_btn2 {

    opacity: 1;

}



.ma_pc_hd1 .ma_language_others {

    background: #fff;

    box-shadow: none;

}



/* banner */

.ma_banner{

    position: relative;

}

.ma_ban_li {

    position: relative;

    overflow: hidden;

}



.ma_ban_li:not(:first-child) {

    display: none;

}



.ma_imgbox {

    position: relative;

    z-index: 1;

}



.ma_ban_ph {

    display: none;

}



.ma_ban_img {

    position: relative;

    width: 100%;

    height: auto;

}



.ma_ban_video {

    position: absolute;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    min-height: 100%;

    min-width: 100%;

    z-index: 2;

    transform: translate(-50%, -50%);

    object-fit: fill;

}



.ma_imgboxm {

    position: absolute;

    width: 100%;

    height: 100%;

    top: -100px;

    left: 0;

    z-index: -1;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);

}



.ma_container {

    width: 1400px;

    margin: 0 auto;

}



.ma_fontbox {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 5;

}



.ma_fontbox h2 {

    color: #4f4f4f;

    font-size: 52px;

    font-family: "微软雅黑";

    font-weight: lighter;

    margin-bottom: 28px;

}



.ma_fontbox h2:last-child {

    bottom: 0;

    position: relative;

    left: 110px;

}



.ma_banner_change {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    cursor: pointer;

}



.ma_banner_change_l {

    left: 46px;

}



.ma_banner_change_r {

    right: 46px;

}



.ma_imgmbox {

    position: absolute;

    left: 70px;

    bottom: -150px;

    z-index: 10;

}



.ma_banner_xl {

    position: absolute;

    left: 253px;

    bottom: 64px;

    z-index: 15;

    cursor: pointer;

    animation: xl 1.2s infinite;

}



@keyframes xl {

    0% {

        bottom: 64px;

    }



    50% {

        bottom: 50px;

    }



    100% {

        bottom: 64px;

    }

}



/* footer */

.ma_ft {

    width: 100%;

    background: #e3e3e3;

    position: relative;

    overflow: hidden;

}



.ma_ft_img {

    position: absolute;

    left: 64px;

    top: -340px;

    z-index: 1;

}



.ma_ft_contont {

    width: 1200px;

    margin: 0 auto;

    z-index: 5;

    position: relative;

}



.ma_ftc_list {

    padding-top: 75px;

}



.ma_ftcm_title {

    font-size: 16px;

    color: #333;

    margin-bottom: 20px;

}



.ma_ftc_list {

    width: 100%;

}



.ma_ftc_main {

    float: left;

    width: 25%;

}



.ma_ftcm_ul li a,

.ma_ftcm_ul li span {

    font-size: 16px;

    color: #666;

    transition: all 0.36s;

    line-height: 26px;

}



.ma_ftcm_ul li {

    margin-bottom: 5px;

}



.ma_ftcm_ul li:last-child {

    margin-bottom: 0;

}



.ma_ftcm_liimg1 {

    width: 14px;

    position: relative;

    top: 5px;

}



.ma_ftcm_liimg2 {

    width: 17px;

    position: relative;

    top: 3px;

}



.ma_ftcm_ul li .ma_ftcm_lia {

    padding-left: 14px;

    display: inline-block;

}



.ma_ftcm_liadd {

    width: calc(100% - 14px);

}



.ma_ftcm_licall {

    width: calc(100% - 17px);

}



.ma_ftcm_li {

    margin-bottom: 15px;

}



.ma_ftcm_li .ma_ftcm_lia {

    line-height: 30px;

}



.ma_ft_cbox {

    padding-bottom: 50px;

}



.ma_copyright {

    background: #dbdbdb;

    height: 52px;

}



.ma_ft_contont p {

    width: 100%;

}



.ma_ft_contont a {

    color: #2b2b2b;

    line-height: 52px;

}



.ma_ft_contont .ft_address {

    color: #666;

    line-height: 52px;

}



.ma_ft_contont p span {

    color: #666;

    line-height: 52px;

}



/* main */

/* in1s1 */

.ma_in1s1 {

    padding: 75px 0;

}



.ma_container {

    width: 1200px;

    margin: 0 auto;

}



.ma_main_title {

    margin-bottom: 40px;

}



.ma_in1s1_title {

    text-align: center;

}



.ma_main_title h2 {

    color: #001d41;

    font-size: 48px;

    font-weight: bold;

    margin-bottom: 24px;

}



.ma_main_title img {

    width: 16px;

}



.ma_in1s1_font {

    padding: 0 144px;

    text-align: center;

    margin-bottom: 85px;

}



.ma_in1s1_font p {

    color: #666;

    font-size: 16px;

    line-height: 1.75;

}



.ma_in1s1_mg_li {

    padding: 0 94px;

    width: 33.333333%;

    float: left;

    text-align: center;

}



.ma_in1s1_mg_li .ma_count_main {

    font-size: 80px;

    color: #c0a884;

    font-family: "HELVETICANEUELTPRO-HV";

    margin-bottom: 18px;

}



.ma_in1s1_mg_li .ma_count_title {

    font-size: 18px;

    color: #333;

    font-family: "HELVETICANEUELTPRO-THEX";

    font-weight: bold;

}



.ma_in1s2 {

    padding-top: 86px;

    position: relative;

}



.ma_in1s2_title {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}



.ma_in1s2_title h2 {

    font-size: 186px;

    font-weight: bold;

    color: #fcf8f0;

    font-family: "HELVETICANEUELTPRO-THEX";

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.ma_in1s2_main {

    height: 866px;

    position: relative;

    z-index: 5;

    overflow: hidden;

}



.ma_in1s2_li {

    float: left;

    width: 33.333333%;

    background-size: cover;

    height: 100%;

    position: relative;

    top: 0;

    transition: all 0.36s;

}



.ma_in1s2_lim {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    background: rgba(0, 0, 0, 0.4);

    transition: all 0.36s;

}



.ma_in1s2_li a {

    width: 100%;

    height: 100%;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    padding: 294px 222px 114px 96px;

    overflow: hidden;

}

.ma_in1s2lim_main p {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    padding: 0 40px;

}



.ma_in1s2_limimg{

    width: 100%;

}



.ma_in1s2_li span {

    font-size: 16px;

    color: #fcf8f0;

    font-family: "HELVETICANEUELTPRO-THEX";

    position: absolute;

    top: 174px;

    right: 55px;

    transition: all 0.36s;

}



.ma_in1s2_li h2 {

    font-size: 42px;

    color: #fff;

    position: absolute;

    left: 50%;

    top: 55%;

    transform: translate(-50%, -50%);

    transition: all 0.36s;

}

.ma_in1s2_li.alt h2 {

    left: 96px;

    top: 174px;

    transform: translate(0, 0);

}



.ma_in1s2_li.alt span {

    top: 738px;

}

.ma_in1s2_li .ma_in1s2_video {

    position: absolute;

    width: auto;

    height: auto;

    top: 0;

    left: 0;

    z-index: -1;

    object-fit: fill;

}

.ma_in1s2lim_main {

    position: relative;

    margin: 0 -40px;

    z-index: 20;

    display: none;

}

.ma_in1s2_libox{

    padding: 0 40px;

    width: 25%;

    float: left;

    margin-bottom: 50px;

}

.ma_in1s2_lib{

    position: relative;

    width: 100%;

}

.ma_in1s2_lib1{

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}

.ma_in1s2_lib2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}

.ma_in1s2li_gb{

    position: absolute;

    top: 174px;

    right: 67px;

    width: 12px;

    z-index: 100;

    cursor: pointer;

    display: none;

}





.ma_in1s3_m_l{

    width: 950px;

}

.ma_in1s3_m_r {

    width: calc(100% - 950px);

}



.ma_in1s3_m_r {

    border-bottom: 1px solid #eee;

    position: relative;

}



.ma_in1s3_ml_box {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.ma_in1s3_mlb1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_in1s3_mlb2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

    transition: all 0.36s;

}



.ma_in1s3_m_l .slick-dots {

    bottom: 60px;

}



.ma_in1s3_m_l .slick-dots li {

    width: 5px;

    height: 5px;

    margin: 0 1.5px;

    background: #fff;

}



.ma_in1s3_m_l .slick-dots li.slick-active {

    background: #008ae6;

    width: 9px;

    height: 9px;

}



.ma_in1s3_ml_box:not(:first-child) {

    display: none;

}



.ma_in1s3_m_r {

    padding: 132px 46px 131px 96px;

    background-position: right;

}



.ma_in1s3_mr_title {

    color: #001d41;

    font-weight: bold;

    font-size: 48px;

    margin-bottom: 24px;

}



.ma_in1s3mr_tb {

    margin-bottom: 70px;

}



.ma_in1s3mr_tb img {

    width: 16px;

}



.ma_in1s3mr_btn a {

    font-size: 16px;

    color: #008ae6;

    font-family: "HELVETICANEUELTPRO-THEX";

    margin: 10px 0 24px;

}

.ma_in1s3mr_btn div {

    font-size: 16px;

    color: #008ae6;

    font-family: "HELVETICANEUELTPRO-THEX";

    margin: 10px 0 24px;

}



.ma_in1s3mrmb_time {

    color: #565e72;

    font-family: "HELVETICANEUELTPRO-THEX";

    font-size: 14px;

    margin-bottom: 9px;

}



.ma_in1s3mrmb_title {

    color: #001e3f;

    font-size: 30px;

    line-height: 38px;

    height: 38px;

    overflow: hidden;

    margin-bottom: 20px;

}



.ma_in1s3mrmb_main {

    color: #565e72;

    font-size: 16px;

    line-height: 30px;

    height: 180px;

    overflow: hidden;

}



.ma_in1s3mr_main {

    width: calc(100% - 313px);

}



.ma_in1s3_m_bg {

    position: absolute;

    top: 53%;

    transform: translateY(-50%);

    right: 52px;

}



.ma_in1s3mr_mb:not(:first-child) {

    display: none;

}



.ma_in1s3mr_main .slick-dots {

    top: 40px;

    right: -80px;

    width: 10px;

    display: inline-block !important;



}



.ma_in1s3mr_main .slick-dots li {

    display: block;

    width: 3px;

    height: 3px;

    margin: 24px auto;

    background: #008ae6;

}



.ma_in1s3mr_main .slick-dots li.slick-active {

    width: 10px;

    height: 10px;

}



.ma_in1s4 {

    padding: 90px 0 36px;

}



.ma_in1s4_title {

    margin-bottom: 30px;

}



.ma_main_font {

    width: 50%;

    color: #565e72;

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 45px;

}



.ma_in1s4_btn a {

    font-size: 16px;

    color: #008ae6;

    font-family: "HELVETICANEUELTPRO-THEX";

}



.ma_in1s4_container {

    margin-bottom: 60px;

    position: relative;

    z-index: 10;

}



.ma_in1s4_imgbox {

    position: relative;

}



.ma_in1s4_add {

    position: absolute;

    font-size: 18px;

    color: #001d41;

}



.ma_in1s4_add::before {

    position: absolute;

    content: "";

    width: 2px;

    height: 122px;

    background: #c0a884;

    top: 0;

    left: -20px;

}



.ma_in1s4_add::after {

    position: absolute;

    content: "";

    width: 10px;

    height: 10px;

    background: #c0a884;

    border-radius: 50%;

    top: 122px;

    left: -24px;

}



.ma_in1s4_add1 {

    top: 40px;

    left: 430px;

}



.ma_in1s4_add2 {

    top: 40px;

    left: 725px;

}



.ma_in1s4_add3 {

    top: -90px;

    left: 923px;

}



.ma_in1s4_add4 {

    top: -90px;

    left: 1071px;

}



.ma_in1s4_add5 {

    top: -69px;

    left: 1291px;

}



.ma_in1s4_add6 {

    top: -69px;

    left: 1439px;

}



/* c1 */

.ma_bannertop {

    margin-top: 78px;

}



.ma_bannertop .ma_imgboxm {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 5;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);

}



.ma_bannertop .ma_fontbox {

    color: #001d41;

    font-size: 52px;

    font-weight: bold;

}



.ma_mbx {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

}



.ma_mbxlist {

    display: inline-block;

    margin-right: 4px;

}



.ma_mbxlist img {

    width: 14px;

    position: relative;

    bottom: 3px;

}



.ma_mbxlist:last-child span,

.ma_mbxlist:first-child span {

    display: none;

}



.ma_mbxlist a {

    margin-right: 2px;

}



.ma_mbxlist a,

.ma_mbxlist span {

    color: #999;

    font-size: 14px;

    transition: all 0.36s;

}



.ma_c1s1 {

    padding: 74px 0 100px;

}



.ma_inter_title {

    text-align: center;

    border-bottom: 1px solid #eee;

}



.ma_inter_list {

    display: inline-block;

    margin: 0 36px;

}



.ma_inter_list a {

    font-size: 18px;

    color: #999;

    padding-bottom: 18px;

    position: relative;

}



.ma_inter_list a::before {

    content: "";

    position: absolute;

    width: 120%;

    height: 1px;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    background: #008ae6;

    opacity: 0;

    transition: all 0.36s;

}



.ma_inter_list.alt a {

    color: #008ae6;

}



.ma_inter_list.alt a::before {

    opacity: 1;

}



.ma_c1s1_main {

    padding-top: 70px;

}



.ma_c1s1_m_ul {

    border-top: 1px solid #eee;

    border-left: 1px solid #eee;

}



.ma_c1s1_m_li {

    float: left;

    width: 16.666666%;

    text-align: center;

    border-bottom: 1px solid #eee;

    border-right: 1px solid #eee;

}



.ma_c1s1_m_liboxa {

    padding: 46px 34px;

}



.ma_c1s1_m_libox {

    width: 100%;

    position: relative;

}



.ma_c1s1_m_libox1 {

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 1;

}



.ma_c1s1_m_libox2 {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 2;

}



/* d1 */

.ma_d1s1 {

    padding: 70px 0;

}



.ma_d1s1m1 {

    position: relative;

    padding: 70px 0 70px;

}



.ma_d1s1m1_l1 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}



.ma_d1s1m1_l2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    transition: all 0.36s;

}



.ma_d1s1mr {

    width: calc(100% - 292px);

    background: #f8f8f8;

    padding: 68px 131px 90px 280px;

    margin-top: 54px;

}



.ma_d1s1mr_main .slick-dots {

    top: 40px;

    right: -56px;

    width: 10px;

    display: inline-block !important;



}



.ma_d1s1mr_main .slick-dots li {

    display: block;

    width: 3px;

    height: 3px;

    margin: 24px auto;

    background: #008ae6;

}



.ma_d1s1mr_main .slick-dots li.slick-active {

    width: 10px;

    height: 10px;

}



.ma_d1s1mr_mb a img {

    width: 16px;

    margin-bottom: 25px;

}



.ma_d1s1mrmb_title {

    color: #001e3f;

    font-size: 30px;

    line-height: 38px;

    height: 38px;

    overflow: hidden;

    margin-bottom: 20px;

}



.ma_d1s1mrmb_main {

    color: #565e72;

    font-size: 16px;

    line-height: 30px;

    height: 120px;

    overflow: hidden;

}



/* .ma_d1s1mr_main {

    margin-bottom: 70px;

} */



.ma_d1s1mrmb_main{

    margin-bottom: 70px;

}



.ma_d1s1mr_mb:not(:first-child) {

    display: none;

}



.ma_d1s1mr_btn a {

    font-size: 16px;

    color: #008ae6;

    font-family: "HELVETICANEUELTPRO-THEX";

}

.ma_d1s1mr_btn div {

    font-size: 16px;

    color: #008ae6;

    font-family: "HELVETICANEUELTPRO-THEX";

}



.ma_d1s1m1_l {

    position: absolute;

    overflow: hidden;

}



.ma_d1s1m2_list {

    padding: 25px 0;

    border-top: 1px solid #eee;

}



.ma_d1s1m2_list a {

    width: 100%;

}



.ma_d1s1m2_li_l {

    width: 122px;

    padding: 16px 0 0;

}



.ma_d1s1m2_lil_time {

    font-size: 24px;

    color: #999;

    font-family: "HELVETICANEUELTPRO-THEX";

    position: relative;

    margin-bottom: 42px;

}



.ma_d1s1m2_lil_time::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 86px;

    transform: translateY(-50%);

    height: 1px;

    width: 36px;

    background: #666;

    transition: all 0.36s;

}



.ma_d1s1m2_lil_a {

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #008ae6;

    position: relative;

}



.ma_d1s1m2_lil_a img {

    width: 7px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_d1s1m2_li_r {

    width: 190px;

    position: relative;

    overflow: hidden;

}



.ma_d1s1m2_li_r1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_d1s1m2_li_r2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

    transition: all 0.36s;

}



.ma_d1s1m2_li_c {

    width: calc(100% - 312px);

    padding: 14px 140px 12px 20px;

    transition: all 0.36s;

}



.ma_d1s1m2_li_c h3 {

    font-size: 18px;

    color: #333;

    line-height: 28px;

    margin-bottom: 16px;

    transition: all 0.36s;

}



.ma_d1s1m2_li_c p {

    font-size: 14px;

    color: #848484;

    line-height: 28px;

    height: 56px;

    overflow: hidden;

}



.ma_d1s1m2 {

    border-bottom: 1px solid #eee;

}



.ma_pag_ul {

    position: relative;

    left: 50%;

    transform: translate(-50%);

    display: inline-block;

    text-align: center;

}



.ma_pag_ul li {

    float: left;

    width: 35px;

    height: 35px;

    margin-left: 5px;

    margin-right: 5px;

    font-size: 16px;

    color: #333;

    /* font-family: arial; */

    line-height: 35px;

    border: 1px solid transparent;

    transition: all 0.36s;

    border-radius: 50%;

    position: relative;

}



.ma_pag_ul a {

    display: inline;

}



.comp-tabli.activepage {

    color: #fff;

    background: #008ae6;

}



.ma_pag_li1 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 1;

    width: 9px;

    transition: all 0.36s;

}



.ma_pag_li2 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    width: 9px;

    transition: all 0.36s;

}



.prev img,

.next img {

    width: 5px;

}



.ma_d1s1_pag {

    margin: 70px 0 0;

}



.ma_phpag {

    display: none;

}



.ma_d2s1 {

    padding: 70px 0 0;

}



.ma_d2s1_t_h2 {

    color: #001e3f;

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 24px;

}



.ma_d2s1_t_life div {

    display: inline-block;

    margin-right: 56px;

}



.ma_d2s1_t_life div p {

    color: #999;

    font-size: 14px;

}



.ma_d2s1_title {

    border-bottom: 1px solid #eee;

    padding-bottom: 24px;

}



.ma_d2s1_main {

    padding: 40px 0 0;

}



.ma_d2s1_m_pimg {

    margin: 32px 0;

}



.ma_d2s1_main p {

    font-size: 14px;

    color: #565e72;

    line-height: 26px;

    letter-spacing: 0.7px;

}



.ma_d2s1_main {

    margin-bottom: 36px;

}



.ma_d2s1_m_pimgbtm {

    margin-bottom: 32px;

}



.ma_d2s1_fen {

    text-align: center;

    margin-bottom: 62px;

}



.ma_d2s1_fen p,

.ma_d2s1_fen div {

    display: inline-block;

}



.ma_d2s1_mf_to {

    font-size: 14px;

    color: #666;

    margin-right: 22px;

}



.ma_d2s1_mf_vx {

    margin-right: 22px;

}



.ma_d2s1_mf_vx img {

    width: 20px;

}



.ma_d2s1_mf_vb img {

    width: 22px;

}



.ma_d2s1_mf_vx,

.ma_d2s1_mf_vb {

    width: 38px;

    height: 38px;

    border: 1px solid #eee;

    border-radius: 50%;

    position: relative;

    cursor: pointer;

}



.ma_d2s1_mf_vx img,

.ma_d2s1_mf_vb img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_d2s1 .bshare-custom .bshare-weixin {

    background: none;

    width: 100%;

    height: 100%;

}



.ma_d2s1 .bshare-custom .bshare-sinaminiblog {

    background: none;

    width: 100%;

    height: 100%;

}



.ma_d2s1_btm {

    border-top: 1px solid #eee;

    position: relative;

}



.ma_d2s1_btm::before {

    content: "";

    position: absolute;

    height: 100%;

    width: 1px;

    background: #eee;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;

}



.ma_d2s1_btml {

    position: relative;

}



.ma_d2s1_btmr {

    position: relative;

}



.ma_d2s1_btml .ma_d2s1_bb_main {

    padding: 0 38px 0 70px;

}



.ma_d2s1_btmr .ma_d2s1_bb_main {

    padding: 0 70px 0 38px;

}



.ma_d2s1_btml .ma_d2s1_bb_img {

    left: 0;

}



.ma_d2s1_btmr .ma_d2s1_bb_img {

    right: 0;

}



.ma_d2s1_btmbox {

    width: 50%;

}



.ma_d2s1_bb_img {

    width: 21px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.ma_d2s1_bb_main {

    width: calc(100% - 21px);

}



.ma_d2s1_bb_main p {

    font-size: 14px;

    color: #999;

    line-height: 22px;

    width: 100%;

    transition: all 0.36s;

}



.ma_d2s1_bbm_r {

    width: calc(100% - 58px);

}



.ma_d2s1_btmbox a {

    width: 100%;

    padding: 36px 0;

}



/* f1 */

.ma_f1s1 {

    padding: 70px 0;

}



.ma_f1s1_main {

    position: relative;

}



.ma_f1s1m1 {

    position: absolute;

    padding: 25px 36px;

    left: 35px;

    bottom: 35px;

    background: rgba(42, 152, 225, 0.8);

    z-index: 0;

}



.ma_f1s1m1_title {

    font-size: 24px;

    color: #fff;

    margin-bottom: 20px;

    z-index: 5;

}



.ma_f1s1m1 p {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    z-index: 5;

}



.ma_f1s2 {

    padding: 65px 0 75px;

    background: #f9f9f9;

}



.ma_f1s2_main {

    width: 822px;

    margin: 0 auto;

}



.ma_f1s2_titlebox {

    text-align: center;

    padding-bottom: 30px;

    border-bottom: 1px solid #008ae6;

    margin-bottom: 28px;

}



.ma_f1s2_title {

    color: #001d41;

    font-size: 30px;

    margin-bottom: 15px;

}



.ma_f1s2_titlebox p {

    font-size: 16px;

    color: #999;

    line-height: 24px;

}



.ma_f1s2_fm {

    margin: 0 -5px 10px;

}



.ma_f1s2_fml {

    padding: 0 5px;

    width: 50%;

    height: 50px;

}



.ma_f1s2_fml input {

    width: 100%;

    height: 50px;

    background: #fff;

    border: 1px solid #eee;

    padding: 0 20px;

    color: #666;

}



.ma_f1s2_form textarea {

    width: 100%;

    height: 200px;

    resize: none;

    padding: 24px 20px;

    border: 1px solid #eee;

    background: #fff;

    color: #666;

    margin-bottom: 30px;

}



.ma_f1s2_fmbtml {

    height: 50px;

    width: calc(100% - 370px);

}



.ma_f1s2_fmbtml input {

    width: calc(100% - 144px);

    height: 50px;

    margin-right: 26px;

    background: #fff;

    border: 1px solid #eee;

    padding: 0 20px;

}



.ma_f1s2_fmbtmr {

    width: 233px;

    height: 50px;

}



.ma_f1s2_fmbtmr button {

    padding: 18px 0;

    text-align: center;

    width: 100%;

    height: 100%;

    color: #fff;

    font-size: 18px;

    background: #008ae6;

}



/* e1 */

.ma_e1s1 {

    padding: 70px 0;

}



.ma_e1s1_titlebox h2 {

    line-height: normal;

    margin-bottom: 24px;

}



.ma_e1s1_titlebox img {

    width: 16px;

}



.ma_e1s1_titlebox {

    margin-bottom: 50px;

}



.ma_e1s1_ml {

    position: relative;

    width: 342px;

}



.ma_e1s1_ml1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_e1s1_ml2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_e1s1_mr {

    width: calc(100% - 342px);

    padding-left: 75px;

}



.ma_e1s1_mrli_num {

    font-size: 16px;

    color: #999;

    line-height: 24px;

}



.ma_e1s1_mrli_main {

    width: calc(100% - 19px);

    padding-left: 35px;

}



.ma_e1s1_mrlim_tiitle {

    font-size: 16px;

    color: #008ae6;

    line-height: 24px;

    height: 24px;

    overflow: hidden;

    margin-bottom: 8px;

    font-weight: bold;

}



.ma_e1s1_mrli_main p {

    font-size: 14px;

    color: #565e72;

    line-height: 24px;

}



.ma_e1s1_mr_list {

    margin-bottom: 32px;

}



.ma_e1s1_mr_list:last-child {

    margin-bottom: 0;

}



.ma_e1s2 {

    padding: 70px 0;

}



.ma_e1s2_tb_l {

    width: calc(100% - 270px);

}



.ma_e1s2_tb_l .ma_h43 {

    font-weight: bold;

    line-height: normal;

    margin-bottom: 14px;

}



.ma_e1s2_tmain {

    color: #565e72;

    font-size: 14px;

}



.ma_e1s2_tbr_mainbox {

    width: calc(100% - 42px);

    position: relative;

}



.ma_e1s2_tbr_main {

    border: 1px solid #eee;

    padding: 14px 16px;

    cursor: pointer;

}



.ma_e1s2_tbr_main.alt .ma_e1s2_tbrm_xl {

    transform: rotate(180deg);

}



.ma_e1s2_tbrm_add {

    color: #999;

    font-size: 14px;

    margin-right: 8px;

}



.ma_e1s2_tbrm_xl {

    width: 8px;

    transition: all 0.36s;

}



.ma_e1s2_tbr_xl {

    padding: 16px;

    width: 100%;

    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);

    position: absolute;

    left: 0;

    top: 44px;

    display: none;

    background: #fff;

    z-index: 50;

}



.ma_e1s2_tbrxl_list {

    font-size: 14px;

    color: #999;

    line-height: 22px;

    margin-bottom: 10px;

    height: 22px;

    overflow: hidden;

    cursor: pointer;

}



.ma_e1s2_tbrxl_list:last-child {

    margin-bottom: 0;

}

.ma_e1s2_tbrxl_list a{

    color: #999;

}



.ma_e1s2_tb_r {

    width: 270px;

}



.ma_e1s2_tbr_btn {

    width: 42px;

    height: 42px;

    background: #008ae6;

    position: relative;

    cursor: pointer;

}



.ma_e1s2_tbrb_img {

    width: 16px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_e1s2_titlebox {

    margin-bottom: 65px;

}



.ma_e1s2_main {

    margin: 0 -9px 52px;

}



.ma_e1s2_m_list {

    padding: 0 9px;

    width: 25%;

    float: left;

    margin-bottom: 18px;

}



.ma_e1s2_mli_main {

    border: 1px solid #eee;

    background: #fff;

    position: relative;

    cursor: pointer;

    transition: all 0.36s;

    z-index: 10;

}



.ma_e1s2_mli_main_mmeg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: url(../images/e1s2_1.jpg) no-repeat;

    opacity: -1;

    transition: all 0.36s;

}



.ma_e1s2_mli_main::before {

    content: "";

    position: absolute;

    height: 1px;

    width: 100%;

    background: #eee;

    left: 0;

    bottom: 50px;

}



.ma_e1s2_mlim_top {

    padding: 16px 20px;

}



.ma_e1s2_mli_add {

    color: #999;

    font-size: 14px;

    margin-bottom: 24px;

    transition: all 0.36s;

    z-index: 20;

}



.ma_e1s2_mli_title {

    font-size: 22px;

    color: #001e3f;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    transition: all 0.36s;

    z-index: 20;

}



.ma_e1s2_mlim_btm {

    padding: 16px 20px;

    font-size: 14px;

    color: #999;

    transition: all 0.36s;

    z-index: 20;

}



.ma_tcbox {

    position: relative;

    z-index: 500;

    display: none;

}



.ma_tc {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.45);

}



.ma_tcmain {

    width: 750px;

    height: 610px;

    max-width: calc(100vw - 40px);

    max-height: calc(100vh - 40px);

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #fff;

    padding: 34px 68px 68px;

    border-bottom: 4px solid #008ae6;

}



.ma_tcmain_img {

    position: absolute;

    right: 30px;

    bottom: 56px;

    z-index: 0;

}



.ma_tcmain_title {

    font-size: 18px;

    color: #333;

    font-weight: bold;

    margin-bottom: 18px;

}



.ma_tcmain_main p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

}



.ma_tcmain_main {

    margin-bottom: 28px;

}



.ma_tcmain_emali {

    margin-top: 22px;

}



.ma_tcmain_emali a {

    color: #008ae6;

    border-bottom: 1px solid #008ae6;

}



.ma_tcmain_main:last-child {

    margin-bottom: 0;

}



.ma_tcmain_mainbox {

    margin-bottom: 32px;

    overflow: auto;

    overflow-y: auto;

    height: 420px;

    width: 100%;

}



.ma_tcmain_mainbtn {

    width: 190px;

    background: #008ae6;

}



.ma_tcmain_mainbtn a {

    width: 100%;

    height: 100%;

    text-align: center;

    padding: 18px 0;

    color: #fff;

    font-size: 16px;

}



.ma_tcmain_gb {

    position: absolute;

    top: 0;

    right: -66px;

    z-index: 10;

    cursor: pointer;

}



.ma_tcmain_mainbox .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #008ae6;

}



/* g1 */

.ma_g {

    background: #f8f8f8;

}



.ma_gs1 {

    padding: 106px 0 70px;

}



.ma_gs1m_l {

    width: 266px;

}



.ma_gs1ml_titlebox {

    padding: 36px 38px 50px;

}



.ma_gs1ml_title {

    color: #f8f8f8;

    font-size: 26px;

    line-height: 38px;

    margin-bottom: 5px;

}



.ma_gs1ml_titleen {

    color: #f8f8f8;

    font-size: 14px;

    line-height: 22px;

    font-family: sans-serif;

}



.ma_gs1ml_mainbox {

    background: #fff;

}



.ma_gs1ml_ul {

    padding-top: 8px;

}



.ma_gs1ml_li p {

    font-size: 18px;

    color: #666;

    line-height: 60px;

    height: 60px;

    overflow: hidden;

    border-bottom: 1px solid #f7fafc;

    padding: 0 50px;

    cursor: pointer;

    position: relative;

    transition: all 0.36s;

}



.ma_gs1ml_li p::after {

    position: absolute;

    content: "";

    top: 50%;

    transform: translateY(-50%);

    left: 50px;

    width: 10px;

    height: 2px;

    background: #c0a884;

    opacity: 0;

    transition: all 0.36s;

}



.ma_gs1ml_li.alt p {

    font-weight: bold;

    padding-left: 70px;

    padding-right: 20px;

    transition: all 0.36s;

}



.ma_gs1ml_li.alt p::after {

    opacity: 1;

    transition: all 0.36s;

}



.ma_gs1ml_li:last-child p {

    border: none;

}



.ma_gs1ml_ul2 {

    padding: 6px 70px;

    border-bottom: 1px solid #f7fafc;

}



.ma_gs1ml_li2 a {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    height: 24px;

    overflow: hidden;

    transition: all 0.36s;

    cursor: pointer;

}



.ma_gs1ml_li2.alt a {

    color: #c0a884;

}



.ma_gs1m_r {

    width: calc(100% - 266px);

    padding-left: 84px;

}



.ma_g1s1mr_list {

    border-bottom: 1px solid #d8d8d8;

}



.ma_g1s1mr_list:first-child {

    padding-top: 0;

}



.ma_g1s1mr_list a {

    width: 100%;

    padding: 30px 0;

}



.ma_g1s1mr_li_time {

    margin-bottom: 16px;

}



.ma_g1s1mr_li_time p {

    font-size: 14px;

    color: #999;

}



.ma_g1s1mr_lim_title {

    font-size: 20px;

    color: #333;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    width: calc(100% - 105px);

}



.ma_g1s1mr_lim_down span {

    font-size: 14px;

    color: #c0a886;

    position: relative;

    top: 2px;

    margin-left: 10px;

}



.ma_gs1mr_listbox {

    margin-bottom: 66px;

}



.ma_g2s1_pag {

    margin: 66px 0 0;

}



/* g2 */

.ma_g2s1mr_listbox {

    margin: 0 -12px;

}



.ma_g2s1mr_list {

    padding: 0 12px;

    float: left;

    width: 50%;

    margin-bottom: 20px;

}



.ma_g2s1mrli_main {

    padding: 32px 28px 35px;

    cursor: pointer;

    box-shadow: 0 0 18px -5px rgba(0, 0, 0, 0.2);

}



.ma_g2s1mrlim_name {

    font-size: 18px;

    color: #333;

    line-height: 26px;

    height: 26px;

    overflow: hidden;

    margin-bottom: 10px;

}



.ma_g2s1mrlim_name span {

    font-weight: bold;

}



.ma_g2s1mrlim_job p {

    font-size: 14px;

    color: #999;

    line-height: 24px;

    height: 72px;

    overflow: hidden;

    margin-bottom: 10px;

}



.ma_g2s1_pag {

    margin: 46px 0 0;

}



.ma_g2tcmain {

    height: 790px;

    width: 705px;

    max-width: calc(100vw - 40px);

    max-height: calc(100vh - 40px);

    background: #fff;

    position: absolute;

    top: 50%;

    left: 59%;

    transform: translate(-50%, -50%);

}



.ma_g2tcm_title {

    width: 100%;

    padding: 60px 64px 26px;

}



.ma_g2tcmt_name {

    font-size: 24px;

    color: #333;

    font-weight: bold;

    margin-bottom: 18px;

}



.ma_g2tcmt_job {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

}



.ma_g2tcm_main {

    background: #f7f8fb;

    padding: 30px 64px 80px;

    overflow-y: auto;

    overflow: hidden;

    height: 614px;

}



.ma_g2tcm_main p {

    font-size: 14px;

    color: #666;

    line-height: 1.75;

}



.ma_g2tcmain_gb {

    right: -122px;

    top: -16px;

}



/* g4 */

.ma_g4s1mr_list {

    background: #fff;

    margin-bottom: 18px;

}



.ma_g4s1mr_list:last-child {

    margin-bottom: 0;

}



.ma_g4s1mr_list a {

    width: 100%;

    padding: 20px;

}



.ma_g4s1mrli_f {

    background: #efefef;

    width: 98px;

    padding: 14px;

}



.ma_g4s1mrlif_time {

    font-size: 36px;

    color: #c0a886;

    font-weight: bold;

    margin-bottom: 8px;

}



.ma_g4s1mrlif_month,

.ma_g4s1mrlif_year {

    font-size: 14px;

    color: #666;

}



.ma_g4s1mrli_l {

    width: calc(100% - 98px);

    padding: 20px 24px;

}



.ma_g4s1mrlil_title {

    font-size: 20px;

    color: #333;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    margin-bottom: 6px;

}



.ma_g4s1mrlil_p {

    font-size: 14px;

    color: #999;

    line-height: 22px;

    height: 22px;

    overflow: hidden;

}



.ma_g4s1 .ma_gs1mr_listbox {

    margin-bottom: 58px;

}



.ma_g4s1m_r,

.ma_g5s1m_r {

    padding-left: 60px;

}



/* g5 */

.ma_g5s1mr_listbox {

    padding: 20px 20px 0;

}



.ma_g5s1mrlb_l {

    width: 98px;

    background: #efefef;

    padding: 14px;

}



.ma_g5s1mrlbl_time {

    font-size: 36px;

    color: #c0a886;

    font-weight: bold;

    margin-bottom: 8px;

}



.ma_g5s1mrlbl_month,

.ma_g5s1mrlbl_year {

    font-size: 14px;

    color: #666;

}



.ma_g5s1mrlb_r {

    width: calc(100% - 98px);

    padding: 20px 26px 84px;

    ;

}



.ma_g5s1mrlbr_title {

    color: #333;

    font-size: 20px;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    margin-bottom: 10px;

}



.ma_g5s1mrlbr_lifes {

    color: #999;

    font-size: 14px;

    margin-right: 32px;

    display: inline-block;

}



.ma_g5s1mrlbr_tb {

    padding-bottom: 24px;

    border-bottom: 1px solid #e5e5e5;

}



.ma_g5s1mrlbr_main {

    padding-top: 30px;

}



.ma_g5s1mrlbr_main p {

    font-size: 14px;

    color: #666;

    line-height: 2.25;

    letter-spacing: 0.8px;

}



.ma_g5s1mr_listbox {

    background: #fff;

}



/* g6 */

.ma_g6s1mr_title {

    text-align: center;

    margin-bottom: 48px;

}



.ma_g6s1mr_title img {

    margin-bottom: 18px;

}



.ma_g6s1mr_title p {

    font-size: 16px;

    color: #666;

    font-weight: bold;

    line-height: 24px;

}



.ma_g6s1mrm_l {

    width: 50%;

    position: relative;

}



.ma_g6s1mrm_l1 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}



.ma_g6s1mrm_l2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.ma_g6s1mrm_r {

    background: #fff;

    width: 50%;

    padding: 75px 40px 120px 30px;

    position: relative;

}



.ma_g6s1mrmr_title {

    font-size: 24px;

    color: #666;

    font-weight: bold;

    margin-bottom: 30px;

}



.ma_g6s1mrmr_emali,

.ma_g6s1mrmr_emain {

    font-size: 18px;

    color: #666;

    line-height: 28px;

}



.ma_g6s1mrmr_img {

    position: absolute;

    right: 40px;

    bottom: 38px;

}



/* b1 */

.ma_b1 {

    padding-bottom: 36px;

}



.ma_b1s1 {

    padding: 74px 0;

    position: relative;

}



.ma_b1s1_img {

    position: absolute;

    right: 0;

    top: 74px;

    z-index: -1;

}



.ma_b1s1_main {

    padding-top: 80px;

}



.ma_b1s1_ml {

    width: 602px;

    position: relative;

}



.ma_b1s1_ml1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_b1s1_ml2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_b1s1_mr {

    width: calc(100% - 602px);

    padding: 34px 160px 40px 0;

    position: relative;

}



.ma_b1s1mr_main p{

    font-size: 18px;

    color: #333;

    line-height: 28px;

    height: 336px;

    overflow: hidden;

    z-index: 5;

    position: relative;

}



.ma_b1s1mr_title {

    position: absolute;

    bottom: 0;

    left: -140px;

    z-index: 0;

}



.ma_b1s2 {

    background: url(../images/b1s2_1.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    padding: 84px 0 60px;

}



.ma_b1s2_titlebox {

    margin-bottom: 22px;

}



.ma_titlebox h2 {

    line-height: normal;

    margin-bottom: 22px;

}



.ma_titlebox img {

    width: 16px;

}



.ma_b1s2_mainbox p {

    font-size: 16px;

    color: #666;

    line-height: 24px;

    height: 144px;

    overflow: hidden;

}



.ma_b1s3 {

    padding-top: 74px;

}



.ma_b1s3_titlebox {

    margin-bottom: 40px;

}



.ma_b1s3_main {

    margin: 0 -25px 89px;

}



.ma_b1s3m_listbox {

    padding: 0 25px;

    float: left;

    width: 25%;

    margin-bottom: 25px;

}



.ma_b1s3m_list {

    position: relative;

}



.ma_b1s3m_list a {

    padding: 71px 0 68px;

    width: 100%;

}



.ma_b1s3m_bg {

    position: absolute;

    width: 100%;

    /* height: 100%; */

    top: 0;

    left: 0;

    z-index: 2;

    overflow: hidden;

}



.ma_b1s3m_bg img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



.ma_b1s3m_listm {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

    background: rgba(151, 132, 106, 0.6);

}



.ma_b1s3m_listm::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

    background: rgba(0, 0, 0, 0.3);

}



.ma_b1s3mli_img {

    position: relative;

    width: 65px;

    margin: 0 auto 35px;

    z-index: 5;

}



.ma_b1s3mli_img1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_b1s3mli_img2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_b1s3mli_main {

    position: relative;

    text-align: center;

    z-index: 5;

}



.ma_b1s3mli_main p {

    font-size: 24px;

    color: #f8f8f8;

}



.ma_b1s4 {

    padding-top: 74px;

}



.ma_b1s4_titlebox {

    margin-bottom: 46px;

}



.ma_b1s4_main {

    margin: 0 -10px;

}



.ma_b1s4m_listbox {

    float: left;

    width: 33.333333%;

    padding: 0 10px;

    margin-bottom: 6px;

}



.ma_b1s4mli_img {

    width: 39px;

    position: relative;

}



.ma_b1s4mli_img1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_b1s4mli_img2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_b1s4mli_font {

    width: calc(100% - 39px);

    padding-left: 25px;

}



.ma_b1s4mli_font p {

    font-size: 18px;

    color: #333;

    line-height: 40px;

    height: 80px;

    overflow: hidden;

}



.ma_b1s4m_list a {

    display: block;

}



/* b2 */

.ma_bannertop .ma_b2fontbox {

    color: #fff;

}



.ma_b2s1 {

    padding-top: 74px;

}



.ma_b2s1_title {

    text-align: center;

    margin-bottom: 84px;

    padding: 0 45px;

}



.ma_b2s1_title img {

    margin-bottom: 36px;

}



.ma_b2s1_title p {

    font-size: 18px;

    color: #333;

    line-height: 30px;

    letter-spacing: 0.5px;

}



.ma_b2s1_mainbox {

    background: url(../images/b2s1_1.jpg) no-repeat;

    background-size: cover;

    background-position: center;

}



.ma_b2s1_main {

    padding: 82px 0;

}



.ma_b2s1m_l {

    background: #c0a885;

    padding: 68px 50px;

    width: 452px;

    border-bottom-right-radius: 100px;

}



.ma_b2s1ml_title {

    color: #fff;

    font-size: 30px;

    margin-bottom: 56px;

}



.ma_b2s1m_l p {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

    height: 140px;

    overflow: hidden;

}



.ma_b2s2 {

    padding: 74px 0 138px;

}



.ma_b2s2_titlebox {

    margin-bottom: 58px;

}



.ma_b2s2_main {

    margin: 0 -5px;

}



.ma_b2s2m_listbox {

    padding: 0 5px;

    float: left;

    width: 50%;

}



.ma_b2s2mli_font::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -40px;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-left: 20px solid transparent;

    z-index: 10;

}



.ma_b2s2_main2:nth-child(odd) .ma_b2s2mli_img {

    width: 50%;

    position: relative;

    float: right;

    overflow: hidden;

}



.ma_b2s2_main2:nth-child(odd) .ma_b2s2mli_font {

    float: left;

    width: 50%;

    padding: 52px 34px 166px;

    position: relative;

    background: #bfb09a;

}



.ma_b2s2_main2:nth-child(odd) .ma_b2s2m_listbox:nth-child(2) .ma_b2s2mli_font {

    background: #c0a885;

}



.ma_b2s2_main2:nth-child(odd) .ma_b2s2m_listbox:nth-child(1) .ma_b2s2mli_font::before {

    border-left: 20px solid #bfb09a;

}



.ma_b2s2_main2:nth-child(odd) .ma_b2s2m_listbox:nth-child(2) .ma_b2s2mli_font::before {

    border-left: 20px solid #c0a885;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2mli_img {

    width: 50%;

    position: relative;

    float: left;

    overflow: hidden;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2mli_font {

    float: right;

    width: 50%;

    padding: 52px 34px 166px;

    position: relative;

    background: #bfb09a;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2m_listbox:nth-child(1) .ma_b2s2mli_font {

    background: #b0b0b0;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2m_listbox:nth-child(1) .ma_b2s2mli_font::before {

    border-left: 20px solid transparent;

    border-right: 20px solid #b0b0b0;

    right: auto;

    left: -40px;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2m_listbox:nth-child(2) .ma_b2s2mli_font {

    background: #cfc6ba;

}



.ma_b2s2_main2:nth-child(even) .ma_b2s2m_listbox:nth-child(2) .ma_b2s2mli_font::before {

    border-left: 20px solid transparent;

    border-right: 20px solid #cfc6ba;

    right: auto;

    left: -40px;

}



.ma_b2s2mli_r1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_b2s2mli_r2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

    transition: all 0.36s;

}



.ma_b2s2mlil_title {

    font-size: 24px;

    color: #fff;

    line-height: 1.25;

    height:60px;

    overflow: hidden;

}



.ma_b2s2mlil_img {

    position: absolute;

    bottom: 30px;

    right: 30px;

}



.ma_b2s2_main2 {

    margin-bottom: 18px;

}



.ma_b2s3 {

    padding: 74px 0 100px;

    background: #f8f8f8;

}



.ma_b2s2_titlebox {

    margin-bottom: 50px;

}



.ma_b2s3_main {

    /* margin: 0 -150px; */

}



.ma_b2s3_listbox {

    padding: 0 20px 30px;

    width: 33.333333%;

    float: left;

}



.ma_b2s3li_img {

    position: relative;

    width: 175px;

    margin: 0 auto 26px;

}



.ma_b2s3li_img1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_b2s3li_img2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}

.ma_b2s3li_font{

    text-align: center;

    height: 60px;

    overflow: hidden;

}

.ma_b2s3li_font p {

    font-size: 24px;

    color: #333;

    line-height: 1.25;

}



/* e2 */

.ma_e2s1 {

    padding: 74px 0 114px;

}



.ma_e2s1_l {

    width: calc(100% - 662px);

    padding-right: 100px;

}



.ma_e2s1_titlebox {

    margin-bottom: 38px;

}



.ma_e2s2_main p {

    margin-bottom: 28px;

    font-size: 14px;

}



.ma_e2s2_main p:last-child {

    margin-bottom: 0;

}



.ma_e2s1_r {

    width: 662px;

}



.ma_e2s1r_main1 {

    text-align: center;

    position: relative;

}



.ma_e2s1r_main1::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 160px;

    height: 170px;

    background: #f8f8f8;

}



.ma_e2s1r_main2 {

    text-align: right;

    position: relative;

}



.ma_e2s1r_main2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 332px;

    height: 100%;

    background: #f8f8f8;

}



.ma_e2s2 {

    padding: 74px 0 110px;

    background: url(../images/e2s2_1.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

}



.ma_e2s2::before {

    content: "";

    width: 100%;

    height: 1px;

    position: absolute;

    background: #aaa;

    left: 0;

    top: 263px;

    z-index: 0;

}



.ma_e2s2_titlebox {

    margin-bottom: 21px;

}



.ma_e2s2m_year {

    margin: 0 -3px;

}



.ma_e2s2my_listbox {

    width: 20%;

    padding: 0 3px;

    float: left;

}



.ma_e2s2my_listbox:not(:first-child) {

    display: none;

}



.ma_e2s2my_list {

    text-align: center;

    height: 70px;

    position: relative;

}



.ma_e2s2my_list::before {

    content: "";

    position: absolute;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #434343;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}



.ma_e2s2my_year {

    font-size: 16px;

    color: #333;

    font-weight: bold;

}



.ma_e2s2m_yearlun {

    position: relative;

    margin-bottom: 50px;

}



.ma_e2s2m_y_changel {

    position: absolute;

    left: 0;

    top: 70%;

    transform: translateY(-50%);

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: #fff;

    z-index: 10;

    cursor: pointer;

    box-shadow: 0 0 13px -2px rgba(0, 0, 0, 0.2);

}



.ma_e2s2m_y_changel img {

    width: 19px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_e2s2m_y_changer {

    position: absolute;

    right: 0;

    top: 70%;

    transform: translateY(-50%);

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: #fff;

    z-index: 10;

    cursor: pointer;

    box-shadow: 0 0 13px -2px rgba(0, 0, 0, 0.2);

}



.ma_e2s2m_y_changer img {

    width: 19px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.ma_e2s2m_year .slick-list {

    padding-top: 55px !important;

}



.ma_e2s2m_year .slick-current .ma_e2s2my_year {

    color: #008ae6;

    font-size: 72px;

    font-weight: bold;

    font-family: sans-serif;

    position: absolute;

    padding: 0 50px;

    bottom: 60px;

}



.ma_e2s2m_year .slick-current .ma_e2s2my_list::before {

    background: #008ae6;

}



.ma_e2s2m_year .slick-current .ma_e2s2my_list::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 42px;

    height: 42px;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0 0 13px -2px rgba(0, 0, 0, 0.2);

    z-index: 5;

}



.ma_e2s2_contentbox {

    padding: 0 92px;

}



.ma_e2s2c_l {

    position: relative;

    width: 452px;

}



.ma_e2s2c_l1 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}



.ma_e2s2c_l2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.ma_e2s2c_r {

    width: calc(100% - 452px);

    padding-left: 110px;

}



.ma_e2s2cr_list a {

    font-size: 16px;

    color: #666;

    line-height: 28px;

    margin-bottom: 8px;

    position: relative;

    transition: all 0.36s;

}



.ma_e2s2cr_list:last-child a {

    margin-bottom: 0;

}



.ma_e2s2cr_list a::after {

    content: "";

    position: absolute;

    top: 12px;

    left: -26px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #434343;

    transition: all 0.36s;

}



.ma_e2s2_content:not(:first-child) {

    display: none;

}



.ma_e2s2c_lbox:not(:first-child) {

    display: none;

}



.ma_e2s3 {

    padding: 74px 0;

}



.ma_e2s2_titlebox {

    margin-bottom: 24px;

}





.ma_e2s2_listbox {

    padding: 0 20px;

    float: left;

    width: 25%;

}



.ma_e2s2_list {

    position: relative;

    width: 100%;

    padding: 29px;

    overflow: hidden;

}



.ma_e2s2li_m {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.47);

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_e2s2li_bg {

    position: absolute;

    width: 100%;

    /* height: 100%; */

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_e2s2li_bg img {

    width: 100%;

    height: 100%;

    transition: all 0.36s;

}



.ma_e2s2lim_img {

    position: relative;

    width: 55px;

    margin-bottom: 35px;

}



.ma_e2s2lim_img1 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}



.ma_e2s2lim_img2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.ma_e2s2lim_main {

    position: relative;

    z-index: 10;

}



.ma_e2s2lim_title {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 18px;

}



.ma_e2s2lim_p {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    height: 144px;

    overflow: hidden;

}



.ma_e2s2_listbox:nth-child(odd) {

    margin-top: 85px;

}



.ma_e2s2_maintop {

    margin: 0 -20px 75px;

}



.ma_e2s2_mainbtm {

    background: url(../images/e2s3_5.jpg) no-repeat;

    background-size: cover;

    background-position: right;

    padding: 98px 77px;

}



.ma_e2s2_mbtm_title {

    font-size: 24px;

    color: #333;

    font-weight: bold;

    margin-bottom: 18px;

}



.ma_e2s2_mainbtm p {

    font-size: 16px;

    color: #333;

    line-height: 26px;

    height: 78px;

    overflow: hidden;

}



.ma_e2s4 {

    /* background: url(../images/e2s4_1.jpg) no-repeat; */

    background-size: cover;

    background-position: center;

    padding: 70px 0 98px;

}



.ma_e2s4_titlebox {

    margin-bottom: 0;

    z-index: 20;

    position: relative;

}



.ma_e2s4m_img {

    margin-top: -56px;

}



.ma_e2s4_main {

    position: relative;

}



.ma_e2s4m_main {

    position: absolute;

    z-index: 10;

    cursor: pointer;

}



.ma_e2s4mm_img {

    position: absolute;

    bottom: 34px;

    left: -77px;

    width: 165px;

    height: 165px;

    border-radius: 50%;

    background: #fff;

    border: 5px solid #e9e9ea;

}



.ma_e2s4mm_img::before {

    content: "";

    width: 1px;

    height: 28px;

    position: absolute;

    bottom: -28px;

    left: 50%;

    transform: translateX(-50%);

    background: #008ae6;

    z-index: 11;

}



.ma_e2s4mm_imgbox {

    position: relative;

    overflow: hidden;

    border-radius: 50%;

}



.ma_e2s4mm_img a {

    display: block;

}



.ma_e2s4mm_img1 {

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}



.ma_e2s4mm_img2 {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



.ma_e2s4m_mainbtm .ma_e2s4mm_img {

    bottom: 55px;

    left: -69px;

}



.ma_e2s4mm_yuan {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: relative;

    background: #c0a884;

    display: inline-block;

    box-shadow: 0 0 4px 3px rgba(192, 168, 132, 0.5);

    transition: all 0.36s;

}



.ma_e2s4mm_yuan::after {

    content: "";

    width: 45px;

    height: 45px;

    border-radius: 50%;

    border: 1px solid #008ae6;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all 0.36s;

}



.ma_e2s4mm_yuan::before {

    content: "";

    width: 22px;

    height: 22px;

    border-radius: 50%;

    border: 1px solid #008ae6;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    transition: all 0.36s;

}



.ma_e2s4m_main p {

    font-size: 14px;

    color: #c0a884;

    position: relative;

    display: inline-block;

    margin-left: 20px;

    transition: all 0.36s;

}



.ma_e2s4m_mainbtm .ma_e2s4mm_yuan {

    display: block;

    margin-bottom: 8px;

    position: relative;

    left: 8px;

}



.ma_e2s4m_mainbtm p {

    margin: 0;

}



.ma_e2s4m_main.alt p {

    color: #008ae6;

}



.ma_e2s4m_main.alt .ma_e2s4mm_yuan {

    background: #008ae6;

    box-shadow: 0 0 4px 3px rgba(0, 138, 230, 0.5);

}



.ma_e2s4m_main.alt .ma_e2s4mm_yuan::after {

    opacity: 0.4;

}



.ma_e2s4m_main.alt .ma_e2s4mm_yuan::before {

    opacity: 0.7;

}



.ma_e2s4m_main1 {

    top: 269px;

    left: 652px;

}



.ma_e2s4m_main2 {

    top: 275px;

    left: 1014px;

}



.ma_e2s4m_main3 {

    top: 423px;

    left: 678px;

}



.ma_e2s4m_main4 {

    top: 442px;

    left: 756px;

}



.ma_e2s4m_main5 {

    top: 465px;

    left: 730px;

}



.ma_e2s4m_main6 {

    top: 605px;

    left: 631px;

}



.ma_e2s4m_main7 {

    top: 636px;

    left: 651px;

}



.ma_e2s4m_main8 {

    top: 635px;

    left: 646px;

}

.ma_in1s3mr_btn{

    position: relative;

    z-index: 5;

}

.ma_in1s2_limimg img {

    display: none;

}

.ma_d1s1m2_list.alt a .ma_d1s1m2_li_c {

    padding: 14px 96px 12px 64px;

}

.ma_model a{

    color: #333;

}

.ma_in1s4_phib{

    display: none;

}

.ma_g2tcm_main .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #008ae6;

}

.ma_g5s1mr_listbox {

    margin-bottom: 0;

}









@media screen and (min-width: 1200px) {

    .ma_nav_li:hover .ma_nav_a {

        color: #008ae6;

    }



    .ma_nav_li:hover::before {

        opacity: 1;

    }



    .ma_in1s2_main:hover .ma_in1s2_li {

        width: 25%;

    }

    .ma_in1s2_main .ma_in1s2_li:hover {

        width: 50%;

    }



    /* e2 */

    .ma_e2s4m_main:hover p {

        color: #008ae6;

    }



    .ma_e2s4mm_yuan:hover{

        background: #008ae6;

        box-shadow: 0 0 4px 3px rgba(0, 138, 230, 0.5);

    }



    .ma_e2s4m_main:hover .ma_e2s4mm_yuan::after {

        opacity: 0.4;

    }



    .ma_e2s4m_main:hover .ma_e2s4mm_yuan::before {

        opacity: 0.7;

    }





    .ma_nav2_li a:hover {

        color: #008ae6;

    }



    .ma_ftcm_ul li a:hover {

        color: #008ae6;

    }



    .ma_in1s3_ml_box a:hover .ma_in1s3_mlb2 {

        transform: scale(1.1);

    }



    /* c1 */

    .ma_mbxlist a:hover {

        color: #008ae6;

    }



    .ma_inter_list a:hover {

        color: #008ae6;

    }



    .ma_inter_list a:hover::before {

        opacity: 1;

    }



    /* d1 */

    .ma_d1s1m2_list a:hover .ma_d1s1m2_lil_time::after {

        width: 80px;

    }



    .ma_d1s1m2_list a:hover .ma_d1s1m2_li_c h3 {

        color: #008ae6;

    }



    .ma_pag_ul a:hover li {

        color: #fff;

        background: #008ae6;

        transition: all 0.36s;

    }



    .ma_c1s1_main_li a:hover .ma_c1s1_li_main_title {

        color: #fff;

        transition: all 0.36s;

    }



    .ma_pag_ul a:hover .ma_pag_li1 {

        opacity: 0;

    }



    .ma_pag_ul a:hover .ma_pag_li2 {

        opacity: 1;

    }



    /* d2 */

    .ma_d2s1_btmbox:hover .ma_d2s1_bb_main p {

        color: #008ae6;

    }



    /* e1 */

    .ma_e1s2_mli_main:hover {

        background: #008ae6;

    }



    .ma_e1s2_mli_main:hover .ma_e1s2_mli_main_mmeg {

        opacity: 0.15;

    }



    .ma_e1s2_mli_main:hover .ma_e1s2_mli_add {

        color: #fff;

    }



    .ma_e1s2_mli_main:hover .ma_e1s2_mli_title {

        color: #fff;

    }



    .ma_e1s2_mli_main:hover .ma_e1s2_mlim_btm {

        color: #fff;

    }



    /* g1 */

    .ma_gs1ml_li2 a:hover {

        color: #c0a884;

    }



    /* b1 */

    .ma_b1s3m_list:hover .ma_b1s3m_bg img {

        transform: scale(1.5);

    }



    /* b2 */

    .ma_b2s2m_list:hover .ma_b2s2mli_img .ma_b2s2mli_r2 {

        transform: scale(1.5);

    }



    /* e2 */

    .ma_e2s2cr_list a:hover {

        color: #008ae6;

    }



    .ma_e2s2cr_list a:hover::after {

        background: #008ae6;

    }



    .ma_e2s2_list:hover .ma_e2s2li_bg img {

        transform: scale(1.5);

    }

    .ma_d1s1m1_l:hover .ma_d1s1m1_l2{

        transform: scale(1.1);

    }

    .ma_d1s1m2_list a:hover .ma_d1s1m2_li_r2{

        transform: scale(1.5);

    }





}





/* .ma_in1s2_main *{

    transition: all .6s !important;

} */



/* 6.18 */

.ma_d1s1m1_li:not(:first-child){

    display: none;

}



.ma_d1s1m1_l{

    width: 490px;

}



.ma_in1s4_imgbox{

    margin-top: -100px;

}

/* .ma_e2s2my_listbox:last-child {

    display: none!important;

} */



@media screen and (max-width: 1440px) {

    .ma_in1s4_imgbox{

        margin-top: -50px;

    }

    .ma_b1s3m_list a {

        padding: 58px 0 60px;

    }

}

@media screen and (max-width: 950px){

    .ma_b1s3m_list a {

        padding: 44px 0 45px;

    }

}

.ma_nav2_li.atvn a{

    color: #008ae6;

}



.ma_f1s2_fmbtml input {

    width: calc(100% - 160px);

    margin-right: 15px;

}

.ma_f1s2_fmbtml img{

    width: 140px;

    margin-top: 3px;

}
/* 8.3 star */
.ma_fontbox h2 {
    font-size: 36px;
}
.ma_in1s2_li h2 {
    font-size: 28px;
    line-height: 1.65;
}
.ma_b2s3li_font p {
    font-size: 18px;
}
.ma_nav2_li {
    font-size: 14px;
}
.ma_b2s2mlil_title {
    font-size: 22px;
    height: 54px;
}
.ma_b2s2_main2:nth-child(odd) .ma_b2s2mli_font {
    padding: 52px 34px 172px;
}
.ma_b2s2_main2:nth-child(even) .ma_b2s2mli_font {
    padding: 52px 34px 172px;
}
/* 8.4 end */
.ma_fontbox h2 {
    font-size: 34px;
}
.ma_fontbox {
    left: 45%;
}
/* 9.4 */
.ma_e2s4m_main1 {
    top: 272px;
    left: 737px;
}

.ma_e2s4m_main4 {
    top: 436px;
    left: 825px;
}

.ma_e2s4m_main3 {
    top: 423px;
    left: 764px;
}

.ma_e2s4m_main5 {
    top: 462px;
    left: 803px;
}

.ma_e2s4m_main6 {
    top: 599px;
    left: 692px;
}

.ma_e2s4m_main8 {
    top: 620px;
    left: 722px;
}

.ma_e2s4m_main7 {
    top: 615px;
    left: 721px;
}

.ma_e2s4m_main2 {
    top: 301px;
    left: 1077px;
}
/* 2024.6.25修改-start */
.ma_in1s3mrmb_title{
    height: 76px !important;
}
.ma_in1s3_m_r {
    padding: 120px 46px 120px 96px;
}
.ma_in1s3mr_tb {
    margin-bottom: 56px;
}
.ma_ftcm_liimg2 {
    top: 17px;
}
.ma_f1s2{
    display: none;
}
.ma_f1s1_parga p,
.ma_f1s1_parga a{
    font-size: 16px;
    color: #999;
    line-height: 24px;
}
.ma_f1s1_parga{
    margin-top: 15px;
    padding: 0 35px;
}
.ma_ftcm_liimg1{
    top: 6px;
}
.ma_ftcm_liimg2{
    top: 6.5px;
}
/* 2024.6.25修改-end */

/* 2025.6.6Linda售后修改-start */
.ma_ftc_main {
    width: 20%;
}
.ma_ftcm_liimg2 {
    top: 5.5px;
}
.ma_language_ph{
    position: relative;
}
.ma_language_ph_tp{
    display: flex;
    align-items: center;
}
.ma_language_ph_tp p{
    line-height: 64px;
    color: #666;
    margin-right: 5px;
    font-size: 14px;
}
.ma_language_ph_tp img{
    width: 14px;
    transition: all .36s;
}
.ma_language_ph_bt {
    display: none;
    width: 80px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    text-align: center;
    padding: 10px 0;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.ma_language_ph_bt a{
    line-height: 1.75;
    margin-right: 0 !important;
}
.ma_language_ph.act img{
    transform: rotate(180deg);
}
.ma_language_ph_bt li{
    margin-bottom: 5px;
}
.ma_language_ph_bt li:last-child{
    margin-bottom: 0;
}
.ma_in1s4_imgbox{
    text-align: center;
}

.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2,
.g_phnav2.yxnav_active1{
    color: #008ae6;
}
/* 2025.6.6Linda售后修改-end */