.newindex .d-flex{display: flex;}
.newindex .d-grow{flex-grow: 1;}
.newindex .d-shrink{flex-shrink: 0;}
.newindex #section1 {background: url('../../images/newindex/screen1.jpg') no-repeat;}
.newindex #section1 .g-tit{margin-bottom:3%;}
.newindex .classimages{margin-bottom:3%}
.newindex .m-list2 li .con{margin:0;padding:10px;padding-top:25px}
.newindex .m-list2 .pic{overflow: visible;}
.newindex .m-list2 .pic em{top:-24px;left:-2px}
.newindex .m-list2 .pic .mask-box{border-top-left-radius: 15px;border-top-right-radius: 15px;background: url('../../images/newindex/cover1.png') center/100% 100% no-repeat;}
.newindex .m-list2 li:nth-child(2) .pic .mask-box{border-top-left-radius: 15px;border-top-right-radius: 15px;background: url('../../images/newindex/cover2.png') left center/100% 100% no-repeat;}
.newindex .m-list2 .pic .mask-box img{margin-top:3%}
.newindex #section2 {background: url('../../images/newindex/screen2.jpg') no-repeat;}
.newindex #section3 {background: url('../../images/newindex/screen3.jpg') no-repeat;}
.newindex .advantage-item{padding-left:30px;background:none;display: table;}
.newindex .advantage-item .title{width:110px;font-size:34px;margin-right:40px}
.newindex .advantage-item .title span{display: inline-block;margin-top:10px}
.newindex .advantage-item .advantage-info{display: table-cell;vertical-align: middle;}
.newindex .footer .special{margin:0 -10px}
.newindex .footer .special>div{width:auto;margin:0 10px}

@media only screen and (max-width: 992px){
    #banner .m-slider .item02 {background: url('../../images/newindex/index-banner-h5_01.jpg') no-repeat!important;}
    #banner .m-slider .item05 {background: url('../../images/newindex/h5banner2.jpg') no-repeat!important;}
    .newindex .classimages img{margin-top:10px;width:48%}
}

@media only screen and (max-width: 420px){
    .newindex #section1 {}
    .newindex #section2 {background: url('../../images/newindex/h5screen2.jpg') no-repeat;}
    .newindex #section3 {background: url('../../images/newindex/h5screen3.jpg') no-repeat;}
    .newindex .advantage-item{display: block;}
    .newindex .advantage-item .title{width:100%;margin-right:0;margin-bottom:10px;font-size:0}
    .newindex .advantage-item .title img{width:30px}
    .newindex .advantage-item .title span{margin-top:0;vertical-align: middle;font-size:20px;margin-left:10px}

    .newindex .footer .special{margin:0 -5px}
    .newindex .footer .special>div{width:auto;margin:0 5px}
}