.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.maximg{max-width: 100%;}
.section2{background-color: #eceaea;}
.section2 .mk1 img {margin-right: 1em;}
.section2 .mk1 div {width: 70%;}


.section3{background-color: #faf9f9;}
.section3 img{width: 80%;}


.section4{background-color: #faf9f9;}
.section4 .mk1 {position: relative;}
.section4 .mk1item {position: absolute;width: 9%;text-align: center;}
.section4 .mk1item .circle {margin: 15% auto 12%;width: 16%;height: 16%;}
.section4 .mk1item1 {top: 25%;left: 3%;}
.section4 .mk1item2 {top: 13%;left: 20%;-webkit-animation-duration:1.5s;animation-duration:1.5s;}
.section4 .mk1item3 {top: 44%;left: 38%;-webkit-animation-duration:2s;animation-duration:2s;}
.section4 .mk1item4 {top: 40%;left: 54.5%;-webkit-animation-duration:2.5s;animation-duration:2.5s;}
.section4 .mk1item5 {top: 13%;left: 71%;-webkit-animation-duration:3s;animation-duration:3s;}
.section4 .mk1item6 {top: 23%;left: 89.5%;-webkit-animation-duration:3.5s;animation-duration:3.5s;}

.section5{background:repeating-linear-gradient(to right,#dcdcdc,#f8f8f8);}
.section5 .mk1{position: relative;padding-bottom:100px; flex:1;}
.section5 .circle {position:absolute;bottom:50px;left:calc(50% - 50px);background-color:#caac65;width: 100px;height: 100px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}


.section7 .mk1left{flex: 1;margin-left: 10%;align-items: stretch;}
.section7 .mk1right{flex:2;}
.section7 .mkdiv{width:60%;}
.section7 .pc .mkdiv{width:100%; text-align: left;margin-right: 160px;}

.section8 .mk1left{flex: 2;}
.section8 .mk1right{flex:1;}
.section8 .mkdiv{width:35%; }

.section9 .mk1left{flex:1;}
.section9 .mk1right{flex:1.5;}
.section9 .mkdiv{width: 80%;}



.section11 .mk1left{flex:1.5;}
.section11 .mk1right{flex:1;}
.section11 .mkdiv{width: 80%;}

.section12 .mk1{flex:1;padding:10px;}
.section12 .mk1:first-child{padding-left:0px;}

.section13 .mk1left{flex:1;}
.section13 .mk1right{flex:1.5;}
.section13 .mkdiv{width: 80%;}

.section14 .mk1{flex:1;padding:10px;}
.section14 .mk1:first-child{padding-left:0px;}

.section15 .mk1left{flex:1.5;}
.section15 .mk1center{flex:1;}
.section15 .mk1right{flex:0.56;}
.section15 .mkdiv{width: 80%;}

.section16 .mk1left{flex:1;}
.section16 .mk1right{flex:1.5;}
.section16 .mkdiv{width: 80%;}

.section18 .mk1left{flex:1.5;}
.section18 .mk1right{flex:1;}
.section18 .mkdiv{width: 80%;}


.section20 .section20_1{width:80%;margin:20px auto;}
.section20 .mkdiv{margin:20px;}


.section21 .container {max-width: 100%;width: 100%;}
.section21 .container img {width: 100%;}
.section21 .webimg {display: none;}

.section21 .title1 {position: absolute;top: 1em;left: 43%;font-size: 24px;}
.section21 .mk1 {position: absolute;width: 55%;height: 40%;top: 10%;right: 49.5%;}
.section21 .title_left{position: absolute; top: 22%;left: 42%;color: #ffffff;font-size: 20px;text-align: left;}
.section21 .title_left span {font-size: 32px;margin-right: 5px;}
.section21 .title_left p {line-height: 20px;text-align: left;   margin-block-start: 10px;margin-block-end: 10px;}
.section21 .mk2 .title_right{position: absolute;top: 27%;left: 78.5%;color: #ffffff;font-size: 20px;}
.section21 .mk3 .title_right{position: absolute;top: 27%;left: 78.5%;color: #ffffff;font-size: 20px;}
.section21 .mk4 .title_right{position: absolute;top: 27%;left: 78.5%;color: #ffffff;font-size: 20px;}
.section21 .title_right{position: absolute;top: 27%;left: 80%;color: #ffffff;font-size: 20px;}
.section21 .mk1-1 {width: 55%; position: absolute;top: 50%;left: 39%;font-size: 16px;color: #ffffff;}
.section21 .mk3 .mk1-1 {width: 55%; position: absolute;top: 50%;left: 39%;font-size: 16px;color: #ffffff;}
.section21 .mk4 .mk1-1 {width: 55%; position: absolute;top: 50%;left: 39%;font-size: 16px;color: #ffffff;}

.section21 .mk1-1 p {line-height: 20px;text-align: left;margin-left: 25px;}
.section21 .mk2{position: absolute; width:55%;height: 40%; top: 10%;right: 14.5%;}
.section21 .mk3{position: absolute;width: 55%;height: 40%;top: 48%;right: 49.5%;}
.section21 .mk4{position: absolute; width:55%;height: 40%; top: 48%;right: 14.5%;}
/*@media only screen and (max-width: 1576px) {*/

/*}*/
@media only screen and (max-width: 1400px) {
    

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



}
@media only screen and (max-width: 1054px) {
    .section21 .webimg {display: block;max-width: 100%; width: 100%;}
    .section21 img {max-width: 100%;width: 100%;}





}



@media only screen and (min-width: 992px)and (max-width: 1024px) {
    .section7 .mkdiv {
        width: 100%;
    }
    .mkdiv span {font-size: 0.6875em;}
    .section7 .pc .mkdiv {
        width: 100%;
        text-align: left;
        margin-left: 0px;
    }
    .section7 .text-left {
        text-align: left;
        margin-left: 0px;
    }
    .section9 .mt-50 {
        margin-top: 20px;
    }
    .section9 .mkdiv {
        width: 100%;
    }
    .section11 {    justify-content: flex-end;}
    .section11 .mkdiv {
        width: 98%;
    }
    .section11 .mt-50 {
        margin-top: 20px;
    }
    .section12 .line35 {
        line-height: 20px;
        height: 45px;
    }
    .section13 .mt-50 {
        margin-top: 20px;
    }
    .section13 .mkdiv {
        width: 90%;
    }
    .section13 .mk1right {
        flex: 1.7;
    }
    .line14 {
        line-height: 14px;
        margin: 2px;
        width: 24%;
    }
    .section15 .mk1left {
        flex: 2.4;
    }
    .section15 .mt-50 {
        margin-top: 20px;
    }
    .section15 .mr30 {
        margin-right: 10px;
    }
    .section15 .mkdiv {
        width: 95%;
    }
    .section16 .mk1right {
        flex: 1.8;
    }
    .section16 .mt-50 {
        margin-top: 20px;
    }
    .section16 .mkdiv {
        width: 96%;
    }
    .section18 .mkdiv {
        width: 96%;
    }
    .section18 .line14 {
        line-height: 14px;
        margin: 0px;
        width: 25%;
    }
    .section16 .d-flex {    justify-content: flex-end;}
    .section13 .d-flex {    justify-content: flex-end;}
    .section14 .d-flex {    justify-content: flex-end;}
    .section15 .d-flex {    justify-content: flex-end;}
    .section18 .d-flex {    justify-content: flex-end;}
    
    .section18 .mt-50 {
        margin-top: 20px;
    }
    .section18 .mkdiv {
        width: 100%;
    }
    .section18 .mk1left {
        flex: 2.4;
    }
    .section21 .pc {display: none;}
    .section21 .webimg {display: block;}
    
}
@media only screen and (min-width: 767px)and (max-width: 992px) {

    .mt-50 {margin-top: 10px;}
    .section7 .mkdiv {
        width: 100%;
    }
    .section7 .pc .mkdiv {
        width: 100%;
        text-align: left;
        margin-left: 25px;
    }
    .section7 .text-left {
        text-align: left;
        margin-left: 50px;
    }
    .line14 {
        line-height: 14px;
        width: 25%;
    }

    .section16 .d-flex {    justify-content: center;}
    .section13 .d-flex {    justify-content: center;}
    .section14 .d-flex {    justify-content: center;}
    .section15 .d-flex {    justify-content: center;}
    .section18 .d-flex {    justify-content: center;}
    .section9 .d-flex {     justify-content: center;}
    .section11 .d-flex {    justify-content: center;}
    .section9_1 {    flex-direction: column;}
    .section9 .mk1right {
        flex: 1.5;
        margin: 5% 0 0%;
    }
    .section9 .mkdiv {
        width: 100%;
    }
    .section11 {    flex-direction: column;}
    .section11 .mkdiv {
        width: 100%;
    }
    .section12 .line35 {
        line-height: 22px;
        height: 50px;
    }
    .section13 {    flex-direction: column;}
    .section13 .mkdiv {
        width: 100%;
    }
    .section15 .mk1left {
        flex: 100%;
    }
    .section15 .mkdiv {
        width: 100%;
    }
    .section16 {    flex-direction: column;}
    .section16 .mkdiv {
        width: 100%;
    }
    .section18 {    flex-direction: column;}
    .section18 .mkdiv {
        width: 100%;
    }
    .section20 .section20_1 {
        width: 90%;
        margin: 0px auto;
    }
    .caselist2 .mk1 .title {
        height: 2.5em;
        background-color: #ffffff;
        font-size: 1.6em;
        font-weight: bold;
        color: #4f4643;
    }
    .section23 .pt20 {
        padding: 10px 0px;
    }

    

}
@media only screen and (max-width: 767px) {
    .font16 {font-size: 12px;}
    .font36 { font-size: 15px;}
    .font72 {font-size: 20px;line-height: 20px;}
    .line20 {line-height: 16px;}
    .line25 {line-height: 17px;}
    .color838383 {
        color: #000000;
    }

    .section1 .mt-250 {margin-top: 60px;}

    .section2 .mk1 div {width: 80%;}
    .section2_1{flex-direction: column;}
    .section2 .section2_1 .mt-86 {margin-top: 0px;}
    .section3 .font16{width: 90%;margin: auto;}
    .section3 .mtb-26-32 {margin: 12px 14px 20px; }
    .section3 .mt-86 {margin-top: 0px;}

    .section4 .font18{font-size: 12px;}
    .section4 .font14{font-size: 10px;}
    .section4 .mk1img {height: 220px;}
    .section4 .h86 {height: 50px;}
    .section4 .mt-86 {margin-top: 50px;}
.section4 .mk1item {position: absolute;width: 12%;text-align: center;}


    .mainbody .mt-86 {margin-top: 60px;}
    .suishichakanmendian{ flex-direction: row;}
    .suishichakanmendian .mk1 {width: 100%;}
    .section7 {flex-direction: column;padding:20px 0px;}
    .section7 .mk1left{align-items: center;}
    .section7 .mk1left .text-left{text-align: center;}
    .section7 .mkdiv {width: 100%;}
    .section7 .mt-32 {padding-top: 0px;padding-bottom: 20px;}
    .section8 {flex-direction: column;padding:0px 0px 40px; margin-top: 0px;}
    .section8 .mkdiv {margin-top: 10px;width: 95%;}
    .section8 .mt-32 {margin-top: 8px;}
    .section8 .mt-50 {margin-top: 8px;}
    .section8 .mk1right .text-left{text-align: center;}
    .section9 .mt-86 {margin-top: 0px;}
    .section9 .mt-50 {margin-top: 30px;}
    .section9 .mkdiv {width: 100%;}
    .section9 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section9_1 {flex-direction: column;padding:0px 0px 20px;}
    .section9 .mkdiv span {font-size: 0.6875em;}
    .section11 .mkdiv span {font-size: 0.6875em;}
    .section13 .mkdiv span {font-size: 0.6875em;}
    .section15 .mkdiv span {font-size: 0.6875em;}
    .section16 .mkdiv span {font-size: 0.6875em;}
    .section18 .mkdiv span {font-size: 0.6875em;}

    .section9 .mk1right .text-center {width: 50%;}
    .section11 .mkdiv {width: 100%;}
    .section11 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section11 .mk1left .text-center {width: 50%;}
    .section11{flex-direction: column;padding:0px 0px 20px;}
    .section11 .mt-86 {margin-top: 10px;}
    .section11 .mt-50 {margin-top: 8px;margin-bottom: 20px;}
    .section11 .mk1left{align-items: center;}

    .section13 .mt-86 {margin-top: 15px;}
    .section13 .mt-50 {margin-top: 10px;}
    .section13 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section13 .mkdiv {width: 100%;}
    .section13 .mk1right .text-center {width: 50%;}
    .section13 {flex-direction: column;padding:10px 0px;}
    .section14 .mtb-26-32 {margin: 8px 0px 6px 0px;}
    .section15 {flex-direction: column;padding:10px 0px;}
    .section15 .mt-86 {margin-top: 0px;}
    .section15 .mt-50 {margin-top: 0px;margin-bottom: 10px;}
    .section15 .mkdiv {width: 100%;}
    .section15 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section15 .mk1left .text-center {width: 50%;}
    .section15 .line14 {margin: 0px 0 0px 0;}
    .section15 .mkdiv .text-center:nth-child(2) .mt-10 {margin-top: 6px;}
    .section15 .mr30 {margin-right: 0px;}
    .section15 .mk1right img{height: 400px;}


    .section15 .mk1left{align-items: center;}
    .section16 {flex-direction: column;padding:10px 0px;}
    .section16 .mt-86 {margin-top: 0px;}
    .section16 .line14 {margin:0px 0px 10px;}
    .section16 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section16 .mkdiv {width: 100%;}
    .section16 .mk1right .text-center {width: 50%;}



    .section18 {flex-direction: column;padding:10px 0px;}
    .section18 .mt-10 {margin-top: 0px;}
    .section18 .mt-86 {margin-top: 10px;}
    .section18 .mt-50 {margin-top: 10px;margin-bottom: 10px;}
    .section18 .mk1left{align-items: center;}
    .section18 .mt-10 {margin-top: 0px; margin-bottom: 10px;}
    .section18 .mkdiv {width: 100%;}
    .section18 .mk1left .text-center {width: 50%;}

    .section19 {flex-direction: column;padding:10px 0px;}

    .section20 .mt-86 {margin-top: 15px;}
    .section20 .section20_1{width:100%;margin:0px auto;}
    .section20 .mkdiv{margin:20px 10px;}
    .section20 .line35 {line-height: 14px; padding:5px 0px;}
    .section20 .section20_1 .mkdiv .span {margin-top: 10px;}


    .section21 {
        padding: 1px 0px 60px 0px;
    }
    .section21 .mt-86 {margin-top: 50px;}
    .section21 .h86 {height: 36px;}
    .section23 .mtb-26-32 {margin: 0px 0px 28px 0px;}

    .caselist2 .mk1 .title {
        height: 2.5em;
        background-color: #ffffff;
        font-size: 1.2em;
        font-weight: bold;
        color: #4f4643;
    }
    .section23 .mtb-26-32 {
        margin: 0px 0px 18px 0px;
    }
    .section23 .pt20 {padding: 10px 0px;}

    /*.section21 .mk1{position: relative;width:100%;margin-left: 0px;margin-right: 0px;}*/
    /*.section21 .mk1 .mk2{margin:30px 40px 40px 20px; }*/
    /*.section21 .mk1 .mk2 .mkdiv{width: 96%;}*/
    /*.section21 .mk1 .mk2 .price{ padding-top:10px;}*/
    /*.section21 .mk1 .mk2 .xuanxiang{float:right; display: block;width: 80px;}*/

}


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

    .section12 {flex-direction: column;}
    .section14 {flex-direction: column;}


}