@media screen and (max-width: 767px){
    .index {
        color:#008FD3!important;
    }

    .banner {
        width: 100%;
        height: 177.86vw;
        margin-top: 12vw;
        background: url("../img/banner-phone.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .introduction{
        width: 90%;
        margin:42.6vw auto 42.6vw;
        overflow: hidden;
    }

    .introduction ul{
        width: auto;
        overflow: hidden;
    }

    .introduction ul .introduction-left{
        width: 100%;
        height: 54.4vw;
        margin:0 auto 10vw;
        overflow: hidden;
    }

    .introduction ul .introduction-left img{
        width: 100%;
        height: 54.4vw;
    }

    .introduction ul .introduction-right{
        width: 100%;
    }

    .introduction-right h6{
        text-align: center;
        font-size: 6.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #181D27;
        margin: 0 0 7.2vw 0;
    }

    .introduction-right p{
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 10.67vw;
        color: #5F6464;
        margin-bottom: 5.4vw;
    }

    .introduction dl{
        width: 90%;
        margin:26.67vw auto 0;
        overflow: hidden;
    }

    .introduction dl dt{
        width: 100%;
        overflow: hidden;
        margin-bottom: 10vw;
    }

    .introduction dl dt .introduction-img{
        margin: auto;
        width: 18.4vw;
        height:18.4vw;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #707070;
        border-radius: 50%;
    }

    .introduction dl dt .introduction-img img{
        display: block;
        width: 9.87vw;
        height:10.67vw;
        margin:15px auto 0;
        overflow: hidden;
    }

    .introduction dl dt h6{
        text-align: center;
        font-size: 4.2vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 5.4vw;
        color: #181D27;
        margin: 5.4vw 0 2.7vw 0;
    }

    .introduction dl dt p{
        text-align: center;
        font-size: 3.2vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #181D27;
    }

    .digital{
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #F6F8FA;
    }

    .digital ul{
        width:100%;
        margin: auto;
        overflow: hidden;
    }

    .digital ul .digital-left{
        margin: auto;
        width: 100%;
        height:72vw;
        background: url("../img/digital.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .digital ul .digital-left .digital-left-line {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 95%;
        height:58.4vw;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
    }

    .digital-left-line .digital-left-line-text{
        width: 95%;
        height: 53.86vw;
        background: rgba(0, 143, 211, 0.5);
        margin:2.4vw auto 2.4vw;
        overflow: hidden;

    }

    .digital-left-line-text h6{
        text-align: right;
        margin:7.4vw 5.86vw 7.4vw 0;
        font-size: 6.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #FFFFFF;
    }

    .digital-left-line-text p{
        width: 90%;
        margin: auto;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 6.4vw;
        color: rgba(255,255,255,0.6);
    }

    .digital ul .digital-right{
        width: 100%;
    }

    .digital ul .digital-right dl{
        width: 100%;
        margin:17.06vw auto 17.06vw;
        overflow: hidden;
    }

    .digital ul .digital-right dl dt{
        width: 100%;
        margin-bottom: 20.53vw;
    }
    
    .digital-right dl dt .digital-right-img{
        width:10.67vw;
        height:10.67vw;
        margin: auto;
    }

    .digital-right dl dt .digital-right-img img{
        width: 100%;
    }

    .digital-right dl dt h5{
        text-align: center;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 5.4vw;
        color: #181D27;
        margin: 2.7vw 0 0.5vw 0;
    }

    .digital-right dl dt p{
        text-align: center;
        font-size: 3.2vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 4.53vw;
        color: #181D27;
    }

    .consumer{
        width: 100%;
        background: #2D2E31;
        margin:29.3vw auto 0;
        overflow: hidden;
    }

    .consumer .consumer-content{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }


    .consumer ul{
        width: 90%;
        margin:30vw auto 0;
        overflow: hidden;
        display: none;
    }

    .consumer ul li{
        float: left;
        width: 30vw;
        padding: 0.5vw 0;
        cursor: pointer;
        overflow: hidden;
        border-bottom: 1vw solid transparent;
        margin-bottom: 5.4vw;
    }

    .consumer ul li:nth-child(2n){
        float: right;
        margin-left: 15vw;
    }

    .consumer-active{
        border-bottom: 1vw solid #008FD3 !important;
    }

    .consumer ul li:last-child{
        margin-bottom: 0;
    }

    .consumer ul li h6{
        text-align: center;
        font-size: 4.2vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height:5.6vw;
        color: #FFFFFF;
        margin-bottom: 0.8vw;
    }

    .consumer ul li p{
        text-align: center;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #FFFFFF;
    }

    .consumer-content .consumer-lists{
      /*  display: none;*/
        width: 100%;
        overflow: hidden;
        margin-top: 10vw;
    }

    .consumer-content .consumer-lists dl{
        width: auto;
        overflow: hidden;
    }

    .consumer-lists dl .consumer-lists-first{
        float: left;
        width: 50%;
    }

    .consumer-lists-first .consumer-lists-first-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-first .consumer-lists-first-img img{
        width: 100%;
        height: 100%;
    }

    .consumer-lists-first-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width:90%;
    }

    .consumer-lists-first-text h6{
        font-size: 5.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-first-text p{
        text-align: center;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #FFFFFF;
        margin-top: 2.7vw;
    }

    .consumer-lists-two{
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two .consumer-lists-two-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-two .consumer-lists-two-img img{
        width: 100%;
    }

    .consumer-lists-two-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two-text h6{
        text-align: center;
        font-size: 5.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #FFFFFF;
    }

    .consumer-lists-two-text p{
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-title{
        width: auto;
        overflow:hidden ;

    }

    .consumer-lists-title h6{
        font-size: 6.9vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height:9.87vw;
        color: #FFFFFF;
        text-align: center;
        margin-top: 16vw;
    }

    .consumer-lists-title p{
        text-align: center;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #FFFFFF;
        margin: 3.46vw 0 10.67vw 0;
    }


    .consumer-lists-dt{
        float: left;
        width: 33.3%;
    }

    .consumer-lists-dt .consumer-lists-dt-img{
        width: 100%;
        position: relative;
    }

    .consumer-lists-dt .consumer-lists-dt-img img{
        width: 100%;
    }


    .consumer-lists-dt .consumer-lists-dt-img h6{
        width: 100%;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 5.4vw;
        font-weight: 400;
        font-family: PingFang SC;
        line-height: 8vw;
        color: #FFFFFF;
    }

    .consumer-plant{
        width: 100%;
        position: relative;
    }

    .consumer-plant img{
        width: 100%;
    }

    .consumer-plant h6{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-weight: 400;
        font-size: 5.4vw;
        font-family: PingFang SC;
        line-height: 8vw;
        color: #FFFFFF;
    }

    .scale{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .scale h6{
        text-align: center;
        font-size: 6.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height:8vw;
        color: #181D27;
        margin: 16vw 0 16vw 0;
    }

    .scale .scale-list{
        width: 100%;
        margin: auto;
        overflow: hidden;
        /*height: 51vw;*/
        background: url("../img/scale-phone.png") no-repeat;
        background-size: 100% 100%;
    }

    .scale .scale-list ul{
        width:80%;
        margin:26.67vw auto 26.67vw;
        overflow: hidden;
    }

    .scale .scale-list ul li{
        float: left;
        width: 50%;
        overflow: hidden;
        margin-bottom:16vw;
    }

    .scale .scale-list ul li:nth-child(2n){
        float: right;
    }

    .scale .scale-list ul li:last-child{
        margin-bottom: 0 !important;
    }
    

    .scale .scale-list ul li h5{
        font-size: 5.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #008FD3;
    }

    .scale .scale-list ul li p{
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #5F6464;
        margin-top: 2.7vw;
    }

    .solution{
        width: 90%;
        margin: 42.6vw auto 42.6vw;
        overflow: hidden;
    }

    .solution h6{
        font-size: 6.4vw;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 8vw;
        color: #181D27;
        text-align: center;
    }

    .solution p{
        width:100%;
        margin: 5.4vw auto 13.3vw;
        overflow: hidden;
        font-size: 3.7vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 5.4vw;
        color: #181D27;
    }

    .solution ul{
        width: auto;
        overflow: hidden;
    }

    .solution ul .solution-first{
        width: 164px;
        margin: auto;
        text-align: center;
        font-size: 3.46vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height:9.6vw;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-text{
        width: 100px;
        margin: auto;
        text-align: center;
        padding: 0 0.8vw;
        font-size: 3.46vw;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 9.6vw;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-line{
        width: 0;
        height: 5.4vw;
        margin: auto;
        border: 1px dashed #008FD3;
    }






}

@media screen and (min-width: 768px) and (max-width: 895px) {
    .index {
        color:#008FD3!important;
    }

    .banner {
        width: 100%;
        height: 45vw;
        background: url("../img/banner.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .introduction{
        width: 90%;
        margin:190px auto 180px;
        overflow: hidden;
    }

    .introduction ul{
        width: auto;
        overflow: hidden;
    }

    .introduction ul .introduction-left{
        width: 80%;
        margin:0 auto 80px;
        overflow: hidden;
    }

    .introduction ul .introduction-left img{
        width: 100%;
    }

    .introduction ul .introduction-right{
        width: 100%;
    }

    .introduction-right h6{
        text-align: center;
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        margin: 0 0 27px 0;
    }

    .introduction-right p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: #5F6464;
    }

    .introduction dl{
        width: 90%;
        margin:140px auto 0;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .introduction dl dt{
        width: 216px;
        overflow: hidden;
    }

    .introduction dl dt .introduction-img{
        margin: auto;
        width: 69px;
        height: 69px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #707070;
        border-radius: 50%;
    }

    .introduction dl dt .introduction-img img{
        display: block;
        width: 37px;
        height: 40px;
        margin:15px auto 0;
        overflow: hidden;
    }

    .introduction dl dt h6{
        text-align: center;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 22px;
        color: #181D27;
        margin: 20px 0 10px 0;
    }

    .introduction dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .digital{
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #F6F8FA;
    }

    .digital ul{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    .digital ul .digital-left{
        margin: auto;
        width: 50%;
        height:45vw;
        background: url("../img/digital.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .digital ul .digital-left .digital-left-line {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 95%;
        height: 219px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
    }

    .digital-left-line .digital-left-line-text{
        width: 95%;
        height: 202px;
        background: rgba(0, 143, 211, 0.5);
        margin:9px auto 9px;
        overflow: hidden;

    }

    .digital-left-line-text h6{
        text-align: right;
        margin: 28px 22px 27px 0;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 30px;
        color: #FFFFFF;
    }

    .digital-left-line-text p{
        width: 90%;
        margin: auto;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
    }

    .digital ul .digital-right{
        width: 100%;
    }

    .digital ul .digital-right dl{
        width: 100%;
        margin:64px auto 64px;
        overflow: hidden;
    }

    .digital ul .digital-right dl dt{
        width: 33%;
        float: left;
        margin-bottom: 77px;
    }

    .digital ul .digital-right dl dt:nth-child(4),
    .digital ul .digital-right dl dt:last-child{
        margin-bottom: 0;
    }

    .digital-right dl dt .digital-right-img{
        width: 40px;
        height: 40px;
        margin: auto;
    }

    .digital-right dl dt .digital-right-img img{
        width: 100%;
    }

    .digital-right dl dt h5{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 20px;
        color: #181D27;
        margin: 10px 0 2px 0;
    }

    .digital-right dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .consumer{
        width: 100%;
        background: #2D2E31;
        margin:110px auto 0;
        overflow: hidden;
    }

    .consumer .consumer-content{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }


    .consumer ul{
        float: left;
        width: 25%;
        margin:60px 0;
    }

    .consumer ul li{
        cursor: pointer;
        width: auto;
        overflow: hidden;
        border-left: 7px solid transparent;
        padding: 0 20px;
        margin-bottom: 26px;
    }

    .consumer-active{
        border-left: 7px solid #008FD3 !important;
    }

    .consumer ul li:last-child{
        margin-bottom: 0;
    }

    .consumer ul li h6{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 26px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .consumer ul li p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
    }

    .consumer-content .consumer-lists{
        display: none;
        float: right;
        width: 64%;
        overflow: hidden;
    }

    .consumer-content .consumer-lists dl{
        width: auto;
        overflow: hidden;
    }

    .consumer-lists dl .consumer-lists-first{
        float: left;
        width: 50%;
    }

    .consumer-lists-first .consumer-lists-first-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-first .consumer-lists-first-img img{
        width: 100%;
        height: 100%;
    }

    .consumer-lists-first-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 168px;
    }

    .consumer-lists-first-text h6{
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-first-text p{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        margin-top: 10px;
    }

    .consumer-lists-two{
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two .consumer-lists-two-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-two .consumer-lists-two-img img{
        width: 100%;
    }

    .consumer-lists-two-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 196px;
        overflow: hidden;
    }

    .consumer-lists-two-text h6{
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-lists-two-text p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 10px;
    }

    .consumer-lists-title{
       display: none;
    }

    .consumer-lists-dt{
        float: left;
        width: 33%;
    }

    .consumer-lists-dt .consumer-lists-dt-img{
        width: 100%;
        position: relative;
    }

    .consumer-lists-dt .consumer-lists-dt-img img{
        width: 100%;
    }


    .consumer-lists-dt .consumer-lists-dt-img h6{
        width: 100%;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-plant{
        width: 100%;
        position: relative;
    }

    .consumer-plant img{
        width: 100%;
    }

    .consumer-plant h6{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .scale{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .scale h6{
        text-align: center;
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        margin: 90px 0 80px 0;
    }

    .scale .scale-list{
        width: 100%;
        margin: auto;
        overflow: hidden;
        height: 51vw;
        background: url("../img/scale.png") no-repeat;
        background-size: 100% 100%;
    }

    .scale .scale-list ul{
        width:90%;
        margin:100px auto 100PX;
        overflow: hidden;
    }

    .scale .scale-list ul li{
        float: left;
        width: 25%;
        overflow: hidden;
        margin-bottom:80px;
    }

    .scale .scale-list ul li:nth-child(5),
    .scale .scale-list ul li:nth-child(6),
    .scale .scale-list ul li:last-child{
        margin-bottom: 0;
    }

    .scale .scale-list ul li h5{
        text-align: center;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 41px;
        color: #008FD3;
    }

    .scale .scale-list ul li p{
        text-align: center;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #5F6464;
        margin-top: 10px;
    }

    .solution{
        width: 90%;
        margin:160px auto 160px;
        overflow: hidden;
    }

    .solution h6{
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        text-align: center;
    }

    .solution p{
        width:62%;
        margin: 20px auto 70px;
        overflow: hidden;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #181D27;
    }

    .solution ul{
        width: auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .solution ul .solution-first{
        float: left;
        width: 164px;
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 36px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-text{
        float: left;
        width: auto;
        text-align: center;
        padding: 0 3px;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 36px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-line{
        float: left;
        width: 13px;
        height: 0px;
        border: 1px dashed #008FD3;
        margin-top: 19.5px;
    }






}

@media screen and (min-width: 896px) and (max-width: 1079px) {
    .index {
        color:#008FD3!important;
    }

    .banner {
        width: 100%;
        height: 45vw;
        background: url("../img/banner.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .introduction{
        width: 90%;
        margin:190px auto 180px;
        overflow: hidden;
    }

    .introduction ul{
        width: auto;
        overflow: hidden;
    }

    .introduction ul .introduction-left{
        float: left;
        width: 46.55%;
    }

    .introduction ul .introduction-left img{
        width: 100%;
    }

    .introduction ul .introduction-right{
        float: right;
        width: 44%;
    }

    .introduction-right h6{
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        margin: 0 0 27px 0;
    }

    .introduction-right p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: #5F6464;
    }

    .introduction dl{
        width: 90%;
        margin:140px auto 0;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .introduction dl dt{
        width: 216px;
        overflow: hidden;
    }

    .introduction dl dt .introduction-img{
        margin: auto;
        width: 69px;
        height: 69px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #707070;
        border-radius: 50%;
    }

    .introduction dl dt .introduction-img img{
        display: block;
        width: 37px;
        height: 40px;
        margin:15px auto 0;
        overflow: hidden;
    }

    .introduction dl dt h6{
        text-align: center;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 22px;
        color: #181D27;
        margin: 20px 0 10px 0;
    }

    .introduction dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .digital{
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #F6F8FA;
    }

    .digital ul{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    .digital ul .digital-left{
        float: left;
        width: 50%;
        height:419px ;
        background: url("../img/digital.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .digital ul .digital-left .digital-left-line {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 95%;
        height: 219px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
    }

    .digital-left-line .digital-left-line-text{
        width: 95%;
        height: 202px;
        background: rgba(0, 143, 211, 0.5);
        margin:9px auto 9px;
        overflow: hidden;

    }

    .digital-left-line-text h6{
        text-align: right;
        margin: 28px 22px 27px 0;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 30px;
        color: #FFFFFF;
    }

    .digital-left-line-text p{
        width: 90%;
        margin: auto;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
    }

    .digital ul .digital-right{
        float: right;
        width: 44.25%;
    }

    .digital ul .digital-right dl{
        width: 100%;
        margin:64px auto 0;
        overflow: hidden;
    }

    .digital ul .digital-right dl dt{
        width: 33%;
        float: left;
        margin-bottom: 77px;
    }

    .digital ul .digital-right dl dt:nth-child(4),
    .digital ul .digital-right dl dt:last-child{
        margin-bottom: 0;
    }

    .digital-right dl dt .digital-right-img{
        width: 40px;
        height: 40px;
        margin: auto;
    }

    .digital-right dl dt .digital-right-img img{
        width: 100%;
    }

    .digital-right dl dt h5{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 20px;
        color: #181D27;
        margin: 10px 0 2px 0;
    }

    .digital-right dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .consumer{
        width: 100%;
        background: #2D2E31;
        margin:110px auto 0;
        overflow: hidden;
    }

    .consumer .consumer-content{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }


    .consumer ul{
        float: left;
        width: 22%;
        margin: 93px 0;
    }

    .consumer ul li{
        cursor: pointer;
        width: auto;
        overflow: hidden;
        border-left: 7px solid transparent;
        padding: 0 20px;
        margin-bottom: 26px;
    }

    .consumer-active{
        border-left: 7px solid #008FD3 !important;
    }

    .consumer ul li:last-child{
        margin-bottom: 0;
    }

    .consumer ul li h6{
        font-size: 20px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 30px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .consumer ul li p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
    }

    .consumer-content .consumer-lists{
        display: none;
        float: right;
        width: 64%;
        overflow: hidden;
    }

    .consumer-content .consumer-lists dl{
        width: auto;
        overflow: hidden;
    }

    .consumer-lists dl .consumer-lists-first{
        float: left;
        width: 50%;
    }

    .consumer-lists-first .consumer-lists-first-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-first .consumer-lists-first-img img{
        width: 100%;
        height: 100%;
    }

    .consumer-lists-first-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 168px;
    }

    .consumer-lists-first-text h6{
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-first-text p{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        margin-top: 10px;
    }

    .consumer-lists-two{
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two .consumer-lists-two-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-two .consumer-lists-two-img img{
        width: 100%;
    }

    .consumer-lists-two-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 196px;
        overflow: hidden;
    }

    .consumer-lists-two-text h6{
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-lists-two-text p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 10px;
    }

    .consumer-lists-title{
        display: none;
    }

    .consumer-lists-dt{
        float: left;
        width: 33%;
    }

    .consumer-lists-dt .consumer-lists-dt-img{
        width: 100%;
        position: relative;
    }

    .consumer-lists-dt .consumer-lists-dt-img img{
        width: 100%;
    }


    .consumer-lists-dt .consumer-lists-dt-img h6{
        width: 100%;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-plant{
        width: 100%;
        position: relative;
    }

    .consumer-plant img{
        width: 100%;
    }

    .consumer-plant h6{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .scale{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .scale h6{
        text-align: center;
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        margin: 90px 0 80px 0;
    }

    .scale .scale-list{
        width: 100%;
        margin: auto;
        overflow: hidden;
        height: 51vw;
        background: url("../img/scale.png") no-repeat;
        background-size: 100% 100%;
    }

    .scale .scale-list ul{
        width:90%;
        margin:100px auto 100PX;
        overflow: hidden;
    }

    .scale .scale-list ul li{
        float: left;
        width: 25%;
        overflow: hidden;
        margin-bottom: 110px;
    }

    .scale .scale-list ul li h5{
        font-size: 29px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 41px;
        color: #008FD3;
    }

    .scale .scale-list ul li p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 41px;
        color: #5F6464;
        margin-top: 10px;
    }

    .solution{
        width: 90%;
        margin:160px auto 160px;
        overflow: hidden;
    }

    .solution h6{
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 40px;
        color: #181D27;
        text-align: center;
    }

    .solution p{
        width:62%;
        margin: 20px auto 70px;
        overflow: hidden;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #181D27;
    }

    .solution ul{
        width: auto;
        overflow: hidden;
    }

    .solution ul .solution-first{
        float: left;
        width: 164px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-text{
        float: left;
        width: 92px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-line{
        float: left;
        width: 13px;
        height: 0px;
        border: 1px dashed #008FD3;
        margin-top: 19.5px;
    }






}

@media screen and (min-width: 1080px) and (max-width: 1199px) {
    .index {
        color:#008FD3!important;
    }

    .banner {
        width: 100%;
        height: 45vw;
        background: url("../img/banner.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .introduction{
        width: 90%;
        margin:190px auto 180px;
        overflow: hidden;
    }

    .introduction ul{
        width: auto;
        overflow: hidden;
    }

    .introduction ul .introduction-left{
        float: left;
        width: 46.55%;
    }

    .introduction ul .introduction-left img{
        width: 100%;
    }

    .introduction ul .introduction-right{
        float: right;
        width: 44%;
    }

    .introduction-right h6{
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        margin: 3px 0 27px 0;
    }

    .introduction-right p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 41px;
        color: #5F6464;
    }

    .introduction dl{
        width: 90%;
        margin:140px auto 0;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .introduction dl dt{
        width: 216px;
        overflow: hidden;
    }

    .introduction dl dt .introduction-img{
        margin: auto;
        width: 69px;
        height: 69px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #707070;
        border-radius: 50%;
    }

    .introduction dl dt .introduction-img img{
        display: block;
        width: 37px;
        height: 40px;
        margin:15px auto 0;
        overflow: hidden;
    }

    .introduction dl dt h6{
        text-align: center;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 22px;
        color: #181D27;
        margin: 20px 0 10px 0;
    }

    .introduction dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .digital{
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #F6F8FA;
    }

    .digital ul{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    .digital ul .digital-left{
        float: left;
        width: 50%;
        height:419px ;
        background: url("../img/digital.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .digital ul .digital-left .digital-left-line {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 467px;
        height: 219px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
    }

    .digital-left-line .digital-left-line-text{
        width: 448px;
        height: 202px;
        background: rgba(0, 143, 211, 0.5);
        margin:9px auto 9px;
        overflow: hidden;

    }

    .digital-left-line-text h6{
        text-align: right;
        margin: 28px 22px 27px 0;
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #FFFFFF;
    }

    .digital-left-line-text p{
        width: 90%;
        margin: auto;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
    }

    .digital ul .digital-right{
        float: right;
        width: 44.25%;
    }

    .digital ul .digital-right dl{
        width: 100%;
        margin:95px auto 0;
        overflow: hidden;
    }

    .digital ul .digital-right dl dt{
        width: 33%;
        float: left;
        margin-bottom: 77px;
    }

    .digital ul .digital-right dl dt:nth-child(4),
    .digital ul .digital-right dl dt:last-child{
        margin-bottom: 0;
    }

    .digital-right dl dt .digital-right-img{
        width: 40px;
        height: 40px;
        margin: auto;
    }

    .digital-right dl dt .digital-right-img img{
        width: 100%;
    }

    .digital-right dl dt h5{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 20px;
        color: #181D27;
        margin: 10px 0 2px 0;
    }

    .digital-right dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .consumer{
        width: 100%;
        background: #2D2E31;
        margin:110px auto 0;
        overflow: hidden;
    }

    .consumer .consumer-content{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }


    .consumer ul{
        float: left;
        width: 20%;
        margin: 98px 0;
    }

    .consumer ul li{
        cursor: pointer;
        width: auto;
        overflow: hidden;
        border-left: 7px solid transparent;
        padding: 0 20px;
        margin-bottom: 42px;
    }

    .consumer-active{
        border-left: 7px solid #008FD3 !important;
    }

    .consumer ul li:last-child{
        margin-bottom: 0;
    }

    .consumer ul li h6{
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .consumer ul li p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
    }

    .consumer-content .consumer-lists{
        display: none;
        float: right;
        width: 64%;
        overflow: hidden;
    }

    .consumer-content .consumer-lists dl{
        width: auto;
        overflow: hidden;
    }

    .consumer-lists dl .consumer-lists-first{
        float: left;
        width: 50%;
    }

    .consumer-lists-first .consumer-lists-first-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-first .consumer-lists-first-img img{
        width: 100%;
        height: 100%;
    }

    .consumer-lists-first-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 168px;
    }

    .consumer-lists-first-text h6{
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-first-text p{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        margin-top: 10px;
    }

    .consumer-lists-two{
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two .consumer-lists-two-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-two .consumer-lists-two-img img{
        width: 100%;
    }

    .consumer-lists-two-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 196px;
        overflow: hidden;
    }

    .consumer-lists-two-text h6{
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-lists-two-text p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 10px;
    }

    .consumer-lists-title{
        display: none;
    }

    .consumer-lists-dt{
        float: left;
        width: 33%;
    }

    .consumer-lists-dt .consumer-lists-dt-img{
        width: 100%;
        position: relative;
    }

    .consumer-lists-dt .consumer-lists-dt-img img{
        width: 100%;
    }


    .consumer-lists-dt .consumer-lists-dt-img h6{
        width: 100%;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-plant{
        width: 100%;
        position: relative;
    }

    .consumer-plant img{
        width: 100%;
    }

    .consumer-plant h6{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .scale{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .scale h6{
        text-align: center;
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        margin: 90px 0 80px 0;
    }

    .scale .scale-list{
        width: 100%;
        margin: auto;
        overflow: hidden;
        height: 523px;
        background: url("../img/scale.png") no-repeat;
        background-size: 100% 100%;
    }

    .scale .scale-list ul{
        width:90%;
        margin:134px auto 134PX;
        overflow: hidden;
    }

    .scale .scale-list ul li{
        float: left;
        width: 25%;
        overflow: hidden;
        margin-bottom: 110px;
    }

    .scale .scale-list ul li h5{
        font-size: 29px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 41px;
        color: #008FD3;
    }

    .scale .scale-list ul li p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 41px;
        color: #5F6464;
        margin-top: 10px;
    }

    .solution{
        width: 90%;
        margin:160px auto 160px;
        overflow: hidden;
    }

    .solution h6{
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        text-align: center;
    }

    .solution p{
        width: 59%;
        margin: 20px auto 70px;
        overflow: hidden;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #181D27;
    }

    .solution ul{
        width: auto;
        overflow: hidden;
    }

    .solution ul .solution-first{
        float: left;
        width: 164px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-text{
        float: left;
        width: 104px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-line{
        float: left;
        width: 28px;
        height: 0px;
        border: 1px dashed #008FD3;
        margin-top: 19.5px;
    }






}

@media screen and (min-width: 1200px) {
    .index {
        color:#008FD3!important;
    }

    .banner {
        width: 100%;
        height: 632px;
        background: url("../img/banner.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .introduction{
        width: 1130px;
        margin:190px auto 180px;
        overflow: hidden;
    }

    .introduction ul{
        width: auto;
        overflow: hidden;
    }

    .introduction ul .introduction-left{
        float: left;
        width: 46.55%;
    }

    .introduction ul .introduction-left img{
        width: 100%;
    }

    .introduction ul .introduction-right{
        float: right;
        width: 44%;
    }

    .introduction-right h6{
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        margin: 3px 0 27px 0;
    }
    
    .introduction-right p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 41px;
        color: #5F6464;
    }

    .introduction dl{
        width: 90%;
        margin:140px auto 0;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .introduction dl dt{
        width: 216px;
        overflow: hidden;
    }

    .introduction dl dt .introduction-img{
        margin: auto;
        width: 69px;
        height: 69px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #707070;
        border-radius: 50%;
    }

    .introduction dl dt .introduction-img img{
        display: block;
        width: 37px;
        height: 40px;
        margin:15px auto 0;
        overflow: hidden;
    }

    .introduction dl dt h6{
        text-align: center;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 22px;
        color: #181D27;
        margin: 20px 0 10px 0;
    }

    .introduction dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .digital{
        width: 100%;
        margin: auto;
        overflow: hidden;
        background: #F6F8FA;
    }

    .digital ul{
        width: 1200px;
        margin: auto;
        overflow: hidden;
    }

    .digital ul .digital-left{
        float: left;
        width: 50%;
        height:419px ;
        background: url("../img/digital.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .digital ul .digital-left .digital-left-line {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 467px;
        height: 219px;
        background: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
    }

    .digital-left-line .digital-left-line-text{
        width: 448px;
        height: 202px;
        background: rgba(0, 143, 211, 0.5);
        margin:9px auto 9px;
        overflow: hidden;
        
    }

    .digital-left-line-text h6{
        text-align: right;
        margin: 28px 22px 27px 0;
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #FFFFFF;
    }

    .digital-left-line-text p{
        width: 90%;
        margin: auto;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
    }

    .digital ul .digital-right{
        float: right;
        width: 44.25%;
    }

    .digital ul .digital-right dl{
        width: 100%;
        margin:95px auto 0;
        overflow: hidden;
    }

    .digital ul .digital-right dl dt{
        width: 154px;
        float: left;
        margin-bottom: 77px;
    }

    .digital ul .digital-right dl dt:nth-child(4),
    .digital ul .digital-right dl dt:last-child{
        margin-bottom: 0;
    }

    .digital-right dl dt .digital-right-img{
        width: 40px;
        height: 40px;
        margin: auto;
    }

    .digital-right dl dt .digital-right-img img{
        width: 100%;
    }

    .digital-right dl dt h5{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 20px;
        color: #181D27;
        margin: 10px 0 2px 0;
    }

    .digital-right dl dt p{
        text-align: center;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #181D27;
    }

    .consumer{
        width: 100%;
        background: #2D2E31;
        margin:110px auto 0;
        overflow: hidden;
    }

    .consumer .consumer-content{
        width: 1200px;
        margin: auto;
        overflow: hidden;
    }


    .consumer ul{
        float: left;
        width: 20%;
        margin: 98px 0;
    }

    .consumer ul li{
        cursor: pointer;
        width: auto;
        overflow: hidden;
        border-left: 7px solid transparent;
        padding: 0 20px;
        margin-bottom: 100px;
    }

    .consumer-active{
        border-left: 7px solid #008FD3 !important;
    }

    .consumer ul li:last-child{
        margin-bottom: 0;
    }

    .consumer ul li h6{
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .consumer ul li p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
    }

    .consumer-content .consumer-lists{
        display: none;
        float: right;
        width: 64%;
        overflow: hidden;
    }

    .consumer-content .consumer-lists dl{
        width: auto;
        overflow: hidden;
    }

    .consumer-lists dl .consumer-lists-first{
        float: left;
        width: 50%;
    }

    .consumer-lists-first .consumer-lists-first-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-first .consumer-lists-first-img img{
        width: 100%;
    }

    .consumer-lists-first-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 168px;
    }

    .consumer-lists-first-text h6{
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
        text-align: center;
    }

    .consumer-lists-first-text p{
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        margin-top: 10px;
    }

    .consumer-lists-two{
        width: 100%;
        overflow: hidden;
    }

    .consumer-lists-two .consumer-lists-two-img{
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .consumer-lists-two .consumer-lists-two-img img{
        width: 100%;
    }

    .consumer-lists-two-text{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 196px;
        overflow: hidden;
    }

    .consumer-lists-two-text h6{
       text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-lists-two-text p{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 10px;
    }
    
    .consumer-lists-title{
        display: none;
    }

    /**/
    .consumer-lists-dt{
        float: left;
        width: 33%;
    }

    .consumer-lists-dt .consumer-lists-dt-img{
        width: 100%;
        height: 318px;
        position: relative;
    }

    .consumer-lists-dt .consumer-lists-dt-img img{
        width: 100%;
        height: 318px;
    }


    .consumer-lists-dt .consumer-lists-dt-img h6{
        width: 100%;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }

    .consumer-plant{
        width: 100%;
        height: 318px;
        position: relative;
    }

    .consumer-plant img{
        width: 100%;
    }

    .consumer-plant h6{
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 44px;
        color: #FFFFFF;
    }






    .scale{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .scale h6{
        text-align: center;
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        margin: 90px 0 80px 0;
    }

    .scale .scale-list{
        width: 100%;
        margin: auto;
        overflow: hidden;
        height: 523px;
        background: url("../img/scale.png") no-repeat;
        background-size: 100% 100%;
    }

    .scale .scale-list ul{
        width: 1200px;
        margin:134px auto 134PX;
        overflow: hidden;
    }

    .scale .scale-list ul li{
        float: left;
        width: 25%;
        overflow: hidden;
        margin-bottom: 110px;
    }

    .scale .scale-list ul li h5{
        font-size: 29px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 41px;
        color: #008FD3;
    }

    .scale .scale-list ul li p{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 41px;
        color: #5F6464;
        margin-top: 10px;
    }

    .solution{
        width: 1200px;
        margin:160px auto 160px;
        overflow: hidden;
    }

    .solution h6{
        font-size: 36px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 50px;
        color: #181D27;
        text-align: center;
    }

    .solution p{
        width: 59%;
        margin: 20px auto 70px;
        overflow: hidden;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #181D27;
    }

    .solution ul{
        width: auto;
        overflow: hidden;
    }

    .solution ul .solution-first{
        float: left;
        width: 184px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-text{
        float: left;
        width: 112px;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        background: #008FD3;
        border-radius: 4px;
    }


    .solution ul .solution-line{
        float: left;
        width: 55px;
        height: 0px;
        border: 1px dashed #008FD3;
        margin-top: 19.5px;
    }






}