/* 手机导航 */

.g_phnav1.yxnav_active1,

.g_phnav2.yxnav_active2 {

    color: #000;

}

@font-face {

    font-family: "MONTSERRATALTERNATES-BOLD-12";

    src: url("../font/MONTSERRATALTERNATES-BOLD-12.woff2") format("woff2"),

        url("../font/MONTSERRATALTERNATES-BOLD-12.woff") format("woff"),

        url("../font/MONTSERRATALTERNATES-BOLD-12.ttf") format("truetype"),

        url("../font/MONTSERRATALTERNATES-BOLD-12.eot") format("embedded-opentype"),

        url("../font/MONTSERRATALTERNATES-BOLD-12.svg") format("svg");

}



.mc_ph_hd {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

    height: 64px;

    padding-left: 20px;

    padding-right: 20px;

    background-color: #fff;

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

}



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

}



/* 分页 */

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

    height: 45px;

    font-size: 16px;

    line-height: 45px;

    color: #666;

    text-align: center;

    margin: 0px 2px;

    transition: all .3s;

    border: 1px solid transparent;

    border-radius: 50%;

}



.pc_fenye li.activepage {

    color: #3fafa3;

    border-color: #3fafa3;

}



.w_fenyeph {

    display: none;

}



.pc_fenye li.clolr {

    color: #fff;

}



.ma_comp-tabli1,

.ma_comp-tabli2 {

    width: 11px;

}



.ma_comp-tabli11,

.ma_comp-tabli22 {

    width: 7px;

}



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

}



/* .mc_pcfy li {

    float: left;

    width: 28px;

    height: 28px;

    margin: 0px 8px;

}



.mc_pcfy li a {

    display: block;

    font-family: Arial,

        Helvetica,

        sans-serif;

    border-radius: 50%;

    line-height: 28px;

    font-size: 14px;

    color: #333333;

    text-align: center;

    transition: all .3s;

}



.mc_pcfy li.page-active a {

    color: #fff;

    background: #1057a4;

}



.mc_phfy {

    display: none;

}



.mc_phfy li a {

    display: none;

}



.mc_phfy li a[rel="prev"],

.mc_phfy li a[rel="next"] {

    display: block;

    color: #333;

}



.mc_phfy li a[rel="next"]::before {

    content: "下一页";

    color: #333;

    font-size: 14px;

    margin-right: 5px;

}



.mc_phfy li a[rel="prev"]::after {

    content: "上一页";

    color: #333;

    font-size: 14px;

    margin-left: 5px;

}



.mc_phfy ul {

    overflow: hidden;

}



.mc_phfy li:first-child {

    float: left;

}



.mc_phfy li:last-child {

    float: right;

}



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

    .mc_pcfy li a:hover {

        color: #fff;

        background: #1057a4;

    }

} */



/* 分页 */

.ma_pc_hd {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff;

    padding-left: 110px;

    z-index: 100;

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

}



.ma_pchdm_logo {

    width: 264px;

}

.ma_pchdm_logo a {

    display: block;

    line-height: 110px;

    transition: all 0.36s;

}

.ma_pchdm_logobox {

    display: inline-block;

}

.ma_pchdm_li1 {

    float: left;

    position: relative;

}

.ma_pchdm_a1 {

    display: block;

    padding: 0 30px;

    line-height: 110px;

    transition: all 0.36s;

}

.ma_pchdma1_m {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

}

.ma_pchdma1m_img {

    position: relative;

    width: 30px;

    margin-bottom: 8px;

    display: inline-block;

}

.ma_pchdma1m_img1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: all 0.36s;

}



.ma_pchdma1m_img2 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    transition: all 0.36s;

}

.ma_pchdm_a1 p {

    font-size: 16px;

    color: #333;

    transition: all 0.36s;

}

.ma_pchdm_li1.yxnav_active1 .ma_pchdma1m_img1 {

    opacity: 0;

}



.ma_pchdm_li1.yxnav_active1 .ma_pchdma1m_img2 {

    opacity: 1;

}



.ma_pchdm_li1.yxnav_active1 .ma_pchdm_a1p {

    color: #4bbdc7;

}

.ma_pchdm_ul2box {

    position: absolute;

    top: 110px;

    left: -40px;

    width: 100vw;

    /* background: #fff; */

    display: none;

    /* box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05); */



}

.ma_pchdm_ul2,
.ma_pchdm_ul3box,
.ma_pchdm_ul4box {
    background-color: #fff;
    border-right: 1px solid #eaeaea;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
}

.ma_pchdm_ul2 li:last-child,
.ma_pchdm_ul3box li:last-child,
.ma_pchdm_ul4box li:last-child {
    padding-bottom: 20px;
}

.ma_pchdm_ul4box {
    border-right: none;
}

/* .ma_pchdm_ul2box::before{

    content: "";

    position: absolute;

    top: 0;

    left: 210px;

    width: 1px;

    height: 100%;

    background: #eaeaea;

}



.ma_pchdm_ul2box::after {

    content: "";

    position: absolute;

    top: 0;

    left: 530px;

    width: 1px;

    height: 100%;

    background: #eaeaea;

} */

.ma_pchdm_ul2 {

    width: 210px;

}

.ma_pchdm_a2 {

    display: block;

    text-align: center;

    color: #333;

    transition: all 0.36s;

    line-height: 50px;

    font-size: 16px;

}

.ma_pchdm_ul3 {

    width: 240px;

}

.ma_pchdm_ul3:not(:first-child) {

    display: none;

}

.ma_pchdm_a3 {

    display: block;

    text-align: center;

}

.ma_pchdm_a3 p {

    line-height: 50px;

    display: inline-block;

    font-size: 16px;

    color: #666;

    margin-right: 45px;

    transition: all 0.36s;

}

.ma_pchdm_a3img {

    display: inline-block;

    position: relative;

    width: 7px;

    height: 11px;

    left: 0;

    transition: all 0.36s;

}

.ma_pchdm_a3img1 {

    position: absolute;

    top: 1px;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: all 0.36s;

}



.ma_pchdm_a3img2 {

    position: relative;

    top: -2px;

    left: 0;

    width: 100%;

    opacity: 0;

    transition: all 0.36s;

}

.ma_pchdm_li2.yxnav_active2 .ma_pchdm_a2 {

    background: #4bbdc7;

    color: #fff;

}



.ma_pchdm_li3.yxnav_active3 .ma_pchdm_a3p {

    color: #4bbdc7;

}



.ma_pchdm_li3.yxnav_active3 .ma_pchdm_a3img {

    left: 15px;

}



.ma_pchdm_li3.yxnav_active3 .ma_pchdm_a3img1 {

    opacity: 0;

}



.ma_pchdm_li3.yxnav_active3 .ma_pchdm_a3img2 {

    opacity: 1;

}

.ma_pchdm_ul4box {
    padding-left: 30px;
    padding-right: 30px;
}

.ma_pchdm_a4 {

    display: block;

    line-height: 50px;

    color: #666;

    transition: all 0.36s;

    font-size: 16px;

}



.ma_pchdm_li4.yxnav_active4 .ma_pchdm_a4 {

    color: #4bbdc7;

}

.ma_pchdm_ul4:not(:first-child) {

    display: none;

}

.ma_pchdmlabox {

    background: #4bbdc7;

    padding-left: 15px;

    padding-right: 25px;

}

.ma_pchdm_member,

.ma_pchdm_gwc,

.ma_pchdm_language,

.ma_pchdm_sou {

    line-height: 110px;

    width: 54px;

    transition: all 0.36s;

}

.ma_pchdm_member a,

.ma_pchdm_gwc a,

.ma_pchdm_language a,

.ma_pchdm_soubox {

    padding: 0 15px;

    display: inline-block;

    position: relative;

    cursor: pointer;

}



.ma_pchdm_language a {

    padding: 0 15px;

    display: inline-block;

    color: #fff;

    font-size: 16px;

    height: 23px;

}

.ma_pchdm_member a::before,

.ma_pchdm_gwc a::before,

.ma_pchdm_language a::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    width: 1px;

    height: 16px;

    background: #fff;

    opacity: 0.2;

}

.ma_pchdmsstc {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10000;

    background: rgba(0, 0, 0, .4);

    display: none;

}



.ma_st_main {

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 800px;

    padding-bottom: 10px;

    border-bottom: 2px solid #fff;

}



.ma_stm_input {

    width: calc(100% - 60px);

    height: 30px;

    padding: 0 20px;

}



.ma_stm_input input {

    width: 100%;

    height: 100%;

    color: #fff;

    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_phban {

    display: none;

}

.ma_ban {

    margin-top: 110px;

    position: relative;

}

.ma_ban_li {

    position: relative;

    overflow: hidden;

}

.ma_ban_li:not(:first-child) {

    display: none;

}

.ma_ban_li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: rgba(0, 0, 0, .2);

}

.ma_bantxt {

    position: absolute;

    z-index: 2;

    top: 50%;

    left: 50%;

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

}

.ma_wid1600 {

    width: 1600px;

    margin: 0 auto;

}

.ma_bantxtp1 {

    font-size: 62px;

    color: #fff;

    font-family: "思源黑体";

    line-height: 1.5;

    margin-bottom: 15px;

}

.ma_bantxtp2 {

    font-size: 40px;

    color: #fff;

    font-family: "思源黑体";

    line-height: 1.5;

    margin-bottom: 5px;

}

.ma_bantxtp3 {

    font-size: 16px;

    color: #fff;

    font-family: "思源黑体";

    line-height: 1.75;

}

.ma_bantxtpbox {

    width: 680px;

}

.ma_banimgbox {

    position: absolute;

    z-index: 3;

    top: 50%;

    right: 110px;

    transform: translateY(-50%);

    width: 350px;

    height: 350px;

    border: 2px solid #77c0ca;

    border-radius: 50%;

    text-align: center;

    cursor: pointer;
    display: block;

}

.ma_banimgbox::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 75%;

    height: 75%;

    border: 2px solid #77c0ca;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.1);

}

.ma_banimg {

    position: relative;

    display: inline-block;

    width: 240px;

    top: -65px;

}

.ma_banimg1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.ma_banimgbg {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}

.ma_banbtn {

    position: absolute;

    bottom: 40px;

    left: 70px;

}

.ma_banbtnimg {

    width: 76px;

}

.ma_banbtnpbox {

    position: absolute;

    bottom: 10px;

    right: 85px;

    display: none;

}

.ma_banbtnpbox p {

    font-size: 16px;

    color: #fff;

    white-space: nowrap;

}

.ma_video {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

}

.ma_ban_click {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: 25px;

    cursor: pointer;

    animation: click 1.5s infinite;

}



@keyframes click {

    0% {

        bottom: 30px;

    }

    50% {

        bottom: 45px;

    }

    100% {

        bottom: 30px;

    }

}

.ma_ftbox {

    background: #3a4755;

    padding: 110px 0 35px;

}

.ma_fttl_d1 {

    width: 200px;

    margin-bottom: 25px;

}

.ma_fttl_d2 p {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_fttl_d2 {

    margin-bottom: 42px;

}

.ma_fttl_d3img {

    width: 40px;

    margin-right: 14px;

    cursor: pointer;

    position: relative;

    display: inline-block;

}

.ma_fttl_d3img2 {

    position: absolute;

    left: 0;

    top: 50px;

    width: 100px;

    height: 100px;

    padding: 5px;

    background: #616c77;

    display: none;

    z-index: 10;

}

.ma_fttl_d3img2 img {

    width: 100%;

}

.ma_fttl_d3img2::before {

    content: "";

    position: absolute;

    left: 12px;

    top: -12px;

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 6px solid #616c77;

}

.ma_fttr_li {

    margin-left: 110px;

    float: left;

}

.ma_fttr_li p a {

    font-size: 14px;

    color: #fff;

    opacity: 0.5;

    line-height: 1.5;

    transition: all 0.36s;

}



.ma_fttr_li p:first-child a {

    opacity: 1;

    font-size: 16px;

}

.ma_fttr_li p {

    margin-bottom: 10px;

}



.ma_fttr_li p:first-child {

    margin-bottom: 20px;

}

.ma_fttr_li p:last-child {

    margin-bottom: 0;

}

.ma_ft_top {

    margin-bottom: 120px;

}

.ma_ftb_a p,

.ma_ftb_a a {

    display: inline-block;

    color: #fff;

    opacity: 0.6;

    font-size: 16px;

    margin-right: 50px;

    transition: all 0.36s;

    margin-bottom: 15px;

}

.ma_ftb_a {

    margin-bottom: 8px;

}

.mc_ft_copyright p span,

.mc_ft_copyright p a {

    color: #fff;

    opacity: 0.2;

    font-size: 14px;

    margin-right: 5px;

    transition: all 0.36s;

}

.mc_ft_copyright p,
.mc_ft_copyright a{
    display: inline-block;
}

.mc_ft_copyright {

    margin-right: 100px;

}

.ma_ftbb_a a {

    color: #fff;

    opacity: 0.2;

    font-size: 14px;

    transition: all 0.36s;

}

.ma_pc_hd.on .ma_pchdm_logo a,

.ma_pc_hd.on .ma_pchdm_a1,

.ma_pc_hd.on .ma_pchdm_member,

.ma_pc_hd.on .ma_pchdm_gwc,

.ma_pc_hd.on .ma_pchdm_language,

.ma_pc_hd.on .ma_pchdm_sou {

    line-height: 90px;

}

.ma_pc_hd.on .ma_pchdm_ul2box {

    top: 90px;

}

.ma_in1s1 {

    padding: 130px 0 85px;

}

.ma_fs36 {

    font-size: 36px;

}

.ma_title1 .ma_fs36 {

    color: #333;

    position: relative;

    z-index: 2;

}

.ma_title1l {

    position: relative;

    display: inline-block;

}

.ma_title1l img {

    width: 290px;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    max-width: none;

    z-index: 1;

}

.ma_btn1 a {

    display: block;

    color: #333;

    font-size: 16px;

    transition: all 0.36s;

    line-height: 36px;

}

.ma_title1 {

    margin-bottom: 65px;

}

.ma_in1s1_ulbox {

    padding: 30px 85px 60px 100px;

    position: relative;

    margin-bottom: 90px;

}

.ma_in1s1l_d {

    display: table;

    width: 100%;

}

.ma_in1s1ld_l,

.ma_in1s1ld_r {

    display: table-cell;

    vertical-align: top;

}

.ma_in1s1ld_l {

    padding-top: 90px;

    padding-right: 130px;

    width: calc(100% - 620px);

    position: relative;

}



.ma_in1s1ld_r {

    width: 620px;

    position: relative;

}

.ma_fs40 {

    font-size: 40px;

}

.ma_title2 .ma_fs40 {

    font-weight: bold;

    color: #333;

}

.ma_in1s1ld_lt {

    margin-bottom: 18px;

}

.ma_in1s1ld_d1p1 {

    font-size: 20px;

    color: #333;

    line-height: 1.75;

    margin-bottom: 12px;

}

.ma_in1s1ld_d1p2 {

    font-size: 16px;

    color: #49b7c1;

    line-height: 1.75;

}

.ma_in1s1ld_r1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    transition: all 0.36s;

}



.ma_in1s1ld_rbg {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

    transition: all 0.36s;

}

.ma_in1s1ld_d2 {

    position: absolute;

    bottom: 50px;

    left: 0;

    width: 400px;

    max-height: 140px;

    overflow: hidden;

}

.ma_in1s1ld_d2 p {

    font-size: 16px;

    line-height: 1.75;

    color: #333;

}

.ma_in1s1_li:not(:first-child) {

    display: none;

}

.ma_btn2box {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 100px;

}

.ma_btn2 {

    display: inline-block;

    border-radius: 25px;

    padding: 10px 35px;

    background: #333;

    transition: all 0.36s;

    cursor: pointer;

    box-shadow: 0px 7px 16px 0px rgba(190, 190, 190, 0.004);

}

.ma_btn2box .ma_btn2 {

    margin-right: 20px;

}

.ma_btn2 p,

.ma_btn2 a {

    font-size: 20px;

    color: #fff;

    transition: all 0.36s;

}

.ma_btn2.act {

    background: #49b7c1;

}

.ma_in1s1_ul2 {

    margin: 0 -17px;

}

.ma_in1s1_li2 {

    padding: 0 17px;

    float: left;

    width: 50%;

    margin-bottom: 90px;

}

.ma_in1s1li2_a {

    display: block;

    position: relative;

    padding: 70px 70px 60px 50px;

    box-shadow: 0px 9px 32.8px 7.2px rgba(138, 138, 138, 0.1);

}

.ma_in1s1li2a_l {

    width: calc(100% - 359px);

    padding-right: 20px;

}

.ma_in1s1li2a_r {

    width: 359px;

    position: relative;

}

.ma_in1s1li2a_r img {

    position: absolute;

    top: -10px;

}

.ma_fs26 {

    font-size: 26px;

}

.ma_title3 .ma_fs26 {

    color: #333;

    font-weight: bold;

    transition: all 0.36s;

}

.ma_in1s1li2a_lt {

    margin-bottom: 24px;

}

.ma_in1s1li2a_d p {

    font-size: 16px;

    line-height: 1.75;

    transition: all 0.36s;
    

}
.ma_in1s1li2a_dp2{
    height:56px;
    overflow: hidden;
}
.ma_in1s1li2a_dp1{
    margin-bottom: 10px;
}
.ma_in1s1li2a_dp1 {

    color: #666;

}

.ma_in1s1li2a_dp2 {

    color: #999;

}

.ma_in1s1li2a_d {

    margin-bottom: 45px;

}

.ma_in1s1li2a_a p {

    font-size: 16px;

    color: #333;

    line-height: 38px;

    width: 140px;

    border-radius: 25px;

    transition: all 0.36s;

    text-align: center;

}

.ma_in1s1li2_ax {

    position: absolute;

    top: 35px;

    right: 30px;

    background: url(../images/ma_in1s1li2_ax.png) no-repeat center;

    background-size: cover;

    color: #fff;

    width: 110px;

    text-align: center;

    line-height: 30px;
    z-index: 10;

}

.ma_ce {

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    right: -80px;

    border: 1px solid #e0e0e0;

    background: #fff;

    z-index: 20;

    width: 80px;

    transition: all 0.36s;

}

.ma_ce.on {

    right: 0;

}

.ma_celist {

    position: relative;

}

.ma_celist1 {

    text-align: center;

    padding: 18px 0 14px;

    border-bottom: 1px solid #efefef;

    cursor: pointer;

    display: block;

    transition: all 0.36s;

}

.ma_celist:last-child .ma_celist1 {

    border-bottom: none;

}

.ma_celist1img {

    margin-bottom: 6px;

    width: 26px;

    position: relative;

    display: inline-block;

}

.ma_celist1img1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: all 0.36s;

}

.ma_celist1img2 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    transition: all 0.36s;

}



.ma_celist1 p {

    font-size: 14px;

    color: #333;

    transition: all 0.36s;

}

.ma_celist2 {

    position: absolute;

    top: 0;

    right: 78px;

    background: #4bbdc7;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    padding: 15px;

    width: 220px;

    display: none;

}

.ma_celist2_d1p1 {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_celist2_d1p2 {

    font-size: 14px;

    color: #fff;

    opacity: 0.6;

    line-height: 1.5;

}

.ma_celist2_d1 {

    margin-bottom: 10px;

}

.ma_celist2_li a {

    display: block;

    line-height: 45px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}

.ma_celist2_li {

    border-bottom: 1px dashed #81d1d8;

}

.ma_celist2_li:last-child {

    border-bottom: none;

}

.ma_celist2 .ma_fttl_d3img {

    margin-bottom: 14px;

}



.ma_celist3 .ma_celist2 {
    padding-bottom: 20px;
    padding-right: 0;
    padding-top: 20px;
}

.ma_cejt {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -30px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #f4f4f4;

    cursor: pointer;

    line-height: 30px;

    text-align: center;

    transition: all 0.36s;

}

.ma_cejt img {

    width: 9px;

    transition: all 0.36s;

}

.ma_cejt.on {

    left: -30px;

}

.ma_cejt.on img {

    transform: rotate(180deg);

}

.ma_wid1400 {

    width: 1400px;

    margin: 0 auto;

}

.ma_in1s2_t {

    text-align: center;

    margin-bottom: 50px
}

.ma_in1s2_ul {

    margin: 0 -11px 50px;

}

.ma_in1s2_li {

    padding: 0 11px;

    float: left;

    width: 25%;

}

.ma_in1s2l_a {

    display: block;

}

.ma_in1s2la_img {

    position: relative;

    overflow: hidden;

}

.ma_fs24 {

    font-size: 24px;

}

.ma_in1s2la_txt .ma_fs24 {

    color: #fff;

    line-height: 1.5;

    margin-bottom: 10px;

}

.ma_in1s2lat_p2 {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_in1s2la_txt {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 100%;

    padding: 50px;

    z-index: 3;

    text-align: center;

}



.ma_in1s2 .ma_btn1 a,

.ma_in1s3 .ma_btn1 a {

    line-height: normal;

    color: #4bbdc7;

    text-align: center;

}

.ma_in1s2 {

    padding-bottom: 105px;

}

.ma_in1s3 {

    padding: 135px 0 70px;

    background: #f9f9f9;

}

.ma_in1s3_t {

    margin-bottom: 70px;

}

.ma_xxk {

    border-bottom: 1px solid #f0f0f0;

}

.ma_xxk_li {

    float: left;

    margin-left: 75px;

}

.ma_xxk_li:first-child {

    margin-left: 0;

}

.ma_xxk_li a,
.ma_xxk_li p {

    font-size: 18px;

    color: #333;

    transition: all 0.36s;

    line-height: 45px;

    display: block;

    position: relative;
    cursor: pointer;

}



.ma_xxk_li a::before,
.ma_xxk_li p::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 2px;

    width: 0;

    background: #4bbdc7;

    transition: all 0.36s;

}



.ma_xxk_li a::after,
.ma_xxk_li p::after {

    content: "";

    position: absolute;

    left: -37px;

    top: 50%;

    transform: translateY(-50%);

    height: 17px;

    width: 2px;

    background: #dfdfdf;

}



.ma_xxk_li:first-child a::after,
.ma_xxk_li:first-child p::after {

    display: none;

}

.ma_xxk_li.act a::before,
.ma_xxk_li.act p::before {

    width: 100%;

}



.ma_xxk_li.act a,
.ma_xxk_li.act p {

    color: #4bbdc7;

}

.ma_in1s3_ul {

    margin: 0 -25px;

}

.ma_in1s3_li {

    padding: 0 25px;

    float: left;

    width: 50%;

}

.ma_in1s3_li1a a {

    display: block;

}

.ma_in1s3_li1aimg {

    position: relative;

    overflow: hidden;

    box-shadow: 0px 7px 16px 0px rgba(182, 187, 187, 0.004);

}

.ma_in1s3_li1aimg::before {

    content: "";

    position: absolute;

    bottom: -50%;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    background: linear-gradient(to bottom, transparent, #000);

}

.ma_in1s3_li1atxt {

    position: absolute;

    z-index: 4;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 25px 20px;

}

.ma_in1s3_li1atp1 {

    font-size: 20px;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 16px;

    transition: all 0.36s;

}

.ma_in1s3_li1atp2 {

    font-size: 14px;

    color: #fff;

    opacity: 0.4;

    margin-bottom: 20px;

}

.ma_in1s3_li1atp3 {

    line-height: 18px;

    font-size: 12px;

    padding: 0 12px;

    border-radius: 25px;

    background: #4bbdc7;

    display: inline-block;

    color: #fff;

}

.ma_in1s3_li2a {

    display: block;

    padding: 34px 0;

    border-bottom: 2px dashed #e7e7e7;

}

.ma_in1s3_li21 .ma_in1s3_li2a {

    padding-top: 0;

}



.ma_in1s3_li2al {

    width: 110px;

    position: relative;

    box-shadow: 0px 7px 16px 0px rgba(182, 187, 187, 0.004);

}

.ma_in1s3_li2ar {

    width: calc(100% - 110px);

    padding-left: 20px;

}

.ma_in1s3_li2arp1 {

    font-size: 20px;

    color: #333;

    line-height: 1.75;

    margin-bottom: 20px;

    height: 70px;

    overflow: hidden;

    transition: all 0.36s;

}

.ma_in1s3_li1atp2s {

    display: inline-block;

}

.ma_in1s3_li1atp2s {

    margin-right: 20px;

}

.ma_in1s3_li2ar .ma_in1s3_li1atp2 {

    color: #999999;

    opacity: 1;

    margin-bottom: 0;

    display: inline-block;

}

.ma_in1s3_li23 .ma_in1s3_li2ar {

    width: 100%;

    padding-left: 0;

}

.ma_in1s3_li23 .ma_in1s3_li1atp2 {

    margin-bottom: 10px;

}

.ma_in1s3_li23 .ma_in1s3_li2arp1 {

    height: 35px;

}

.ma_in1s3_li2arp3 {

    font-size: 14px;

    color: #666;

    line-height: 1.75;

    height: 49px;

    overflow: hidden;

}

.ma_in1s3_li3 .ma_in1s3_li2arp1 {

    height: 35px;

    /* margin-bottom: 6px; */

}

/* .ma_in1s3_li3 .ma_in1s3_li1atp2 {

    margin-bottom: 6px;

} */

.ma_in1s3_li1abox {

    width: 495px;

}

.ma_in1s3_ul {

    width: calc(100% - 495px);

}

.ma_in1s4 {

    padding: 175px 0 130px;

}

.ma_in1s4_t {

    text-align: center;

    margin-bottom: 90px;

}

.ma_in1s4_ul {

    margin: 0 -13px;

}

.ma_in1s4_li {

    padding: 0 13px;

    float: left;

}

.ma_in1s4li_a {

    display: block;

    position: relative;
    height: 550px;

}

.ma_in1s4lia_txt {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 50px 20px;

}

.ma_in1s4lia_txt p {

    color: #fff;

    text-align: center;

}

.ma_fs30 {

    font-size: 30px;

}

.ma_in1s4lia_txt .ma_fs30 {

    line-height: 1.5;

    margin-bottom: 15px;
    font-size: 26px;

}

.ma_in1s4lia_txta {

    color: #fff;

    font-size: 16px;

    transition: all 0.36s;

}

.ma_in1s3m_m {

    margin-bottom: 60px;

}

.ma_in1s4_ul .slick-dots {

    bottom: 38px;

}

.slick-dots li {
    width: 30px;
    height: 5px;
    margin: 0 5px;
    border-radius: 0;
    background: #c3c3c4;
}

.slick-dots li.slick-active {

    background: #3c98a1;

}

.ma_nyban3 .ma_ban_li::before {

    display: none;

}



.ma_nyban2 .ma_ban_li::before {

    background: rgba(25, 25, 25, .8);

}

.ma_nyban3 .ma_bantxt {

    height: calc(100vh - 110px);

    position: initial;

    top: auto;

    left: auto;

    transform: translate(0);

}

.ma_nyban3l_l,

.ma_nyban3l_r {

    position: relative;

}

.ma_nyban3l_l {

    width: 585px;

    padding: 195px 40px 0 0;

}

.ma_nyban3l_lbg {

    position: absolute;

    top: 0;

    right: 0;

    width: 860px;

}

.ma_nyban3l_lbg img {

    width: 100%;

}

.ma_nyban3l_lbg::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(23, 23, 23, .9);

}



.ma_nyban3l_r {

    width: calc(100% - 585px);

    padding: 155px 0 0 105px;

}

.ma_nyban3r_lbg {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 1100px;

}

.ma_nyban3ll_txt {

    position: relative;

    z-index: 2;

}

.ma_nyban3ll_txt .ma_fs30 {

    color: #fff;

    font-weight: bold;

    line-height: 1.5;

    height: 90px;

    overflow: hidden;

}

.ma_nyban3llt_p1 {
    font-size: 20px;
    color: #f9f8f8;
    line-height: 1.75;
    margin-bottom: 8px;
    height: 70px;
    overflow: hidden;
    margin-top: 5px;
}

.ma_nyban3llt_p2 {

    font-size: 16px;

    color: #f9f8f8;

    line-height: 1.75;

    margin-bottom: 24px;

    height: 56px;

    overflow: hidden;

}



.ma_nyban3llt_p3 {

    font-size: 16px;

    color: #f9f8f8;

    line-height: 1.75;

    margin-bottom: 70px;

    height: 28px;

    overflow: hidden;

}

.ma_nyban3ll_li {

    float: left;

    margin-right: 16px;

}

.ma_nyban3ll_ul {

    margin-bottom: 100px;

}

.ma_nyban3lr_li1:not(:first-child),

.ma_nyban3lr_li2:not(:first-child) {

    display: none;

}

.ma_nyban3lr_ul1 {

    padding: 0 130px;

    margin-bottom: 55px;

}

.ma_nyban3lrl1d,

.ma_nyban3lrl2d {

    position: relative;

}



.ma_nyban3lr_ul2 {

    margin: 0 -25px;

}

.ma_nyban3lr_li2 {

    float: left;

    width: 25%;

    padding: 0 50px;

    position: relative;

}

.ma_nyban3lr_li2::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    z-index: 0;

    opacity: 0;

    transition: all 0.36s;

}

.ma_nyban3lr_li2.slick-current::before {

    opacity: 1;

}



.slick-prev,

.slick-next {

    top: 55%;

    width: 42px;

    height: 42px;

}



.slick-prev {

    left: 0;

    background: url(../images/slick-prev.png) no-repeat center;

    background-size: contain;

}

.slick-next {

    right: 0;

    background: url(../images/slick-next.png) no-repeat center;

    background-size: contain;

}



.beer-reveal[data-beer-label]:after,

.beer-slider[data-beer-label]:after {

    display: none;

}

.ma_mdbox {

    background: #fff;

}

.ma_mdlistbox {

    text-align: center;

}



.ma_mdlist {

    display: inline-block;

    margin: 0 50px;

}

.ma_mdlist p {

    font-size: 16px;

    line-height: 75px;

    color: #333;

    transition: all 0.36s;

    cursor: pointer;

}

.ma_mdlist.act p {

    color: #4bbdc7;

}

.ma_mdbox {

    height: 75px;

}

.ma_mdbox2 {

    background: #fff;

    box-shadow: 0px 6px 21px 0px rgba(29, 29, 29, 0.14);

}



.ma_mdbox2.on {

    position: fixed;

    top: 90px;

    width: 100%;

    z-index: 50;

}

.ma_b2s1 {

    padding: 130px 0 105px;

    position: relative;

}

.ma_b2s1::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6);

    z-index: 1;

}

.ma_b2s1_main {

    position: relative;

    z-index: 2;

}

.ma_b2s1m_d1p1 {

    font-size: 26px;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 5px;

}

.ma_b2s1m_d1p2 {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_b2s1m_d1 p {

    text-align: center;

}

.ma_b2s1m_d1 {

    margin-bottom: 80px;

}

.ma_b2s1md2_ul {

    margin: 0 -90px;

    font-size: 0;

    text-align: center;

}

.ma_b2s1md2_li {

    display: inline-block;

    padding: 0 90px;

    width: 33.333333%;

    margin-bottom: 80px;

}

.ma_b2s1md2l_d {

    text-align: center;

}

.ma_b2s1md2ld_t {

    width: 40px;

    margin-bottom: 8px;

    display: inline-block;

}

.ma_b2s1md2ld_p {

    font-size: 16px;

    color: #ccc;

    line-height: 1.75;

}

.ma_b2s1md2ld_p .ma_b2s1md2ld_ps {

    font-weight: bold;

    color: #fff;

}


.ma_b2s1md2ld_t p {

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    font-family: "思源黑体";

}

.ma_b2s2m_li {

    background: #f2f2f2;

}

.ma_b2s2m_li1 .ma_b2s2ml_a {

    display: flex;

    align-items: center;

}

.ma_b2s2m_li:nth-child(even) {

    background: #fff;

}



.ma_b2s2m_li2 .ma_b2s2ml_a {

    display: flex;

    align-items: center;

    flex-flow: row-reverse;

}

.ma_b2s2m_li1 {

    padding: 245px 0 140px;

}

.ma_b2s2ml_a {

    overflow: hidden;

}

.ma_b2s2ml_al,

.ma_b2s2ml_ar {

    width: 50%;

}

.ma_b2s2m_li1 .ma_b2s2ml_al {

    float: left;

    padding-left: 130px;

}

.ma_b2s2ml_ar {

    float: right;

}

.ma_b2s2ml_al .ma_b2t {

    color: #333;

    margin-bottom: 20px;

    text-align: left;

}

.ma_b2s2ml_al .ma_b2s2ml_alp {

    font-size: 18px;

    color: #333;

    line-height: 1.75;

    margin-bottom: 25px;

}



.ma_b2s2ml_al .ma_b2s2ml_alp:last-child {

    margin-bottom: 0;

}

.ma_b2s2m_li1 .ma_b2s2ml_ar {

    text-align: right;

}

.ma_b2s2m_li2 {

    padding: 160px 0 150px;

}

.ma_b2s2m_li2 .ma_b2s2ml_ar {

    text-align: center;

}

.ma_b2s2m_li2 .ma_b2s2ml_al {

    float: left;

    padding: 0 55px 0 100px;

}

.ma_b2s2m_li3 .ma_b2s2ml_al,

.ma_b2s2m_li3 .ma_b2s2ml_ar {

    text-align: center;

    float: none;

    width: 100%;

}

.ma_b2s2m_li3 {

    padding-top: 110px;

}



.ma_b2s2m_li3 .ma_b2s2ml_al {

    margin-bottom: 60px;

}

.ma_b2s2m_li3 .ma_b2s2ml_ar {

    position: relative;

    left: 50px;

}

.ma_b2s2 .ma_b2s2m_li3 .ma_b2s2ml_ar {

    left: 0;

}

.ma_b2s2m_li3 .ma_b2s2ml_al .ma_b2t,

.ma_b2s2m_li4 .ma_b2s2ml_al .ma_b2t {

    text-align: center;

}

.ma_b2s2m_li4 {

    padding: 110px 0 150px;

}

.ma_b2s2m_li4 .ma_b2s2ml_al,

.ma_b2s2m_li4 .ma_b2s2ml_ar {

    text-align: center;

    float: none;

    width: 100%;

}



.ma_b2s2m_li4 .ma_b2s2ml_al {

    margin-bottom: 70px;

}

.ma_b2s3 {

    padding: 105px 0 125px;

    position: relative;

}

.ma_b2s3::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    z-index: 1;

}

.ma_b2s3_main {

    position: relative;

    z-index: 2;

}

.ma_b2s3_main .ma_b2t {

    color: #fff;

    text-align: center;

    margin-bottom: 70px;

}

.ma_tab1 td {
    padding: 1.5px;
}

.ma_tab1td1 {
    position: relative;
}

.ma_tab1td1::before {
    content: '';
    height: calc(100% - 3px);
    width: calc(100% - 3px);
    background: rgba(25, 25, 25, .8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ma_tab1td2 {
    position: relative;
}

.ma_tab1td2::before {
    content: '';
    height: calc(100% - 3px);
    width: calc(100% - 8px);
    background: rgba(25, 25, 25, .8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ma_tab1 td p {



    color: #fff;

    font-size: 14px;

    line-height: 1.75;

}



.ma_tab1td1 {

    width: 250px;

}



.ma_tab1td2 {

    width: 430px;

}

.ma_tab1td1 p {

    padding: 8px 20px 8px 40px;
    /*height:64px;*/

}

.ma_tab1td2 p {

    padding: 8px 60px;
    /*height:64px;*/

}

.ma_tab1td1 p span,
.ma_tab1td2 p span {
    max-height: 48px;
    overflow: hidden;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.75;
}

.ma_tab1 .ma_tab1td3 {

    padding-right: 8px;

}

.ma_tab1 .ma_tab1td4 {

    padding-left: 8px;

}

.ma_b2s4 {

    padding: 95px 0 100px;

}

.ma_b2s4_main {

    text-align: center;

}

.ma_b2s4_main .ma_b2t {

    color: #333;

    margin-bottom: 55px;

}

.ma_b2s5 {

    padding: 115px 0 100px;

    background: #f2f2f2;

}

.ma_b2s5_main .ma_b2t {

    text-align: center;

    color: #333;

    margin-bottom: 70px;

}

.ma_b2s5ml_a {

    display: block;

    position: relative;

    overflow: hidden;

}

.ma_b2s5m_lia .ma_b2s5ml_aimg {

    transition: all 0.36s;

}

.ma_b2s5m_lia .ma_b2s5ml_a::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

    z-index: 1;

}

.ma_b2s5m_lia .ma_b2s5ml_aicon {

    position: absolute;

    width: 80px;

    top: 50%;

    left: 50%;

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

    z-index: 2;

}

.ma_b2s5m_ul1 {

    margin-bottom: 10px;

}



.ma_b2s5_main .swiper-slide {

    width: auto;

}

.swiper-container1 {

    margin-bottom: 10px;

}

.ma_b2s6 {

    padding: 120px 0 90px;

}

.ma_b2t {

    text-align: center;

}

.ma_b2s6_main .ma_b2t {

    margin-bottom: 55px;

}

.ma_b2t .ma_fs36 {

    margin-bottom: 15px;

}

.ma_b2t .ma_b2s6m_p1 {

    text-align: center;

    color: #666666;

    font-size: 18px;

    line-height: 1.75;

}

.ma_b2s6m_ul {

    text-align: center;

    font-size: 0;
    margin: 0 145px;

}

.ma_b2s6m_li {

    display: inline-block;

    margin: 0 15px 30px;

}

.ma_b2s7 {

    padding: 100px 0 105px;

    background: #f2f2f2;

}

.ma_b2s7 .ma_b2t,

.ma_b8s7 .ma_b2t {

    margin-bottom: 50px;

}

.ma_b2s7_ulbox {

    padding: 0 45px;

    margin-bottom: 75px;

}

.ma_b2s7_ul {

    margin: 0 -55px;

}

.ma_b2s7_li {

    padding: 0 55px;

    float: left;

    width: 25%;

    margin-bottom: 50px;

}

.ma_b2s7ld_img {

    position: relative;

    margin-bottom: 30px;

}

.ma_b2s7ld_txt p {

    font-size: 14px;

    color: #666;

    line-height: 1.75;

    height: 49px;

    overflow: hidden;
    text-align: center;

}

.ma_btn3 {

    width: 140px;

    margin: 0 auto;

    border-radius: 25px;

    overflow: hidden;

}

.ma_btn3 a,

.ma_btn3 p {

    display: block;

    text-align: center;

    line-height: 35px;

    color: #fff;

    font-size: 16px;

    background: #49b7c1;

}

.ma_b2s8_main .ma_b2t {

    text-align: center;

    margin-bottom: 75px;

}

.ma_b2s8 {

    padding: 100px 0 70px;

}

.ma_b2s8m_ul {

    margin: 0 -30px 65px;

}

.ma_b2s8m_li {

    padding: 0 30px;

    float: left;

    width: 33.333333%;

}

.ma_b2s8ml_a {

    display: block;

    box-shadow: 0px 9px 17.28px 0.72px rgba(138, 138, 138, 0.1);

}



.ma_b2s8mla_d1 {

    position: relative;

}

.ma_b2s8mla_d1 .ma_in1s3_li1atp3 {

    position: absolute;

    top: 16px;

    right: 10px;

    z-index: 3;

}

.ma_b2s8mla_d2 {

    padding: 30px 25px 20px;

    height: 240px;

}

.ma_b2s8mla_d2 .ma_b2s8mlad2_p1 {

    font-size: 14px;

    color: #999;

    margin-bottom: 20px;

}



.ma_b2s8mla_d2 .ma_b2s8mlad2_p2 {

    font-size: 18px;

    color: #333;

    line-height: 1.75;

    max-height: 63px;

    overflow: hidden;

    margin-bottom: 10px;

    transition: all 0.36s;

}



.ma_b2s8mla_d2 .ma_b2s8mlad2_p3 {

    font-size: 16px;

    color: #999;

    line-height: 1.75;

    height: 84px;

    overflow: hidden;

}



/* b1 */

.ma_nyban1txtp {

    padding-left: 90px;

    position: relative;

}



.ma_nyban1tpbp1 {

    font-size: 40px;

    font-weight: bold;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 30px;

}



.ma_nyban1tpbp2 {

    font-size: 20px;

    color: #fff;

    line-height: 1.75;

    margin-bottom: 85px;

}



.ma_nyban1btn2box .ma_btn2 {

    margin-right: 15px;

    background: #fff;

}



.ma_nyban1btn2box .ma_btn2 a {

    color: #333;

}



.ma_nyban1imgbox {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 235px;

}



.ma_nyban1imgbox .ma_banimg {

    top: auto;

}



.ma_whatbox {

    background: #f8f8f8;

    padding: 90px 0 120px;

}



.ma_whatl {

    width: calc(100% - 570px);

    padding-right: 210px;

}



.ma_whatr {

    width: 570px;

}



.ma_whatl p {

    font-weight: bold;

    color: #49b7c1;

    line-height: 1.5;

    margin-bottom: 20px;

}



.ma_whatl_input {

    width: calc(100% - 95px);

    height: 50px;

    border-radius: 5px;

    overflow: hidden;

    border: 1px solid #d7e5f4;

    background: #fff;

}



.ma_whatl_input input {

    width: 100%;

    height: 100%;

    padding: 0 20px;

    font-size: 16px;

}



.ma_whatl_btn button {

    width: 80px;

    height: 50px;

    display: block;

    text-align: center;

    line-height: 50px;

    background: #49b7c1;

    border-radius: 5px;

}



.ma_whatl_btn button img {

    width: 22px;

}



.ma_whatr_ul {

    margin: 0 -30px;

}



.ma_whatr_li {

    padding: 0 30px;

    float: left;

    width: 33.333333%;

}



.ma_whatr_lia {

    display: block;

}



.ma_whatrla_img {

    padding-bottom: 35px;

    margin-bottom: 22px;

    border-bottom: 1px solid #bccbdb;

}



.ma_whatrla_img img {

    width: 40px;

}



.ma_whatr_lia p {

    font-size: 16px;

    color: #334c5c;

    transition: all 0.36s;

}

.ma_b1s1 {

    padding: 120px 0 75px;

}

.ma_b1s1m_top {

    margin-bottom: 40px;

}

.ma_b1s1mtr_list {

    margin-left: 10px;

    width: 175px;

    position: relative;

    float: left;

}

.ma_b1s1mtrl_t {

    padding: 0 12px;

    border-radius: 5px;

    border: 1px solid #dcdcdc;

    overflow: hidden;

    cursor: pointer;

}

.ma_b1s1mtrl_t p {

    line-height: 30px;

    color: #999;

    font-size: 14px;

    float: left;
    height: 30px;
    overflow: hidden;
    width: calc(100% - 14px);

}

.ma_b1s1mtrl_ic {

    width: 14px;

    line-height: 30px;

    float: right;

}

.ma_b1s1mtrl_ic img {

    transition: all 0.36s;

}

.ma_b1s1mtrl_btm {

    position: absolute;

    top: 33px;

    left: 0;

    width: 100%;

    padding: 14px;

    border-radius: 5px;

    border: 1px solid #dcdcdc;

    display: none;

    z-index: 10;

    background: #fff;

}

.ma_b1s1mtrl_btm p {

    font-size: 14px;

    color: #999;

    line-height: 1.75;

    cursor: pointer;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}



.ma_b1s1mtr_list.on .ma_b1s1mtrl_ic img {

    transform: rotate(180deg);

}

.ma_b1s1mt_r {

    padding-top: 10px;

}

.ma_b1s1m_t {

    margin-bottom: 40px;

}

.ma_b1s1_ulbox {

    padding: 10px;

    margin-bottom: 45px;

}

.ma_b1s1_ul {

    margin: 0 -15px;

}

.ma_b1s1_li {

    padding: 0 15px;

    float: left;

    width: 33.333333%;

    margin-bottom: 45px;

}

.ma_b1s1l_d {

    box-shadow: 0px 3px 9.46px 1.54px rgba(135, 135, 135, 0.18);

}

.ma_b1s1la_img {

    position: relative;

    background: #f4f5f7;

}

.ma_b1s1la_img .ma_in1s1li2_ax {

    top: 20px;

    right: 20px;

}

.ma_b1s1la_sg {

    position: absolute;

    bottom: 20px;

    right: 20px;

    z-index: 3;

}

.ma_b1s1la_sglist {

    display: inline-block;

    width: 24px;

    position: relative;

    margin-left: 20px;

    cursor: pointer;

}

.ma_b1s1la_sglist.on .ma_pchdma1m_img1 {

    opacity: 0;

}



.ma_b1s1la_sglist.on .ma_pchdma1m_img2 {

    opacity: 1;

}

.ma_b1s1l_a {

    padding: 40px 32px 34px;

    display: block;

    height: 200px;

    background: #fff;

}

.ma_b1s1l_ap1 {

    font-size: 20px;

    color: #333;

    line-height: 1.5;

    max-height: 60px;

    overflow: hidden;

    margin-bottom: 10px;

    transition: all 0.36s;

}

.ma_b1s1l_ap2 {

    font-size: 16px;

    color: #999;

    line-height: 1.75;

    height: 56px;

    overflow: hidden;

}

.ma_b8s1 {

    padding: 100px 0 75px;

}

.ma_b8s1 .ma_b2t {

    margin-bottom: 85px;

}

.ma_b8s1_main {

    text-align: center;

}

.ma_b8s2 {

    padding: 225px 0 255px;

}

.ma_b8s2_main {

    padding: 0 210px 0 60px;

}

.ma_b8s2_main .ma_b8s2_mainp2 {

    font-size: 18px;

    color: #666;

    line-height: 1.75;

}

.ma_b8s2_main .ma_b2t {

    margin-bottom: 20px;

    text-align: left;

}

.ma_b8s3m_li1 {

    padding: 140px 0 130px;

}



.ma_b8s3m_li1 .ma_b2s2ml_a {

    display: flex;

    align-items: center;

    flex-flow: row-reverse;

}

.ma_b8s3m_li1 .ma_b2s2ml_ar {

    padding-left: 80px;

}

.ma_b8s7_ulbox {

    padding: 0 100px;

    margin-bottom: 55px;

}

.ma_b8s7_ulbox .ma_b2s7_li {

    width: 33.333333%;

    padding: 0 85px;

}

.ma_b8s7_ulbox .ma_b2s7_ul {

    margin: 0 -85px;

}

.ma_b8s7 {

    padding: 105px 0;

    background: #f6f6f6;

}

/* c1 */

.ma_nyban2 .ma_bantxt p {

    font-size: 30px;

    color: #fff;

    text-align: center;

    position: relative;

    z-index: 2;

}



.ma_nyban2 .ma_bantxt::before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 50%;

    transform: translateX(-50%);

    width: 45px;

    height: 2px;

    background: #fff;

}



.ma_nyban2 .ma_bantxt img {

    width: 290px;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

    max-width: none;

}

.ma_c1s1 {

    padding: 60px 0 105px;

}

.ma_c1s1xxk {

    margin-bottom: 80px;

}

.ma_c1s1_ulbox {

    padding: 10px;

    margin-bottom: 85px;

}

.ma_c1s1l_a {

    display: table;

    width: 100%;

    padding: 40px;

    border-bottom: 1px dashed #e5e5e5;

    transition: all 0.36s;

}

.ma_c1s1la_l,

.ma_c1s1la_r {

    display: table-cell;

    vertical-align: middle;

}

.ma_c1s1la_l {

    width: 471px;

}

.ma_c1s1lal_imgbox {

    position: relative;

}

.ma_c1s1la_r {

    width: calc(100% - 417px);

    padding: 20px 0;

    padding-left: 60px;

}

.ma_c1s1la_r .ma_c1s1lar_p1 {

    font-size: 20px;

    color: #333;

    line-height: 1.5;

    margin-bottom: 25px;

    transition: all 0.36s;

}

.ma_c1s1la_r .ma_c1s1lar_p2 {

    font-size: 16px;

    color: #999;

    line-height: 1.75;

    margin-bottom: 30px;

}

.ma_c1s1la_r .ma_btn3 {

    margin: 0;

}



.ma_c1s1la_r .ma_btn3 p {

    color: #333;

    background: transparent;

    transition: all 0.36s;

}

.ma_d1s1 {

    padding-bottom: 100px;

}

.ma_d1_main {

    margin-top: -50px;

    position: relative;

    z-index: 2;

}

.ma_d1s1m_t {

    border-radius: 10px;

    margin-bottom: 80px;

    box-shadow: 0px 9px 14.88px 1.12px rgba(0, 0, 0, 0.07);
    position: relative;

}

.ma_d1s1mt_n p {

    font-size: 20px;

    font-weight: bold;

    color: #333;

    line-height: 50px;

    padding: 0 65px;

}

.ma_d1s1mt_n {

    background: #fff;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    display: inline-block;

}

.ma_d1s1mt_m {

    border-radius: 10px;

    padding: 30px 40px;

}

.ma_d1s1mt_m .ma_b1s1mt_r {

    padding-top: 0;

}



.ma_d1s1mt_m .ma_b1s1mtr_list {

    margin-right: 10px;

    margin-left: 0;

    width: 240px
}



.ma_b1s1mtr_list:last-child {

    height: 32px;

    border-radius: 5px;

    border: 1px solid #dcdcdc;

}



.ma_b1s1mtr_list:last-child input {

    width: 100%;

    height: 100%;

    padding: 0 20px;

}



.ma_d1s1mt_m .ma_whatl_btn button {

    width: 100px;

    height: 32px;

    line-height: 32px;

}



.ma_d1s1m_ul {

    margin: 0 -8px 75px;

    position: relative;

}

.ma_d1s1m_li {

    padding: 0 8px;

    float: left;

    width: 25%;

    position: absolute;

}

.ma_d1s1ml_d {

    position: relative;

    overflow: hidden;

    cursor: pointer;

}

.ma_d1s1ml_d::before {

    content: "";

    position: absolute;

    top: 70%;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, transparent, #000);

    z-index: 1;

    opacity: 0;

    transition: all 0.36s;

}

.ma_d1s1ml_txt {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 10px 25px;

    opacity: 0;

    transition: all 0.36s;

    z-index: 2;

}

.ma_d1s1ml_txt p {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_b3s1 {

    padding: 70px 0 60px;

    background: #040404;

}

.ma_b3s1_main {

    padding: 0 90px;

}

.ma_b3s1_ul {

    margin: 0 -120px;

}

.ma_b3s1_li {

    padding: 0 120px;

    float: left;

    width: 25%;

}

.ma_b3s2_li {

    position: relative;

}

.ma_b3s2_litxt {

    text-align: center;

    width: 680px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 47%;

}

.ma_b3s2_litxt .ma_fs36 {

    color: #fff;

    font-weight: bold;

    margin-bottom: 18px;

}

.ma_b3s2_litxt .ma_b3s2_ltp2 {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

}

.ma_b3s2_li2 .ma_b3s2_litxt {

    text-align: left;

    left: 38%;

}

.ma_b3s2_li3 .ma_b3s2_litxt {

    width: 1100px;

}

.ma_b3s2_li3 .ma_b3s2_litxt .ma_b3s2_ltp2 {

    text-align: center;

}

.ma_b3s3 {

    padding: 70px 0 135px;

}

.ma_b3s3t p {

    text-align: center;

    color: #fff;

    font-size: 26px;

    font-weight: bold;

}

.ma_b3s3t {

    margin-bottom: 30px;

}

.ma_b3top {

    position: fixed;

    bottom: 0;

    right: 260px;

    width: 50px;

    line-height: 30px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    background: #2e2f2f;

    transition: all 0.36s;

    text-align: center;

    cursor: pointer;

}

.ma_b3top img {

    width: 16px;

}



.ma_tab2 {

    width: 860px;

    margin: 0 auto;

    margin-bottom: 90px;

}

.ma_tab2 td p {

    font-size: 18px;

    color: #fff;

    line-height: 1.5;

    padding: 20px;
    height: 68px;
    overflow: hidden;

    border-bottom: 1px solid #cdcdcd;

}

.ma_tab2td1 {

    width: 260px;

}

.ma_tab2 .ma_tab2td1 p {

    font-weight: bold;

}

.ma_tab2tr1 td p {

    border: 1px solid #cdcdcd;

    background: #ff7e00;

}



.ma_tab2tr1 td:first-child p {

    border-right: none;

}



.ma_tab2tr1 td:last-child p {

    border-left: none;

}

.ma_btn4 a {

    display: block;

    background: #fff;

    line-height: 45px;

    color: #333;

    padding: 0 28px;

    font-size: 14px;

    transition: all 0.36s;

}

.ma_btn4 {

    border-radius: 25px;

    overflow: hidden;

    display: inline-block;

}

.ma_b4_main {

    background: #040404;

}

.ma_b4_main .ma_b1s1m_t .ma_fs36 {

    color: #fff;

}

.ma_btop {

    margin-top: 110px;

    background: #040404;

}

.ma_btop .ma_section {

    padding-left: 60px;

    padding-right: 60px;

}

.ma_b5s1 {

    padding: 50px 0 110px;

}

.ma_b5s1m_l {

    width: 500px;

}

.ma_b5s1m_r {

    width: calc(100% - 500px);

    padding-left: 30px;

}

.ma_b5s1mll1_d {

    position: relative;
    width: 450px;
}

.ma_b5s1ml_ul1 {

    margin: 0 -10px 50px;

}

.ma_b5s1ml_li1 {

    padding: 0 10px;

    float: left;

    width: 100%;

}

.ma_b5s1ml_li1:not(:first-child),

.ma_b5s1ml_li2:not(:first-child) {

    display: none;

}

.ma_b5s1ml_ul2 {

    margin: 0 -10px;

}

.ma_b5s1ml_li2 {

    padding: 0 10px;

    float: left;

    width: 25%;
    cursor: pointer;

}

.ma_b5s1mll_d {

    position: relative;

}

.ma_b5s1m_rt .ma_b5s1m_rtp1 {

    color: #ff7e00;

    font-size: 26px;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 10px;

}

.ma_b5s1m_rt .ma_b5s1m_rtp2 {

    font-size: 16px;

    color: #ff7e00;

    line-height: 1.75;

}

.ma_b5s1m_rt {

    margin-bottom: 45px;

}

.ma_b5s1m_rm .ma_b5s1m_rp1 {

    font-size: 16px;

    color: #a8abb4;

    opacity: 0.6;

    margin-bottom: 18px;

}

.ma_b5s1m_rm .ma_b5s1m_rp2 {

    font-size: 16px;

    color: #a8abb4;

    line-height: 1.75;

    margin-bottom: 20px;

}



.ma_b5s1m_rm .ma_b5s1m_rp3 {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 20px;

}



.ma_b5s1m_rm .ma_b5s1m_rp4 {

    font-size: 18px;

    color: #a8abb4;

    font-weight: bold;

    margin-bottom: 30px;

    border-bottom: 1px solid #a8abb4;

    display: inline-block;

}

.ma_b5s1m_rul {

    padding-left: 35px;

    margin-bottom: 45px;

}



.ma_b5s1m_rul .ma_b5s1m_rp5 {

    font-size: 16px;

    color: #a8abb4;

    line-height: 1.75;

    margin-bottom: 6px;

    position: relative;

}



.ma_b5s1m_rul .ma_b5s1m_rp5::before {

    content: "";

    position: absolute;

    top: 12px;

    left: -20px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #a8abb4;

}

.ma_b5s1m_rli:last-child .ma_b5s1m_rp5 {

    margin-bottom: 0;

}

.ma_b5s1m_rm6 {

    margin-bottom: 6px;

}

.ma_b5s1m_rm6:last-child {

    margin-bottom: 0;

}

.ma_b5s1m_rm6l,

.ma_b5s1m_rm6r {

    width: 50%;

}

.ma_b5s1m_rm6r {

    position: relative;

}

.ma_b5s1m_rm6l p {

    line-height: 50px;

    color: #a8abb4;

    font-size: 18px;

}

.ma_b5s1m_rm6rt {

    border-radius: 10px;

    background: rgba(226, 226, 226, .1);

    padding: 0 14px;

    cursor: pointer;

}

.ma_b5s1m_rm6rt p {

    font-size: 16px;

    color: #e8e8e8;

    line-height: 50px;

}

.ma_b5s1m_rm6rbtm {

    position: absolute;

    top: 52px;

    left: 0;

    width: 100%;

    padding: 14px;

    border-radius: 10px;

    background: #1b1b1b;

    display: none;

    z-index: 10;

}

.ma_b5s1m_rm6rbtm p {

    font-size: 16px;

    color: #e8e8e8;

    line-height: 1.75;

    cursor: pointer;

    margin-top: 5px;

}



.ma_b5s1m_rm6rbtm p:last-child {

    margin-top: 0;

}

.ma_b5s1m_rm6box {

    margin-bottom: 75px;

}

.ma_b5s2m_t {

    border-bottom: 2px solid #1b1b1b;

}

.ma_b5s2mt_li {

    float: left;

    padding: 0 40px;

    border: 2px solid transparent;

    transition: all 0.36s;

    border-bottom: none;

    cursor: pointer;

}

.ma_b5s2mt_li p {

    color: #f77c00;

    font-size: 16px;

    line-height: 60px;

}

.ma_b5s2mt_li.act {

    border-color: #1b1b1b;

}



.ma_b5s2mml_t {

    padding: 0 35px 30px;

}

.ma_b5s2mml_t p {

    font-size: 18px;

    color: #fff;

}
.l_b5s2p p{
    display: none;
}

.ma_b5s2m_mlist:not(:first-child) {

    display: none;

}

.ma_b5s2m_mlist1 {
    padding: 60px 0 55px;
}

.ma_b5s2m_mlist2 {

    padding: 40px 0;

}

.ma_b5s2m_mlist2 .ma_tab2 {

    margin-bottom: 0;

}

.ma_b5s2mml1_m {

    text-align: center;

    padding: 0 167px;

}

.ma_b5s2mml1m_video1 {

    margin-bottom: 80px;

}

.ma_b5s2mml1m_t {

    text-align: center;

    margin-bottom: 60px;

}

.ma_b5s2mml1m_tp1 {

    font-size: 26px;

    color: #fff;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 20px;

}

.ma_b5s2mml1m_tp2 {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

    text-align: left;

}

.ma_b5s2mml1m_video2 {

    margin-bottom: 70px;

}

.ma_b5s2mml1m_m p {

    font-size: 16px;

    color: #fff;

    text-align: left;

}

.ma_b5s2mml1m_mp1 {

    margin: 15px 0 30px;

}

.ma_b5s2mml1m_mp1:last-child {

    margin-bottom: 0;

}

.ma_b5s2mml1m_m {

    margin-bottom: 80px;

}

.ma_b5s2mml1m_m a {

    margin-bottom: 0;

}

.ma_b5s2m_mlist3 {

    padding: 40px 0 20px;

}

.ma_b5s2mml_t2 p {

    font-size: 26px;

    color: #fff;

    text-align: center;

    font-weight: bold;

}

.ma_b5s2mml_t2 {

    margin-bottom: 80px;

}

.ma_b5s2m_mlulbox {

    padding: 0 45px;

}

.ma_b5s2m_mlul {

    margin: 0 -22px;

}

.ma_b5s2m_mlli {

    float: left;

    padding: 0 22px;

    width: 50%;

    margin-bottom: 30px;

}

.ma_b5s2m_mllid_img {

    position: relative;

    margin-bottom: 20px;

    overflow: hidden;

}

.ma_b5s2m_mllid .ma_b5s2m_mllid_p {

    font-size: 16px;

    color: #fff;

}

.ma_b5s2m_mlist4 {

    padding: 40px 0 85px;

}

.ma_b5s2mml4_m {

    padding: 0 25px;

}

.ma_b6s1 {

    padding: 40px 0 115px;

}

.ma_b6s1m_t .ma_fs30 {

    color: #fff;

    font-weight: bold;

    text-align: center;

}

.ma_b6s1m_t {

    margin-bottom: 40px;

}

.ma_b6s1m_ulbox {

    padding: 10px;

}

.ma_b6s1m_ul {

    margin: 0 -20px;

}

.ma_b6s1m_li {

    padding: 0 20px;

    float: left;

    width: 33.333333%;

    margin-bottom: 45px;

}

.ma_b6s1ml_a {

    display: block;

    box-shadow: 0px 3px 23.78px 5.22px rgba(0, 0, 0, 0.1);

}

.ma_b6s1mla_img {

    position: relative;

}

.ma_b6s1mla_txt {

    padding: 30px 35px;

    background: #fff;

}

.ma_b6s1mla_txt .ma_b6s1mlat_p {

    font-size: 20px;

    color: #333;

    line-height: 1.5;

    height: 60px;

    overflow: hidden;

    margin-bottom: 10px;

    transition: all 0.36s;

}

.ma_b6s1mla_txt .ma_b6s1mlat_p2 {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

    height: 56px;

    overflow: hidden;

    margin-bottom: 12px;

}

.ma_b6s1mla_txt .ma_b6s1mlat_p3 {

    display: inline-block;

    font-size: 16px;

    color: #333;

    line-height: 1.5;

    position: relative;

}

.ma_b6s1mla_txt .ma_b6s1mlat_p3::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 120%;

    width: 70px;

    height: 1px;

    background: #e0e0e0;

}

.ma_in1s1ld_r2 {

    position: absolute;

    width: 55px;

    height: 55px;

    top: 50%;

    left: 50%;

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

    z-index: 3;

}

.ma_b6s1m_ulbox {

    margin-bottom: 50px;

}

.ma_b6s1_main {

    margin-bottom: 115px;

}

.ma_b6s1d2_mlul {

    margin: 0 -35px;

}

.ma_b6s1d2_mlli {

    padding: 0 35px;

    float: left;

    width: 50%;

    margin-bottom: 35px;

}

.ma_b6s1d2_mlli .ma_b5s2m_mllid_p {

    padding-left: 14px;

}

.ma_b5s2m_mllid {

    display: block;

}

.ma_b7s1 {

    padding: 75px 0 65px;

}

.ma_b7s1m_l,

.ma_b7s1m_r {

    width: 50%;

}

.ma_b7s1m_l {

    padding-right: 130px;

}

.ma_b7s1m_r {

    padding-right: 30px;

}

.ma_b7s1ml_img {

    margin-bottom: 40px;

}

.ma_b7s1ml_p p {

    font-size: 20px;

    color: #fff;

    opacity: 0.6;

    line-height: 1.75;

    margin-bottom: 10px;

}



.ma_b7s1ml_p p:last-child {

    margin-bottom: 0;

}

.ma_b7s1ml_p {

    margin-bottom: 40px;

}

.ma_b7s1ml_a {

    display: block;

}

.ma_b7s1mla_icon {

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50%;

    background: #363636;

}

.ma_b7s1mla_icon img {

    width: 24px;

}

.ma_b7s1mla_p {

    width: calc(100% - 38px);

    padding-left: 12px;

}

.ma_b7s1mla_p p {

    font-size: 20px;

    line-height: 38px;

    color: #fff;

    transition: all 0.36s;

}

.ma_b7s1mri_p p {

    font-size: 18px;

    color: #fff;

    opacity: 0.6;

    line-height: 1.5;

}

.ma_b7s1mri_p {

    margin-bottom: 5px;

}

.ma_b7s1mri_input {

    height: 45px;

    padding: 0 20px;

    background: #1e1e1e;

}

.ma_b7s1mri_input input {

    width: 100%;

    height: 100%;

    color: #fff;

    font-size: 16px;

}

.ma_b7s1mr_inputbox {

    margin-bottom: 20px;

}

.ma_b7s1mr_inputbox:last-child {

    margin-bottom: 20px;

}

.ma_b7s1mr_inputbox2 .ma_b7s1mri_input {

    height: 150px;

    background: #1e1e1e;

    padding: 20px;

}



.ma_b7s1mr_inputbox2 .ma_b7s1mri_input textarea {

    width: 100%;

    height: 100%;

    resize: none;

    color: #fff;

    font-size: 16px;

}

.ma_b7s1mr_btnbox {

    width: 95px;

}

.ma_b7s1mr_btnbox button {

    display: block;

    width: 100%;

    border-radius: 25px;

    overflow: hidden;

}



.ma_b7s1mr_btnbox button p {

    line-height: 45px;

    background: #fff;

    color: #333;

    text-align: center;

    font-size: 18px;

    transition: all 0.36s;

}

.viewer-backdrop {

    background-color: #333333;

}



.viewer-navbar {

    background-color: #333333;

}

.viewer-title {

    font-size: 16px;

    opacity: 1;

    overflow: initial;

    display: block;

    text-align: left;

    margin-bottom: 20px;

}

.ma_d3s1 {

    padding: 65px 0 85px;

}

.ma_d3s1mt_m {

    padding: 0;

    margin-bottom: 70px;

}

.ma_d3s1m_ulbox {

    padding: 10px;

    margin-bottom: 30px;

}

.ma_d3s1m_ul {

    margin: 0 -25px;

}

.ma_d3s1m_li {

    float: left;

    width: 25%;

    padding: 0 25px;

    margin-bottom: 40px;

}

.ma_d3s1ml_a {

    display: block;

    transition: all 0.36s;

}

.ma_d3s1mla_img {

    position: relative;

    overflow: hidden;

}

.ma_d3s1mla_txt {

    position: absolute;

    bottom: -50%;

    left: 0;

    width: 100%;

    padding: 30px 25px;

    z-index: 3;

    background: rgba(75, 189, 199, 0.82);

    transition: all 0.5s;

}

.ma_d3s1mla_txt .ma_d3s1mlat_p {

    color: #fff;

    font-size: 18px;

    line-height: 1.5;

    margin-bottom: 12px;

}

.ma_d3s1mla_txt .ma_d3s1mlat_p2 {

    color: #fff;

    font-size: 14px;

    line-height: 1.75;

}

.ma_d3s1mla_txt2 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 15px 0;

    z-index: 3;

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

    transition: all 0.36s;

}

.ma_d3s1mla_txt2 p {

    text-align: center;

    color: #fff;

    font-size: 18px;

}

.ma_d4_main {

    margin-top: 110px;

}

.ma_d4s1 {

    padding: 155px 0 90px;

}

.ma_d4s1_main {

    display: table;

}

.ma_d4s1m_l,

.ma_d4s1m_r {

    display: table-cell;

    vertical-align: middle;

}

.ma_d4s1m_l {

    width: 590px;

    padding-left: 40px;

}

.ma_d4s1m_r {

    width: calc(100% - 590px);

}

.ma_d4s1m_limg {

    position: relative;

}

.ma_d4s1m_limg img {

    position: relative;

    z-index: 2;

}

.ma_d4s1m_limg::before {

    content: "";

    position: absolute;

    top: -40px;

    left: -40px;

    width: 100%;

    height: 100%;

    background: #7fd0d7;

    z-index: 1;

}

.ma_d4s1m_r {

    padding: 20px 100px 20px 135px;

}

.ma_d4s1m_r .ma_d4s1m_rp1 {

    color: #333;

    line-height: 1.5;

    margin-bottom: 25px;

}

.ma_d4s1m_r .ma_d4s1m_rp2 {

    color: #333;

    line-height: 1.75;

    font-size: 20px;

    margin-bottom: 25px;

}



.ma_d4s1m_rp3 p {

    color: #666;

    line-height: 1.75;

    font-size: 16px;

}

.ma_d4s2 {

    padding-bottom: 120px;

}

.ma_nyban4 .ma_ban_li::before {

    display: none;

}



.ma_nyban4 .ma_bantxt p {

    color: #333;

}

.ma_nyban4 .ma_bantxt::before {

    background: #333;

}

.ma_top100 {

    margin-top: -100px;

    position: relative;

    z-index: 10;

}

.ma_e1s1_main {

    padding: 60px 60px 110px;

    background: #fff;

    box-shadow: 0px 9px 32.8px 7.2px rgba(138, 138, 138, 0.1);

}

.ma_e1s1 {

    margin-bottom: 120px;

}

.ma_e1s1xxk {

    margin-bottom: 60px;

}

.ma_xxk2_li {

    float: left;

    margin-right: 30px;

}

.ma_xxk2l_a {

    display: block;

    padding: 8px 12px;

    color: #333;

    font-size: 16px;

    transition: all 0.36s;

}



.ma_xxk2_li.act .ma_xxk2l_a {

    background: #4bbdc7;

    color: #fff;

}

.ma_e1s1xxk2 {

    margin-bottom: 60px;

}

.ma_e1s1_ulbox {

    padding: 10px;

    margin-bottom: 35px;

}

.ma_e1s1_ul {

    margin: 0 -20px;

}

.ma_e1s1_li {

    padding: 0 20px;

    float: left;

    width: 25%;

    margin-bottom: 45px;

}

.ma_e1s1l_a {

    display: block;

    padding: 25px;

    position: relative;

    box-shadow: 0px 3px 9.46px 1.54px rgba(135, 135, 135, 0.18);

}

.ma_e1s1l_a::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to right, #4bbdc7, #229da8);

    opacity: 0;

    transition: all 0.36s;

}

.ma_e1s1la_d1 {

    text-align: right;

    margin-bottom: 25px;

}

.ma_e1s1la_d1img {

    display: inline-block;

    width: 20px;

    position: relative;

}

.ma_e1s1la_txt p {

    font-size: 18px;

    color: #333;

    line-height: 1.75;

    height: 94px;

    overflow: hidden;

    transition: all 0.36s;

}

.ma_e1s1la_txt {

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}

.ma_e1s1lab_l p {

    font-size: 14px;

    color: #999;

    transition: all 0.36s;

}

.ma_e1s1labr_r p {

    font-size: 14px;

    color: #4bbdc7;

    transition: all 0.36s;

}

.ma_e1s1labr_limg {

    width: 11px;

    height: 11px;

    position: relative;

    margin-right: 10px;

}

.ma_e1s1labr_limgbg {

    top: -2px;

}

.ma_e1s1lab_r {

    padding: 0 8px 5px;

    border-bottom: 1px solid #4bbdc7;

    transition: all 0.36s;

}

.ma_e1s1la_btm {

    position: relative;

    z-index: 2;

}

.ma_e2s1_ulbox {

    margin-bottom: 70px;

}

.ma_e2s1mt_m {

    padding: 0;

    margin-bottom: 60px;

}

.ma_e2s1mt_m .ma_b1s1mtr_list {

    width: 400px;

}

.ma_e2s1 {

    margin-bottom: 100px;

}

.ma_e2s1_li {

    margin-bottom: 30px;

}

.ma_e2s1_li:last-child {

    margin-bottom: 0;

}

.ma_e2s1l_t {

    display: block;

    padding: 10px 40px 10px 70px;

    background: #f7f7f7;

}

.ma_e2s1lt_l {

    width: calc(100% - 100px);

}

.ma_e2s1lt_r {

    width: 100px;

}

.ma_e2s1ltl_p1 {

    width: 30px;

    height: 30px;

    text-align: center;

    transition: all 0.36s;

    border-radius: 50%;

    border: 1px solid #666;

    transition: all 0.36s;

}

.ma_e2s1ltl_p1 p {

    line-height: 30px;

    color: #666;

    font-size: 22px;

    transition: all 0.36s;

    font-family: "Helvetica Narrow";

}

.ma_e2s1ltl_p2 {

    width: calc(100% - 30px);

    padding: 0 25px;

}

.ma_e2s1ltl_p2 p {

    font-size: 16px;

    color: #333;

    line-height: 30px;

    transition: all 0.36s;

    height: 30px;

    overflow: hidden;

}

.ma_e2s1lt_r p {

    font-size: 14px;

    color: #666;

    transition: all 0.36s;

    line-height: 32px;

}

.ma_e2s1lt_rs {

    display: inline-block;

    font-size: 20px;

    margin-left: 10px;

    position: relative;

    top: 2px;

}

.ma_e3s1 {

    margin-bottom: 110px;

}

.ma_e3s1 .ma_e3s1_main {

    padding: 90px 85px 110px;

}

.ma_e3s1m_tl .ma_e3s1mtl_p1 {

    font-size: 26px;

    color: #333;

    line-height: 1.5;

    margin-bottom: 35px;

}

.ma_e3s1mtl_p2box .ma_e3s1mtl_p2 {

    display: inline-block;

    color: #999;

    font-size: 16px;

    margin-right: 50px;

}

.ma_e3s1m_tra {

    display: inline-block;

    width: 130px;

    line-height: 45px;

    text-align: center;

    background: #4bbdc7;

    color: #fff;

    font-size: 16px;

}

.ma_e3s1m_t {

    margin-bottom: 40px;

}

.ma_e3s1m_m p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}

.ma_e3s1m_m .ma_e3s1m_mp1 {

    text-align: center;

}

.ma_e3s1_m {

    margin-bottom: 80px;

}

.ma_e4s1 {

    margin-bottom: 105px;

}

.ma_e4s1m_t p {

    font-size: 26px;

    color: #333;

    line-height: 1.5;

}

.ma_e4s1m_t {

    margin-bottom: 30px;

}

.ma_e4s1m_p p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}

.ma_e4s1m_p .ma_e4s1m_p1 {

    margin-bottom: 30px;

}

.ma_e4s1m_p .ma_e4s1m_p2 {

    color: #4bbdc7;

}

.ma_e4s1xxk2 {

    margin-bottom: 45px;

}

.ma_e5s1_main {

    padding: 60px 50px 125px;

}

.ma_e5s1 {

    margin-bottom: 125px;

}

.ma_e5s1m_input {

    margin: 0 -11px;

}

.ma_e5s1m_input1 {

    margin-bottom: 30px;

}

.ma_e5s1m_inlistbox {

    padding: 0 11px;

    float: left;

}

.ma_e5s1m_input1 .ma_e5s1m_inlistbox {

    width: 50%;

}



.ma_e5s1m_inlist {

    border: 1px solid #ccc;

    padding: 0 35px;

    display: block;

    width: 100%;

}

.ma_e5s1m_input1 .ma_e5s1mil_p {

    width: 70px;

}

.ma_e5s1mil_p p {

    font-size: 16px;

    color: #666;

    line-height: 50px;

}

.ma_e5s1m_input1 .ma_e5s1mil_in {

    width: calc(100% - 70px);

}

.ma_e5s1mil_in {

    height: 50px;

}

.ma_e5s1mil_in input {

    width: 100%;

    height: 100%;

    font-size: 16px;

    padding-left: 20px;

}

.ma_e5s1mil_p {

    position: relative;

}

.ma_e5s1m_inlistboxbt .ma_e5s1mil_p::before {

    content: "*";

    position: absolute;

    top: 57%;

    transform: translateY(-50%);

    right: 0;

    color: #ea6262;

    font-size: 20px;

}

.ma_e5s1m_input2 .ma_e5s1m_inlistbox {

    width: 33.333333%;

}

.ma_e5s1m_input2 .ma_e5s1m_inlist {

    cursor: pointer;

}

.ma_e5s1min2_p {

    float: left;

    width: calc(100% - 12px);

    padding-right: 20px;

    height: 50px;

    overflow: hidden;

}

.ma_e5s1milpimg {

    width: 12px;

    line-height: 50px;

    transition: all 0.36s;

}

.ma_e5s1m_inlistbox.on .ma_e5s1milpimg {

    transform: rotate(180deg);

}

.ma_e5s1m_input2 .ma_e5s1m_inlist {

    position: relative;

}

.ma_e5s1m_input2 .ma_e5s1min2_btm,

.ma_g6s1inlistbox .ma_e5s1min2_btm {

    position: absolute;

    top: 52px;

    left: 0;

    width: 100%;

    padding: 20px 35px;

    border: 1px solid #ccc;

    z-index: 5;

    display: none;

    background: #fff;

}

.ma_e5s1m_input2 .ma_e5s1min2_btm p,

.ma_g6s1inlistbox .ma_e5s1min2_btm p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

    cursor: pointer;

}

.ma_e5s1m_input2 {

    margin-bottom: 50px;

}

.ma_e5s1mil_in3 {

    width: calc(100% - 70px);

    height: 290px;

}

.ma_e5s1mil_in3 textarea {

    width: 100%;

    height: 100%;

    resize: none;

    padding: 18px 20px;

    color: #666;

    font-size: 16px;

}

.ma_e5s1m_input3 {

    margin-bottom: 40px;

}

.ma_e5s1min4_l {

    width: 510px;

}

.ma_e5s1min4l_fl {

    width: calc(100% - 170px);

    height: 50px;

    border: 1px solid #e5e5e5;

    padding: 0 35px;

}

.ma_e5s1min4l_fl input {

    width: 100%;

    height: 100%;

    color: #333;

    font-size: 16px;

}

.ma_e5s1min4l_fr {

    width: 150px;

    line-height: 50px;

    border: 1px solid #e5e5e5;

    text-align: center;

}



.ma_e5s1min4_r button {

    display: block;

    width: 180px;

    line-height: 50px;

    background: #4bbdc7;

    color: #fff;

    font-size: 16px;

    text-align: center;

    border-radius: 25px;

}

.ma_f1s1 {

    padding: 50px 0 85px;

}

.ma_f1s1xxk {

    margin-bottom: 50px;

}

.ma_f1s1xxkr {

    width: 120px;

    border-left: 2px solid #4bbdc7;

    position: relative;

}

.ma_f1s1xxkrt {

    padding: 0 8px 0 25px;

    cursor: pointer;

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

}

.ma_f1s1xxkrt p {

    font-size: 16px;

    color: #666;

    line-height: 38px;

    float: left;

}

.ma_f1s1xxkrtimg {

    float: right;

    width: 15px;

    line-height: 38px;

    transition: all 0.36s;

}

.ma_f1s1xxkrbtm {

    position: absolute;

    top: 40px;

    left: 0;

    width: 100%;

    padding: 15px 20px;

    background: #fff;

    z-index: 5;

    display: none;

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

}

.ma_f1s1xxkrbtm a {

    font-size: 16px;

    color: #333;

    line-height: 1.75;

    transition: all 0.36s;

    display: block;

}

.ma_f1s1xxkrt.on .ma_f1s1xxkrtimg {

    transform: rotate(180deg);

}

.ma_f1s1m_ulbox2 {

    padding: 10px;

}

.ma_f1s1m_ulbox2 .ma_b2s8m_li {

    margin-bottom: 60px;

}

.ma_f1s1m_ulbox2 .ma_b2s8m_ul {

    margin: 0 -30px 0;

}

.ma_f1s1m_ulbox {

    margin-bottom: 50px;

}

.ma_f2s1 {

    padding: 115px 0 100px;

}

.ma_f2s1m_m .ma_e3s1m_t {

    margin-bottom: 20px;

}

.ma_e3s1m_m .ma_e3s1m_mcolor {

    font-weight: bold;

    color: #4bbdc7;

}

.ma_e3s1m_m a {

    color: #666;

}

.ma_f2s1m_m {

    margin-bottom: 100px;

}

.ma_pcfyl,

.ma_pcfyr {

    width: 40%;

}

.ma_pcfya {

    display: block;

}

.ma_pcfya {

    display: block;

}



.ma_pcfys2 {

    width: calc(100% - 20px);

}

.ma_pcfya .ma_pcfys1,

.ma_pcfya .ma_pcfys2 {

    line-height: 1.75;

    color: #333;

    font-size: 16px;

    transition: all 0.36s;

}



.ma_pcfya .ma_pcfys2 {

    height: 28px;

    overflow: hidden;

}

.ma_pcfy {

    position: relative;

}

.ma_pcfyc {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 22px;

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

}

.ma_g2s1_main {

    margin-top: -130px;

    position: relative;

    z-index: 10;

}

.ma_g2s1_top {

    display: table;

    width: 100%;

    margin-bottom: 100px;

}

.ma_g2s1t_l,

.ma_g2s1t_r {

    display: table-cell;

    vertical-align: middle;

}

.ma_g2s1t_l {

    width: calc(100% - 645px);

    position: relative;

}

.ma_g2s1t_l::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(34, 0, 27, 0.1);

}

.ma_g2s1t_r {

    width: 645px;

    background: #49b7c1;

    padding: 20px 40px;

}

.ma_g2s1t_r .ma_g2s1t_rp1 {

    font-size: 24px;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 34px;

}

.ma_g2s1t_rp2 p {

    font-size: 16px;

    color: #fff;

    line-height: 1.75;

    opacity: .8;

}

.ma_g2s1 {

    margin-bottom: 100px;

}

.ma_g2s8ml_t {

    padding-left: 50px;

    border-left: 2px solid #4bbdc7;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

}

.ma_g2s8mlt_l {

    width: calc(100% - 275px);

    padding-right: 20px;

}

.ma_g2s8mlt_l p {

    font-size: 24px;

    color: #333;

    line-height: 80px;

    transition: all 0.36s;

}

.ma_g2s8mlt_add {

    width: 245px;

}

.ma_g2s8mlt_add p {

    font-size: 16px;

    color: #666;

    line-height: 80px;

}

.ma_g2s8mlt_r {

    width: 30px;

    height: 80px;

    background: #4bbdc7;

    position: relative;

}

.ma_g2s8mlt_r::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 15px;

    height: 1px;

    background: #fff;

}



.ma_g2s8mlt_r::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 1px;

    height: 15px;

    background: #fff;

    transition: all 0.36s;

}

.ma_g2s8ml_btm {

    background: #f6fbfb;

    padding: 50px 400px 60px 50px;

}

.ma_g2s8m_li:not(:first-child) .ma_g2s8ml_btm {

    display: none;

}

.ma_g2s8mlb_d1 {

    margin-bottom: 40px;

}

.ma_g2s8mlb_d1 p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

    margin-bottom: 5px;

}



.ma_g2s8mlb_d1 p:last-child {

    margin-bottom: 0;

}

.ma_g2s8mlb_d1 .ma_g2s8mlb_d1p1 {

    font-size: 18px;

    color: #333;

}

.ma_g2s8mlb_p2 {

    font-size: 18px;

    color: #333;

    line-height: 1.75;

    margin-bottom: 45px;

}

.ma_g2s8mlb_a {

    display: block;

    width: 200px;

    text-align: center;

    line-height: 50px;

    background: #4bbdc7;

    color: #fff;

    font-size: 18px;

}

.ma_g2s8m_li {

    margin-bottom: 40px;

}

.ma_g2s8m_li:last-child {

    margin-bottom: 40px;

}

.ma_g2s8m_ul {

    margin-bottom: 85px;

}

.ma_g2s8ml_t {

    cursor: pointer;

}

.ma_g2s8m_li.act .ma_g2s8mlt_l p {

    color: #4bbdc7;

}

.ma_g2s8m_li.act .ma_g2s8mlt_r::after {

    opacity: 0;

}

.ma_g3s1 {

    padding: 80px 0 75px;

}

.ma_g3s1_ul {

    margin: 0 -50px;

}

.ma_g3s1_li {

    padding: 0 50px;

    float: left;

    width: 50%;

    margin-bottom: 55px;

}

.ma_g3s1l_d {

    padding-bottom: 18px;

    border-bottom: 1px solid #e2e2e2;

}

.ma_g3s1ld_l {

    width: 30px;

}

.ma_g3s1ld_r {

    width: calc(100% - 30px);

    padding-left: 30px;

}

.ma_g3s1ld_r .ma_g3s1ld_rp1 {

    color: #333;

    font-size: 24px;

    margin-bottom: 16px;

}

.ma_g3s1ld_r .ma_g3s1ld_rp2 {

    color: #666;

    font-size: 16px;

    line-height: 1.75;

}

.ma_g3s2 #container {

    height: 600px;

}

.ma_g3s2 {

    position: relative;

}

.ma_g3s2m {

    position: absolute;

    bottom: 60px;

    left: 50%;

    transform: translateX(-50%);

    width: 1200px;

    background: #fff;

    padding: 30px 0;

}

.ma_g3s2m_li {

    float: left;

    width: 33.333333%;

    padding: 16px 0 10px;

}

.ma_g3s2mld_img {

    text-align: center;

    margin-bottom: 18px;

}

.ma_g3s2mld_img img {

    width: 60px;

}

.ma_g3s2mld_txt {

    text-align: center;

}

.ma_g3s2mld_txt p,

.ma_g3s2mld_txt a {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}

.ma_g3s2m_li:nth-child(2) .ma_g3s2mld_img img {

    width: auto;

}



.ma_g3s2m_li:nth-child(2) .ma_g3s2mld_img {

    margin-bottom: 5px;

}

.ma_g3s2m_li:last-child {

    border-left: 1px solid #e2e2e2;

}



.ma_g3s2m_li:first-child {

    border-right: 1px solid #e2e2e2;

}

.ma_g4 .ma_ban_li::before {

    display: none;

}

.ma_g4s1 {

    padding: 185px 0 110px;

    background: #f6f6f6;

}

.ma_g4s1_t {

    margin-bottom: 65px;

    text-align: center;

}

.ma_g4s1_ulbox {

    padding: 10px 35px;

}

.ma_g4s1_ul {

    margin: 0 -18px;

}

.ma_g4s1_li {

    padding: 0 18px;

    float: left;

    width: 25%;

}

.ma_g4s1l_a {

    background: #fff;

    display: block;

    padding: 25px 22px 40px;

    box-shadow: 0px 9px 32.8px 7.2px rgba(138, 138, 138, 0.1);

}

.ma_g4s1la_p1 p {

    font-size: 18px;

    color: #333;

    line-height: 1.75;

    height: 63px;

    overflow: hidden;

}

.ma_g4s1la_p1 {

    margin-bottom: 14px;
    text-align: center;

}

.ma_g4s1la_img {

    text-align: center;

    margin-bottom: 45px;

}

.ma_g4s1la_img img {

    width: 228px;

}

.ma_g4s1la_p2 {

    font-size: 16px;

    color: #666;

    transition: all 0.36s;
    text-align: center;

}

.ma_g4s1la_ps {

    display: inline-block;

    margin-left: 5px;

    font-size: 20px;

    position: relative;

    top: 2px;

}

.ma_g4s2_t {

    background: #fff;

    box-shadow: 0px 9px 14.88px 1.12px rgba(0, 0, 0, 0.07);

}

.ma_g4s2ml {

    width: calc(100% - 835px);

}

.ma_g4s2m #container {

    height: 675px;

}

.ma_g4s2mr {

    width: 835px;

    padding: 30px 260px 70px 0;

    position: relative;

}

.ma_g4s2mr_ul {

    padding-left: 65px;

}

.ma_g4s2mr_li {

    border-top: 1px solid #d6d6d6;

}

.ma_g4s2mr_li:last-child {

    border-bottom: 1px solid #d6d6d6;

}

.ma_g4s2mrlt_img {

    width: 20px;

    position: relative;

}

.ma_g4s2mrlt_txt {

    width: calc(100% - 40px);

    padding: 0 14px;

    position: relative;

}

.ma_g4s2mrlt_txt p {

    font-size: 18px;

    line-height: 22px;

    color: #666;

    height: 22px;

    overflow: hidden;

    transition: all 0.36s;

}

.ma_g4s2mrl_t {

    position: relative;

    cursor: pointer;

    padding: 25px 0;

}

.ma_g4s2mrl_t::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 16px;

    height: 1px;

    background: #999;

    right: 0;

    transition: all 0.36s;

}



.ma_g4s2mrlt_txt::after {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: #999;

    right: -13px;

    transition: all 0.36s;

}

.ma_g4s2mrl_btm {

    padding: 0 30px 25px;

}

.ma_g4s2mr_li:not(:first-child) .ma_g4s2mrl_btm {

    display: none;

}

.ma_g4s2mrl_btm p,

.ma_g4s2mrl_btm a {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

    display: block;

}

.ma_g4s2mr_li.on .ma_in1s1ld_r1 {

    opacity: 0;

}



.ma_g4s2mr_li.on .ma_in1s1ld_rbg {

    opacity: 1;

}



.ma_g4s2mr_li.on .ma_g4s2mrlt_txt p {

    color: #4bbdc7;

}



.ma_g4s2mr_li.on .ma_g4s2mrl_t::before {

    background: #4bbdc7;

}



.ma_g4s2mr_li.on .ma_g4s2mrlt_txt::after {

    opacity: 0;

}

.ma_g4s2mr_btnbox {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 575px;

    font-size: 0;

}

.ma_g4s2mr_btn {

    display: inline-block;

    width: 50%;

    line-height: 70px;

    color: #333;

    text-align: center;

    font-size: 16px;

    background: #f4f4f4;

    transition: all 0.36s;

}

.ma_g5s1 {

    background: #f8f8f8;

    margin-bottom: 115px;

}

.ma_g5s1_main {

    padding: 70px 100px 110px;

}

.ma_g5s1_main .ma_e5s1_m1t p {

    font-size: 20px;

    color: #333;

}

.ma_g5s1_main .ma_e5s1_m1 .ma_e5s1_m1t {

    margin-bottom: 30px;

}

.ma_g5s1_main .ma_e5s1m_inlistboxc .ma_e5s1mil_p {

    width: 100px;

}

.ma_g5s1_main .ma_e5s1m_inlistboxc .ma_e5s1mil_in {

    width: calc(100% - 100px);

}

.ma_g5s1_main .ma_e5s1_m1 {

    margin-bottom: 50px;

}



.ma_g5s1_main .ma_e5s1m_inlistboxcx .ma_e5s1mil_p {

    width: 115px;

}



.ma_g5s1_main .ma_e5s1m_inlistboxcx .ma_e5s1mil_in {

    width: calc(100% - 115px);

}

.ma_g5s1_main .ma_e5s1m_inlistboxcs1 .ma_e5s1mil_p {

    width: 100px;

}



.ma_g5s1_main .ma_e5s1m_inlistboxcs1 .ma_e5s1mil_in {

    width: calc(100% - 140px);

}



.ma_g5s1_main .ma_e5s1m_inlistboxcs2 .ma_e5s1mil_p {

    width: 110px;

}



.ma_g5s1_main .ma_e5s1m_inlistboxcs2 .ma_e5s1mil_in {

    width: calc(100% - 150px);

}

.ma_g5s1_main .ma_e5s1mil_p2 p {

    color: #999;

    font-size: 14px;

    line-height: 50px;

}

.ma_g5s1_main .ma_e5s1_m2 .ma_e5s1_m1t {

    width: 90px;

}

.ma_g5s1_main .ma_e5s1_m2 .ma_e5s1_m2m {

    width: calc(100% - 90px);

}

.ma_g5s1_main .ma_e5s1_m2m {

    padding-left: 20px;

}

.ma_g5s1_main .ma_e5s1_m2m label {

    display: inline-block;

    width: auto;

    position: relative;

    bottom: 2px;

    margin-right: 50px;

    margin-bottom: 10px;

    cursor: pointer;

}



.ma_g5s1_main .ma_e5s1_m2m label p {

    font-size: 16px;

    color: #666;

    line-height: 18px;

    display: inline-block;

    margin-right: 5px;

}



.ma_g5s1_main .ma_e5s1_m2m label input {

    width: 15px;

    height: 15px;

    border: 1px solid #ccc;

    position: relative;

    top: 2px;

    outline: none !important;

}

.ma_g5s1_main .ma_e5s1_m2m label input::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 70%;

    height: 80%;

    background: #333;

    opacity: 0;

}



.ma_g5s1_main .ma_e5s1_m2m label input:checked:before {

    opacity: 1;

}

.ma_g5s1_main .ma_e5s1_m2 {

    margin-bottom: 20px;

}

.ma_g5s1_main .ma_e5s1_m2md p {

    font-size: 16px;

    color: #666;

    line-height: 20px;

    display: inline-block;

}



.ma_g5s1_main .ma_e5s1_m2md .ma_e5s1_m2mdinput {

    display: inline-block;

    width: 60px;

    height: 20px;

    border-bottom: 1px solid #666;

}



.ma_g5s1_main .ma_e5s1_m2md .ma_e5s1_m2mdinput input {

    width: 100%;

    height: 100%;

}



.ma_g5s1_main .ma_e5s1_m2md {

    display: inline-block;

    margin-right: 100px;

    margin-bottom: 10px;

}

.ma_g5s1_main .ma_e5s1_m3 .ma_e5s1_m1t {

    width: 130px;

}



.ma_g5s1_main .ma_e5s1_m3 .ma_e5s1_m2m {

    width: calc(100% - 130px);

}



.ma_g5s1_main .ma_e5s1_m3 {

    margin-bottom: 20px;

}

.ma_g5s1_main .ma_e5s1_mtext .ma_e5s1_m4m {

    border: 1px solid #c2c2c2;

    padding: 20px;

}

.ma_g5s1_main .ma_e5s1_m4 .ma_e5s1_m4m {

    height: 175px;

}

.ma_g5s1_main .ma_e5s1_mtext textarea {

    width: 100%;

    height: 100%;

    resize: none;

}



.ma_g5s1_main .ma_e5s1_m5 .ma_e5s1_m4m {

    height: 275px;

}

.ma_g6_main .ma_e5s1m_inlistboxcs3 .ma_e5s1mil_p {

    width: 140px;

}



.ma_g6_main .ma_e5s1m_inlistboxcs3 .ma_e5s1mil_in {

    width: calc(100% - 140px);

}



.ma_g6_main .ma_e5s1m_inlistboxcs4 .ma_e5s1mil_p {

    width: 90px;

}



.ma_g6_main .ma_e5s1m_inlistboxcs4 .ma_e5s1mil_in {

    width: calc(100% - 90px);

}



.ma_g6_main .ma_e5s1m_inlistboxcs5 .ma_e5s1mil_p {

    width: 110px;

}



.ma_e5s1m_inlistboxcs5 .ma_e5s1mil_in {

    width: calc(100% - 110px);

}

.ma_g6s1inlistbox .ma_e5s1mil_p {

    width: 100%;

}



.ma_g6s1inlistbox .ma_e5s1m_inlist {

    position: relative;

    cursor: pointer;

}

.ma_g6_main .ma_e5s1_m6 {

    margin-bottom: 50px;

}

.ma_e5s1_m7l p {

    font-size: 20px;

    color: #4bbdc7;

    font-weight: bold;

    line-height: 1.2;

}

.ma_e5s1_m7r {

    width: calc(100% - 30px);

    padding-left: 10px;

}

.ma_e5s1_m7r p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}



.ma_e5s1_m7r p a {

    color: #4bbdc7;

}

.ma_e5s1_m7 {

    margin-bottom: 50px;

}

.ma_g1s1 {

    padding: 120px 0;

    position: relative;

    overflow: hidden;

}

.ma_g1s1::before {

    content: "";

    position: absolute;

    width: 100vw;

    height: 100vh;

    top: 0;

    left: 60%;

    background: #49b7c1;

}

.ma_g1s1ml {

    width: calc(100% - 680px);

    padding-right: 100px;

}

.ma_g1s1mlt {

    margin-bottom: 50px;

}

.ma_g1s1mlt .ma_g1s1mltp1 {

    font-size: 16px;

    color: #333;

    margin-bottom: 20px;

    padding-left: 45px;

    position: relative;

}



.ma_g1s1mlt .ma_g1s1mltp1::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 24px;

    height: 2px;

    background: #4bbdc7;

}



.ma_g1s1mlt .ma_g1s1mltp2 {

    color: #333;

}

.ma_g1s1_t .ma_title1l img {

    left: 0px;

    transform: translateX(0);

}

.ma_g1s1_t {

    margin-bottom: 50px;

}

.ma_g1s1mlp p {

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}

.ma_g1s1mlp {

    margin-bottom: 65px;

}

.ma_g1s1mlul {

    margin: 0 -10px;

}

.ma_g1s1mlli {

    padding: 0 10px;

    float: left;

    width: 33.333333%;

}

.ma_g1s1mlli_d {

    text-align: center;

}

.ma_g1s1mlli_dimg {

    display: inline-block;

    margin-bottom: 18px;

    padding: 0 5px 18px;

    border-bottom: 2px solid #666;

    width: 65px;

}

.ma_g1s1mlli_dtxt p {

    text-align: center;

    font-size: 14px;

    color: #333;

}

.ma_g1s1mllist:not(:first-child) {

    display: none;

}

.ma_g1s1mr {

    padding: 140px 95px 50px 0;

    position: relative;

    width: 680px;

}

.ma_g1s1mr::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 945px;

    height: 100%;

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

    background-size: cover;

}

.ma_g1s1mrl_l {

    width: 150px;

}

.ma_g1s1mrl_l p {

    font-size: 80px;

    color: #fff;

    opacity: 0.6;

    font-family: "MONTSERRATALTERNATES-BOLD-12";

    transition: all 0.36s;

}

.ma_g1s1mrl_r {

    width: calc(100% - 150px);

}

.ma_g1s1mrl_r p {

    font-size: 14px;

    color: #fff;

    opacity: 0.6;

    position: relative;

    line-height: 1.75;

    transition: all 0.36s;

}

.ma_g1s1mrl_r .ma_g1s1mrl_rp1::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 100px;

    width: 30px;

    height: 2px;

    background: #fff;

}

.ma_g1s1mr_li {

    margin-bottom: 90px;

    transition: all 0.6s ease;
    cursor: pointer;

}

.ma_g1s1mr_li:last-child {

    margin-bottom: 0;

}

.ma_g1s1mr_ul .slick-list {

    /* height: 455px !important; */

    padding: 0 !important;

    padding-left: 140px !important;

}



.ma_g1s1mr_li.slick-current .ma_g1s1mrl_l p {

    opacity: 1;

}



.ma_g1s1mr_li.slick-current .ma_g1s1mrl_r p {

    opacity: 1;

}



.ma_g1s1mr_li.slick-current {

    transform: translateX(-50px);

}

.ma_g1s1mr_ul .slick-prev,

.ma_g1s1mr_ul .slick-next {

    top: auto;

    bottom: 0;

    width: 12px;

    height: 20px;

    z-index: 20;

    opacity: 0.6;

    transition: all 0.36s;

}



.ma_g1s1mr_ul .slick-prev {

    left: 145px;

    background: url(../images/ma_g1s1mr_ul_prev.png) no-repeat center;

    background-size: contain;

}



.ma_g1s1mr_ul .slick-next {

    left: 170px;

    background: url(../images/ma_g1s1mr_ul_next.png) no-repeat center;

    background-size: contain;

}

.ma_g1s2_main {

    padding: 120px 0 160px;

}

.ma_g1s2_t {

    text-align: center;

    margin-bottom: 60px;

}

.ma_g1s2_m {

    padding: 0 105px;

    position: relative;

    overflow: hidden;

}

.ma_g1s2_ul1 {

    margin: 0 -30px;

    position: relative;

    z-index: 2;

}

.ma_g1s2_li1 {

    float: left;

    width: 16.666666%;

    padding: 80px 30px 0 30px;

}

.ma_g1s2_li1:not(:first-child),

.ma_g1s2_li2:not(:first-child),

.ma_g1s2_li3:not(:first-child) {

    display: none;

}

.ma_g1s2l1_dp {

    font-family: "MONTSERRATALTERNATES-BOLD-12";

    font-size: 14px;

    color: #333;

    width: 65px;

    height: 65px;

    border-radius: 50%;

    box-shadow: 0px 9px 12.35px 0.65px rgba(0, 0, 0, 0.07);

    line-height: 65px;

    text-align: center;

    display: inline-block;

    position: relative;

    transition: all 0.36s;

    background: #fff;

}

.ma_g1s2l1_dp::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 150%;

    height: 150%;

    border-radius: 50%;

    border: 1px solid #e2e1e1;

    opacity: 0;

    transition: all 0.36s;

}

.ma_g1s2l1_d {

    position: relative;

    text-align: center;

    cursor: pointer;

}

.ma_g1s2l1_dp2 {position: absolute;left: 50%;transform: translateX(-50%);top: -50px;font-weight: bold;color: #333;font-size: 11px;/* white-space: nowrap; *//* line-height: 45px; */border-radius: 25px;padding: 0 20px;background: transparent;transition: all 0.36s;width: 200px;min-height: 40px;display: flex;align-items: center;}

.ma_g1s2_ul1 .slick-list {padding: 15px 0 25px;/* margin-bottom: 50px; */}

.ma_g1s2_ul1box {position: relative;margin-bottom: 50px;}

.ma_g1s2_ul1box::before {

    content: "";

    position: absolute;

    bottom: 56px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background: url(../images/ma_g1s2_ul1bg.png) no-repeat center;

}

.ma_g1s2_ul2box {

    position: absolute;

    top: 60%;

    left: 50%;

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

    z-index: 1;

    width: 100%;

}

.ma_g1s2_li2 {

    font-size: 200px;

    color: #c5c5c5;

    text-align: center;

    font-family: "MONTSERRATALTERNATES-BOLD-12";

}

.ma_g1s2_li2.slick-active {

    opacity: 0.15 !important;

}

.ma_g1s2l3_l {

    width: 160px;

    padding-left: 40px;

    font-size: 40px;

    font-weight: bold;

    color: #333;

    position: relative;

}

.ma_g1s2l3_l::before {

    content: "";

    position: absolute;

    top: 15px;

    left: 0;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #49b7c1;

}

.ma_g1s2l3_r {

    width: calc(100% - 160px);

    padding-left: 160px;

}

.ma_g1s2l3_r p {

    font-size: 16px;

    color: #333;

    line-height: 1.75;

    margin-bottom: 15px;

}



.ma_g1s2l3_r p:last-child {

    margin-bottom: 0;

}

.ma_g1s2_li1.slick-current .ma_g1s2l1_d .ma_g1s2l1_dp,

.ma_g1s2_li1.slick-current .ma_g1s2l1_d .ma_g1s2l1_dp2 {

    background: #4bbdc7;

    color: #fff;

}



.ma_g1s2_li1.slick-current .ma_g1s2l1_dp::before {

    opacity: 1;

}

.ma_g1s2_li1.slick-current .ma_g1s2l1_d .ma_g1s2l1_dp2 {

    top: -80px;

}

.ma_g1s2_ul1qhlist {

    position: absolute;

    top: 90px;

    width: 120px;

    line-height: 60px;

    border-radius: 30px;

    background: #49b7c1;

    padding: 0 16px;

    cursor: pointer;
    z-index: 20;

}

.ma_g1s2_ul1qhlist img {

    width: 23px;

}

.ma_g1s2_ul1qhnext {

    text-align: right;

    left: -60px;

    opacity: 0;

    transition: all 0.36s;

}

.ma_g1s2_ul1qhnext.on {

    opacity: 1;

}



.ma_g1s2_ul1qhprev {

    text-align: left;

    right: -60px;

}

.ma_g1s3 {

    background: #f2f2f2;

    padding: 165px 0 120px;

}

.ma_g1s3_t {

    text-align: center;

    margin-bottom: 100px;

}

.ma_g1s3_m img {

    margin-bottom: 120px;

}

.ma_g1s3_m .ma_btn3 a {

    background: #333;

    transition: all 0.36s;

}

.ma_g1s4_t {

    margin-bottom: 65px;

}

.ma_g1s4 {

    padding: 170px 0 210px;

}

.ma_g1s4_ulbox {

    padding: 10px;

}

.ma_g1s4_ul {

    margin: 0 -15px;

}

.ma_g1s4_li {

    padding: 0 15px;

    float: left;

    width: 25%;

}

.ma_g1s4_li:not(:first-child) {

    display: none;

}

.ma_g1s4_ul .slick-dots {

    bottom: -90px;

}



.ma_g1s4_ul .slick-dots li {

    width: 8px;

    height: 8px;

    margin: 0 8px;

    border-radius: 50%;

    background: #c6c6c6;

}



.ma_g1s4_ul .slick-dots li.slick-active {

    background: #49b7c1;

}

.ma1_in1s3_li2 .ma_in1s3_li2a {

    padding: 43px 0;

}

.ma_b2s2ml_ar .beer-handle {

    display: none;

}

.ma_in1s4 .ma_btn1 a {

    text-align: center;

}

.ma_btn4box {

    width: 860px;

    margin: 0 auto;

}

.ma_b2s2m_li4 .ma_b2s2ml_ar {

    position: relative;

    width: 1200px;

    margin: 0 auto;

    text-align: left;

}

.ma_b2s2ml_ar1 {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}

.ma_b2s2ml_ar2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    transform: all 0.36s;

}

.ma_pchdm_ul4box2:not(:first-child),

.ma_pchdm_ul3boxm2:not(:first-child) {

    display: none;

}

































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

    .ma_pchdm_a2:hover,

    .ma_btn2:hover,

    .ma_b7s1mr_btnbox button:hover p,

    .ma_xxk2l_a:hover,

    .ma_g4s2mr_btn:hover,

    .ma_g1s2l1_d:hover .ma_g1s2l1_dp,

    .ma_g1s2_li1:hover .ma_g1s2l1_dp2 {

        background: #4bbdc7;

        color: #fff;

    }

    .ma_pchdm_a3:hover .ma_pchdm_a3p,

    .ma_pchdm_a4:hover,

    .ma_pchdm_li1:hover .ma_pchdm_a1p,

    .ma_btn1 a:hover,

    .ma_in1s1li2_a:hover .ma_in1s1li2a_a p,

    .ma_xxk_li a:hover,
    .ma_xxk_li p:hover,

    .ma_in1s4li_a:hover .ma_in1s4lia_txta,

    .ma_mdlist p:hover,

    .ma_b2s8ml_a:hover .ma_b2s8mlad2_p2,

    .ma_b1s1l_a:hover .ma_b1s1l_ap1,

    .ma_whatr_lia:hover p,

    .ma_c1s1l_a:hover .ma_c1s1lar_p1,

    .ma_b7s1ml_a:hover .ma_b7s1mla_p p,

    .ma_b6s1ml_a:hover .ma_b6s1mla_txt .ma_b6s1mlat_p,

    .ma_e2s1l_t:hover .ma_e2s1ltl_p1 p,

    .ma_e2s1l_t:hover .ma_e2s1ltl_p2 p,

    .ma_e2s1l_t:hover .ma_e2s1lt_r p,

    .ma_f1s1xxkrbtm a:hover,

    .ma_pcfya:hover .ma_pcfys1,

    .ma_pcfya:hover .ma_pcfys2,

    .ma_g4s1l_a:hover .ma_g4s1la_p2,

    .ma_in1s3_li2a:hover .ma_in1s3_li2arp1,

    .ma_in1s3_li1a:hover .ma_in1s3_li1atp1 {

        color: #4bbdc7;

    }

    .ma_pchdm_a3:hover .ma_pchdm_a3img {

        left: 15px;

    }

    .ma_pchdm_a3:hover .ma_pchdm_a3img1,

    .ma_pchdm_li1:hover .ma_pchdma1m_img1,

    .ma_celist:hover .ma_celist1img1,

    .ma_b1s1la_sglist:hover .ma_pchdma1m_img1,

    .ma_comp-tabli:hover .ma_comp-tabli1,

    .ma_d3s1ml_a:hover .ma_d3s1mla_txt2,

    .ma_e1s1l_a:hover .ma_in1s1ld_r1 {

        opacity: 0;

    }



    .ma_pchdm_a3:hover .ma_pchdm_a3img2,

    .ma_pchdm_li1:hover .ma_pchdma1m_img2,

    .ma_celist:hover .ma_celist1img2,

    .ma_b1s1la_sglist:hover .ma_pchdma1m_img2,

    .ma_comp-tabli:hover .ma_comp-tabli2,

    .ma_e1s1l_a:hover .ma_in1s1ld_rbg,

    .ma_e1s1l_a:hover::before,

    .mc_ft_copyright p a:hover,

    .ma_ftbb_a a:hover,

    .ma_ftb_a a:hover,

    .ma_fttr_li p a:hover,

    .ma_d1s1ml_d:hover::before,

    .ma_d1s1ml_d:hover .ma_d1s1ml_txt,

    .ma_g1s1mr_ul .slick-prev:hover,

    .ma_g1s1mr_ul .slick-next:hover,

    .ma_g1s2_li1:hover .ma_g1s2l1_dp::before {

        opacity: 1;

    }



    .ma_celist:hover .ma_celist1 p,

    .ma_nyban1btn2box .ma_btn2:hover a,

    .ma_e1s1l_a:hover .ma_e1s1la_txt p,

    .ma_e1s1l_a:hover .ma_e1s1lab_l p,

    .ma_e1s1l_a:hover .ma_e1s1labr_r p {

        color: #fff;

    }



    .ma_celist:hover .ma_celist1,

    .ma_nyban1btn2box .ma_btn2:hover,

    .ma_b3top:hover,

    .ma_g1s3_m .ma_btn3 a:hover {

        background: #4bbdc7;

    }



    .ma_xxk_li a:hover::before,
    .ma_xxk_li p:hover::before {

        width: 100%;

    }

    .ma_in1s2la_img:hover .ma_in1s1ld_r1,

    .ma_b5s2m_mllid:hover .ma_in1s1ld_r1,

    .ma_b2s5m_lia:hover .ma_b2s5ml_a .ma_b2s5ml_aimg {

        transform: scale(1.1);

    }



    .pc_fenye li:hover {

        color: #3fafa3;

        border-color: #3fafa3;

    }



    .ma_c1s1l_a:hover {

        border-color: transparent;

        box-shadow: 0px 9px 23.78px 5.22px rgba(0, 0, 0, 0.09);

    }



    .ma_c1s1l_a:hover .ma_btn3 p,

    .ma_btn4:hover a {

        color: #fff;

        background: #4bbdc7;

    }



    .ma_b5s2mt_li:hover {

        border-color: #1b1b1b;

    }

    .ma_d3s1ml_a:hover .ma_d3s1mla_txt {

        bottom: 0;

    }



    .ma_d3s1ml_a:hover {

        box-shadow: 0px 9px 14.88px 1.12px rgba(0, 0, 0, 0.19);

    }

    .ma_e1s1l_a:hover .ma_e1s1lab_r {

        border-color: #fff;

    }

    .ma_e2s1l_t:hover .ma_e2s1ltl_p1 {

        border-color: #4bbdc7;

    }

    .ma_g1s2_li1:hover .ma_g1s2l1_dp2 {

        top: -80px;

    }

    .ma_in1s1li2_a:hover .ma_in1s1li2a_lt .ma_fs26 {
        color: #4bbdc7;
    }















}



.ma_in1s1_ul2,

.ma_in1s2_ul,

.ma_b1s1_ulbox,

.ma_b2s1m_d2,

.ma_b2s7_ulbox,

.ma_b3s1_main,

.ma_b5s1,

.ma_b6s1m_ulbox,

.ma_b6s1d2_mlulbox,

.ma_d1s1m_ul,

.ma_d3s1m_ulbox,

.ma_e1s1_ulbox,

.ma_f1s1m_ulbox2,

.ma_g2s1_top,

.ma_g3s1_ul,

.ma_g4s1_ulbox {

    overflow: hidden;

}



.ma_bantxtp1,

.ma_bantxtp2,

.ma_bantxtp3,

.ma_title1,

.ma_in1s1_li2,

.ma_in1s2_li,

.ma_btn1,

.ma_nyban1tpbp1,

.ma_nyban1tpbp2,

.ma_nyban1btn2box,

.ma_b1s1m_top,

.box,

.ma_b1s1_li,

.ma_nyban3ll_txt .ma_fs30,

.ma_nyban3llt_p1,

.ma_nyban3llt_p2,

.ma_nyban3llt_p3,

.ma_nyban3ll_ul,

.ma_b2s1m_d1,

.ma_b2s1md2_li,

.ma_b2t,

.ma_b2s2ml_alp,

.ma_b2s5_main .swiper-container,

.ma_b2s6m_ul,

.ma_btn3,

.ma_b2s7_li,

.ma_b2s8m_li,

.ma_b3s1_li,

.ma_b3s2_litxt .ma_fs36,

.ma_b3s2_ltp2,

.ma_b3s3t,

.ma_b1s1m_top,

.ma_b5s1m_rt,

.ma_b5s1m_rp1,

.ma_b5s1m_rp2,

.ma_b5s1m_rp3,

.ma_b5s1m_rp4,

.ma_b5s1m_rul,

.ma_btn4,

.ma_b5s1m_rm6box,

.ma_b6s1m_t,

.ma_b6s1m_li,

.ma_b6s1d2_mlli,

.ma_b7s1ml_img,

.ma_b7s1ml_p,

.ma_b7s1ml_a,

.ma_b7s1mr_inputbox,

.ma_b7s1mr_btnbox,

.ma_b2t .ma_fs36,

.ma_b2s6m_p1,

.ma_b8s2_mainp2,

.ma_b2s6m_ul,

.ma_xxk,

.ma_c1s1_li,

.ma_d1s1m_t,

.ma_d1s1m_li,

.ma_d3s1m_t,

.ma_d3s1m_li,

.ma_nyban4 .ma_bantxt,

.ma_xxk2,

.ma_e1s1_li,

.ma_d1s1mt_m,

.ma_e2s1_li,

.ma_e5s1m_input,

.ma_e5s1m_input3,

.ma_e5s1m_input4,

.ma_g1s1mlt,

.ma_g1s1mlul,

.ma_g2s8m_li,

.ma_g3s1_li,

.ma_g4s1_li,

.ma_g4s2_t,

.ma_e5s1_m1t,

.ma_e5s1m_input,

.ma_e5s1_m2m,

.ma_e5s1_m4m,

.ma_e5s1_m7 {

    animation-name: fadeInUp;

    animation-delay: .3s;

}

.ma_in1s1_li2:nth-child(2+1),

.ma_in1s2_li:nth-child(4n+1),

.ma_b1s1_li:nth-child(3n+1),

.ma_b2s1md2_li:nth-child(3n+1),

.ma_b2s7_li:nth-child(4n+1),

.ma_b2s8m_li:nth-child(3n+1),

.ma_b3s1_li:nth-child(4n+1),

.ma_b6s1m_li:nth-child(3n+1),

.ma_b6s1d2_mlli:nth-child(2n+1),

.ma_d1s1m_li:nth-child(4n+1),

.ma_d3s1m_li:nth-child(4n+1),

.ma_e1s1_li:nth-child(4n+1),

.ma_g3s1_li:nth-child(2n+1),

.ma_g4s1_li:nth-child(4n+1) {

    animation-delay: .3s;

}



.ma_in1s1_li2:nth-child(2n+2),

.ma_in1s2_li:nth-child(4n+2),

.ma_b1s1_li:nth-child(3n+2),

.ma_b2s1md2_li:nth-child(3n+2),

.ma_b2s7_li:nth-child(4n+2),

.ma_b2s8m_li:nth-child(3n+2),

.ma_b3s1_li:nth-child(4n+2),

.ma_b6s1m_li:nth-child(3n+2),

.ma_b6s1d2_mlli:nth-child(2n+2),

.ma_d1s1m_li:nth-child(4n+2),

.ma_d3s1m_li:nth-child(4n+2),

.ma_e1s1_li:nth-child(4n+2),

.ma_g3s1_li:nth-child(2n+2),

.ma_g4s1_li:nth-child(4n+2) {

    animation-delay: .4s;

}



.ma_in1s2_li:nth-child(4n+3),

.ma_b1s1_li:nth-child(3n+3),

.ma_b2s1md2_li:nth-child(3n+3),

.ma_b2s7_li:nth-child(4n+3),

.ma_b2s8m_li:nth-child(3n+3),

.ma_b3s1_li:nth-child(4n+3),

.ma_b6s1m_li:nth-child(3n+3),

.ma_d1s1m_li:nth-child(4n+3),

.ma_d3s1m_li:nth-child(4n+3),

.ma_e1s1_li:nth-child(4n+3),

.ma_g4s1_li:nth-child(4n+3) {

    animation-delay: .5s;

}



.ma_in1s2_li:nth-child(4n+4),

.ma_b2s7_li:nth-child(4n+4),

.ma_b3s1_li:nth-child(4n+4),

.ma_d1s1m_li:nth-child(4n+4),

.ma_d3s1m_li:nth-child(4n+4),

.ma_e1s1_li:nth-child(4n+4),

.ma_g4s1_li:nth-child(4n+4) {

    animation-delay: .6s;

}

.ma_banimgbox,

.ma_in1s1_ul,

.ma_in1s4_ulbox,

.ma_nyban1imgbox,

.ma_nyban3lr_ul1,

.ma_d4s1m_l,

.ma_g1s1mr,

.ma_g1s2_m,

.ma_g1s3_m,

.ma_g1s4_ulbox,

.ma_nyban2 .ma_bantxt {

    animation-name: fadeIn;

    animation-delay: .3s;

}

.ma_in1s3_li1,

.ma_b2s2ml_al,

.ma_b5s1m_l,

.ma_g2s1t_l {

    animation-name: fadeInLeft;

    animation-delay: .3s;

}



.ma_b2s2ml_ar,

.ma_d4s1m_r,

.ma_g2s1t_r {

    animation-name: fadeInRight;

    animation-delay: .3s;

}

.ma_b2s2m_li2 .ma_b2s2ml_al,

.ma_b8s3m_li1 .ma_b2s2ml_al {

    animation-name: fadeInRight;

    animation-delay: .3s;

}



.ma_b2s2m_li2 .ma_b2s2ml_ar,

.ma_b8s3m_li1 .ma_b2s2ml_ar {

    animation-name: fadeInLeft;

    animation-delay: .3s;

}



.ma_b2s2m_li3 .ma_b2s2ml_ar,

.ma_b2s2m_li4 .ma_b2s2ml_ar {

    animation-name: fadeInUp;

    animation-delay: .3s;

}

.viewer-title {
    font-size: 14px !important;
    margin: 0 5% 20px !important;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, .8) !important;
}

.ma_g1s1mr_ul {
    position: relative;
}

.ma_g1s1mr_ul::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 320px;
    top: 42%;
    transform: translateY(-50%);
    left: 152px;
    background: url(../images/ma1_1.png) no-repeat center;
    background-size: contain;
}

/* tian */
.ma_celist2_li a {
    padding: 2px 0;
}

.ma_nyban3lrl1d,
.ma_nyban3lrl2d {
    margin: 10px 0;
}

.ma_g1s4l_d {
    text-align: center;
}

.ma_g4s2 .ma_g4s1_t {
    margin-bottom: 15px;
}

.ma_g4s2_t {
    padding-top: 130px;
}

.ma_g4s2_tm .ma_d1s1mt_m {
    display: inline-block;
}

.ma_g4s2_tm {
    text-align: center;
}

.ma_b2s7l_d {
    display: block;
}

.ma_b2s5ml_a {
    height: 400px;
}

.ma_b2s5ml_a img {
    height: 100%;

}

.ma_b2s5m_lia .ma_b2s5ml_aicon {
    height: auto;

}

.ma_g4 .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 575px;
}

.ma_g4 .box>div {
    overflow: hidden;
}

.ma_g4 .box .rp,
.ma_g4 .box .lp {
    width: 50%;
}

.ma_g4 .box .rp {
    float: right;
}

.ma_g4 .box .lp {
    float: left;
}

.ma_g4 .box .rp a,
.ma_g4 .box .lp a {
    display: block;
}

.ma_g4 .mc_fybtn {
    float: none;
}

.ma_g4 .box .rp a .mc_fybtn,
.ma_g4 .box .lp a .mc_fybtn {
    line-height: 70px;
    text-align: center;
    color: #333;
    font-size: 16px;
    background-color: #f4f4f4;
    transition: all 0.36s;
}


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

    .ma_g4 .box .rp a .mc_fybtn:hover,
    .ma_g4 .box .lp a .mc_fybtn:hover {
        color: #fff;
        background: #4bbdc7;
    }
}

.ma1_qhlist {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    cursor: pointer;
}

.ma1_qhprev {
    left: 50px;
}

.ma1_qhnext {
    right: 50px;
}

.ma_b2s1md2_li:nth-child(2) .ma_b2s1md2ld_t {
    width: 60px;
}

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

.ma_in1s1_ul2 .ma_in1s1li2a_a p {
    width: auto;
    display: inline-block;
}

.ma_in1s4li_a img {
    height: 100%;
}

.ma_b3s2_li video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;

}

.ma_b3s2_li {
    overflow: hidden;
}
.ma_b2 .ma_b2s2m_li1 {
    padding: 160px 0 140px;
}

.ma_b1s1mtrl_btm {
    height: 150px;
    overflow-y: auto;
}
.ma_b2t p{
    line-height: 1.5;
}
.ma_b2s2m_li4 .ma_b2s2ml_al {
    margin-bottom: 36px;

}
.ma_b2s2m_li4 .ma_b2s2ml_ar {
    text-align: center !important;
}
.ma_b2s2m_li4 .ma_b2s2ml_ar img{
    width: 80%;
    margin: 0 auto;
    display: inline-block;
}

.ma_d1s1m_t{
    position: relative;
    z-index: 10;
}
.ma_b1s1mtr_list.on{
    position: relative;
    z-index: 99999;
}
.g_table{
    display: none;
}
.g_tabletu{
    width:100%;
    margin:;
}
.g_tabletu img{
    width:100%;
}

/*4.14*/
.g_cursor {
    width: 509px;
    height: 300px;
    
}
.g_max {
    width: 450px;
    height: 450px;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 450px;
    top: 0;
    background: #000;
    border: 1px solid rgba(255,255,255,.1);
    z-index: 100;
}
.g_max img {
    width: 900px;
    height: 900px;
    max-width: unset;
}
.ma_b5s1ml_li1 .ma_in1s1ld_r1 {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 0.36s;
}
.g_cursor {
    position: absolute;
    background-color: rgba(255,255,255, 0.2);
    width: 200px;
    height: 200px;
    display: none;
}
.ma_b5s1ml_li1{
    position: relative;
}
.ma_b5s1ml_li2.act .ma_b5s1mll_d{
    border: 1px solid rgba(255,255,255,.5);
}
.ma_b5s1ml_li1{
    display: none;
}
.ma_b5s1ml_li1.active{
    display: block;
}
.l-r-topb i {
    width: 40px;
    height: 40px;
    display: block;
}
.l-r-topb .bshare_box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.l-r-topb {
    cursor: pointer;
    position: relative;
    margin-right: 14px;
    display: inline-block;
}
.l-r-topb .bshare_box a {
    width: 100% !important;
    height: 100% !important;
    display: block;
    opacity: 0 !important;
}
.l-r-topb .bsPromo {
    width: 100%;
    height: 100%;
    display: block !important;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
}
.l-r-topb .iconfont img {
    width: 100%;
}
.ma_pchdm_ul3boxm1{
    display: none;
}
.ma_pchdm_ul4box{
    display: none;
}

/* 5.18 */
.ma_f1s1xxkrbtm{
    height: 138px;
    overflow: hidden;
}

.ma_f1s1xxkrbtm .mCSB_outside+.mCSB_scrollTools{
    right: 0;
}

.ma_f1s1xxkrbtm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #229da8;
}

.ma_f1s1xxkrbtm .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: #229da8;
}

.ma_pt60{
    padding-top: 60px;
}

.mc_cnzz *{
    opacity: 1 !important;
}

.mc_ph_nav_r .ma_pchdm_member, 
.mc_ph_nav_r .ma_pchdm_gwc{
    line-height: 62px;
    width: 20px;
    margin-right: 10px;
}
.mc_ph_nav_r .ma_pchdm_member a, 
.mc_ph_nav_r .ma_pchdm_gwc a{
    padding: 0;
}

.mc_language_ph a{
    margin-right: 10px;
}

.ma_xxk_light a{
    color: #ccc;
}
.ma_xxk_light{
    border-bottom: 0;
}


/* 5.22 */
.g_tabletu{
    overflow: auto;
}

.g_tabletu img{
    max-width: none;
    min-width: 750px;
}

.ma_b6s1mla_txt .ma_b6s1mlat_p3{
    height: 1.5em;
    overflow: hidden;
}

.ma_b2s8m_li{
    margin-bottom: 60px;
}

.ma_b2s8m_ul{
    margin-bottom: 5px;
}

.ma_d1s1m_li{
    position: static;
    margin-bottom: 16px;
}

/* 2022.3.25 */
.l_g4map{
    width: 100%;
    position: relative;
    height: 680px;
    overflow: hidden;
}
.l_map_pic{
    display: none;
}
.l_map_pic img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
}
.l_map_pic.on{
    display: block;
}
.cg_map{
    width: 100%;
}
.ma_g3s2 #container{
    height: auto !important;
}
/* 2023.6.16修改 */
.ma_pchdm_ul4box{
    max-height: 250px;
}
.ma_pchdm_ul4box .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.ma_pchdm_ul4box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.3);
}
.ma_pchdm_ul4box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.ma_pchdm_ul4box .mCSB_scrollTools {
    top: 20px;
    bottom: 20px;
}
.ma_pchdm_ul4box .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.ma_pchdm_ul4box .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: rgba(0,0,0,.3);
}