.m-ban,.banner-bg {
    height: 800px
}

.banner-bg {
    background: url("img/banner.png?20200403") center center no-repeat;
    background-size: cover
}

.m-ban-img {
    position: absolute;
    top: 30px;
    right: 0;
    width: 548px
}

.m-ban-title {
    width: 578px;
    height: 144px;
    margin-top: 235px;
    margin-bottom: 56px
}

.banner-btn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 10px;
    font-size: 24px;
    display: inline-block;
    text-align: center;
    margin-top: 98px;
    color: #fe5f25;
    cursor: pointer;
    border: 1px solid #fff
}

.banner-btn1 {
    background: 0 0;
    margin-left: 25px;
    color: #fff
}

.banner-btn:hover {
    background: #e5e5e5
}

.m-ban-code {
    width: 195px;
    height: 195px;
    position: absolute;
    left: 188px;
    top: 98px;
    display: none
}

.wmzb-one {
    height: 1065px;
    background: #fef9f7;
    padding-top: 87px
}

.wmzb-one ul {
    width: 100%;
    height: 160px;
    background: #FFF;
    box-shadow: 0 4px 8px 1px rgba(104,104,104,.07);
    -webkit-box-shadow: 0 4px 8px 1px rgba(104,104,104,.07);
    position: absolute;
    bottom: 65px
}

.wmzb-one ul li {
    width: 299px;
    height: 68px;
    margin-top: 46px
}

.wmzb-one .li0,.wmzb-one .li1,.wmzb-one .li2 {
    border-right: 1px solid #e5e5e5
}

.wmzb-oneImg {
    display: block;
    width: 1171px;
    height: 692px;
    margin: 47px auto 72px
}

.wmzb-two {
    height: 989px
}

.wmzb-two p.topTitle {
    margin-top: 153px
}

.orange {
    color: #fc6f59
}

.grey {
    color: #ababab
}

.wmzb-img li {
    display: none
}

.wmzb-img img {
    display: block;
    width: 100%;
    height: 100%
}

.wmzb-img .img1 {
    margin-top: 219px;
    width: 705px;
    height: 656px
}

.wmzb-img .img2 {
    margin-top: 191px;
    margin-right: 10px;
    width: 702px;
    height: 696px
}

.wmzb-img .img3 {
    height: 608px
}

.wmzb-img .img3,.wmzb-img .img4 {
    margin-top: 218px;
    margin-right: 32px;
    width: 695px
}

.wmzb-img .img4 {
    height: 623px
}

.wmzb-img li.active {
    display: block
}

.wmzb-twoTitle li {
    font-size: 18px;
    color: #606060;
    border-bottom: 1px solid #dfe1e6;
    border-left: 1px solid #dfe1e6;
    border-right: 1px solid #dfe1e6;
    padding-left: 56px
}

.wmzb-twoTitle {
    width: 427px;
    height: 416px;
    margin-top: 64px
}

.wmzb-twoTitle h4 {
    font-size: 18px;
    color: #606060;
    height: 91px;
    line-height: 91px
}

.wmzb-twoTitle h3 {
    font-size: 18px;
    color: #404040
}

.wmzb-twoTitle p {
    font-size: 14px;
    color: gray;
    margin-top: 10px;
    width: 313px
}

.wmzb-twoTitle li.li1 {
    border-top: 1px solid #dfe1e6;
    border-radius: 15px 15px 0 0
}

.wmzb-twoTitle li.li4 {
    border-radius: 0 0 15px 15px
}

.wmzb-twoTitle li.active {
    border-left: 5px solid #fc6f59ff;
    padding-left: 51px;
    background-color: #faece6ff;
    height: 140px;
    overflow: hidden
}

.wmzb-twoTitle li.li1.active {
    border-radius: 0 15px 0 0
}

.wmzb-twoTitle li.li4.active {
    border-radius: 0 0 15px 0
}

.wmzb-twoTitle .show {
    display: none;
    margin-top: 44px
}

.wmzb-twoTitle li.active .show {
    display: block
}

.wmzb-twoTitle li.active h4 {
    display: none
}

.wmzb-three {
    height: 930px;
    background: #fef9f7ff
}

.wmzb-three .title {
    margin-top: 93px
}

.wmzb-three .img1 {
    width: 678px;
    height: 572px;
    margin-top: 182px;
    margin-right: 23px
}

.wmzb-three .img2 {
    width: 685px;
    height: 574px;
    margin-top: 181px
}

.wmzb-three .img3 {
    width: 695px;
    height: 574px;
    margin-top: 181px;
    margin-right: 23px
}

.wmzb-three .img4 {
    width: 697px;
    height: 572px;
    margin-top: 181px
}

.title-btn {
    display: block;
    width: 167px;
    height: 52px;
    line-height: 52px;
    background: #fc6f59;
    border-radius: 10px;
    font-size: 24px;
    color: #fff;
    margin-top: 70px
}

.title-btn:hover {
    background: #ff816d
}

.wmzb-four {
    height: 600px
}

.wmzb-four>p {
    color: #595961ff;
    font-size: 28px;
    margin-top: 85px
}

.wmzb-four ul {
    width: 1000px;
    margin: 74px auto 0
}

.wmzb-four li {
    width: 150px;
    height: 227px;
    margin-right: 62.5px
}

.wmzb-four li img {
    width: 70px;
    height: 41px;
    margin-top: 95px;
    margin-left: 40px
}

.four-img1 {
    background-image: url('img/1.png?20200403');
    background-size: 100% auto
}

.four-img2 {
    background-image: url('img/2.png?20200403')
}

.four-img2,.four-img3 {
    background-size: 100% auto
}

.four-img3 {
    background-image: url('img/3.png?20200403')
}

.four-img3,li.four-img3 {
    margin-right: 0
}

.four-img1 p,.four-img2 p {
    color: #fff;
    margin-top: 107px;
    text-align: center
}

.four-img3 p {
    font-size: 24px;
    font-weight: 700;
    margin-top: 117px;
    color: #fff;
    text-align: center
}

.wmzb-five {
    height: 675px;
    background: #fef9f7ff
}

.wmzb-five p {
    height: 27px;
    font-size: 28px;
    color: #595961;
    margin-top: 85px
}

.wmzb-five li {
    width: 228px;
    height: 175px;
    background: url("img/boxnew.png?20200403") no-repeat center;
    margin-right: 14px;
    border-radius: 15px
}

.wmzb-five .li1 {
    background-position: 0 0
}

.wmzb-five .li2 {
    background-position: 0 -185px
}

.wmzb-five .li3 {
    background-position: 0 -370px
}

.wmzb-five .li4 {
    background-position: 0 -555px
}

.wmzb-five .li5 {
    background-position: 0 -740px
}

.wmzb-five .li6 {
    background-position: 0 -925px
}

.wmzb-five .li7 {
    background-position: 0 -1110px
}

.wmzb-five .li8 {
    background-position: 0 -1295px
}

.wmzb-five .li9 {
    background-position: 0 -1480px
}

.wmzb-five .li10 {
    background-position: 0 -1665px
}

.wmzb-five .li5,.wmzb-five .li10 {
    margin-right: 0
}

.footer {
    background: #fc6f59ff;
    height: 195px
}

.footer p {
    color: #fff;
    margin-top: 58px;
    font-size: 28px
}

.footer .banner-btn {
    margin-top: 29px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 18px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .banner-bg {
        background: url("img/banner@2x.png?20200403") center center no-repeat;
        background-size: cover
    }

    .four-img1 {
        background-image: url('img/1@2x.png?20200403');
        background-size: 100% auto
    }

    .four-img2 {
        background-image: url('img/2@2x.png?20200403')
    }

    .four-img2,.four-img3 {
        background-size: 100% auto
    }

    .four-img3 {
        background-image: url('img/3@2x.png?20200403')
    }

    .wmzb-five li {
        background: url("img/boxnew@2x.png?20200403") no-repeat center;
        background-size: 100% auto
    }
}