@charset "utf-8";
/**/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, button {
    padding: 0;
    margin: 0;
}

fieldset, img, button {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

caption, th, li, dt, dd, p {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #508CEE;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

a, a:hover {
    transition: all 0.3s ease 0s
}

button {
    cursor: pointer;
}

input {
    outline: none;
    font-size: 0.14rem;
    color: #333
}

em {
    font-style: normal;
}

body {
    font-family: PingFangSC, "Helvetica neue", Arial, Helvetica, Tahoma, "lantinghei sc", "Microsoft Yahei", simsun, sans-serif;
    font-size: 0.14rem;
    color: #333;
    background: #fff;
    min-width: 320px;
}

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

.clear:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/* End hide from IE-mac */

/*设置palceholder属性*/
input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder {
    color: #ccc;
}

/* firefox 19+ */
input:-ms-input-placeholder {
    color: #ccc;
}

/* ie */
input:-moz-placeholder {
    color: #ccc;
}


.font_s {
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
    display: inline-block
}

/*谷歌小字体*/

.clearfix:after, .clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.disp_inbk {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*间距*/
.mar_top10 {
    margin-top: 0.10rem;
}

.mar_top15 {
    margin-top: 0.15rem;
}

.mar_top20 {
    margin-top: 0.20rem;
}

.mar_top25 {
    margin-top: 0.25rem;
}

.mar_top30 {
    margin-top: 0.30rem;
}

.mar_top40 {
    margin-top: 0.40rem;
}

.mar_top50 {
    margin-top: 0.50rem;
}

.mar_top55 {
    margin-top: 0.55rem;
}

.mar_top58 {
    margin-top: 0.58rem;
}


.mar_right10 {
    margin-right: 0.10rem;
}

.mar_right-10 {
    margin-right: -0.10rem;
}

.mar_btom10 {
    margin-bottom: 0.10rem;
}

.mar_btom18 {
    margin-bottom: 0.18rem;
}

.mar_btom40 {
    margin-bottom: 0.40rem;
}

.mar_left15 {
    margin-left: 0.15rem;
}

.mar_left20 {
    margin-left: 0.20rem;
}

.mar_left230 {
    margin-left: 230px;
}

/*通用  header*/
.mzpme_header {
    width: 100%;
    height: 0.51rem;
    position: relative;
}

.mzpme_header_fix {
    width: 100%;
    height: 0.51rem;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

.mzpme_logo {
    display: flex;
    align-items: center; /* 確保圖片垂直對齊 */
    gap: 10px; /* 調整圖片間距 */
    width: 40%;
    padding: 0.08rem 0 0 4%;
    position: absolute;
    left: 0;
    top: 0;
}

.mzpme_logo img {
    width: 1.2rem;
    display: block;
}

.mzpme_tpr {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.08rem 5% 0 0;
}

.mzpme_tpr_mucenter {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.08rem 5% 0 0;
}

.mzpme_tpr a {
    line-height: 0.28rem;
    height: 0.28rem;
    display: inline-block;
    border: 1px solid #a9adb4;
    border-radius: 3px;
    padding: 0 0.11rem;
    font-size: 0.14rem;
    color: #666;
    margin: 0 0.03rem;
}

.mzpme_tpr_mucenter a {
    line-height: 0.28rem;
    height: 0.28rem;
    display: inline-block;
    border: 1px solid #FF9800;
    border-radius: 3px;
    padding: 0 0.11rem;
    font-size: 0.14rem;
    color: #FF9800;
    margin: 0 0.03rem;
}

.mzpme_nav {
    width: 100%;
    position: absolute;
    top: 0.51rem;
    left: 0;
}

.mzpme_nav_btn {
    width: 1.02rem;
    height: 0.17rem;
    position: absolute;
    top: 0.51rem;
    left: 50%;
    margin-left: -0.51rem;
    z-index: 1;
    background: url("../images/xxhhk.png") no-repeat;
    background-size: 97%;
}

.mzpme_nav_btn img {
    display: block;
    width: 0.18rem;
    margin: -0.07rem auto 0;
    position: relative
}


.mzpme_nav_box {
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 2;
    background: #fff;
    padding-bottom: 0.3rem;
    box-shadow: 0 5px 10px #999;
}

.mzpme_nav_lst {
    width: 25%;
    display: block;
    float: left;
}

.mzpme_nav_lst a {
    color: #515151;
    font-size: 0.14rem;
    line-height: 0.3rem;
    display: block;
    text-align: center
}

.mzpme_nav_lst em {
    width: 100%;
    height: 0.4rem;
    display: block;
}

.mzpme_nav_bg1 {
    background: url("../images/mzpme_nav_a1.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg2 {
    background: url("../images/mzpme_nav_a2.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg3 {
    background: url("../images/mzpme_nav_a3.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg4 {
    background: url("../images/mzpme_nav_a4.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg5 {
    background: url("../images/mzpme_nav_a5.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg6 {
    background: url("../images/mzpme_nav_a6.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg7 {
    background: url("../images/mzpme_nav_a7.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg8 {
    background: url("../images/mzpme_nav_a8.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg9 {
    background: url("../images/mzpme_nav_a9.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_bg10 {
    background: url("../images/mzpme_nav_a10.png") no-repeat center bottom;
    background-size: 0.29rem;
}

.mzpme_nav_stop {
    display: none;
    padding-bottom: 0.3rem;
}

.mzpme_nav_stop img {
    display: block;
    width: 0.18rem;
    margin: -0.27rem auto 0;
    position: relative;
    z-index: 3
}

/*banner*/
.mzpme_banner {
    position: relative;
    margin-top: 20px;
}

#mzpme_banner_swp {
    width: 446px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 9px;
}

#mzpme_banner_swp .swiper-slide {
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 216px !important;
    height: 120px !important;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1px;
}

#mzpme_banner_swp .swiper-slide img {
    display: block;
    width: 100%;
}

/*.mzpme_banner_btn{position: absolute;width:100%;bottom: 0.6rem;}
.mzpme_banner_btn a{width:70%;height:0.46rem;background: #1d5189;text-align: center;font-size: 0.24rem;color:#fff;line-height:0.24rem;display:block;border-radius:4px;margin:0 auto;padding-top: 0.1rem;}
.mzpme_banner_btn em{display: block;text-align: center;font-size: 0.12rem;line-height: 0.16rem;}*/


/*底部*/
.mzpme_footer {
    text-align: center;
    background: #333333;
    color: #666;
    padding: 0.3rem 0 0.75rem;
    width: auto;
    margin-top: 30px;
}

.mzpme_footer_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mzpme_footer_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    background-color: #ED6B1A;
    width: 95%;
    height: 104px;
    align-items: center; /* 讓 icon 與文字區塊垂直置中 */
    justify-content: center;
}

.mzpme_footer_row_text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 96%
}

.mzpme_footer_icon {
    width: 40px;
    height: 40px;
    margin-right: 80px;
    display: block;
}

.mzpme_footer_text_1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: flex-start;
    justify-content: center; /* 讓兩行文字在 icon 垂直中線 */
}



.mzpme_footer_text {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: flex-start;
    justify-content: center; /* 讓兩行文字在 icon 垂直中線 */
}

.mzpme_footer_a,
.mzpme_footer_b {
    margin: 0;
    padding: 0;
}

.mzpme_footer_a {
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFF;
    left: -80px;
    position: relative;
    white-space: nowrap;
    width: 129%;
}

.mzpme_footer_b {
    font-size: 24px;
    color: #FFFFFF;
    left: -80px;
    position: relative;
    white-space: nowrap;
    width: 113%;
}

.mzpme_footer_c {
    font-size: 14px;
    color: #F6F9FF;
    margin-bottom: 12px;

}

.mzpme_footer_d {
    font-size: 14px;
    line-height: 0.16rem;
    margin-bottom: 0.16rem;
    text-align: left;
    color: #F6F9FF;
}

.mzpme_footer_e {
    font-size: 14px;
    text-align: left;
    color: #F6F9FF;
    margin-bottom: 20px;
}

.mzpme_footer_f {
    font-size: 12px;
    text-align: left;
    color: #999999;
    margin-bottom: 20px;
}

/*页脚 fix*/
.mzpme_ftfix {
    background: #3d4045;
    height: 0.6rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.mzpme_ftfix_box {
    position: relative;
    margin: 0 3%;
}

.mzpme_ftfix_box a {
    height: 0.31rem;
    position: absolute;
    top: 0.15rem;
    display: block
}

.mzpme_ftfix_close {
    width: 35%;
    background: url("../images/mzpme_ftfix_logo.png") no-repeat;
    background-size: auto 0.31rem;
    left: 0
}

.mzpme_ftfix_link {
    width: 64%;
    background: url("../images/mzpme_ftfix_bg1.png") no-repeat right;
    background-size: auto 0.31rem;
    right: 0;
}


/*右侧 咨询客服*/
.mzpme_service {
    width: 46px;
    height: 46px;
    position: fixed;
    right: 2px;
    top: 75%;
    border: 2px solid #b9c2d0;
    border-radius: 50%;
    background-color: #ED6B1A;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mzpme_service_icon {
    width: 26px;
    height: 22px;
    margin-top: 7px;
    margin-left: 6px;
}

.mzpme_service_btn {
    height: 0.3rem;
    font-size: 0.14rem;
    display: block;
    text-align: right;
    line-height: 0.3rem;
    padding-right: 0.03rem;
    cursor: pointer;
}


.swiper-wrapper {
    width: 80%;
}


.previewSwiper {
    width: 100%;
    padding-left: 7px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px;
}

.previewSwiper .swiper-slide {
    width: auto;
    margin-right: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.previewSwiper .swiper-slide img {
    width: 216px;
    height: 120px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}