*, :after, :before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

img, input, select, textarea {
    border: none
}

textarea {
    resize: none
}

input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

.mzw-prel {
    position: relative
}

.mzw-ofh {
    overflow: hidden
}

.mzw-clear::after {
    content: "";
    display: block;
    clear: both
}

.mzw-fl {
    float: left
}

.mzw-fr {
    float: right
}

.mzw-img1 img {
    display: block;
    width: 100%;
    height: auto
}

.mzw-img2 img {
    display: block;
    width: auto;
    height: 100%
}

.mzw-img3 .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-img3 .img, .mzw-img3 img {
    display: block;
    width: 100%;
    height: 100%
}

.mzw-img3 .img img {
    opacity: 0
}

.mzw-img4 {
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.mzw-img4 .img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-img4 .img img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mzw-hvr-img img {
    transition: .4s
}

.mzw-hvr-img:hover img {
    transform: scale(1.08)
}

.mzw-hvr-img2 .img {
    transition: .4s
}

.mzw-hvr-img2:hover .img {
    transform: scale(1.08)
}

.mzw-det img {
    display: inline-block
}

.mzw-det img, .mzw-det table, .mzw-det video {
    max-width: 100%
}

.mzw-det ul {
    list-style: disc inside
}

.mzw-det ol {
    list-style: decimal inside
}

.mzw-bg1 {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-tabcon {
    display: none
}

.mzw-tabcon.show {
    display: block
}

.mzw-placeholder input::-webkit-input-placeholder {
    color: #ccc
}

.mzw-placeholder input:-moz-placeholder {
    color: #ccc
}

.mzw-placeholder input::-moz-placeholder {
    color: #ccc
}

.mzw-placeholder input::-ms-input-placeholder {
    color: #ccc
}

.mzw-pc {
    display: block !important
}

.mzw-pe {
    display: none !important
}

body, input, select, textarea {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-family: SourceHanSansCN, 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

@font-face {
    font-family: SourceHanSansCN;
    src: url(../fonts/SourceHanSansCN-Regular.otf)
}

@font-face {
    font-family: SourceHanSansCN-N;
    src: url(../fonts/SourceHanSansCN-Normal.otf)
}

@font-face {
    font-family: SourceHanSansCN-M;
    src: url(../fonts/SourceHanSansCN-Medium.otf)
}

@font-face {
    font-family: SourceHanSansCN-B;
    src: url(../fonts/SourceHanSansCN-Bold.otf)
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.ttf)
}

@font-face {
    font-family: Poppins-M;
    src: url(../fonts/Poppins-Medium.ttf)
}

@font-face {
    font-family: Poppins-SB;
    src: url(../fonts/Poppins-SemiBold.ttf)
}

@font-face {
    font-family: Poppins-B;
    src: url(../fonts/Poppins-Bold.ttf)
}

.wp1600, .wp1840 {
    margin: 0 auto
}

.wp1600 {
    max-width: 16rem
}

.wp1840 {
    max-width: 18.4rem
}

.fs12 {
    font-size: .12rem
}

.fs14 {
    font-size: .14rem
}

.fs15 {
    font-size: .15rem
}

.fs16 {
    font-size: .16rem
}

.fs17 {
    font-size: .17rem
}

.fs18 {
    font-size: .18rem
}

.fs20 {
    font-size: .2rem
}

.fs22 {
    font-size: .22rem
}

.fs24 {
    font-size: .24rem
}

.fs14-12 {
    font-size: .14rem
}

.fs16-16 {
    font-size: .16rem
}

.fs18-16, .fs18-18 {
    font-size: .18rem
}

.fs20-16, .fs20-18, .fs20-20 {
    font-size: .2rem
}

.fs22-16, .fs22-18 {
    font-size: .22rem
}

.fs24-16, .fs24-18 {
    font-size: .24rem
}


.footer .ftr-nav1 li{position: relative;}
.footwlimg{display: none;position: absolute;left: 50%;
-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: .15rem;
}
.footwlimgsub{background: #fff;padding: .02rem;position: relative;border: 1px solid #eaeaea;}
.footwlimgsub::after{content: "";position: absolute;top: -.09rem;left: 50%;width: .19rem;height: .09rem;background: url(../images/navsanjiao.png) no-repeat center center;background-size: 100% auto;margin-left: -.095rem;}
.footwlimgsub img{display: block;width: 1rem;}
.footer .ftr-nav1 li:hover .footwlimg{display: block;}

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

    .fs12 {
        font-size: 12px
    }

    .fs14 {
        font-size: 14px
    }

    .fs16-16 {
        font-size: 16px
    }

    .fs18-18 {
        font-size: 18px
    }

    .fs20-20 {
        font-size: 20px
    }

}

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

    .fs15 {
        font-size: 14px
    }

}

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

    .fs20-18 {
        font-size: 18px
    }

}

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

    .fs18-16 {
        font-size: 16px
    }

}

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

    .fs14-12 {
        font-size: 12px
    }

    .fs16 {
        font-size: 14px
    }

}

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

    .fs17 {
        font-size: 14px
    }

}

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

    .fs22-18 {
        font-size: 18px
    }

}

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

    .fs20-16 {
        font-size: 16px
    }

}

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

    .fs18 {
        font-size: 14px
    }

}

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

    .fs24-18 {
        font-size: 18px
    }

}

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

    .fs22-16 {
        font-size: 16px
    }

}

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

    .fs20 {
        font-size: 14px
    }

}

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

    .fs24-16 {
        font-size: 16px
    }

}

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

    .fs22 {
        font-size: 14px
    }

}

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

    .mzw-fl, .mzw-fr {
        float: none
    }

    .mzw-pc {
        display: none !important
    }

    .mzw-pe {
        display: block !important
    }

    .wp1600, .wp1840 {
        max-width: none;
        padding: 0 .4rem
    }

    .fs12 {
        font-size: .24rem
    }

    .fs14, .fs15, .fs16, .fs17, .fs18, .fs20, .fs22 {
        font-size: .28rem
    }

    .fs16-16 {
        font-size: .2rem
    }

    .fs18-16, .fs20-16, .fs20-18, .fs20-20, .fs22-16, .fs22-18, .fs24-16, .fs24-18 {
        font-size: .36rem
    }

}

.header-height {
    height: 1.3rem
}

.header-height-pt {
    padding-top: 1.3rem
}

.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    transition: .4s
}

.header .hdr-con {
    height: .5rem;
    box-sizing: content-box;
    padding: .4rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s
}

.header .hdr-con::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .902);
    box-shadow: .08rem 0 .35rem 0 rgba(77, 77, 77, .08);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .4s
}

.header .hdr-l, .header .hdr-r {
    width: 2rem
}

.header .hdr-l, .header .hdr-menu, .header .hdr-r {
    position: relative;
    z-index: 3
}

.header .logo {
    display: block;
    width: 1.39rem;
    cursor: pointer;
    position: relative
}

.header .logo .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.header .hdr-r {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .language {
    display: block;
    width: .44rem;
    height: .44rem;
    background-color: #90c31f;
    border-radius: 50%;
    overflow: hidden;
    font-family: Poppins;
    color: #fff;
    text-transform: uppercase;
    line-height: .44rem;
    text-align: center
}

.header .hdr-menubtn, .header .language2 {
    display: none
}

.nav {
    display: flex
}

.nav li {
    margin-right: .1rem
}

.nav li:last-child {
    margin-right: 0
}

.nav .a1 {
    display: block;
    font-family: SourceHanSansCN-M;
    color: #1a2111;
    line-height: .5rem;
    padding: 0 .35rem;
    position: relative;
    transition: color .4s
}

.nav .a1::after, .nav .a1::before {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .4s
}

.nav .a1::before {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background-color: #90c31f;
    left: 50%;
    bottom: .06rem;
    transform: translateX(-50%)
}

.nav .a1::after {
    width: .27rem;
    height: calc(100% - .32rem);
    background: url(../images/mzw/icon-a1.png) left top no-repeat;
    background-size: 100% auto;
    right: 0;
    bottom: 0
}

.nav .dropmenu {
    display: none;
    width: 100vw;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}
@media screen and (min-width: 1200px) {
    .body-case .nav .dropmenu {
        display: block!important;
        opacity: 1!important;
        height: auto!important;
    }
}

.nav2 {
    margin-top: 0.05rem;
    background-color: rgba(144, 195, 31, 0.8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}

.nav2 .li2 {
    width: 2.37rem;
    margin: 0 0.52rem;
}

.nav2 .a2 {
    display: block;
    color: #fff;
    line-height: 2.75;
    transition: .4s;
    position: relative;
    text-align: center;
}

.nav2 .a2::before,
.nav2 .a2::after {
    content: '';
    display: block;
    background-color: rgba(255, 255, 255, 0.6);
    width: 0.125em;
    height: 0.5625em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.nav2 .a2::before {
    top: 0;
}

.nav2 .a2::after {
    bottom: 0;
}

.nav2 .a2:hover {
}

.nav2 .li2 {
    position: relative;
    overflow: hidden;
}
.nav2 .li2::before {
    content: "";
    background-color: #7bb300;
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: .4s;
    transform: translateX(-100%);
}
.nav2 .li2:hover::before {
    transform: translateX(0%);
}
.nav .a1:hover, .nav li.on .a1 {
    color: #90c31f
}

.nav .a1:hover::after, .nav .a1:hover::before, .nav li.on .a1::after, .nav li.on .a1::before {
    opacity: 1
}

.header.active .hdr-con {
    padding: .1rem 0
}

.header.active .hdr-con::after {
    opacity: 1
}

.header.hide {
    transform: translateY(-100%)
}

.header.white .logo .img1 {
    opacity: 0
}

.header.white .logo .img2 {
    opacity: 1
}

.header.white .language {
    background-color: #fff;
    color: #90c31f
}

.header.white .nav .a1 {
    color: #fff
}

.header.white .nav .a1::before {
    background-color: #fff
}

.header.white .nav .a1::after {
    background-image: url(../images/mzw/icon-a1-3.png)
}

.header.white .nav .a1:hover, .header.white .nav li.on .a1 {
    color: #fff;
    opacity: .8
}

.g-mzw-top {
    display: flex;
    align-items: center;
    font-family: Poppins;
    color: #1a2111;
    line-height: 2;
    cursor: pointer;
    transition: color .4s
}

.g-mzw-top.fixed {
    position: fixed;
    right: calc(50% - 9.2rem);
    bottom: 20vh;
    z-index: 100;
}

.g-mzw-top .icon {
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    padding: .1rem;
    background-color: #90c31f;
    box-sizing: content-box;
    margin-right: .1rem
}

.g-mzw-top:hover {
    color: #90c31f
}

.footer {
    background-image: url(../images/mzw/bgpic-a1.jpg);
    position: relative;
    overflow: visible
}

.footer .ftr-l {
    flex: 1;
    overflow: hidden;
    margin-right: 2rem
}

.footer .ftr-r {
    width: 8rem
}

.footer .ftr-nav1 {
    display: flex
}

.footer .ftr-nav1 li {
    margin-right: .8rem
}

.footer .ftr-nav1 li:last-child {
    margin-right: 0
}

.footer .ftr-nav1 .a1 {
    display: block;
    font-family: SourceHanSansCN-N;
    color: #1a2111;
    line-height: 1.5;
    padding-left: .2rem;
    position: relative;
    transition: .4s
}

.footer .ftr-nav1 .a1::before {
    content: '';
    display: block;
    background-color: #90c31f;
    width: .1rem;
    height: .1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer .ftr-nav1 .a1:hover {
    color: #90c31f
}

.footer .ftr-row1, .footer .ftr-row2 {
    display: flex
}

.footer .ftr-row1 {
    align-items: center;
    padding: .53rem 0;
    border-bottom: solid #cacfbf;
    justify-content: center;
}




.footer .ftr-row1 .ftr-r {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

.footer .ftr-row1 .ftr-r .ftr-tel {
    display: none
}

.footer .ftr-row1 .ftr-r .ftr-back {
    height: 2em
}

.footer .ftr-nav2 li {
    margin-bottom: .26rem
}

.footer .ftr-nav2 li:last-child {
    margin-bottom: 0
}

.footer .ftr-nav2 .a1 {
    display: block;
    color: #1a2111;
    line-height: 2;
    padding-left: .3rem;
    background: url(../images/mzw/icon-a3.png) left center no-repeat;
    background-size: .15rem auto;
    transition: color .4s
}

.footer .ftr-nav2 .a1:hover, .footer .ftr-nav2 li.on .a1 {
    color: #90c31f
}

.footer .ftr-nav3 li {
    margin-bottom: .26rem;
    position: relative;
    display: flex
}

.footer .ftr-nav3 li:last-child {
    margin-bottom: 0
}

.footer .ftr-nav3 .a1 {
    display: block;
    color: #1a2111;
    line-height: 2;
    position: relative
}

.footer .ftr-nav3 .a1::after, .footer .ftr-nav3 .a1::before {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .4s
}

.footer .ftr-nav3 .a1::before {
    width: .06rem;
    height: .06rem;
    background-color: #90c31f;
    border-radius: 50%;
    left: calc(100% + .06rem);
    top: 50%;
    transform: translateY(-50%)
}

.footer .ftr-nav3 .a1::after {
    width: .27rem;
    height: .27rem;
    background: url(../images/mzw/icon-a1.png) left top no-repeat;
    background-size: 100% auto;
    left: calc(100% + 00.2rem);
    top: .17rem
}

.footer .ftr-nav3 .a1:hover::after, .footer .ftr-nav3 .a1:hover::before, .footer .ftr-nav3 li.on .a1::after, .footer .ftr-nav3 li.on .a1::before {
    opacity: 1
}

.footer .ftr-row2 {
    padding: .79rem 0 .8rem;
    overflow: hidden
}

.footer .ftr-row2 .ftr-l .row1 {
    display: flex;
    margin-bottom: 1.24rem
}

.footer .ftr-row2 .ftr-l .row2 {
    display: none
}

.footer .copyright {
    font-family: SourceHanSansCN-N;
    color: #1a2111;
    line-height: 1.5
}

.footer .copyright p {
    display: inline
}

.footer .copyright a {
    display: inline;
    color: inherit;
    transition: color .4s
}

.footer .copyright a:hover {
    color: #90c31f
}

.footer .ftr-row2 .ftr-nav2 {
    margin-right: 1.96rem
}

.footer .ftr-qrcode {
    margin-left: auto;
    margin-top: .34rem
}

.footer .ftr-qrcode .pic {
    width: 1.78rem;
    margin: 0 auto .18rem
}

.footer .ftr-qrcode .txt {
    color: #1a2111;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap
}

.footer .ftr-info {
    border-radius: .15rem;
    background-color: #d6e9ac;
    padding: .5rem .6rem .32rem;
    position: relative;
    display: flex;
    overflow: hidden;
    display: block;
}

.footer .ftr-info ul {
    flex: 1;
    overflow: hidden;
    margin-bottom: .44rem
}

.footer .ftr-info ul li {
    margin-bottom: .44rem
}

.footer .ftr-info ul li:last-child {
    margin-bottom: 0
}

.footer .ftr-info ul .tit {
    font-size: .32rem;
    font-family: Poppins-M;
    color: #1a2111;
    line-height: 1.5;
    margin-bottom: .13rem
}

.footer .ftr-info ul .txt {
    font-family: SourceHanSansCN-M;
    color: #1a2111;
    line-height: 1.5
}

.footer .ftr-info .btn {
    display: block;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    background: url(../images/mzw/icon-a4.png) center no-repeat #90c31f;
    background-size: .22rem auto;
    overflow: hidden;
    position: absolute;
    right: .62rem;
    bottom: .62rem
}

.footer .ftr-tel {
    font-size: .32rem;
    color: #1a2111;
    line-height: 1.5
}

.footer .ftr-tel .tit {
    font-family: Poppins-M
}

.footer .ftr-tel .txt {
    font-family: Poppins-SB;
    font-weight: 700
}

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

    .header-height {
        height: calc(50px + .8rem)
    }

    .header-height-pt {
        padding-top: calc(50px + .8rem)
    }

    .header .hdr-con {
        height: 50px
    }

    .header .language {
        width: 44px;
        height: 44px;
        line-height: 44px
    }

    .nav .a1 {
        line-height: 50px;
        padding: 0 35px
    }

    .nav .a1::before {
        width: 6px;
        height: 6px;
        bottom: 6px
    }

    .nav .a1::after {
        width: 27px;
        height: calc(100% - 23px)
    }

    .g-mzw-top {
        padding-left: 24px;
        background-size: 14px auto
    }

    .footer .ftr-nav1 .a1 {
        padding-left: 20px
    }

    .footer .ftr-nav1 .a1::before {
        width: 10px;
        height: 10px
    }

    .footer .ftr-row1 {
        border-bottom-width: 1px
    }

    .footer .ftr-nav2 .a1 {
        padding-left: 30px;
        background-size: 15px auto
    }

    .footer .ftr-nav3 .a1::before {
        width: 6px;
        height: 6px;
        left: calc(100% + 6px)
    }

    .footer .ftr-nav3 .a1::after {
        width: 27px;
        height: 27px;
        left: calc(100% + 20px);
        top: 17px
    }

}

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

    .footer .ftr-nav3 .a1::after {
        width: 25px;
        height: 25px;
        left: calc(100% + 18px);
        top: 16px
    }

}

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

    .footer .ftr-info ul .tit, .footer .ftr-tel {
        font-size: 24px
    }

}

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




    .header-height {
        height: 1.2rem
    }

    .header-height-pt {
        padding-top: 1.2rem
    }

    .header .hdr-con {
        height: 1.2rem;
        padding: 0
    }

    .header .hdr-l, .header .hdr-r {
        width: auto
    }

    .header .logo {
        width: 2.41rem
    }

    .header .language {
        font-size: .24rem;
        width: .54rem;
        height: .54rem;
        line-height: .54rem
    }

    .header .hdr-menubtn {
        display: block;
        width: .54rem;
        height: .54rem;
        border-radius: 50%;
        background: url(../images/mzw/icon-a5-1.png) center no-repeat #90c31f;
        background-size: .32rem auto;
        overflow: hidden;
        margin-left: .2rem;
        transition: .4s
    }

    .header .hdr-menubtn.open {
        background-image: url(../images/mzw/icon-a5-2.png);
        background-size: .2rem auto
    }

    .header .hdr-c {
        display: none;
        width: 100%;
        height: calc(100vh - 1.2rem);
        background-color: rgba(255, 255, 255, .9);
        position: absolute;
        left: 0;
        top: 1.2rem
    }

    .header .hdr-menu {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: .5rem .4rem 1.2rem
    }

    .nav {
        display: block;
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: .5rem
    }

    .nav li {
        margin-right: 0
    }

    .nav li:last-child {
        margin-right: 0
    }

    .nav .a1 {
        font-size: .32rem;
        line-height: 1.12rem;
        padding: 0 .35rem 0 .43rem;
        position: relative;
        transition: color .4s;
        border-bottom: 1px solid #d1d3cf
    }

    .nav .a1::after, .nav .a1::before {
        opacity: 1;
        transition: .4s
    }

    .nav .a1::before {
        width: .12rem;
        height: .12rem;
        border-radius: 50%;
        background-color: #90c31f;
        left: 0;
        bottom: 50%;
        transform: translateY(50%)
    }

    .nav .a1::after {
        width: .18rem;
        height: 100%;
        background: url(../images/mzw/icon-a6-1.png) left center no-repeat;
        background-size: 100% auto;
        right: 0;
        bottom: 0
    }

    .nav .dropmenu {
        width: 100%;
        position: static;
        transform: none;
    }

    .nav2 {
        margin-top: 0.4rem;
        background-color: transparent;
        display: block;
    }

    .nav2 .li2 {
        width: 100%;
        margin: 0;
    }

    .nav2 .a2 {
        font-size: 0.28rem;
        line-height: 1.5;
        text-align: left;
        color: #1a2111;
        padding: 0.2rem 0 0.2rem 0.43rem;
    }

    .nav2 .a2::before {
        background-color: rgb(144, 195, 31);
        width: 0.2rem;
        height: 0.04rem;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .nav2 .a2::after {
        display: none;
    }

    .nav .a1.active::after {
        transform: rotate(90deg);
    }

    .nav .a1:hover, .nav li.on .a1 {
        color: #90c31f
    }

    .nav .a1:hover::after, .nav li.on .a1::after {
        background-image: url(../images/mzw/icon-a6-2.png)
    }

    .header .language2 {
        display: block;
        overflow: hidden;
        margin: 0 -.2rem
    }

    .header .language2 li {
        width: 50%;
        float: left
    }

    .header .language2 .a1 {
        display: block;
        margin: 0 .2rem;
        border-radius: .32rem;
        background-color: #979697;
        height: .61rem;
        overflow: hidden;
        font-size: .24rem;
        font-family: Poppins-M;
        color: #fff;
        line-height: .61rem;
        text-align: center
    }

    .header .language2 li.on .a1 {
        background-color: #90c31f
    }

    .header.active .hdr-con {
        padding: 0
    }

    .header.white .hdr-menubtn {
        background-color: #fff;
        background-image: url(../images/mzw/icon-a5-3.png)
    }

    .header.white .hdr-menubtn.open {
        background-image: url(../images/mzw/icon-a5-4.png)
    }

    .header.open .hdr-con::after {
        opacity: 1
    }

    .header.open .logo .img1 {
        opacity: 1
    }

    .header.open .logo .img2 {
        opacity: 0
    }

    .header.open .nav .a1 {
        color: #1a2111
    }

    .header.open .nav .a1::before {
        background-color: #90c31f
    }

    .header.open .nav .a1::after {
        background-image: url(../images/mzw/icon-a6-1.png)
    }

    .header.open .nav li.on .a1 {
        color: #1a2111
    }

    .header.open .language {
        background-color: #90c31f;
        color: #fff
    }

    .header.open .hdr-menubtn {
        background-color: #90c31f;
        background-image: url(../images/mzw/icon-a5-1.png)
    }

    .header.open .hdr-menubtn.open {
        background-image: url(../images/mzw/icon-a5-2.png)
    }

    .footer .ftr-l {
        margin-right: 0
    }

    .footer .ftr-r {
        width: 100%
    }

    .footer .ftr-nav1 li {
        margin-right: .46rem
    }

    .footer .ftr-nav1 .a1 {
        padding-left: .26rem
    }

    .footer .ftr-nav1 .a1::before {
        width: .14rem;
        height: .14rem
    }

    .footer .ftr-row1 {
        padding: .45rem 0 .28rem;
        border-bottom: none
    }

    .footer .ftr-row1 .ftr-r {
        width: auto;
        display: flex;
        align-items: center
    }

    .footer .ftr-row1 .ftr-r .ftr-nav1, .footer .ftr-row1 .g-mzw-top {
        display: none
    }

    .footer .ftr-row1 .ftr-r .ftr-tel {
        display: block
    }

    .footer .ftr-tel .tit, .footer .ftr-tel .txt {
        display: inline
    }

    .footer .ftr-tel .txt {
        font-size: .28rem;
        margin-left: .14rem
    }

    .footer .ftr-row2 {
        flex-direction: column-reverse;
        padding: 0 0 .5rem
    }

    .footer .ftr-row2 .ftr-l {
        overflow: visible
    }

    .footer .ftr-row2 .ftr-l .row1 {
        display: none
    }

    .footer .ftr-row2 .ftr-l .row2 {
        display: block;
        margin: .61rem 0 .56rem
    }

    .footer .ftr-qrcode2 {
        display: flex;
        justify-content: center
    }

    .footer .ftr-qrcode2 li {
        margin-left: .4rem
    }

    .footer .ftr-qrcode2 li:first-child {
        margin-left: 0
    }

    .footer .ftr-qrcode2 .con {
        display: block;
        position: relative;
        cursor: pointer
    }

    .footer .ftr-qrcode2 .icon {
        width: .64rem
    }

    .footer .ftr-qrcode2 .drop {
        display: none;
        width: 1.78rem;
        min-height: 1.78rem;
        position: absolute;
        left: 50%;
        bottom: calc(100% + .1rem);
        transform: translateX(-50%);
        z-index: 10
    }

    .footer .ftr-qrcode2 .drop-con {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .footer .ftr-qrcode2 .drop::after {
        content: '';
        display: block;
        width: 100%;
        height: .1rem;
        background: url(../images/mzw/icon-a8.png) center bottom no-repeat;
        background-size: auto 100%;
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%)
    }

    .footer .ftr-qrcode2 .con:hover .drop {
        display: block
    }

    .footer .copyright {
        text-align: center
    }

    .footer .copyright p {
        display: block
    }

    .footer .copyright span {
        display: none
    }

    .footer .ftr-row2 .ftr-nav2 {
        margin-right: 1.96rem
    }

    .footer .ftr-info {
        padding: .27rem .4rem .36rem;
        display: block
    }

    .footer .ftr-info ul li {
        margin-bottom: .23rem
    }

    .footer .ftr-info ul li:last-child {
        margin-bottom: 0
    }

    .footer .ftr-info ul .tit {
        margin-bottom: .08rem
    }

    .footer .ftr-info ul .txt {
        font-family: SourceHanSansCN
    }

    .footer .ftr-info .btn, .footer .ftr-info .ftr-tel {
        display: none
    }

}

.mzw-box-prel {
    position: relative;
    overflow: hidden
}

.mzw-box-bg1, .mzw-box-bg2, .mzw-box-bg3 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 9.6rem;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-box-bg1 {
    background-image: url(../images/mzw/bgpic-a2-1.png)
}

.mzw-box-bg2 {
    background-image: url(../images/mzw/bgpic-a2-2.png)
}

.mzw-box-bg3 {
    background-image: url(../images/mzw/bgpic-a2-3.jpg)
}

.mzw-box-v1 {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    opacity: .99;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-box-v1 video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    outline: 0
}

.mzw-min-h1 {
    min-height: 100vh;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.main {
    user-select: none
}

.mzw-box-main {
    position: relative
}

.mzw-box-main .main-bg1 {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.mzw-cursor1 {
    cursor: url(../images/mzw/icon-a1.png), auto
}

.mzw-cursor2 {
    cursor: url(../images/mzw/icon-a1-3.png), auto
}

.g-mzw-btn1 {
    display: block;
    width: 3rem;
    height: .8rem;
    background-color: #979697;
    font-size: .3rem;
    line-height: .8rem;
    font-family: Poppins-M;
    color: #fff;
    text-align: center;
    border-radius: .4rem;
    overflow: hidden;
    transition: .4s;
    cursor: pointer
}

.g-mzw-btn1.bg1 {
    background-color: #fff;
    color: #979697
}

.g-mzw-btn1:hover {
    background-color: #90c31f;
    color: #fff
}

.g-mzw-btn1.w1 {
    width: 2.4rem
}

.mzw-welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200
}

.mzw-welcome .logo {
    width: 5.29rem;
    margin-bottom: .23rem
}

.mzw-welcome .txt {
    font-family: Poppins-M;
    color: #1a2111;
    line-height: 1.5;
    text-align: center
}

.mzw-welcome .progress {
    width: 100%;
    height: .08rem;
    background-color: #b5b6b6;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0
}

.mzw-welcome .percent {
    width: 100%;
    height: 100%;
    background-color: #90c31f;
    position: absolute;
    right: 100%;
    top: 0
}

.mzw-box1 {
    --mzw-box1-opacity1-0: 0;
    --mzw-box1-opacity1-1: 1;
    --mzw-box1-color1: #979697;
    --mzw-box1-color2: #90c31f
}

.mzw-box1 .bg1, .mzw-box1 .bg2 {
    display: block
}

.mzw-box1 .bg1 {
    opacity: 1
}

.mzw-box1 .bg2 {
    background-color: #90c31f;
    opacity: 0
}

.mzw-box1 .con {
    padding: 0 0 .4rem;
    overflow: visible
}

.mzw-box1 .row1 {
    position: static;
    padding-top: 2.56rem
}

.mzw-box1 .pic {
    position: absolute;
    width: 1.61rem;
    right: 2.99rem;
    top: 3.48rem
}

.mzw-box1 .txt {
    margin-bottom: .92rem;
    position: relative
}

.mzw-box1 .tit {
    width: 4.7rem;
    margin-bottom: .02rem;
    position: relative
}

.mzw-box1 .tit .img1 {
    opacity: var(--mzw-box1-opacity1-1)
}

.mzw-box1 .tit .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: var(--mzw-box1-opacity1-0)
}

.mzw-box1 .tit2, .mzw-box1 .tit3 {
    font-family: Poppins-B;
    font-weight: 700;
    line-height: 1;
    text-shadow: .14rem .12rem .09rem rgba(27, 31, 17, .08)
}

.mzw-box1 .tit2 {
    font-size: 1.8rem;
    color: var(--mzw-box1-color1)
}

.mzw-box1 .tit3 {
    font-size: 2.2rem;
    color: var(--mzw-box1-color2);
    margin-top: -.15rem
}

.g-more-f01 {
    --mzw-box1-opacity1-0: 0;
    --mzw-box1-opacity1-1: 1;
    --mzw-box1-color1: #979697;
    --mzw-box1-color2: #90c31f;

    font-family: Poppins;
    color: var(--mzw-box1-color2);
    text-transform: uppercase;
    line-height: 1.25;
    text-align: center;
    position: relative;

    position: fixed;
    left: 50%;
    bottom: 0.25rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 10;
    touch-action: none;
    pointer-events: none;
}

.g-more-f01 .icon {
    display: block;
    width: .11rem;
    margin: .06rem auto 0;
    position: relative
}

.g-more-f01 .icon .img1 {
    opacity: var(--mzw-box1-opacity1-1)
}

.g-more-f01 .icon .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: var(--mzw-box1-opacity1-0)
}

.g-more-f01.white {
    --mzw-box1-opacity1-0: 1;
    --mzw-box1-color2: #fff;
}

.g-more-f01 .icon .img1 {
    opacity: calc(1 - var(--mzw-box1-opacity1-0));
}

.mzw-box2 .con {
    margin: 0 -.04rem;
    padding: .62rem 0
}

.mzw-box2 .pic {
    width: 100%
}

.mzw-box2 .txt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1.57rem;
    text-align: center;
    line-height: 1;
    transform: scale(0)
}

.mzw-box2 .tit1 {
    font-size: .4rem;
    font-family: SourceHanSansCN-M;
    color: #979697;
    line-height: 1.5;
    margin-bottom: .07rem
}

.mzw-box2 .info, .mzw-box2 .tit2 {
    font-family: Poppins-B;
    font-weight: 700
}

.mzw-box2 .tit2 {
    font-size: 1.8rem;
    color: #90c31f;
    margin-bottom: .16rem
}

.mzw-box2 .info {
    font-size: .9rem;
    color: #979697;
    margin-bottom: .4rem
}

.mzw-box2 .btn {
    margin: 0 auto
}

.mzw-box3 {
    --mzw-box3-color1: #979697;
    --mzw-box3-opacity1-0: 0;
    --mzw-box3-opacity1-1: 1;
    --mzw-box3-radius: 0.25rem
}

.mzw-box3 .box1 {
    position: relative
}

.mzw-box3 .bg2 {
    width: 5.82rem;
    height: 3.39rem;
    border-radius: var(--mzw-box3-radius);
    position: absolute;
    right: calc(50% - 8rem);
    top: 3.87rem
}

.mzw-box3 .bg2::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    opacity: var(--mzw-box3-opacity1-0)
}

.mzw-box3 .con {
    padding: 2.32rem 0 .3rem
}

.mzw-box3 .tit1, .mzw-box3 .tit2 {
    font-family: Poppins-B;
    font-weight: 700
}

.mzw-box3 .tit1 {
    font-size: .8rem;
    color: var(--mzw-box3-color1);
    line-height: 1.4;
    margin-bottom: .11rem
}

.mzw-box3 .tit2 {
    font-size: 1.3rem;
    color: #90c31f;
    line-height: 1.067;
    margin-bottom: .18rem
}

.mzw-box3 .info {
    font-size: .4rem;
    font-family: SourceHanSansCN-M;
    color: var(--mzw-box3-color1);
    line-height: 1.5;
    margin-bottom: .49rem
}

.mzw-box3 .icon {
    width: 1.57rem;
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    opacity: var(--mzw-box3-opacity1-1)
}

.mzw-box4 .bg1 {
    background-size: 100% auto;
    background-position: left top
}

.mzw-box4 .bg2 {
    width: 100%;
    height: 100%;
    background: url(../images/mzw/bgpic-a3.png) left bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-box4 .con {
    overflow: visible;
    padding: .8rem 0;
    transform: scale(0.8)
}

.mzw-box4 .txt {
    margin-bottom: .77rem
}

.mzw-box4 .row1, .mzw-box4 .row2 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.mzw-box4 .row1 {
    margin-bottom: .12rem
}

.mzw-box4 .left {
    margin: .28rem .56rem 0 0
}

.mzw-box4 .info {
    font-size: .34rem;
    font-family: SourceHanSansCN-M;
    color: #90c31f;
    line-height: 1.5;
    margin-bottom: .15rem
}

.mzw-box4 .tit1, .mzw-box4 .tit3, .mzw-box4 .tit4 {
    font-size: 1.1rem;
    font-family: Poppins-B;
    font-weight: 700;
    line-height: 1.091
}

.mzw-box4 .tit1, .mzw-box4 .tit4 {
    color: #979697
}

.mzw-box4 .tit2 {
    font-size: 2rem;
    font-family: Poppins-SB;
    color: #90c31f;
    font-weight: 700;
    line-height: 1
}

.mzw-box4 .btn1 {
    margin: 0 .5rem
}

.mzw-box4 .tit3 {
    color: #90c31f
}

.mzw-box4 .btn2 {
    display: none
}

.mzw-box4 .row3 {
    height: 6.63rem;
    position: relative
}

.mzw-box4 .pic {
    width: 9.85rem;
    height: 5.25rem;
    background-color: #1a2111;
    border-radius: .25rem;
    overflow: hidden;
    margin: 0 auto
}

.mzw-box5 .con {
    margin: 0 -.1rem;
    padding: 1.62rem 0 1.76rem
}

.mzw-box5 .txt {
    display: block;
    text-align: center
}

.mzw-box5 .tit1, .mzw-box5 .tit2, .mzw-box5 .tit3 {
    font-family: Poppins-B;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1
}

.mzw-box5 .tit1, .mzw-box5 .tit3 {
    font-size: .9rem;
    color: #fff
}

.mzw-box5 .tit2 {
    font-size: 1.6rem;
    color: #90c31f;
    margin-bottom: .07rem
}

.mzw-box5 .tit3 {
    margin-bottom: .15rem
}

.mzw-box5 .info {
    font-size: .4rem;
    font-family: SourceHanSansCN-M;
    color: #90c31f;
    line-height: 1.5;
    margin-bottom: .4rem
}

.mzw-box5 .btn {
    margin: 0 auto
}

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

    .mzw-box-bg1, .mzw-box-bg2, .mzw-box-bg3 {
        display: none;
        background-size: auto 13.34rem
    }

    .mzw-box-bg1 {
        background-image: url(../images/mzw/bgpic-a2-1-2.png)
    }

    .mzw-box-bg2 {
        background-image: url(../images/mzw/bgpic-a2-2-2.png)
    }

    .mzw-box-bg3 {
        background-image: url(../images/mzw/bgpic-a2-3-2.jpg)
    }

    .mzw-min-h1 {
        min-height: 0;
        display: block
    }

    .mzw-box-main .main-bg1 {
        display: none
    }

    .g-mzw-btn1 {
        width: 2.56rem;
        height: .61rem;
        font-size: .24rem;
        line-height: .61rem;
        border-radius: .32rem
    }

    .g-mzw-btn1.w1 {
        width: 2.56rem
    }

    .g-mzw-btn1.bg1 {
        color: #90c31f
    }

    .mzw-welcome {
        display: none
    }

    .mzw-box1 .con {
        min-height: 13.34rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .mzw-box1 .row1 {
        padding-top: 3.8rem
    }

    .mzw-box1 .pic {
        width: 4.38rem;
        position: absolute;
        right: 1.16rem;
        top: 3.57rem
    }

    .mzw-box1 .txt {
        margin-bottom: .92rem;
        text-align: center
    }

    .mzw-box1 .tit {
        width: 3.32rem;
        height: .62rem;
        margin: 0 auto .15rem
    }

    .mzw-box1 .tit2 {
        font-size: .92rem
    }

    .mzw-box1 .tit3 {
        font-size: 1.1rem;
        margin-top: -.03rem
    }

    .g-more-f01 {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: .41rem
    }

    .g-more-f01 .icon {
        width: .21rem;
        margin-top: .13rem
    }

    .g-more-f01 {
        display: none;
    }

    .g-more-f01 .icon {
        width: 0.21rem;
        margin-top: 0.13rem;
    }

    .mzw-box2 .wp1600 {
        padding: 0
    }

    .mzw-box2 .con {
        margin: 0;
        padding: 1.37rem 0 .23rem
    }

    .mzw-box2 .pic {
        width: 8.15rem;
        margin-left: -.23rem
    }

    .mzw-box2 .txt {
        width: 100%;
        padding: 0 .4rem;
        bottom: .92rem;
        transform: scale(1)
    }

    .mzw-box2 .tit1 {
        font-size: .36rem
    }

    .mzw-box2 .tit2 {
        font-size: .8rem;
        margin-bottom: .07rem
    }

    .mzw-box2 .info {
        font-size: .56rem;
        line-height: 1.1429;
        margin-bottom: .79rem
    }

    .mzw-box3 .bg2 {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0
    }

    .mzw-box3 .bg2::after {
        background: url(../images/mzw/bgpic-a4.png) left top no-repeat;
        background-size: 100% auto;
        opacity: 1
    }

    .mzw-box3 .con {
        padding: 1.14rem 0 2.17rem
    }

    .mzw-box3 .txt {
        text-align: center
    }

    .mzw-box3 .tit1 {
        font-size: .56rem;
        color: #fff;
        line-height: 1;
        margin-bottom: .11rem
    }

    .mzw-box3 .tit2 {
        font-size: .8rem;
        line-height: 1;
        margin-bottom: .07rem
    }

    .mzw-box3 .info {
        font-size: .36rem;
        color: #fff;
        line-height: 1.5;
        margin-bottom: .79rem
    }

    .mzw-box3 .btn {
        transform: scale(1);
        margin: 0 auto
    }

    .mzw-box3 .icon {
        display: none
    }

    .mzw-box4 .bg2 {
        background-position: center bottom;
        background-size: 140% auto
    }

    .mzw-box4 .con {
        padding: .89rem 0 .94rem;
        transform: none
    }

    .mzw-box4 .txt {
        margin-bottom: .52rem
    }

    .mzw-box4 .row1, .mzw-box4 .row2 {
        display: block
    }

    .mzw-box4 .row1 {
        margin-bottom: .11rem;
        text-align: center
    }

    .mzw-box4 .left {
        margin: 0 0 .1rem
    }

    .mzw-box4 .info {
        font-size: .36rem;
        line-height: 1.2778;
        margin-bottom: .17rem
    }

    .mzw-box4 .tit1, .mzw-box4 .tit3, .mzw-box4 .tit4 {
        font-size: .56rem;
        line-height: 1
    }

    .mzw-box4 .tit2 {
        font-family: Poppins-B;
        font-size: .8rem
    }

    .mzw-box4 .btn1 {
        display: none
    }

    .mzw-box4 .tit3, .mzw-box4 .tit4 {
        display: inline
    }

    .mzw-box4 .tit3 {
        color: #979697;
        margin-right: .1rem
    }

    .mzw-box4 .btn2 {
        display: block;
        margin: 0 auto
    }

    .mzw-box4 .row3 {
        height: auto
    }

    .mzw-box4 .pic {
        width: 100%;
        height: 3.61rem;
        margin-bottom: .91rem
    }

    .mzw-box5 .bg1 {
        display: block;
        background-position: center;
        background-size: cover
    }

    .mzw-box5 .con {
        margin: 0;
        padding: 1.21rem 0 1.28rem
    }

    .mzw-box5 .txt {
        display: block;
        text-align: center
    }

    .mzw-box5 .tit1, .mzw-box5 .tit3 {
        font-size: .56rem;
        color: #fff
    }

    .mzw-box5 .tit1 {
        margin-bottom: .1rem
    }

    .mzw-box5 .tit2 {
        font-size: .8rem;
        margin-bottom: .11rem
    }

    .mzw-box5 .tit3 {
        margin-bottom: .16rem
    }

    .mzw-box5 .info {
        font-size: .36rem;
        line-height: 1.2778;
        margin-bottom: .84rem
    }

    .mzw-box5 .btn {
        margin: 0 auto
    }

}

.row-contactus {
    background-color: #fff
}

.g-ban {
    position: relative
}

.g-ban .bg, .g-ban .video {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.g-ban .box {
    position: absolute;
    top: 52.6%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 6;
    text-align: center
}

.g-ban .box .tit {
    font-family: SourceHanSansCN-M;
    font-size: .4rem;
    color: #979697;
    margin-bottom: .05rem
}

.g-ban .box .desc {
    line-height: 1.2;
    font-family: Poppins-B;
    font-size: .9rem;
    color: #979697;
    margin-bottom: -.15rem;
    text-transform: uppercase
}

.g-ban .box .info {
    line-height: 1.2;
    font-family: Poppins-B;
    font-size: 1.2rem;
    color: #90c31f;
    text-transform: uppercase
}

.g-bancontactus .box .desc {
    font-size: 1rem
}

.g-bancontactus .box .info {
    font-size: 1.8rem
}

.m-contactus1 {
    padding: .2rem 0 1.2rem
}

.m-contactusbox {
    padding-bottom: .44rem;
    overflow: hidden
}

.m-contactusbox .l {
    float: left;
    width: 50%
}

.m-contactusbox .r {
    margin-top: -.03rem;
    float: right;
    width: 44.5%
}

.m-contactusbox .l .tit {
    font-family: SourceHanSansCN-M;
    font-size: .4rem;
    color: #90c31f;
    line-height: 1.3
}

.m-contactusbox .l .tit1 {
    line-height: 1.3;
    font-family: Poppins-B;
    font-size: .9rem;
    color: #979697;
    text-transform: uppercase
}

.m-contactusbox .r .en {
    line-height: 1.63;
    font-family: Poppins-M;
    font-size: .22rem;
    color: #4d4d4d;
    margin-bottom: .54rem
}

.m-contactusbox .r .ch {
    font-family: SourceHanSansCN-M;
    font-size: .22rem;
    color: #90c31f
}

.m-contactusbox2 {
    position: relative
}

.m-contactusmap {
    border-radius: .25rem;
    overflow: hidden
}

.m-contactusmap .map {
    position: relative;
    height: 5.6rem;
}

.m-contactusmap .map .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.m-contactusmap .map .con {
    overflow: hidden;
    position: absolute;
    bottom: 30.2%;
    right: 13.7%;
    z-index: 2
}

.m-contactusmap .map .con .pic {
    float: left;
    overflow: hidden;
    width: .27rem;
    height: .23rem;
    margin: .15rem .19rem 0 0
}

.m-contactusmap .map .con .pic .icon {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.m-contactusmap .map .con .txt {
    overflow: hidden
}

.m-contactusmap .map .con .txt .tit {
    font-family: Poppins-M;
    font-size: .32rem;
    color: #90c31f;
    text-transform: uppercase;
    margin-bottom: .13rem
}

.m-contactusmap .map .con .txt .desc {
    font-family: SourceHanSansCN;
    font-size: .16rem;
    color: #4d4d4d
}

.m-ulmap {
    position: absolute;
    /* top:50%; */
    /* transform:translateY(-50%); */
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 6.03rem;
    border-radius: .25rem 0 0 .25rem;
    box-shadow: 0 0 .4rem 0 rgba(103, 83, 194, .11);
    transition: .5s
}

.m-ulmap.on2 {
    width: auto
}

.m-ulmap.on2 .m-ullist .ul-map .item {
    padding: 0
}

.m-ulmap.on2 .m-ullist .ul-map .con {
    width: 0;
    height: 0
}

.m-ulmap .remove {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6.03rem;
    z-index: 5;
    width: .3rem;
    height: .93rem
}

.m-ulmap.on2 .remove {
    left: 0
}

.ul-map .item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0;
    transition: .3s;
    background-color: #fff;
    overflow: hidden;
    border-bottom: solid #e5e5e5;
    border-bottom-width: .01rem;
    padding: .48rem .4rem .48rem;
    cursor: pointer
}

.ul-map .item:hover, .ul-map .on .item {
    background-size: cover;
    border-bottom: solid #90c31f;
    border-bottom-width: .01rem
}

.ul-map li:last-child .item {
    border-radius: 0 0 0 .25rem;
    overflow: hidden;
    border-bottom: solid transparent;
    border-bottom-width: .01rem
}

.ul-map .con .tit {
    font-family: Poppins-M;
    font-size: .32rem;
    color: #979697;
    margin-bottom: .12rem;
    transition: .3s
}

.ul-map .item:hover .con .tit, .ul-map .on .con .tit {
    color: #90c31f
}

.ul-map .con .desc {
    font-family: SourceHanSansCN;
    font-size: .16rem;
    color: #4d4d4d
}

.g-bancaseloballist .info span {
    display: inline-block;
    text-transform: uppercase;
    font-family: Poppins-B
}

.g-bancaseloballist .icon {
    display: inline-block;
    margin-left: .5rem;
    width: .68rem;
    height: .68rem
}

.g-bancaseloballist .icon2 {
    display: none
}

.ul-caselobal .con {
    display: flex;
    align-items: center;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 8.87rem auto
}

.ul-caselobal li:nth-child(2n) .con {
    background-position: left center;
    flex-direction: row-reverse
}

.ul-caselobal .con .pic {
    width: 50%;
    overflow: hidden;
    height: 8.55rem
}
.ul-caselobal .con .img {
    position: relative;
    height: 8.55rem
}
.ul-caselobal .con .g-swiperbtn {
    bottom: 0.3rem;
}

.ul-caselobal .con .g-swiper-prev {
    margin-right: 0.3rem;
}
.g-swiper-next.swiper-button-disabled,
.g-swiper-prev.swiper-button-disabled {
    opacity: 0!important;
    pointer-events: none!important;
}
.g-swiper-prev:after {
    display: none;
}
.g-swiper-next:after {
    display: none;
}


.ul-caselobal .con .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ul-caselobal .con .pic .img2 {
    opacity: 0
}

.ul-caselobal .txt {
    width: 50%;
    padding: 0 1.74rem
}

.ul-caselobal .item .tit {
    font-family: SourceHanSansCN;
    font-size: .4rem;
    color: #4d4d4d;
    margin-bottom: .25rem;
    text-align: center
}

.ul-caselobal .item .desc {
    text-align: center;
    padding: .13rem 0 .1rem;
    border-top: solid #e5e5e5;
    border-bottom: solid #e5e5e5;
    border-bottom-width: .01rem;
    border-top-width: .01rem;
    margin-bottom: .5rem
}

.ul-caselobal .item .desc .span {
    position: relative;
    font-family: Poppins;
    font-weight: 400;
    font-size: .22rem;
    color: #b5b6b6;
    margin-right: .44rem;
    padding-left: .25rem;
    display: inline-block;
    vertical-align: middle
}

.ul-caselobal .item .desc .span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    content: " ";
    width: .1rem;
    height: .1rem;
    background: #90c31f
}

.ul-caselobal .item .desc .span:last-child {
    margin-right: 0 !important
}

.ul-caselobal .item .info {
    font-family: SourceHanSansCN-M;
    font-size: .16rem;
    color: #4d4d4d;
    line-height: 2
}

.banner-for .item {
    position: relative;
    z-index: 1
}

.banner-for .swiper-button-next:after {
    display: none
}

.banner-for, .indexBanner {
    position: relative
}

.banner-for .bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-for .bg.m {
    display: none
}

.g-swiperbtn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    bottom: 1.57rem;
    text-align: center;
    width: 40%
}

.g-swiperbtn .g-swiper-next, .g-swiperbtn .g-swiper-prev {
    display: inline-block;
    vertical-align: middle;
    width: .56rem;
    height: .56rem;
    background-image: url(../images/right.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s;
    margin-right: .6rem;
    cursor: pointer
}

.g-swiperbtn .g-swiper-next {
    background-image: url(../images/right.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s;
    margin-right: 0 !important
}

.g-swiperbtn .g-swiper-next:hover {
    background-image: url(../images/righton.png)
}

.g-swiperbtn .g-swiper-prev {
    background-image: url(../images/left.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s
}

.g-swiperbtn .g-swiper-prev:hover {
    background-image: url(../images/lefton.png)
}

.js-split-ani .ani {
    display: inline-block
}

.js-split-ani .text {
    overflow: hidden;
    display: inline-block
}

.g-swipercasecountry .inner {
    padding-bottom: 3.3rem
}

.g-swipercasecountry .box {
    overflow: hidden;
    margin-bottom: .35rem
}

.g-swipercasecountry .box .pic {
    float: left;
    width: 8.6rem;
    height: 5.95rem;
    margin-right: 1.44rem;
    overflow: hidden
}

.g-swipercasecountry .box .pic img {
    display: block;
    width: 8.6rem;
    height: 5.95rem;
    object-fit: cover
}

.g-swipercasecountry .box .txt {
    padding: .3rem 1.43rem 0 0;
    overflow: hidden
}

.g-swipercasecountry .item.swiper-slide-active .box .txt {
    opacity: 1
}

.g-swipercasecountry .txt .tit {
    text-align: right;
    font-family: SourceHanSansCN-B;
    font-size: 1.1rem;
    color: #90c31f;
    margin-bottom: -.05rem
}

.g-swipercasecountry .txt .tit .icon {
    display: inline-block;
    width: .49rem;
    height: .49rem;
    margin-left: .15rem
}

.g-swipercasecountry .txt .logo {
    width: 3.75rem;
    margin-bottom: .2rem
}

.g-swipercasecountry .txt .logo img {
    display: block;
    width: 100%
}

.g-swipercasecountry .txt .desc {
    font-family: SourceHanSansCN;
    font-size: .16rem;
    color: #979697;
    line-height: 2;
    margin-bottom: .52rem;
    width: 5.91rem
}

.g-swipercasecountry .txt .more {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Poppins-M;
    font-size: .22rem;
    color: #90c31f;
    width: 3.2rem;
    height: .68rem;
    background: #fff;
    border-radius: .34rem;
    border: solid #90c31f;
    border-width: .02rem;
    overflow: hidden;
    transition: .5s;
    text-transform: uppercase
}

.g-swipercasecountry .txt .more:hover {
    opacity: .7
}

.g-swipercasecountry .pic2 {
    float: right;
    width: 4.18rem;
    height: 2.9rem;
    overflow: hidden;
    margin-right: .4rem
}

.g-swipercasecountry .pic2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.indexBanner2 .banner-for2 .swiper-button-next {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: .3rem;
    color: #fff;
    opacity: 1
}

.indexBanner2 .banner-for2 .swiper-button-next span {
    padding-left: .1rem
}

.g-banglobal .box .info {
    font-size: 1.8rem;
    line-height: 1.1;
    margin-bottom: -.1rem
}

.g-banglobal .box .tit {
    line-height: 1.1;
    margin-bottom: -.1rem
}

.banner-global .box .txt {
    padding: .6rem 1.63rem 0 0
}

.banner-global .con .tit {
    font-family: SourceHanSansCN-M;
    font-size: .4rem;
    color: #90c31f;
    margin-bottom: .12rem;
    text-align: left
}

.banner-global .box .pic, .banner-global .box .pic img {
    width: 8.1rem;
    height: 9.6rem
}

.banner-global .box .pic {
    margin-right: .57rem
}

.banner-global .swiper-button-next {
    top: 0;
    margin: 0;
    right: .4rem;
    bottom: auto;
    left: auto;
    width: 2.92rem;
    height: 3.46rem
}

.banner-global .item.swiper-slide-next .bg {
    left: auto;
    top: 0;
    right: .4rem;
    width: 2.92rem;
    height: 3.46rem;
    transform: translate(0, 0)
}

.banner-global .inner {
    padding-bottom: 0
}

.indexBanner-global .g-swiperbtn {
    left: auto;
    transform: translateX(0);
    bottom: 1.3rem;
    right: .85rem;
    width: auto
}

.banner-global .txt .top {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.02rem;
    margin-bottom: .2rem
}

.banner-global .txt .top .logo {
    float: left;
    margin-bottom: 0rem;
    width: 4.13rem
}

.banner-global .txt .top .tit {
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase
}

.banner-global .box {
    margin-bottom: 0rem
}

.g-ban br, .g-swipercasecountry .txt .logo .icon2, .g-swipercasecountry .txt .tit .icon2, .mob-contactusbox2 {
    display: none
}

@media only screen and (max-width:1199px) {
    .ul-caselobal .con .g-swiperbtn {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: auto;
    }

    .g-ban br {
        display: block
    }

    .g-ban .bg, .g-ban .video {
        display: none;
        height: auto
    }

    .g-ban .box {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        width: 100%;
        z-index: 6;
        text-align: center;
        padding: 1.65rem 0 .68rem
    }

    .g-ban .box .tit {
        font-size: .36rem;
        margin-bottom: .05rem
    }

    .g-ban .box .desc {
        font-size: .56rem
    }

    .g-ban .box .info {
        font-size: .8rem
    }

    .g-bancontactus .box .desc {
        margin-bottom: -.03rem;
        font-size: .56rem
    }

    .g-bancontactus .box .info {
        font-size: .8rem
    }

    .m-contactusbox2 {
        display: none
    }

    .mob-contactusbox2 {
        position: relative;
        display: block;
        margin: 0 -.16rem
    }

    .mob-contactusmap {
        background-position: bottom center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        overflow: hidden;
        box-shadow: .08rem 0 .35rem 0 rgba(77, 77, 77, .09);
        border-radius: .25rem;
        border: solid #e5e5e5;
        border-width: .01rem;
        margin: .32rem .16rem
    }

    .mob-contactusmap .map .img {
        border-radius: .25rem .25rem 0 0;
        overflow: hidden
    }

    .mob-contactusmap .txt2 {
        text-align: center;
        padding: .45rem .3rem .5rem
    }

    .mob-contactusmap .txt2 .tit1 {
        font-family: Poppins-M;
        font-size: .36rem;
        color: #90c31f;
        margin-bottom: .08rem
    }

    .mob-contactusmap .txt2 .desc {
        font-size: .28rem;
        color: #4d4d4d
    }

    .m-contactusbox .l {
        margin-bottom: .27rem;
        text-align: center;
        float: none;
        width: 100%
    }

    .m-contactusbox .r {
        float: none;
        width: 100%;
        margin: 0
    }

    .m-contactusbox .l .tit {
        margin-bottom: .18rem;
        font-size: .36rem
    }

    .m-contactusbox .l .tit1 {
        font-size: .56rem
    }

    .m-contactusbox .r .en {
        font-size: .28rem;
        margin-bottom: .15rem
    }

    .m-contactusbox .r .ch {
        font-size: .28rem
    }

    .m-contactusmap .map .con .pic {
        width: .27rem;
        height: .23rem;
        margin: .15rem .1rem 0 0
    }

    .m-contactus1 {
        padding-bottom: .58rem
    }

    .g-bancaseloballist .icon {
        display: none;
        margin-left: .4rem;
        width: .37rem;
        height: .37rem
    }

    .g-bancaseloballist .icon2 {
        display: inline-block
    }

    .ul-caselobal {
        padding-bottom: 1.12rem
    }

    .ul-caselobal .con .pic img {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        height: auto
    }

    .ul-caselobal .con .pic .img1 {
        opacity: 0;
        display: none
    }

    .ul-caselobal .con .pic .img2 {
        opacity: 1
    }

    .ul-caselobal .con {
        display: block;
        background-size: 100% auto;
        background-image: url(../images/pice13.png) !important;
        background-position: bottom center !important;
        padding-bottom: .78rem;
        border-bottom: solid #e5e5e5;
        border-bottom-width: .01rem;
        margin-bottom: .88rem
    }

    .ul-caselobal li:last-child .con {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0
    }

    .ul-caselobal .con .pic {
        width: auto;
        height: auto;
        margin-bottom: .47rem
    }
    .ul-caselobal .con .img {
        position: relative;
        height: auto;
    }

    .ul-caselobal .con .txt {
        width: auto;
        padding: 0
    }

    .row-caselobal {
        padding: 0 .4rem
    }

    .g-bancaselobal .icon {
        display: none
    }

    .g-bancaselobal .icon2 {
        display: inline-block;
        margin-left: .4rem;
        width: .37rem;
        height: .37rem
    }

    .g-bancaselobal .box {
        padding: 1.8rem 0 .9rem
    }

    .g-bancasecountry .box {
        padding: 1.72rem 0 .77rem
    }

    .g-bancasecountry .box .desc {
        line-height: 1.15;
        margin-bottom: .07rem
    }

    .g-bancasecountry .box .info {
        line-height: 1
    }

    .g-swiperbtn .g-swiper-prev {
        margin-right: .4rem
    }

    .g-swiperbtn {
        position: absolute;
        left: auto;
        transform: translateX(0);
        bottom: auto;
        text-align: center;
        width: auto;
        top: 2.36rem;
        right: .46rem
    }

    .ul-caselobal .item .desc {
        text-align: center;
        padding: 0rem 0 .39rem;
        border-top: none;
        border-bottom: none;
        margin-bottom: 0
    }

    .ul-caselobal .item .desc .span {
        font-size: .24rem;
        margin-right: .6rem;
        padding-left: .3rem
    }

    .ul-caselobal .item .desc .span::after {
        width: .14rem;
        height: .14rem
    }

    .ul-caselobal .item .info {
        font-size: .28rem;
        line-height: .46rem
    }

    .g-swipercasecountry .box .pic {
        float: left;
        width: 4.24rem;
        height: 2.92rem;
        margin-right: 0
    }

    .banner-for .item.swiper-slide-active .bg, .banner-for .item.swiper-slide-prev .bg {
        width: 4.24rem;
        height: 2.92rem
    }

    .banner-for .swiper-button-next {
        top: 0;
        margin: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 2.45rem;
        height: 1.68rem
    }

    .banner-for .item.swiper-slide-next .bg {
        left: auto;
        top: 0;
        right: 0;
        width: 2.45rem;
        height: 1.68rem;
        transform: translate(0, 0)
    }

    .g-swipercasecountry .box .txt {
        width: 100%;
        padding: .64rem .4rem .3rem
    }

    .g-swipercasecountry .txt .logo .icon, .g-swipercasecountry .txt .tit .icon {
        display: none
    }

    .g-swipercasecountry .txt .logo .icon2 {
        display: block
    }

    .g-swipercasecountry .txt .tit .icon2 {
        height: .37rem;
        width: .37rem;
        display: inline-block;
        margin-left: .15rem
    }

    .g-swipercasecountry .txt .logo {
        float: left;
        width: 3.11rem;
        margin-bottom: 0rem
    }

    .g-swipercasecountry .txt .top {
        overflow: hidden;
        margin-bottom: .34rem
    }

    .g-swipercasecountry .txt .tit {
        position: relative;
        bottom: -.15rem;
        float: right;
        font-size: .64rem
    }

    .g-swipercasecountry .txt .desc {
        font-size: .28rem;
        line-height: .42rem;
        margin-bottom: .54rem;
        width: 100%
    }

    .g-swipercasecountry .txt .more {
        font-size: .25rem;
        width: 3.57rem;
        height: .76rem;
        border-radius: .38rem;
        margin: 0 auto
    }

    .g-swipercasecountry .inner {
        padding-bottom: .15rem
    }

    .indexBanner2 .banner-for2 .swiper-button-next {
        font-size: .28rem
    }

    .indexBanner2 .banner-for2 .txt .top {
        margin-bottom: .23rem
    }

    .indexBanner2 .banner-for2 .txt .desc {
        width: auto;
        margin-bottom: .1rem
    }

    .g-banglobal .box .info {
        margin-bottom: .12rem
    }

    .g-banglobal .box .tit {
        margin-bottom: .07rem
    }

    .g-banglobal .box {
        padding: 1.65rem 0 .92rem
    }

    .indexBanner-global .g-swiperbtn {
        height: auto;
        left: auto;
        transform: translateX(0);
        bottom: auto;
        right: .43rem;
        width: auto;
        top: 4.43rem
    }

    .banner-global .box .pic {
        width: 4.25rem;
        height: 5.04rem
    }

    .banner-global .item.swiper-slide-next .bg, .banner-global .swiper-button-next {
        width: 2.39rem;
        height: 2.82rem
    }

    .banner-global .txt .top .logo {
        width: 2.61rem;
        height: 2.53rem
    }

    .banner-global .txt .top .tit {
        font-size: .84rem;
        right: 0;
        top: .85rem;
        bottom: auto
    }

    .banner-global .txt .top {
        padding-bottom: .5rem;
        margin-bottom: 0rem
    }

    .banner-global .box .txt {
        padding: .64rem .4rem 0 .37rem
    }

    .banner-global .con .tit {
        float: none;
        margin-bottom: .22rem;
        font-size: .4rem
    }

    .banner-global .txt .tit .icon2 {
        margin-left: 0rem
    }

    .banner-global .inner {
        padding-bottom: .91rem
    }

}

.m-aboutus4 {
    position: relative;
    padding: 1.63rem 0 1.55rem
}

.m-aboutus4 .video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.m-aboutus4 .inner {
    position: relative;
    z-index: 2
}

.m-aboutus4 .con {
    margin-bottom: .345rem;
    text-align: center;
    margin-bottom: .145rem
}

.m-aboutus4 .con .tit {
    font-family: SourceHanSansCN-M;
    font-size: .4rem;
    color: #90c31f;
    margin-bottom: .08rem
}

.m-aboutus4 .con .tit2 {
    font-family: Poppins-B;
    font-size: .9rem;
    color: #979697;
    margin-bottom: -.1rem
}

.m-aboutus4 .con .desc {
    font-size: .22rem;
    color: #979697
}

.m-aboutus4 .con .desc br {
    display: none
}

.g-swiperlogo .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.g-swiperlogo {
    padding: .2rem 0 !important
}

.g-swiperlogo .logo {
    display: block;
    width: 2.67rem;
    height: 1.04rem;
    background: #fff;
    box-shadow: .08rem 0 .35rem 0 rgba(77, 77, 77, .08);
    border-radius: .08rem;
    border: solid #e5e5e5;
    border-width: .01rem;
    margin-right: .2rem;
    overflow: hidden
}

.g-swiperlogo .logo .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.g-swiperlogo .swiper-slide {
    width: auto !important
}

.swiper-aboe2 {
    margin-top: -.22rem
}

.ul-logo {
    margin: 0 -.08rem .41rem;
    font-size: 0;
    border: none;
    padding: .4rem .08rem
}

.mob-swiper {
    padding: 0 .28rem
}

.ul-logo li {
    display: inline-block;
    width: 33.3%;
    margin-bottom: .19rem
}

.ul-logo .logo {
    width: auto;
    height: .83rem;
    margin: 0 .08rem;
    background: #fff;
    box-shadow: 0rem 0 .1rem 0 rgba(77, 77, 77, .08);
    border-radius: .08rem;
    border: solid #e5e5e5;
    border-width: .01rem
}

.ul-logo .logo .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper-aboe3 .swiper-pagination-bullet {
    width: .14rem;
    height: .14rem;
    background: #979697;
    border-radius: 0;
    opacity: 1;
    margin: 0 .15rem !important;
    cursor: pointer
}

.swiper-aboe3 .swiper-pagination-bullet-active {
    background: #90c31f
}

.swiper-aboe3 .swiper-pagination {
    z-index: 99 !important;
    bottom: 0 !important
}

.m-aboutus3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 9.6rem;
    overflow: hidden
}

.m-aboutus3 .bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 5
}

.pc-carousel .tit {
    font-family: SourceHanSansCN-M;
    position: relative;
    font-size: .16rem;
    color: #979697;
    text-align: center;
    white-space: nowrap
}

.pc-carousel .swiper-slide-active .con .tit {
    font-size: .22rem;
    color: #90c31f;
    font-family: SourceHanSansCN-B
}

.pc-carousel .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    max-height: 2.51rem;
    margin: 0 auto .23rem
}

.pc-carousel .pic img {
    display: block;
    max-width: 100%;
    object-fit: contain
}

.pc-carousel .swiper-button-next, .pc-carousel .swiper-button-prev {
    position: absolute;
    top: 23.6%;
    transform: translateY(-88%);
    width: .56rem;
    height: .56rem;
    margin-top: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99;
    background-image: url(../images/left2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center
}

.pc-carousel .swiper-button-next:after, .pc-carousel .swiper-button-prev:after {
    display: none
}

.pc-carousel .swiper-button-next {
    right: 5.35rem;
    left: auto;
    top: 72.5%;
    background-image: url(../images/right2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center
}

.pc-carousel .swiper-button-prev {
    top: 30%;
    left: auto;
    right: 5.45rem;
}

.pc-carousel .swiper-button-next:hover, .pc-carousel .swiper-button-prev:hover {
    opacity: .8
}

.m-aboutus2 {
    position: relative;
    z-index: 5
}

.m-aboutus2 .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc-carousel {
    position: relative;
    width: 12rem;
    height: 12rem;
    z-index: 2;
    margin-top: -.74rem
}

.pc-carousel::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -3.47rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: calc(12rem / 9 * 8);
    height: calc(12rem / 9 * 8);
    background-image: url(../images/abo15.png);
    background-position: right center;
    background-size: 6.07rem auto;
    background-repeat: no-repeat
}

.pc-carousel .swiper {
    height: 100%;
    visibility: hidden;
    overflow: visible
}

.pc-carousel .swiper-wrapper {
    visibility: visible;
    overflow: visible;
    align-items: flex-end
}

.pc-carousel .swiper-slide {
    width: calc(10rem / 10);
    height: calc(10rem / 10);
    flex-shrink: 0;
    position: relative;
    overflow: visible;
    left: -6.8rem
}

.pc-carousel .swiper-slide .con {
    padding-top: 0;
    margin: 0;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.m-abouscon1 {
    position: absolute;
    top: 50%;
    left: .6rem;
    transform: translateY(-50%);
    text-align: center;
    width: 4.6rem
}

.m-abouscon1 .tit1 {
    font-family: SourceHanSansCN-B;
    font-size: .52rem;
    color: #90c31f
}

.m-abouscon1 .desc {
    line-height: 1.45;
    font-family: SourceHanSansCN-M;
    font-size: .4rem;
    color: #90c31f;
    margin: -.1rem 0
}

.m-abouscon1 .en {
    font-family: Poppins-B;
    font-size: .9rem;
    color: #979697;
    text-transform: uppercase
}

.m-abousswiper2 {
    height: 6.24rem;
    overflow: hidden
}

.m-abousswiper2 .con {
    position: relative
}

.m-abousswiper2 .pic {
    height: 6.24rem;
    position: relative;
    width: 7.25rem;
    margin-bottom: .1rem
}

.m-abousswiper2 .pic img {
    object-fit: contain;
    height: 100%;
    display: block;
    width: 100%
}

.m-aboutus3 .box2 .txt {
    position: absolute;
    bottom: -1.19rem;
    width: 100%;
    z-index: 5;
    text-align: center
}

.m-aboutus3 .box2 .txt .tit {
    font-size: .4rem;
    color: #90c31f;
    font-family: SourceHanSansCN-M;
    margin-bottom: -.11rem
}

.m-aboutus3 .box2 .txt .en {
    font-size: .8rem;
    color: #979697;
    font-family: Poppins-B;
    text-transform: uppercase
}

.m-abousswiper2 .swiper-slide {
    height: auto !important
}

.m-abousswiper2 .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.m-aboutus3 {
    position: relative
}

.m-aboutus3 .box2 {
    position: absolute;
    top: 1.65rem;
    right: .64rem
}

.m-aboutus3 .box2 .bgop {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    z-index: 2
}

.g-video {
    overflow: hidden;
    position: relative
}

.g-video video {
    width: 100%;
    height: 9.6rem;
    display: block;
    object-fit: cover
}

.g-play {
    width: 4.08rem;
    height: 1rem;
    box-sizing: border-box;
    text-align: right;
    padding-right: .38rem;
    line-height: 1rem;
    border-radius: .5rem;
    background: url(../images/abo3.png) left center no-repeat #90c31f;
    background-size: .93rem auto;
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    z-index: 55;
    font-family: Poppins-M;
    font-size: .32rem;
    color: #fff
}

.m-aboutus1 {
    padding: 1.05rem 0 1.4rem
}

.m-aboutus1 .m-contactusbox .r {
    margin-top: 0rem;
    width: 50%
}

.m-aboutus1 .m-contactusbox {
    padding-bottom: .43rem
}

.m-abomap {
    position: relative;
    text-align: right
}

.m-abomap .pic1 {
    display: inline-block;
    width: 14.92rem
}

.m-abomap .img {
    display: block;
    width: 100%
}

.ul-map2 {
    display: inline-block;
    width: auto
}

.ul-map2 li {
    display: inline-block;
    position: absolute;
    top: 23.9%;
    right: 16.55%;
    z-index: 10
}

.ul-map2 .li2 {
    top: 32.4%;
    right: 15.2%
}

.ul-map2 .li3 {
    top: 52%;
    right: 18.8%
}

.ul-map2 .li4 {
    top: 34.4%;
    right: 34.7%
}

.ul-map2 .li5 {
    top: 17.8%;
    right: 49.3%
}

.ul-map2 .con {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.ul-map2 .con:hover, .ul-map2 .on .con {
    opacity: 1
}

.ul-map2 .con .dot {
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.ul-map2 .con .dot .dashed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    overflow: hidden
}

.ul-map2 .con .dot .dashed.mob {
    display: none
}

.ul-map2 .con .dot .dashed .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ul-map2 .con .dot .dashed .icon2, .ul-map2 .con:hover .dashed .icon1, .ul-map2 .on .con .dashed .icon1 {
    opacity: 0
}

.ul-map2 .con:hover .dashed .icon2, .ul-map2 .on .con .dashed .icon2 {
    opacity: 1
}

.ul-map2 .on .con .dashed {
    opacity: 1
}

.ul-map2 .con:hover .dashed, .ul-map2 .on .con .dashed {
    width: .76rem;
    height: .76rem;
    opacity: 1
}

.ul-map2 .con .pic2 {
    align-items: center;
    display: flex;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.ul-map2 .con:hover .pic2, .ul-map2 .on .con .pic2 {
    box-shadow: 0 .05rem .21rem 0 rgba(203, 234, 135, .43);
    border-radius: .24rem;
    display: flex;
    align-items: center;
    overflow: hidden
}

.ul-map2 .con .pic3 {
    top: 50%;
    width: .31rem;
    height: .31rem;
    background-color: rgba(144, 195, 31, .7);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

.ul-map2 .con:hover .pic3, .ul-map2 .on .con .pic3 {
    display: flex;
    width: .48rem;
    height: .48rem;
    border-radius: 0;
    background: #90c31f
}

.ul-map2 .con .pic3 .icon {
    display: block;
    width: .12rem;
    height: .12rem;
    object-fit: contain
}

.ul-map2 .con .pic2 .tit {
    opacity: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    margin-left: -.12rem;
    top: 50%;
    line-height: .31rem;
    font-family: SourceHanSansCN-M;
    font-size: .16rem;
    color: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    white-space: nowrap;
    background: #90c31f;
    z-index: 5
}

.ul-map2 .con:hover .pic2 .tit, .ul-map2 .on .con .pic2 .tit {
    opacity: 1;
    width: 100%;
    height: auto;
    line-height: .48rem;
    padding-right: .29rem
}

.ul-map2 .con .dot .box {
    position: absolute;
    z-index: 2;
    left: -.15rem;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.ul-map2 .con:hover .dot .box, .ul-map2 .on .con .dot .box {
    left: -.25rem
}

.ul-num {
    z-index: 5;
    position: relative;
    margin-top: -1.69rem;
    background: rgba(255, 255, 255, .7);
    box-shadow: .08rem 0 .35rem 0 rgba(77, 77, 77, .08);
    border: solid #e5e5e5;
    border-width: .01rem;
    padding: .43rem .3rem .4rem 1.34rem;
    height: 2.7rem
}

.ul-num li {
    min-width: 3.5rem;
    position: relative;
    display: inline-block;
    padding-right: .83rem;
    margin-right: .74rem;
    margin-bottom: .15rem
}

.ul-num .li2 {
    min-width: 4.1rem
}

.ul-num .li3 {
    min-width: 3.6rem
}

.ul-num li::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: .01rem;
    height: .98rem;
    background: #979697;
    opacity: .3;
    display: block;
    content: " "
}

.ul-num li:last-child {
    padding-right: 0;
    margin-right: 0
}

.ul-num li:last-child:after {
    display: none
}

.ul-num .item {
    display: flex;
    align-items: center
}

.ul-num .num {
    padding-right: .075rem
}

.ul-num .timer {
    font-family: Poppins-M;
    font-size: .9rem;
    color: #90c31f;
    max-width: 1.36rem
}

.ul-num .desc {
    margin-top: -.03rem;
    font-size: .22rem;
    color: #979697;
    margin-bottom: -.04rem
}

.ul-num .info {
    font-family: Poppins-M;
    font-size: .16rem;
    color: #90c31f
}

.ul-num .add {
    margin: -.05rem 0 -.01rem;
    font-family: Poppins-M;
    font-size: .6rem;
    color: #90c31f;
    line-height: 1.1
}

.ul-num .addmob {
    font-family: Poppins-M;
    font-size: .32rem;
    color: #90c31f;
    display: none
}

.g-banabous .top {
    display: inline-block
}

.g-banabous .top .tit1 {
    font-family: Poppins-B;
    font-size: .8rem;
    color: #979697
}

.g-banabous .top .tit2 {
    font-family: SourceHanSansCN-M;
    display: inline-block;
    font-size: .4rem;
    color: #979697;
    padding-left: .53rem
}

.g-banabous .box .info {
    font-size: 1.2rem;
    margin-top: -.4rem
}

.g-banabous .con {
    text-align: left;
    overflow: hidden
}

.g-banabous .con .conl {
    float: left;
    width: 73%
}

.g-banabous .box {
    top: 56%
}

.g-banabous .con .conr {
    padding-top: 1.35rem;
    width: 25.2%;
    float: right
}

.g-banabous .wp {
    max-width: 16.1rem;
    margin: 0 auto
}

.m-yearswiper {
    height: .6rem
}

.m-yearswiper .year {
    font-size: .8rem;
    color: #90c31f;
    line-height: 1.1;
    transition: .5s;
    font-family: Poppins-B;
    margin-bottom: -.15rem
}

.m-yearswiper .swiper-slide {
    height: auto !important
}

.m-yearswiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.m-swiper-3d .swiper-slide {
    position: relative
}

.m-swiper-3d .con {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.m-swiper-3d .swiper-wrapper {
    z-index: 1;
    opacity: 1
}

.m-swiper-3d .pic {
    width: 2.31rem;
    height: 2.91rem;
    position: relative;
    margin: 0 auto .3rem;
    text-align: center;
    overflow: hidden
}

.m-swiper-3d .pic img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.m-swiper-3d .tit {
    font-size: .28rem;
    font-family: SourceHanSansCN-M;
    color: #90c31f;
    opacity: 0;
    white-space: nowrap;
    text-align: center
}

.m-swiper-3d .swiper-slide-active .tit {
    opacity: 1
}

.m-swiper-3d {
    position: relative
}

#mobcarousel {
    bottom: 0;
    position: relative;
    width: 9rem;
    margin: 0 auto;
    height: 1rem;
    visibility: visible;
    overflow: visible
}

#mobcarousel .swiper-slide {
    width: .2rem;
    background: 0 0;
    height: auto;
    flex-shrink: 0
}

.mob-swoper {
    position: relative
}

.mob-swoper .bg2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 1.99rem;
    bottom: 0;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat
}

#mobcarousel .swiper {
    height: 100%;
    visibility: visible;
    overflow: visible;
    margin: 0
}

#mobcarousel .swiper-wrapper {
    visibility: visible;
    overflow: visible;
    align-items: flex-start
}

.g-banabous .top.mob, .m-abomap .img.mob, .m-aboutus3 .mob, .m-abovideo .mob, .mob-add, .mob-swiper {
    display: none
}

.m-aboutus1 .m-contactusbox .r .desc {
    font-size: .16rem;
    color: #979697;
    line-height: .26rem
}

.mob-add {
    margin-bottom: .51rem;
    margin-right: -.2rem
}

.mob-add .add {
    display: inline-block;
    position: relative;
    font-family: SourceHanSansCN-M;
    font-size: .24rem;
    color: #979697;
    padding-right: .4rem;
    margin-right: .4rem
}

.mob-add .add::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    content: " ";
    width: .01rem;
    height: .27rem;
    background: #e5e5e5
}

.mob-add .add:last-child {
    padding-right: 0;
    margin-right: 0
}

.mob-add .add:last-child::after, .mob-yearswiper {
    display: none
}

.g-banabous .bg.mob, .g-banabous .video.mob {
    display: none
}

.row-aboutus {
    overflow: hidden
}

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

    .g-banabous .top.pc, .m-abomap .img.pc, .m-aboutus3 .pc, .m-abovideo .pc, .pc-swiper, .pc-yearswiper {
        display: none
    }

    .g-banabous .top.mob, .m-abomap .img.mob, .m-aboutus3 .mob, .m-abovideo .mob, .mob-add, .mob-swiper, .mob-yearswiper {
        display: block
    }

    .ul-num .addmob {
        display: inline-block
    }

    .m-abouscon1 {
        position: static;
        top: auto;
        left: auto;
        transform: translateY(0);
        text-align: center;
        width: auto;
        padding: 0 .4rem 2.45rem
    }

    .m-abouscon1 .tit1 {
        font-size: .42rem;
        margin-bottom: .08rem
    }

    .m-abouscon1 .desc {
        font-size: .36rem;
        margin-bottom: .1rem
    }

    .m-abouscon1 .en {
        font-size: .56rem
    }

    .m-aboutus3 {
        height: auto;
        padding: .8rem 0 .9rem;
        background-image: url(../images/abo5.jpg) !important;
        background-position: bottom center
    }

    .m-aboutus4 .con .tit2 {
        line-height: 1.2;
        font-size: .56rem;
        margin-bottom: .15rem;
        text-align: center
    }

    .m-aboutus4 .con .tit2 span {
        display: block
    }

    .m-aboutus4 .con .tit {
        font-size: .36rem;
        margin-bottom: .37rem
    }

    .m-aboutus4 .con .desc {
        font-size: .28rem
    }

    .m-aboutus4 .con .desc br {
        display: block
    }

    .g-play {
        width: 2.97rem;
        height: .62rem;
        padding-right: .31rem;
        line-height: .62rem;
        border-radius: .31rem;
        background: url(../images/abo10.png) left center no-repeat #90c31f;
        background-size: .58rem auto;
        bottom: .49rem;
        font-size: .24rem
    }

    .g-video video {
        height: 3.75rem
    }

    .m-aboutus2 .mzw-min-h1 .bg {
        display: none
    }

    .m-aboutus2 .mzw-box5 .con {
        height: 3.75rem
    }

    .g-banabous .con {
        text-align: center
    }

    .g-banabous .top .tit2 {
        font-size: .36rem;
        padding-left: 0rem;
        display: block
    }

    .g-banabous .top .tit1 {
        font-size: .56rem;
        display: block
    }

    .g-banabous .box .info {
        margin-top: -.1rem;
        font-size: .84rem
    }

    .m-yearswiper .year {
        font-family: Poppins-B;
        font-size: .56rem;
        color: #e5e5e5
    }

    .m-aboutus1 .m-contactusbox .r .desc {
        font-size: .28rem;
        line-height: .42rem
    }

    .m-abomap {
        margin-bottom: .03rem;
        text-align: left
    }

    .m-abomap .pic1 {
        width: 7.13rem
    }

    .ul-num .timer {
        font-size: .56rem;
        max-width: 1.36rem
    }

    .ul-num .add {
        display: none
    }

    .ul-num .item {
        display: block
    }

    .ul-num .desc {
        font-size: .24rem;
        margin-bottom: .15rem
    }

    .ul-num .info {
        font-size: .2rem
    }

    .ul-num {
        height: auto;
        background: rgba(255, 255, 255, .7);
        box-shadow: .08rem 0 .35rem 0 rgba(77, 77, 77, .08);
        border: solid #e5e5e5;
        border-width: .01rem;
        padding: .43rem .4rem .38rem;
        text-align: center;
        margin-top: 0
    }

    .ul-num li::after {
        display: none
    }

    .ul-num li {
        min-width: inherit !important;
        padding-right: 0rem;
        margin-right: .5rem;
        margin-bottom: .15rem
    }

    .ul-num li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .ul-num .num {
        margin-bottom: .02rem;
        text-align: center;
        padding-right: 0rem
    }

    .ul-map2 .con:hover .dot .box, .ul-map2 .on .con .dot .box {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .ul-map2 .con:hover .dashed, .ul-map2 .on .con .dashed {
        width: .5rem;
        height: .5rem
    }

    .ul-map2 .con:hover .pic2, .ul-map2 .on .con .pic2 {
        background: 0 0;
        border-radius: 0;
        border: none
    }

    .ul-map2 .con .pic2 .tit {
        display: none !important
    }

    .ul-map2 .con .dot .dashed {
        width: .4rem;
        height: .4rem
    }

    .ul-map2 .con .pic3 {
        width: .25rem;
        height: .25rem
    }

    .ul-map2 .con .dot .box {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .ul-map2 .con:hover .dashed, .ul-map2 .on .con .dashed {
        width: .54rem;
        height: .54rem
    }

    .ul-map2 .con:hover .pic3, .ul-map2 .on .con .pic3 {
        background: #90c31f;
        border-radius: 50%;
        width: .36rem;
        height: .36rem
    }

    .g-banabous .con .conl {
        float: none;
        width: auto
    }

    .g-banabous .con .conr {
        padding-top: .3rem;
        float: none;
        width: auto
    }

    .m-aboutus1 .m-contactusbox .r {
        margin-top: 0rem;
        width: 100%
    }

    .g-banabous .bg.pc, .g-banabous .video.pc {
        display: none
    }

    .g-banabous .bg.mob, .g-banabous .video.mob {
        display: block
    }

    .g-banabous .box {
        position: absolute;
        top: 72.7%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 6;
        text-align: center;
        padding: 0rem 0
    }

    .m-aboutus1 {
        padding: 1.55rem 0 .9rem
    }

    .m-aboutus1 .m-contactusbox .l {
        margin-bottom: .33rem
    }

    .m-aboutus1 .m-contactusbox {
        padding-bottom: .5rem
    }

    .ul-map2 li {
        top: 20.9%;
        right: 13.6%
    }

    .ul-map2 .li2 {
        top: 29.4%;
        right: 12.4%
    }

    .ul-map2 .li3 {
        top: 48.6%;
        right: 16.5%
    }

    .ul-map2 .li5 {
        top: 15.7%;
        right: 51.3%
    }

    .ul-map2 .con .dot .dashed.pc {
        display: none
    }

    .ul-map2 .con .dot .dashed.mob {
        display: flex
    }

    .mobbox2 .txt {
        margin-bottom: .41rem;
        text-align: center
    }

    .mobbox2 .txt .tit {
        font-family: SourceHanSansCN-M;
        font-size: .36rem;
        color: #90c31f;
        margin-bottom: .08rem
    }

    .mobbox2 .txt .en {
        font-family: Poppins-B;
        font-size: .56rem;
        color: #979697;
        text-transform: uppercase
    }

    .m-abousswiper3 .pic {
        display: block;
        width: 6.71rem;
        height: 5.68rem;
        margin: 0 auto
    }

    .m-abousswiper3 .pic img {
        object-fit: contain;
        height: 100%;
        display: block;
        width: 100%
    }

    .m-aboutus4 {
        padding: .78rem 0 .83rem;
        background-color: #fff;
        background-size: 0 !important
    }

    .mob-swoper {
        margin-bottom: 1.06rem;
        height: 2rem
    }

}

.indexBanner {
    overflow: hidden
}

.g-swiperbtn .g-swiper-next, .g-swiperbtn .g-swiper-prev {
    position: static;
    top: auto;
    margin-top: 0
}

.g-swiperpic2 {
    width: 4.18rem
}

.g-swiperpic2 .pic {
    position: relative;
    width: 4.18rem;
    height: 2.9rem;
    overflow: hidden;
    cursor: pointer;
    pointer-events: auto
}

.indexBanner .swiper-button-next::after, .indexBanner .swiper-button-prev::after {
    display: none
}

.g-swipercasecountry .inner {
    padding-bottom: .35rem;
    overflow: hidden
}

.swiperbox2 {
    float: right;
    margin: 0 .4rem .4rem 0
}

.banner-for .pic {
    position: relative
}

.banner-for .pic .mask {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

@keyframes widthAni {

    0% {
        width: 0%
    }

    100% {
        width: 100%
    }

}

@-webkit-keyframes widthAni {

    0% {
        width: 0%
    }

    100% {
        width: 100%
    }

}

.banner-for .swiper-slide-active .pic .mask {
    width: 100%;
    left: auto;
    right: 0;
    animation: 1.5s widthAni;
    -webkit-animation: 1.5s widthAni
}

.banner-for .swiper-slide-active .pic img {
    left: auto;
    right: 0;
    display: block;
    width: 100%;
    height: 100%
}

.banner-for .pic img, .g-swiperpic2 .pic img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%
}

.g-swiperpic2 .pic2 .tit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: .3rem;
    color: #fff;
    text-align: center;
    z-index: 5
}

.indexBanner-global .swiperbox2 {
    position: absolute;
    top: 0;
    right: 0
}

.indexBanner-global .swiperbox2 .pic {
    width: 2.92rem;
    height: 3.44rem
}

.indexBanner-global .g-swiperpic2 {
    width: 2.92rem
}

.indexBanner-global .g-swipercasecountry .box {
    margin-bottom: 0rem
}

.indexBanner-global .g-swipercasecountry .inner {
    padding-bottom: 0rem
}

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

    .swiperbox2 {
        position: absolute;
        top: 0;
        right: 0;
        width: 2.45rem;
        float: none;
        margin: 0
    }

    .g-swiperpic2 .pic {
        position: relative;
        width: 2.45rem;
        height: 1.68rem;
        overflow: hidden
    }

    .g-swiperpic2 .pic2 .tit {
        font-size: .28rem
    }

    .g-swipercasecountry .box {
        margin-bottom: 0rem
    }

    .g-swipercasecountry .inner {
        padding-bottom: .5rem
    }

    .indexBanner-global .swiperbox2 .pic {
        width: 2.39rem;
        height: 2.82rem
    }

    .banner-global .box .txt {
        padding: .64rem .4rem .9rem .37rem
    }

    .banner-global .txt .top {
        padding-bottom: .35rem;
        margin-bottom: 0rem
    }

    .banner-global .con .tit {
        margin-bottom: .36rem
    }

}

.picMarquee-top {
    position: relative;
    overflow: hidden
}

.picMarquee-top .year {
    font-size: .8rem;
    color: #90c31f;
    line-height: 1.4 !important;
    transition: .5s;
    font-family: Poppins-B !important
}

.picMarquee-top .odometer.odometer-theme-default .odometer-digit .odometer-value {
    width: .52rem
}

.m-topyear .year {
    font-size: .8rem;
    color: #e5e5e5;
    line-height: 1.1;
    transition: .5s;
    font-family: Poppins-B;
    margin-bottom: -.2rem
}

/* 修改 */
.ul-map {
    border-radius: .25rem;
    overflow: hidden;
}

.ul-map li:last-child .item {
    border-radius: 0 0 0 0;
}

.ul-map .li2 .item {
    background: #90C31F;
    padding: .1rem .4rem;
    background-size: 0;
}

.ul-map .li2 .item:hover {
    background: #90C31F;
}

.ul-map .li2 .item:hover .con .tit, .ul-map .li2 .con .tit {
    margin-bottom: 0;
    color: #fff;
}

@media screen and (min-width: 1200px) {
    body {
        overflow: hidden;
    }
}