* {
    box-sizing: border-box;
    outline: none;
    padding: 0;
    margin: 0
}

html, body, div, span, p, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

a {
    text-decoration: none;
    color: #333;
    /*font-size: 14px;*/
    cursor: pointer
}

html {
    font-family: MiSans-Normal, MiSans;
    font-size: 100px
}

em {
    font-style: normal
}

.ellipse3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.ellipse2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

@media screen and (min-width: 1000px) {
    .adu-container .banner {
        margin-top: 5.72rem;
        width: 100%;
        height: 51.42rem;
        position: relative
    }

    .adu-container .banner>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .adu-container .banner .banner-tit {
        font-size: 3.92rem;
        font-family: MiSans-Bold, MiSans;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding-top: 10rem
    }

    .adu-container .banner .center {
        margin-top: 21.42rem;
        display: flex;
        justify-content: center
    }

    .adu-container .banner .center .more {
        display: inline-block;
        height: 4.28rem;
        border-radius: 2.14rem;
        background: #141414;
        opacity: 0.7;
        line-height: 4.28rem;
        padding: 0 5.72rem 0 2.86rem;
        color: #fff;
        font-size: 1.72rem;
        background-image: url(../images/down.png);
        background-repeat: no-repeat;
        background-position: right 2.86rem center;
        background-size: 1.42rem
    }
    .adu-container .banner .center .more-btn{
        width: 1.72rem;
        height: 4.08rem;
        z-index: 1;
    }

    .adu-container .wrapper {
        width: 100%
    }

    .adu-container .wrapper .layout {
        width: 100rem;
        margin: 0 auto
    }

    .adu-container .wrapper .layout .title {
        padding-top: .72rem;
        font-size: 5.14rem;
        color: #333;
        text-align: center;
        font-weight: normal;
        font-family: MiSans-Normal
    }

    .adu-container .wrapper .layout .title-sub {
        color: #999;
        font-size: .1.72rem;
        text-align: center;
        margin: 2.14rem 0 3.36rem
    }

    .adu-container .wrapper.block1 .list {
        display: flex
    }

    .adu-container .wrapper.block1 .list .item {
        width: 32.58rem;
        height: 35.28rem;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 3.56rem;
        position: relative;
        padding: 17.86rem 2.72rem 0 2.72rem
    }

    .adu-container .wrapper.block1 .list .item .tag {
        position: absolute;
        display: flex;
        left: -1rem;
        top: 2rem;
        background-image: url(../images/bg12.png);
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 2.72rem;
        color: #fff;
        line-height: 5.72rem;
        height: 5.72rem;
        width: 18.36rem;
        padding-left: 2.86rem
    }

    .adu-container .wrapper.block1 .list .item.item1 {
        background-image: url(../images/bg11.png)
    }

    .adu-container .wrapper.block1 .list .item.item2 {
        background-image: url(../images/bg10.png)
    }

    .adu-container .wrapper.block1 .list .item.item3 {
        background-image: url(../images/bg02.png)
    }

    .adu-container .wrapper.block1 .list .item.item3 .tag {
        width: 27.72rem;
        background-image: url(../images/bg13.png)
    }

    .adu-container .wrapper.block1 .list .item .info .big-tit {
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        line-height: 2.28rem
    }

    .adu-container .wrapper.block1 .list .item .info .intro {
        margin-top: .72rem;
        font-size: 1.14rem;
        color: #fff;
        line-height: 2.28rem
    }

    .adu-container .wrapper.block2 {
        margin-top: 4.28rem;
        height: 59.92rem;
        background-image: url(../images/bg03.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .adu-container .wrapper.block2 .title {
        padding-bottom: 7.86rem
    }

    .adu-container .wrapper.block2 .product {
        display: flex;
        justify-content: space-between
    }

    .adu-container .wrapper.block2 .product .lft {
        width: 45rem;
        padding-top: 5.72rem
    }

    .adu-container .wrapper.block2 .product .lft .big-tit {
        font-size: 3.28rem;
        color: #333;
        line-height: 4.28rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub {
        width: 100%;
        height: 1.72rem;
        display: flex;
        margin-top: 1.72rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub em {
        color: #333;
        font-size: 1.42rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub span {
        color: #333;
        font-size: 1.42rem;
        margin-left: 2.14rem
    }

    .adu-container .wrapper.block2 .product .lft .line {
        display: block;
        width: 5rem;
        height: 6px;
        background-image: url(../images/bg07.png);
        margin: 2.14rem 0;
        background-size: contain;
        background-repeat: no-repeat
    }

    .adu-container .wrapper.block2 .product .lft .detail-tit {
        color: #333;
        font-size: 1.42rem
    }

    .adu-container .wrapper.block2 .product .lft .detail {
        color: #666;
        font-size: 1.14rem;
        margin-top: .72rem;
        line-height: 2.14rem
    }

    .adu-container .wrapper.block2 .product .rgt img {
        width: 52.14rem
    }

    .adu-container .wrapper.block3 .title {
        text-align: left
    }

    .adu-container .wrapper.block3 .title-sub {
        text-align: left;
        color: #333;
        font-size: 1.42rem
    }

    .adu-container .wrapper.block3 .swiper-list {
        width: 100%;
        display: flex
    }

    .adu-container .wrapper.block3 .swiper-list .item {
        width: 33.92rem;
        margin-right: 2.14rem;
        position: relative
    }

    .adu-container .wrapper.block3 .swiper-list .item .swiper-container {
        width: 33.92rem !important;
        height: 26.42rem !important
    }

    .adu-container .wrapper.block3 .swiper-list .item .swiper-container img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .adu-container .wrapper.block3 .swiper-list .item .tag {
        position: absolute;
        width: 13.42rem;
        height: 3.14rem;
        background: #6785FD;
        border-radius: .58rem 0 0 0;
        text-align: center;
        line-height: 3.14rem;
        font-size: 2rem;
        color: #fff;
        top: 0;
        left: 0;
        z-index: 99
    }

    .adu-container .wrapper.block3 .swiper-list .item .desc {
        font-size: 1.14rem;
        color: #333;
        text-align: center;
        margin-top: 2.14rem
    }

    .adu-container .wrapper.block4 {
        margin-top: 4.28rem;
        height: 58.92rem;
        background-image: url(../images/bg04.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .adu-container .wrapper.block4 .title {
        padding-bottom: 6.28rem
    }

    .adu-container .wrapper.block4 .list {
        display: flex
    }

    .adu-container .wrapper.block4 .list .item {
        width: 16.86rem;
        margin-right: 1.14rem
    }

    .adu-container .wrapper.block4 .list .item:last-child {
        margin-right: 0
    }

    .adu-container .wrapper.block4 .list .item img {
        width: 100%
    }

    .adu-container .wrapper.block4 .list .item .desc {
        font-size: 1.7rem;
        color: #333;
        line-height: 1.7rem;
        text-align: center
    }

    .adu-container .wrapper.block4 .list .item span {
        width: 3.7rem;
        height: 3.7rem;
        background-image: url(../images/video_play.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 16.42rem;
        cursor: pointer
    }

    .adu-container .wrapper.block5 .title {
        padding-bottom: 4.28rem
    }

    .adu-container .wrapper.block5 .desc {
        color: #666;
        font-size: 1.14rem;
        line-height: 2.28rem;
        text-align: center
    }

    .adu-container .wrapper.block5 .video {
        width: 85.14rem;
        height: 48.56rem;
        margin: 2.5rem 7.14rem 4.28rem
    }

    .adu-container .wrapper.block5 .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .adu-container .wrapper.block5 .list .item {
        width: 49.28rem;
        height: 9.28rem;
        background: linear-gradient(180deg, rgba(155, 213, 255, 0.3) 11%, rgba(190, 255, 247, 0) 100%);
        box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.102);
        border-radius: .58rem;
        padding: 1.42rem 2.14rem 2.14rem 5.7rem;
        margin-bottom: 2.14rem;
        position: relative
    }

    .adu-container .wrapper.block5 .list .item h4 {
        font-size: 1.42rem;
        color: #333;
        line-height: 2rem;
        font-weight: normal
    }

    .adu-container .wrapper.block5 .list .item p {
        margin-top: .72rem;
        color: #666;
        font-size: 1rem;
        line-height: 1.42rem
    }

    .adu-container .wrapper.block5 .list .item span {
        width: 3.14rem;
        height: 3.92rem;
        position: absolute;
        left: 1.42rem;
        top: 0
    }

    .adu-container .wrapper.block5 .list .item span img {
        display: block
    }

    .adu-container .wrapper.history {
        height: 13.56rem;
        background-image: url(../images/bg08.png);
        background-size: cover;
        display: flex;
        justify-content: center;
        margin-top: 2.14rem
    }

    .adu-container .wrapper.history .item {
        width: 20%
    }

    .adu-container .wrapper.history .item .tit {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.42rem;
        margin-top: 2.86rem
    }

    .adu-container .wrapper.history .item .tit span {
        font-size: 3.56rem;
        font-weight: bold;
        color: #365EDD
    }

    .adu-container .wrapper.history .item .tit em {
        color: #333;
        font-size: 1.56rem;
        line-height: 3.56rem;
        padding-left: .72rem
    }

    .adu-container .wrapper.history .item .sub {
        text-align: center;
        color: #666;
        font-size: 1rem;
        line-height: 1.42rem
    }

    .adu-container .wrapper.block6 {
        height: 60rem;
        background-image: url(../images/bg01.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .adu-container .wrapper.block6 .layout {
        width: 85.7rem
    }

    .adu-container .wrapper.block6 .title {
        /*padding-bottom: .6rem*/
    }

    .adu-container .wrapper.block6 .sub {
        color: #666;
        font-size: 1.14rem;
        line-height: 2.28rem;
        text-align: center;
        margin-bottom: 2.14rem
    }

    .adu-container .wrapper.block6 .form {
        width: 38.56rem;
        height: 38.56rem;
        background: #FFFFFF;
        opacity: 0.8;
        font-size: 1.14rem;
        color: #333;
        margin: 0 auto;
        padding: 1.42rem
    }

    .adu-container .wrapper.block6 .form .border {
        border: 1px solid #DCDCDC;
        padding: 1.42rem 2.14rem
    }

    .adu-container .wrapper.block6 .form .tit {
        line-height: 2.28rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 2.14rem
    }

    .adu-container .wrapper.block6 .form .form-item {
        width: 100%;
        margin-bottom: 2.14rem;
        position: relative
    }

    .adu-container .wrapper.block6 .form .form-item .name {
        margin-bottom: .72rem
    }

    .adu-container .wrapper.block6 .form .form-item input {
        width: 100%;
        height: 2.56rem;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding-left: 1rem
    }

    .adu-container .wrapper.block6 .form .form-item .error {
        font-size: .86rem;
        color: red;
        position: absolute;
        left: 0;
        margin-top: 3px;
        display: none
    }

    .adu-container .wrapper.block6 .form .form-item .line {
        display: flex;
        justify-content: space-between
    }

    .adu-container .wrapper.block6 .form .form-item .line .item {
        position: relative
    }

    .adu-container .wrapper.block6 .form .form-item .line input {
        width: 14.28rem
    }

    .adu-container .wrapper.block6 .form button {
        width: 10.72rem;
        height: 2.86rem;
        background: #365EDD;
        border-radius: 4px;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 2.86rem;
        margin: 2.86rem auto;
        display: block;
        cursor: pointer
    }
    .adu-container .wrapper.block7{
        padding: 5.36rem 0;
    }

    .adu-container .wrapper.block7 .box{
        position: relative;
        width: 100%;
        height: 32.14rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .adu-container .wrapper.block7 .box .yuan{
        position: absolute;
        top: 0;
        left: 0;
        width: 15.22rem;
        height: 15.22rem;
        background: linear-gradient(142deg, #94FFD2 0%, rgba(57,232,158,0) 100%);
        border-radius: 50%;
        z-index: -1;
    }

    .adu-container .wrapper.block7 .box .left{
        width: 34.28rem;
    }

    .adu-container .wrapper.block7 .layout .title{
        padding-top: 2.86rem;
        text-align: left;
    }
    .adu-container .wrapper.block7 .box .left .title{
        font-size: 3.28rem;
        font-weight: 700;
        line-height: 3.42rem;
    }

    .adu-container .wrapper.block7 .box .left .desc{
        margin-top: 1.7rem;
        color: #666666;
        font-size: 1.14rem;
        line-height: 2.28rem;
    }

    .adu-container .wrapper.block7 .box .right{
        width: 59.86rem;
        height: 32.14rem;
        overflow: hidden;
        position: relative;
    }
    .adu-container .wrapper.block7 .video {
        width: 59.86rem;
        height: 32.14rem;
    }
    .adu-container .wrapper.block7 .box .right .bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .adu-container .wrapper.block7 .box .right .icon{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 8.14rem;
        height: 8.14rem;
        background-image: url(../images/broad/icon1.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

    .adu-container .wrapper.block8{
        background: #F6F8F9;
    }

    .adu-container .wrapper.block8 .list{
        padding: 1rem 0 3.86rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .adu-container .wrapper.block8 .list .item{
        margin-top: 2.86rem;
        width: 48.56rem;
        height: 42.14rem;
        background: #FFFFFF;
        border-radius: .58rem;
        box-shadow: 0 1rem 6.64rem 0 rgba(0,0,0,0.1);
    }
    .adu-container .wrapper.block8 .list .item .img-box{
        position: relative;
        width: 100%;
        height: 27.36rem;
        border-radius: .58rem .58rem 0rem 0rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block8 .list .item .img-box .bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block8 .list .item .img-box .icon-box{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 24rem;
        height: 5.64rem;
        background: rgba(246,246,246,0.48);
        border: 6px solid #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.86rem;
        font-weight: 700;
        color: #000000;
    }
    .adu-container .wrapper.block8 .list .item .img-box .icon-box .icon{
        height: 3.22rem;
    }

    /*.adu-container .wrapper.block8 .list .item .img-box  .icon{*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%,-50%);*/
    /*    width: 3.42rem;*/
    /*    height: 0.85rem;*/
    /*}*/
    .adu-container .wrapper.block8 .list .item .img-box .name{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 9.42rem;
        background: linear-gradient(360deg, #333333 0%, #333333 34%, rgba(51,51,51,0) 100%);
        font-size: 1.14rem;
        color: #FFFFFF;
        line-height: 1.72rem;
        display: flex;
        align-items: flex-end;
        padding: 0 1.72rem 1.72rem;
    }
    .adu-container .wrapper.block8 .list .item .title1{
        margin-top: 1.72rem;
        width: 100%;
        height: 2.14rem;
        padding: 0 1.72rem;
        font-size: 1.28rem;
        font-weight: 700;
    }
    .adu-container .wrapper.block8 .list .item .desc{
        width: 100%;
        height: 7.86rem;
        margin-top: .72rem;
        padding: 0 1.72rem;
        font-size: 1.14rem;
        color: #666666;
        line-height: 2.14rem;
    }

    .adu-container .wrapper.block9 .layout .title-sub,
    .adu-container .wrapper.block11 .layout .title-sub{
        font-size: 1.14rem;
        line-height: 2.28rem;
        color: #666666;
    }

    .adu-container .wrapper.block9 .layout .list{
        margin-top: 2.86rem;
        display: flex;
        /*align-items: center;*/
        justify-content: space-between;
    }
    .adu-container .wrapper.block9 .layout .list .item{
        width: calc((100% - 2.86rem) / 3);
    }

    .adu-container .wrapper.block9 .layout .list .item img{
        width: 100%;
    }

    .adu-container .wrapper.block9 .layout .list .item img.bg2{
        margin-top: 3.72rem;
    }

    .adu-container .wrapper.block9 .layout .list .item p{
        text-align: center;
        font-size: 1.86rem;
        font-weight: 600;
        margin-top: .72rem;
    }
    .adu-container .wrapper.block10 .box{
        width: 100%;
        height: 45.58rem;
        margin-top: 3.58rem;
        position: relative;
        overflow: hidden;
    }
    .adu-container .wrapper.block10 .box .img-box{
        width: auto;
        height: 100%;
        margin-left: -14.28rem;
        display: flex;
        flex-wrap: nowrap;
    }
    .adu-container .wrapper.block10 .box .img-box img{
        height: 100%;
        margin-left: 1.28rem;
    }

    .adu-container .wrapper.block10 .box .img-box img:first-child{
        margin-left: 0;
    }
    .adu-container .wrapper.block10 .box .turn-left{
        position: absolute;
        top: 50%;
        left: 18.58rem;
        transform: translate(0,-50%);
        width: 5.72rem;
        flex-shrink: 5.72rem;
        cursor: pointer;
    }
    .adu-container .wrapper.block10 .box .turn-right{
        position: absolute;
        top: 50%;
        right: 18.58rem;
        transform: translate(0,-50%);
        width: 5.72rem;
        flex-shrink: 5.72rem;
        cursor: pointer;
    }
    .adu-container .wrapper.block11 {
        height: 81.42rem;
        background-image: url(../images/broad/e_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .adu-container .wrapper.block11 .list{
        margin-top: 3.14rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .adu-container .wrapper.block11 .list .item{
        width: calc((100% - 4.28rem) / 3);
        height: 28.58rem;
        border-radius: .58rem;
        background: #FFFFFF;
        box-shadow: 0 4px 1rem 0rem rgba(0,0,0,0.1);
    }
    .adu-container .wrapper.block11 .list .item4{
        width: calc(100% - 2.14rem - (100% - 4.28rem) / 3);
    }
    .adu-container .wrapper.block11 .list .item4,
    .adu-container .wrapper.block11 .list .item5{
        margin-top: 5.64rem;
    }
    .adu-container .wrapper.block11 .list .item .img-box{
        width: 100%;
        height: 21.42rem;
        overflow: hidden;
        border-radius: .58rem .58rem 0rem 0rem;
    }
    .adu-container .wrapper.block11 .list .item .img-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block11 .list .item .info-box{
        width: 100%;
        height: calc(100% - 21.42rem);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .adu-container .wrapper.block11 .list .item .info-box img{
        width: 2.78rem;
        height: 2.78rem;
    }
    .adu-container .wrapper.block11 .list .item .info-box .desc{
        width: 22.86rem;
        margin-left: 1rem;
        font-size: 1.14rem;
        line-height: 1.72rem;
    }
    .adu-container .wrapper.block12 .layout .title{
        padding-top: 4.5em;
    }
    .adu-container .wrapper.block12 .list{
        margin-top: 3.58rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .adu-container .wrapper.block12 .list .left{
        width: 43.42rem;
        height: 48.36rem;
    }
    .adu-container .wrapper.block12 .list .left img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block12 .list .right{
        width: 47.64rem;
    }
    .adu-container .wrapper.block12 .list .right .title-name{
        font-size: 1.42rem;
        line-height: 2.28rem;
        font-weight: 800;
    }
    .adu-container .wrapper.block12 .list .right .desc{
        margin-top: 2.72rem;
        font-size: 1.14rem;
        color: #666666;
        line-height: 2.78rem;
    }
    .adu-container .wrapper.block13{
        margin-top: 8.58rem;
        height: 49rem;
        background-image: url(../images/broad/g_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .adu-container .wrapper.block13 .list{
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding-top: 6.22rem;
    }
    .adu-container .wrapper.block13 .list .left{
        width: calc(100% - 68.14rem);
    }
    .adu-container .wrapper.block13 .list .left .title-name{
        font-size: 3.58rem;
        line-height: 3.42rem;
    }
    .adu-container .wrapper.block13 .list .left .desc{
        margin-top: 4.28rem;
        font-size: 1.14rem;
        color: #666666;
        line-height: 2.78rem;
    }
    .adu-container .wrapper.block13 .list .right{
        position: relative;
        width: 95.36rem;
        height: 28.78rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block13 .video {
        width: 65.36rem;
        height: 28.78rem;
    }
    .adu-container .wrapper.block13 .list .right img.bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block13 .list .right .icon{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 8.14rem;
        height: 8.14rem;
        background-image: url(../images/broad/icon1.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }
    .adu-container .wrapper.block14 .list{
        height: 59.78rem;
        background-image: url(../images/broad/h_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .adu-container .wrapper.block14 .list .item{
        position: absolute;
        display: flex;
        align-items: flex-end;
    }
    .adu-container .wrapper.block14 .list .item1{
        top: 12.86rem;
        left: 2.14rem;
    }
    .adu-container .wrapper.block14 .list .item2{
        top: 25.72rem;
        left: 14.28rem;
    }
    .adu-container .wrapper.block14 .list .item3{
        top: 48.58rem;
        left: 32.56rem;
    }
    .adu-container .wrapper.block14 .list .item4{
        top: 18.58rem;
        left: 51.42rem;
        align-items: flex-start;
        flex-direction: column;
    }
    .adu-container .wrapper.block14 .list .item4 .top{
        display: flex;
        align-items: flex-end;
    }
    .adu-container .wrapper.block14 .list .item5{
        top: 37.86rem;
        left: 76.42rem;
    }
    .adu-container .wrapper.block14 .list .item4 .bot{
        margin-top: .72rem;
        width: 28.58rem;
        font-size: 1rem;
        color: #666666;
        line-height: 1.42rem;
    }
    .adu-container .wrapper.block14 .list .item .left{
        width: 15.86rem;
    }
    .adu-container .wrapper.block14 .list .item .left p{
        font-size: 1.86rem;
        font-weight: 700;
        color: #3D3D3D;
        line-height: 3.42rem;
    }
    .adu-container .wrapper.block14 .list .item .left .desc{
        margin-top: .72rem;
        font-size: 1.14rem;
        line-height: 1.42rem;
    }
    .adu-container .wrapper.block14 .list .item .right{
        margin-left: .78rem;
        width: 10.92rem;
        height: 8.14rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block14 .list .item .right img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block14 .name-desc{
        margin-top: 5.72rem;
        width: 100%;
        font-size: 1.14rem;
        font-weight: 700;
        color: #333333;
        line-height: 2.78rem;
        text-align: center;
        padding: 0 21.42rem;
    }
    .adu-container .wrapper.block14 .map{
        margin-top: 5.72rem;
        width: 102.58rem;
        height: 51.5rem;
    }
    .adu-container .wrapper.block14 .map img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block14 .market{
        margin-top: 1.78rem;
        padding: 0 7.14rem;
    }
    .adu-container .wrapper.block14 .market .top{
        width: 19.92rem;
        height: 2rem;
        position: relative;
        font-size: 1.28rem;
        font-weight: 700;
        text-align: center;
    }
    .adu-container .wrapper.block14 .market .top .line{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1rem;
        background: #DEDEDE;
        z-index: -1;
    }
    .adu-container .wrapper.block14 .market .bot{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 2.86rem;
    }
    .adu-container .wrapper.block14 .market .bot .li{
        display: flex;
        align-items: center;
        align-items: center;
        font-size: 1.14rem;
        color: #1E1E1E;
    }
    .adu-container .wrapper.block14 .market .bot .li img{
        margin-right: 6px;
    }
    .adu-container .wrapper.block15{
        margin-top: 5rem;
        height: 78.58rem;
        position: relative;
    }
    .adu-container .wrapper.block15 .top{
        height: 40.58rem;
        background: #F7F7F7;
    }
    .adu-container .wrapper.block15 .title-sub{
        font-size: 1.14rem;
        line-height: 2.28rem;
        color: #666666;
    }
    .adu-container .wrapper.block15 .list{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 9.28rem;
    }
    .adu-container .wrapper.block15 .list .item{
        position: relative;
        width: 17.72rem;
        height: 10.92rem;
        border-radius: .58rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block15 .list .item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block15 .list .item .desc{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 3.14rem;
        line-height: 3.14rem;
        padding: 0 1.42rem;
        background: rgba(30, 30, 30, 0.8);
        border-radius: .58rem;
        font-size: 1.28rem;
        font-weight: 700;
        color: #FFFFFF;
        white-space: nowrap;

    }
    .adu-container .wrapper.block15 .contact{
        position: absolute;
        top: 33.58rem;
        left: 50%;
        transform: translate(-50%,0);
        width: 79.58rem;
        height: 40.58rem;
        display: flex;
        
    }
    .adu-container .wrapper.block15 .contact .left{
        width: 31.72rem;
        height: 100%;
        overflow: hidden;
    }
    .adu-container .wrapper.block15 .contact .left img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block15 .contact .right{
        width: 47.86rem;
        height: 100%;
        background: #020E25;
        border-radius: 0rem .58rem .58rem 0rem;
        padding: 2.86rem;
    }
    .adu-container .wrapper.block15 .contact .right .title-name{
        font-size: 1.14rem;
        color: #FFFFFF;
        line-height: 2.28rem;
    }
    .adu-container .wrapper.block15 .contact .right .form{
        margin-top: 1.72rem;
        width: 100%;
        height: 28.92rem;
        background: #FFFFFF;
        border-radius: .58rem;
        border: 1px solid #DCDCDC;
    }
    .adu-container .wrapper.block15 .form .border {
        padding: 1.42rem 2.14rem;
    }
    .adu-container .wrapper.block15 .form .form-item {
        width: 100%;
        margin-bottom: 2.14rem;
        position: relative;
    }
    .adu-container .wrapper.block15 .form .form-item .name {
        margin-bottom: .72rem;
    }
    .adu-container .wrapper.block15 .form .form-item .line {
        display: flex;
        justify-content: space-between;
    }
    .adu-container .wrapper.block15 .form .form-item .line .item {
        position: relative;
    }
    .adu-container .wrapper.block15 .form .form-item input {
        width: 100%;
        height: 2.86rem;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding-left: 1rem;
    }
    .adu-container .wrapper.block15 .form .form-item .line input {
        width: 17.14rem;
    }
    .adu-container .wrapper.block15 .form .form-item .error {
        font-size: 1rem;
        color: red;
        position: absolute;
        left: 0;
        margin-top: 3px;
        display: none;
    }
    .adu-container .wrapper.block15 .form button {
        width: 10.72rem;
        height: 2.86rem;
        background: #365EDD;
        border-radius: 4px;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 2.86rem;
        margin: 2.86rem auto;
        display: block;
        cursor: pointer;
    }
    .adu-container .wrapper.block16{
        height: 11.42rem;
        background-image: url(../images/broad/w_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .adu-container .wrapper.block16 .list{
        width: 100%;
        height: 11.42rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .adu-container .wrapper.block16 .list .item{
        display: flex;
        align-items: center;
        margin-left: 4.28rem;
        font-size: 1.42rem;
        color: #666666;
    }
    .adu-container .wrapper.block16 .list .item img{
        width: 2.58rem;
        height: 2.58rem;
        margin-right: 1.42rem;
    }
    .adu-container .wrapper.block16 .list .name1{
        font-size: 3.42rem;
        font-weight: 800;
        color: #020E25;
    }
    .video-play-box .wrapper {
        width: 450px
    }

    .video-play-box .video {
        width: 450px
    }

    #contact > a{
        font-size: 1.28rem;
    }
}

@media screen and (min-width: 350px) and (max-width: 999px) {
    .adu-container {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }

    .adu-container .banner {
        margin-top: 52px;
        width: 100%;
        height: 17.28rem;
        position: relative
    }

    .adu-container .banner>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .adu-container .banner .banner-tit {
        font-size: 1.28rem;
        font-family: MiSans-Bold, MiSans;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding-top: 2.4rem;
        line-height: 1.29rem;
    }
    .adu-container .banner .banner-tit2{
        padding: 5.86rem;
        padding-bottom: 3rem;
        font-size: 1.29rem;
        line-height: 1.71rem;
    }

    .adu-container .banner .center {
        margin-top: 10rem;
        display: flex;
        justify-content: center
    }
    .adu-container .banner .center1{
        margin-top: 1rem;
    }

    .adu-container .banner .center .more {
        display: inline-block;
        height: 1.86rem;
        border-radius: 7.14rem;
        background: #141414;
        opacity: 0.7;
        line-height: 1.86rem;
        padding: 0 .94rem 0 .94rem;
        color: #fff;
        font-size: .86rem;
        background-image: url(../images/down.png);
        background-repeat: no-repeat;
        background-position: right .4rem center;
        background-size: .2rem
    }
    .adu-container .banner .center .more-btn{
        width: calc(24px / 2);
        height: calc(57px / 2);
    }

    .adu-container .wrapper {
        width: 100%
    }

    .adu-container .wrapper .layout {
        width: 100%;
        margin: 0 auto
    }

    .adu-container .wrapper .layout .title {
        padding-top: 1.8rem;
        font-size: 1.6rem;
        color: #333;
        text-align: center;
        font-weight: normal;
        font-family: MiSans-Normal
    }
    .adu-container .wrapper .layout .title2{
        padding-top: 0.86rem;
    }

    .adu-container .wrapper .layout .title-sub {
        color: #999;
        font-size: 1rem;
        text-align: center;
        margin: 1.7rem 1rem
    }

    .adu-container .wrapper.block1 .list {
        width: auto;
        display: flex;
        overflow-x: auto;
        padding-left: .3rem
    }

    .adu-container .wrapper.block1 .list.fixed {
        margin-left: -13.14rem
    }

    .adu-container .wrapper.block1 .list .item {
        width: 16.64rem !important;
        height: 20.14rem;
        border-radius: .56rem;
        border: 1px solid #C4C4C4;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
        position: relative;
        padding: 2.3rem .38rem 0 .38rem;
        flex-shrink: 0
    }

    .adu-container .wrapper.block1 .list .item .tag {
        width: 7.07rem;
        position: absolute;
        display: flex;
        left: -.64rem;
        top: .63rem;
        height: 2.14rem;
        font-size: 1rem;
        font-weight: bold;
        color: #fff;
        line-height: 2.14rem;
        background-image: url(../images/bg12.png);
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: .46rem
    }

    .adu-container .wrapper.block1 .list .item.item1 {
        background-image: url(../images/bg11.png)
    }

    .adu-container .wrapper.block1 .list .item.item2 {
        background-image: url(../images/bg10.png)
    }

    .adu-container .wrapper.block1 .list .item.item3 {
        background-image: url(../images/bg02.png)
    }

    .adu-container .wrapper.block1 .list .item.item3 .tag {
        width: 10.36rem;
        background-image: url(../images/bg13.png)
    }

    .adu-container .wrapper.block1 .list .item .info{
        margin-top: 4.71rem;
    }

    .adu-container .wrapper.block1 .list .item .info .big-tit {
        /*margin-top: 7.79rem;*/
        color: #fff;
        font-size: 1.18rem;
        font-weight: bold;
        line-height: 1.7rem
    }

    .adu-container .wrapper.block1 .list .item .info .intro {
        margin-top: .2rem;
        font-size: 1rem;
        color: #fff;
        line-height: 1.14rem
    }

    .adu-container .wrapper.block2 {
        padding: 0 .24rem
    }

    .adu-container .wrapper.block2 .product {
        padding-bottom: 2.6rem;
        margin-top: 2rem;
        display: flex;
        flex-direction: column-reverse;
        border-bottom: 1px solid #D8D8D8
    }

    .adu-container .wrapper.block2 .product .lft {
        padding-top: 2.3rem
    }

    .adu-container .wrapper.block2 .product .lft .big-tit {
        font-size: 1.5rem;
        color: #333;
        font-weight: bold;
        line-height: 1.7rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub {
        width: 100%;
        height: 1.7rem;
        display: flex;
        margin-top: 1.32rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub em {
        color: #333;
        font-size: .86rem
    }

    .adu-container .wrapper.block2 .product .lft .tit-sub span {
        color: #333;
        font-size: .86rem;
        margin-left: .3rem
    }

    .adu-container .wrapper.block2 .product .lft .line {
        display: block;
        width: auto;
        height: .45rem;
        background-image: url(../images/bg07.png);
        margin: .8rem 0;
        background-size: contain;
        background-repeat: no-repeat
    }

    .adu-container .wrapper.block2 .product .lft .detail-tit {
        color: #333;
        font-size: 1.16rem;
        line-height: 1.7rem;
    }

    .adu-container .wrapper.block2 .product .lft .detail {
        color: #666;
        font-size: 1.05rem;
        margin-top: .3rem;
        line-height: 1.4rem
    }

    .adu-container .wrapper.block2 .product .rgt img {
        width: 100%
    }

    .adu-container .wrapper.block3 {
        padding: 0 .24rem
    }

    .adu-container .wrapper.block3 .title {
        text-align: left;
        font-weight: bold
    }

    .adu-container .wrapper.block3 .title-sub {
        text-align: left;
        color: #333;
        font-size: .86rem
    }

    .adu-container .wrapper.block3 .swiper-list {
        margin-top: 1rem;
        width: 100%;
        display: flex;
        overflow-x: auto;
        /*padding-bottom: 1rem*/
    }

    .adu-container .wrapper.block3 .swiper-list .item {
        width: 19.28rem;
        padding-bottom: 0.2rem;
        background: #FFFFFF;
        box-shadow: 0px 4px 8px 0px rgba(153, 153, 153, 0.102);
        border-radius: .56rem;
        margin-right: 1rem;
        position: relative
    }

    .adu-container .wrapper.block3 .swiper-list .item .swiper-container {
        width: 100% !important;
        height: 12.14rem !important;
        border-radius: .56rem .56rem 0 0;
    }

    .adu-container .wrapper.block3 .swiper-list .item .swiper-container img {
        width: 100%;
        height: 100%;
        border-radius: .56rem .56rem 0 0;
        object-fit: cover
    }

    .adu-container .wrapper.block3 .swiper-list .item .tag {
        position: absolute;
        width: 6rem;
        height: 1.8rem;
        background: #6785FD;
        border-radius: .56rem 0px 0px 0px;
        text-align: center;
        line-height: 1.8rem;
        font-size: 1rem;
        color: #fff;
        top: 0;
        left: 0;
        z-index: 99
    }

    .adu-container .wrapper.block3 .swiper-list .item .desc {
        font-size: 1rem;
        line-height: 1.7rem;
        color: #333;
        text-align: left;
        margin-top: .78rem;
        padding: 0 .56rem;
    }

    .adu-container .wrapper.block4 .title {
        padding-bottom: .4rem
    }

    .adu-container .wrapper.block4 .list {
        margin-top: 0rem;
        padding: 0 0.24rem;
        overflow-x: auto;
        display: flex;
        padding-bottom: .4rem
    }

    .adu-container .wrapper.block4 .list .item {
        width: 10.78rem !important;
        margin-right: .78rem;
        flex-shrink: 0
    }

    .adu-container .wrapper.block4 .list .item:last-child {
        margin-right: 0
    }

    .adu-container .wrapper.block4 .list .item img {
        width: 100%
    }

    .adu-container .wrapper.block4 .list .item .desc {
        margin-top: 1.14rem;
        font-size: .86rem;
        color: #333;
        line-height: 1.7rem;
        text-align: center
    }

    .adu-container .wrapper.block4 .list .item span {
        width: 2.52rem;
        height: 2.52rem;
        background-image: url(../images/video_play.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 10rem;
        cursor: pointer
    }

    .adu-container .wrapper.block5 {
        padding: 0 .24rem
    }

    .adu-container .wrapper.block5 .title {
        padding-bottom: 1.6rem
    }

    .adu-container .wrapper.block5 .desc {
        color: #666;
        font-size: 1.02rem;
        line-height: 1.7rem;
        text-align: center
    }

    .adu-container .wrapper.block5 .video {
        width: 100%;
        height: 14.14rem;
        margin: 3.5rem auto;
        border-radius: .56rem
    }

    .adu-container .wrapper.block5 .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .adu-container .wrapper.block5 .list .item {
        width: 100%;
        background: linear-gradient(180deg, rgba(155, 213, 255, 0.3) 11%, rgba(190, 255, 247, 0) 100%);
        box-shadow: 0px 6px 12px 0px rgba(51, 51, 51, 0.102);
        border-radius: .56rem;
        padding: .64rem .64rem .84rem 3.28rem;
        margin-bottom: 1.21rem;
        position: relative
    }

    .adu-container .wrapper.block5 .list .item h4 {
        font-size: 1.1rem;
        color: #333;
        line-height: 1rem;
        font-weight: 500
    }

    .adu-container .wrapper.block5 .list .item p {
        margin-top: .5rem;
        color: #666;
        font-size: 1rem;
        line-height: 1.14rem
    }

    .adu-container .wrapper.block5 .list .item span {
        width: 2.06rem;
        height: 2.64rem;
        position: absolute;
        left: .56rem;
        top: 0
    }

    .adu-container .wrapper.block5 .list .item span img {
        display: block;
        width: 100%;
        object-fit: cover
    }

    .adu-container .wrapper.history {
        background-image: url(../images/bg12.jpg);
        background-size: cover;
        display: flex;
        justify-content: center;
        margin-top: 1.8rem;
        flex-wrap: wrap;
        height: 15.56rem
    }

    .adu-container .wrapper.history .item {
        width: 50%;
        height: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .adu-container .wrapper.history .item .tit {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.2rem;
        margin-top: 0.4rem
    }

    .adu-container .wrapper.history .item .tit span {
        font-size: 1.7rem;
        font-weight: bold;
        color: #365EDD
    }

    .adu-container .wrapper.history .item .tit em {
        color: #333;
        font-size: 1.14rem;
        line-height: 3.42rem;
        padding-left: .1rem
    }

    .adu-container .wrapper.history .item .sub {
        text-align: center;
        color: #666;
        font-size: .86rem;
        line-height: 1.14rem
    }

    .adu-container .wrapper.block6 .desc {
        width: 100%;
        background-color: #fff;
        padding: 0 .24rem .4rem
    }

    .adu-container .wrapper.block6 .title {
        margin-top: 20px;
        padding: .3rem 0
    }

    .adu-container .wrapper.block6 .sub {
        color: #666;
        font-size: .86rem;
        line-height: 1.54rem;
        text-align: center;
        margin-bottom: .3rem
    }

    .adu-container .wrapper.block6 .wrapper {
        background-image: url(../images/bg01.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 1.64rem 2.56rem
    }

    .adu-container .wrapper.block6 .form {
        width: 100%;
        background: #FFFFFF;
        opacity: 0.8;
        font-size: .28rem;
        color: #333;
        margin: 0 auto;
        padding: .86rem
    }

    .adu-container .wrapper.block6 .form .border {
        border: 1px solid #DCDCDC;
        padding: .86rem
    }

    .adu-container .wrapper.block6 .form .tit {
        font-size: 1.1rem;
        line-height: 1rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: .2rem;
    }

    .adu-container .wrapper.block6 .form .form-item {
        width: 100%;
        margin-bottom: 1.4rem;
        position: relative
    }

    .adu-container .wrapper.block6 .form .form-item .name {
        margin: .42rem 0;
        font-size: 0.86rem;
        line-height: 1.2rem;
    }

    .adu-container .wrapper.block6 .form .form-item input {
        width: 100%;
        height: 1.86rem;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding-left: .2rem;
        font-size: 0.86rem;
    }

    .adu-container .wrapper.block6 .form .form-item .error {
        font-size: .86rem;
        color: red;
        position: absolute;
        left: 0;
        display: none
    }

    .adu-container .wrapper.block6 .form .form-item .line {
        display: flex;
        justify-content: space-between
    }

    .adu-container .wrapper.block6 .form .form-item .line .item {
        position: relative;
        width: calc((100% - 2rem) / 2)
    }

    .adu-container .wrapper.block6 .form .form-item .line input {
        width: 100%
    }

    .adu-container .wrapper.block6 .form button {
        width: 8rem;
        height: 1.86rem;
        background: #365EDD;
        border-radius: 4px;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 1.86rem;
        margin: .86rem auto .2rem;
        font-size: .86rem;
        display: block
    }

    .adu-container .wrapper.block7 .box .left .desc{
        margin-top: 0.86rem;
        width: 100%;
        padding: 0.86rem;
        font-size: 0.86rem;
        color: #666666;
        line-height: 1.43rem;
    }

    .adu-container .wrapper.block7 .box .right{
        width: 100%;
        padding: 0 0.86rem;
    }
    .adu-container .wrapper.block7 .box .right video{
        width: 100%;
    }

    .adu-container .wrapper.block8 .list{
        margin-top: 1.86rem;
        width: 100%;
        max-height: 35rem;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch; /* 支持 iOS 的平滑滚动效果 */
        padding-bottom: 0.86rem;
    }
    .adu-container .wrapper.block8 .list .item{
        min-width: 22.57rem;
        margin-left: 0.86rem;
        /*height: 24.18rem;*/
        background: #FFFFFF;
        box-shadow: 0rem 0.14rem 0.93rem 0rem rgba(0,0,0,0.1);
        border-radius: 0.57rem 0.57rem 0.57rem 0.57rem;
    }
    .adu-container .wrapper.block8 .list .item:nth-child(1){
        margin-left: 0;
    }
    .adu-container .wrapper.block8 .list .item .img-box{
        position: relative;
        height: 12.28rem;
        border-radius: 0.57rem 0.57rem 0rem 0rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block8 .list .item .img-box .bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block8 .list .item .img-box .icon-box{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 16.64rem;
        height: 3.93rem;
        background: rgba(246,246,246,0.48);
        border: 0.06rem solid #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.71rem;
        font-weight: 700;
        color: #000000;
    }
    .adu-container .wrapper.block8 .list .item .img-box .icon-box .icon{
        width: 2.25rem;
    }
    .adu-container .wrapper.block8 .list .item .img-box .name{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5.04rem;
        background: linear-gradient(360deg, #333333 0%, #333333 34%, rgba(51,51,51,0) 100%);
        font-size: 0.86rem;
        color: #FFFFFF;
        line-height: 1rem;
        display: flex;
        align-items: flex-end;
        padding: 0 0.8rem 0.8rem
    }
    .adu-container .wrapper.block8 .list .item .title1{
        margin-top: 0.8rem;
        width: 100%;
        height: 0.3rem;
        padding: 0 1rem;
        font-size: 1.14rem;
        font-weight: 700;
    }
    .adu-container .wrapper.block8 .list .item .desc {
        width: 100%;
        margin-top: 2rem;
        padding: 0.86rem;
        font-size: 0.86rem;
        color: #666666;
        line-height: 1.43rem;
    }
    .adu-container .wrapper.block9 .layout .list{
        padding: 0.86rem;
        display: flex;
        justify-content: space-between;
    }
    .adu-container .wrapper.block9 .layout .list .item{
        width: calc((100% - 0.86rem) / 3);
    }
    .adu-container .wrapper.block9 .layout .list .item img{
        width: 100%;
    }
    .adu-container .wrapper.block9 .layout .list .item p{
        text-align: center;
        font-size: 0.86rem;
        font-weight: 600;
        margin-top: 0.86rem;
    }
    .adu-container .wrapper.block9 .layout .list .item img.bg2{
        margin-top: 0.86rem;
    }
    .adu-container .wrapper.block10 .box{
        position: relative;
        margin-top: 2rem;
        width: 100%;
        height: 18.64rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block10 .box .img-box{
        /*margin-left: -7rem;*/
        /*width: 100%;*/
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch; /* 支持 iOS 的平滑滚动效果 */
    }
    .adu-container .wrapper.block10 .box .img-box img{
        margin-left: 0.86rem;
        height: 100%;
    }
    .adu-container .wrapper.block10 .box .img-box img:nth-child(1){
        margin-left: 0;
    }
    .adu-container .wrapper.block10 .box .turn-left,
    .adu-container .wrapper.block10 .box .turn-right{
        /*display: none;*/
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        width: 2.14rem;
        height: 2.14rem;
    }
    .adu-container .wrapper.block10 .box .turn-left{
        left: 0.86rem;
    }
    .adu-container .wrapper.block10 .box .turn-right{
        right: 0.86rem;
    }
    .adu-container .wrapper.block11 .list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 0.86rem;
    }
    .adu-container .wrapper.block11 .list .item{
        margin-top: 0.86rem;
        width: calc((100% - 0.86rem) / 2);
        height: auto;
        background: #FFFFFF;
        box-shadow: 0rem 0.29rem 0.86rem 0rem rgba(0,0,0,0.1);
        border-radius: 0.57rem;
    }
    .adu-container .wrapper.block11 .list .item:nth-child(3){
        order: 4;
    }
    .adu-container .wrapper.block11 .list .item4{
        width: 100%;
    }
    .adu-container .wrapper.block11 .list .item .img-box{
        width: 100%;
        height: 8.21rem;
        border-radius: 0.57rem 0.57rem 0 0;
        overflow: hidden;
    }
    .adu-container .wrapper.block11 .list .item .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block11 .list .item .info-box{
        width: 100%;
        padding: 0.86rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .adu-container .wrapper.block11 .list .item .info-box img{
        width: 1.43rem;
        height: 1.57rem;
    }
    .adu-container .wrapper.block11 .list .item .info-box .desc{
        margin-left: 0.4rem;
        width: 80%;
        word-break: break-all;
        /*padding: 0.86rem;*/
        font-size: 0.86rem;
        line-height: 1.71rem;
    }
    .adu-container .wrapper.block12 .list{
        padding: 0 0.86rem;
        width: 100%;
        margin-top: 1.64rem;
    }
    .adu-container .wrapper.block12 .list .left{
        width: 100%;
        height: 27.86rem;
        border-radius: 0.86rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block12 .list .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block12 .list .right{
        margin-top: 0.86rem;
    }
    .adu-container .wrapper.block12 .list .right .title-name{
        font-size: 0.86rem;
        font-weight: 700;
        color: #333333;
        line-height: 2.29rem;
    }
    .adu-container .wrapper.block12 .list .right .desc{
        margin-top: 0.43rem;
        font-size: 0.86rem;
        color: #666666;
        line-height: 1.71rem;
    }
    .adu-container .wrapper.block13{
        margin-top: 1.2rem;
        height: 37.43rem;
        background-image: url(../images/broad/g_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .adu-container .wrapper.block13 .list{
        width: 100%;
        padding: 0.86rem;
    }
    .adu-container .wrapper.block13 .list .left,
    .adu-container .wrapper.block13 .list .right{
        width: 100%;
    }
    .adu-container .wrapper.block13 .list .left .title-name{
        width: 100%;
        font-size: 1.43rem;
        color: #333333;
        line-height: 3.43rem;
        align-items: center;
    }
    .adu-container .wrapper.block13 .list .left .desc{
        font-size: 0.86rem;
        color: #666666;
        line-height: 1.71rem;
    }
    .adu-container .wrapper.block13 .list .right{
        margin-top: 1.86rem;
    }
    .adu-container .wrapper.block13 .video{
        width: 100%;
        height: 11.03rem;
    }
    .adu-container .wrapper.block14 .list{
        width: 100%;
        position: relative;
        padding: 0.86rem;
    }
    .adu-container .wrapper.block14 .list::before {
        content: ""; /* 必须设置 content 属性 */
        display: block; /* 将伪元素变成块级元素 */
        position: absolute; /* 设置绝对定位 */
        top: 0;
        left: 0.86rem;
        height: 100%; /* 高度与父元素相同 */
        width: 0.71rem; /* 宽度为 50px，可以根据需要调整 */
        background: linear-gradient(180deg, #ABF0DE 4%, #0FEDB2 97%);
        border-radius: 1.43rem 1.43rem 1.43rem 1.43rem;
        z-index: -1; /* 将其放到最底层 */
    }
    .adu-container .wrapper.block14 .list .item{
        margin-top: 0.86rem;
        padding-right: 0.86rem;
        padding-left: 5rem;
        position: relative;
    }
    .adu-container .wrapper.block14 .list .item:before{
        content: ""; /* 必须设置 content 属性 */
        display: block; /* 将伪元素变成块级元素 */
        position: absolute; /* 设置绝对定位 */
        top: 1rem;
        left: 0rem;
        width: 1rem;
        height: 1rem;
        background: #FFFFFF;
        border: 3px solid #ADB0B6;
        border-radius: 50%;
        z-index: -1; /* 将其放到最底层 */
    }
    .adu-container .wrapper.block14 .list .item .left,
    .adu-container .wrapper.block14 .list .item .right{
        width: 100%;
    }
    .adu-container .wrapper.block14 .list .item .left p{
        font-size: 1.29rem;
        font-weight: 700;
        color: #3D3D3D;
        line-height: 3.43rem;
        position: relative;
    }
    .adu-container .wrapper.block14 .list .item .left p:before{
        content: ""; /* 必须设置 content 属性 */
        display: block; /* 将伪元素变成块级元素 */
        position: absolute; /* 设置绝对定位 */
        top: 1.56rem;
        left: -1.46rem;
        height: 0.29rem; /* 高度与父元素相同 */
        width: 1rem; /* 宽度为 50px，可以根据需要调整 */
        background: linear-gradient(180deg, #ABF0DE 4%, #0FEDB2 97%);
        border-radius: 1.43rem 1.43rem 1.43rem 1.43rem;
        z-index: -1; /* 将其放到最底层 */
    }
    .adu-container .wrapper.block14 .list .item .left p:after{
        content: ""; /* 必须设置 content 属性 */
        display: block; /* 将伪元素变成块级元素 */
        position: absolute; /* 设置绝对定位 */
        top: 1.6rem;
        left: -3.86rem;
        height: 0; /* 高度与父元素相同 */
        width: 2rem; /* 宽度为 50px，可以根据需要调整 */
        border: 1px dashed #999999;
        z-index: -1; /* 将其放到最底层 */
    }
    .adu-container .wrapper.block14 .list .item .left .desc{
        font-size: 0.86rem;
        font-weight: 400;
        color: #333333;
        line-height: 1.14rem;
    }
    .adu-container .wrapper.block14 .list .item .right,
    .adu-container .wrapper.block14 .list .item4 .bot{
        margin-top: 0.86rem;
    }
    .adu-container .wrapper.block14 .name-desc{
        width: 100%;
        padding: 0.86rem;
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1.29rem;
        text-align: center;
    }
    .adu-container .wrapper.block14 .map{
        width: 100%;
        padding: 0.86rem;
        margin-top: 0.86rem;
    }
    .adu-container .wrapper.block14 .map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block14 .market{
        margin-top: 0.86rem;
        width: 100%;
        padding: 0.86rem;
    }
    .adu-container .wrapper.block14 .market .top{
        width: 14.14rem;
        height: 1.93rem;
        position: relative;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
    }
    .adu-container .wrapper.block14 .market .top .line {
        position: absolute;
        top: 0.66rem;
        left: 0;
        width: 100%;
        height: 0.86rem;
        background: #DEDEDE;
        z-index: -1;
    }
    .adu-container .wrapper.block14 .market .bot{
        width: 100%;
        padding: 0 0.86rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /*justify-content: space-between;*/
    }
    .adu-container .wrapper.block14 .market .bot .li{
        margin-top: 0.86rem;
        min-width: 40%;
        display: flex;
        align-items: center;
        font-size: 0.86rem;
        margin-right: 0.86rem;
    }
    .adu-container .wrapper.block14 .market .bot .li img{
        margin-right: 0.4rem;
        /*width: 18%;*/
    }
    .adu-container .wrapper.block15 .top{
        height: 30.68rem;
        background: #F7F7F7;
    }
    .adu-container .wrapper.block15 .list{
        width: 100%;
        padding: 0.86rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .adu-container .wrapper.block15 .list .item {
        position: relative;
        margin-top: 0.86rem;
        width: calc((100% - 0.86rem) / 2);
        height: 7.36rem;
        border-radius: 0.57rem;
        overflow: hidden;
    }
    .adu-container .wrapper.block15 .list .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .adu-container .wrapper.block15 .list .item .desc {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 2.14rem;
        line-height: 2.14rem;
        padding: 0 1.21rem;
        background: rgba(30, 30, 30, 0.8);
        border-radius: 0.57rem 0.57rem 0.57rem 0.57rem;
        font-size: 0.86rem;
        font-weight: 700;
        color: #FFFFFF;
        white-space: nowrap;
    }
    .adu-container .wrapper.block15 .contact .left{
        display: none;
    }
    .adu-container .wrapper.block15 .right {
        background-image: url(../images/bg01.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 1.64rem 2.56rem;
    }
    .adu-container .wrapper.block15 .form {
        width: 100%;
        background: #FFFFFF;
        opacity: 0.8;
        font-size: .28rem;
        color: #333;
        margin: 0 auto;
        padding: 0.86rem;
    }
    .adu-container .wrapper.block15 .form .border {
        border: 1px solid #DCDCDC;
        padding: 0.86rem;
    }
    .adu-container .wrapper.block15 .title-name{
        font-size: 1.1rem;
        line-height: 1rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.86rem
    }
    .adu-container .wrapper.block15 .form .form-item {
        width: 100%;
        margin-bottom: 1.4rem;
        position: relative;
    }
    .adu-container .wrapper.block15 .form .form-item .name {
        margin: 0.42rem 0;
        font-size: 0.86rem;
        line-height: 1.2rem;
    }
    .adu-container .wrapper.block15 .form .form-item .line {
        display: flex;
        justify-content: space-between;
    }
    .adu-container .wrapper.block15 .form .form-item .line .item {
        position: relative;
        width: calc((100% - 2rem) / 2);
    }
    .adu-container .wrapper.block15 .form .form-item input {
        width: 100%;
        height: 1.86rem;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding-left: 0.2rem;
        font-size: 0.86rem;
    }
    .adu-container .wrapper.block15 .form .form-item .line input {
        width: 100%;
    }
    .adu-container .wrapper.block15 .form .form-item .error {
        font-size: .86rem;
        color: red;
        position: absolute;
        left: 0;
        display: none;
    }
    .adu-container .wrapper.block15 .form button {
        width: 8rem;
        height: 1.86rem;
        background: #365EDD;
        border-radius: 4px;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 1.86rem;
        margin: 0.86rem auto 0.2rem;
        font-size: .86rem;
        display: block;
    }
    .adu-container .wrapper.block16 {
        height: 5.29rem;
        background-image: url(../images/broad/w_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .adu-container .wrapper.block16 .list{
        width: 100%;
        height: 5.29rem;
        padding: 0.86rem;
        display: flex;
        align-items: center;
        position: relative;
    }
    .adu-container .wrapper.block16 .list .item2 {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0.86rem;
        left: 12rem;
        font-size: 0.86rem;
        color: #666666;
    }
    .adu-container .wrapper.block16 .list .item3{
        top: 2.86rem;
    }
    .adu-container .wrapper.block16 .list .name1{
        margin-left: 1rem;
        font-size: 1.14rem;
        font-weight: 400;
        color: #333333;
        font-weight: bold;
    }
    .adu-container .wrapper.block16 .list .item img {
        width: 1.36rem;
        height: 1.36rem;
        margin-right: 0.2rem;
    }

    .video-play-box .wrapper {
        width: 300px
    }

    .video-play-box .video {
        width: 300px
    }

    #contact > a{
        font-size: .8rem;
    }
}

.video-play-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999
}

.video-play-box .wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-play-box .close {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../images/close.png);
    cursor: pointer;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    z-index: 999
}

.block6 .title {
    margin-top: 0
}

.block5 .item h4 {
    margin-top: 0
}

#contact {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#contact > a:hover {
    color: var(--blue-color);
}