@media (min-width: 980px) {
    .banner{
        width: 100%;
        height: 630px;
        background: url('../images/ABUIABAEGAAgnrmMhgYopdnMjwMwgA849gQ.png');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .banner>img{
        display: none;
    }
      .banner>img{
        display: none;
    }
    img-box
    .one-view{
        padding: 93px 0;

    }
    .one-view .container{
        display: flex;
        position: relative;
    }
    .one-view .container .left {
        width: 651px;
    }
    .one-view .container .left h2{
        width: 530px;
        color: rgb(0, 207, 180);
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 8px;
    }
    .one-view .container .left .title-d{
        font-size: 14px;
        color: #a9a9a9;
    }
    .one-view .container .left .desc-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .one-view .container .left .desc-box .img-box{
        width: 148px;
    }
    .one-view .container .left .desc-box .img-box p{
        text-align: center;
        font-size: 14px;
        color: #000;
    }
    .one-view .container .left .desc-box .img-box img{
        width: 148px;
        height: 154px;
    }
    .one-view .container .left .cneter{
        font-size: 12px;
        display: flex;
        flex-direction: column;
    }
    .one-view .container .left .cneter .m{
        color: rgb(0, 207, 180);
        display: flex;
        flex-direction: column;
        margin-left: auto;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .one-view .container .left .cneter .m span{
        position: relative;
        top: 5px;
    }
    .one-view .container .left .cneter .m img{
        width: 37px;
    }
    .one-view .container .left .btn{
        width: 100%;
        background: rgba(244, 244, 244, 1);
        border-radius: 50px;
        margin-top: 40px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
    }
    .one-view .container .left .btn p{
        font-size: 14px;
        color: rgb(0, 207, 180);
        line-height: 36px;
    }
    .one-view .container .right{
        position: absolute;
        right: -220px;
    }
    .one-view .container .right img{
        width: 774px;
    }
    .one-view .container .right p{
        text-align: center;
        font-size: 12px;
        color: #a9a9a9;
        position: relative;
        top: -75px;
    }
    .two-view{
        padding: 93px 0;
        background: rgba(248, 248, 248, 1);
    }
    .two-view .container .left{
        width: 497px;
        height: 478px;
    }
    .two-view .container{
        display: flex;
        position: relative;
    }
    .two-view .container .right-box{
        flex: 1;
    }
    .two-view .container .right-top h2{
        width: 530px;
        color: rgb(0, 207, 180);
        font-size: 30px;
        line-height: 40px;
    }
    .two-view .container .right-top .title-m{
        font-size: 14px;
        line-height: 36px;
        color: #a9a9a9;
    }
    .two-view .container .right-top .list{
        margin-top: 18px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .two-view .container .right-top .list .itme{
        position: relative;
        width: 142px;
        height: 172px;
    }
    .two-view .container .right-top .list .itme div{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 15px;
        text-align: center;
    }
    .two-view .container .right-top .list .itme div p:nth-child(1){
        color: rgb(0, 207, 180);
        font-size: 14px;
    }
    .two-view .container .right-top .list .itme div:nth-child(2){
        font-size: 12px;
    }
    .two-view .container .right-bottom {
        width: 100%;
        margin-top: 50px;
    }
    .two-view .container .right-bottom .title{
        color: rgb(0, 207, 180);
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }
    .two-view .container .right-bottom .list{
        width: 100%;
        display: flex;
    }
    .two-view .container .right-bottom .list .item{
        display: flex;
        margin-right: 10px;
    }
    .two-view .container .right-bottom .list .item img{
        width: 90px;
        height: 90px;
    }
    .two-view .container .right-bottom .list .item p{
        width: 132px;
        font-size: 12px;
        color: #000;
        margin-top: 20px;
    }
    .three-view{
        padding: 93px 0;
    }
    .three-view h2{
        color: rgb(0, 207, 180);
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        font-weight: 700;
    }
    .three-view .contenr{
        display: flex;
        justify-content: space-between;
    }
    .three-view .contenr .left{
        width: 514px;
        height: 345px;
    }
    .three-view .contenr .rihgt {
        padding-top: 10px;
        width: 649px;
    }
    .three-view .contenr .rihgt p{
        font-size: 12px;
        color: #000;
        line-height: 36px;
    }
    .three-view .contenr .rihgt .s{
        width: 100%;
        margin-top: 10px;
    }
    .three-view .contenr .rihgt .desc{
        margin-top: 10px;
        text-align: center;
    }
    .three-view .contenr .rihgt .list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
    }
    .three-view .contenr .rihgt .list img{
        width: 170px;
        height: 78px;
    }
    .four-view{
        padding: 93px 0;
        background: rgba(248, 248, 248, 1);
    }
    .four-view .container h2{
        color: rgb(0, 207, 180);
        font-size: 30px;
        text-align: center;
        font-weight: 700;
    }
    .four-view .container .title-m{
        font-size: 12px;
        line-height: 36px;
        text-align: center;
    }
    .four-view .container .list-one{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
    }
    .four-view .container .list-one li{
        width: 143px;
    }
    .four-view .container .list-one img{
        width: 143px;
        height: 203px;
    }
    .four-view .container .list-one p{
        width: 100%;
        font-size: 12px;
        color: black;
        text-align: center;
        text-align: center;
    }
    .four-view .container .list-two{
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
    }
    .four-view .container .list-two li{
        display: flex;
        align-items: center;
    }
    .four-view .container .list-two li img{
        width: 44px;
        height: 44px;
        margin-right: 20px;
        
    }
    .four-view .container .list-two li p{
        display: flex;
        flex-direction: column;
        color: black;
    }
    .four-view .container .img-box {
        margin-top: 55px;
    }
    .four-view .container .img-box .img{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
        .four-view .container .img-box .img1{

        display: none;

    }
    .four-view .container .img-box p{
        font-size: 12px;
        line-height: 36px;
        color: #a9a9a9;
        text-align: center;
    }
    .five-view{
        padding: 93px 0;
    }
    .five-view .container h2{
        color: rgb(0, 207, 180);
        font-size: 30px;
        text-align: center;
        font-weight: 700;
    }
    .five-view .container .title-m{
        font-size: 12px;
        line-height: 36px;
        text-align: center;
    }
    .five-view .container ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
      .five-view .container .dddiv{
        display: none;
    }
    .five-view .container ul li{
        width: 359px;
        height: 331px;
        transition: all .3s;
    }
    .five-view .container ul li:nth-child(-n + 3){
        margin-bottom: 20px;
    }
    .five-view .container ul li:nth-child(3n -1){
        margin: 0 61px;
    }
    .five-view .container ul div{
        width: 359px;
        height: 258px;
        overflow: hidden;
    }
    .five-view .container ul div img{
        width: 100%;
        height: 100%;
        transition: all .3s;
    }
    .five-view .container ul h5{
        font-size: 16px;
        color: rgb(0, 207, 180);
        text-align: center;
        margin: 10px;
    }
    .five-view .container ul p{
        text-align: center;
        font-size: 12px;
        color: rgb(102, 102, 102);
    }
    .five-view .container ul li:hover img{
        transform: scale(1.2);
    }
    .five-view .container ul li:hover{
        box-shadow: 0px 0px 10px #caced6;
    }
    .five-view .container ul li:hover p{
        color: black;
    }
}

@media (max-width: 980px) {
    .banner{
        width: 100%;
        background: transparent !important;
        /* height: 3.80rem;
        background: url('../images/download-45.webp');
        background-size: 100% 3.8rem;
        background-repeat: no-repeat;
        background-size: cover; */
    }
    .banner img{
        width: 100%;
    }
    .one-view{
        padding: .3rem 0;
    }
    .one-view .container{
        width: 100%;
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .one-view .container .left {
        width: 100%;
        padding: 0 .28rem;
        box-sizing: border-box;
    }
    .one-view .container .left h2{
        width: 100%;
        color: rgb(0, 207, 180);
        font-size: .4rem;
        margin-bottom: .15rem;
    }
    .one-view .container .left .title-d{
        font-size: .26rem;
        color: #a9a9a9;
        margin-bottom: .2rem;
    }
    .one-view .container .left .desc-box{
        display: flex;
        justify-content: space-between;
    }
    .one-view .container .left .desc-box .img-box{
        width: 1.8rem;
    }
    .one-view .container .left .desc-box .img-box p{
        text-align: center;
        font-size: .24rem;
        color: #000;
    }
    .one-view .container .left .desc-box .img-box img{
        width: 1.8rem;
    }
    .one-view .container .left .cneter{
        font-size: .24rem;
        display: flex;
        flex-direction: column;
    }
    .one-view .container .left .cneter .m{
        color: rgb(0, 207, 180);
        display: flex;
        flex-direction: column;
        margin-left: auto;
        font-size: .28rem;
        margin-bottom: 10px;
    }
    .one-view .container .left .cneter .m span{
        position: relative;
        top: .1rem;
    }
    .one-view .container .left .cneter .m img{
        width: 37px;
    }
    .one-view .container .left .btn{
        width: 100%;
        background: rgba(244, 244, 244, 1);
        border-radius: 50px;
        margin-top: .5rem;
        text-align: center;
        padding: .2rem;
        box-sizing: border-box;
    }
    .one-view .container .left .btn p{
        font-size: .24rem;
        color: rgb(0, 207, 180);
    }
    .one-view .container .right{
        width: 100%;
    }
    .one-view .container .right img{
        width: 100%;
    }
    .one-view .container .right p{
        text-align: center;
        font-size: .24rem;
        color: #a9a9a9;
        position: relative;
        top: -.5rem;
    }
    .two-view{
        padding: .3rem 0;
        background: rgba(248, 248, 248, 1);
    }
    .two-view .container .left{
        width: 100%;
    }
    .two-view .container{
        padding: 0 .28rem;
        box-sizing: border-box;
    }
    .two-view .container .right-box{
        flex: 1;
    }
    .two-view .container .right-top h2{
        width: 100%;
        color: rgb(0, 207, 180);
        font-size: .4rem;
        margin-bottom: .1rem;
    }
    .two-view .container .right-top .title-m{
        font-size: .26rem;
        color: #a9a9a9;
    }
    .two-view .container .right-top .list{
        margin-top: 18px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .two-view .container .right-top .list .itme{
        position: relative;
        margin-bottom: .3rem;
    }
    .two-view .container .right-top .list .itme div{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: .3rem;
        text-align: center;
    }
    .two-view .container .right-top .list .itme div p:nth-child(1){
        color: rgb(0, 207, 180);
        font-size: .28rem;
    }
    .two-view .container .right-top .list .itme div:nth-child(2){
        font-size: .24rem;
    }
    .two-view .container .right-bottom {
        width: 100%;
        margin-top: .5rem;
    }
    .two-view .container .right-bottom .title{
        color: rgb(0, 207, 180);
        font-size: .3rem;
        text-align: center;
        margin-bottom: 20px;
    }
    .two-view .container .right-bottom .list{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .two-view .container .right-bottom .list .item{
        display: flex;
        align-items: center;
        margin-bottom: .2rem;
    }
    .two-view .container .right-bottom .list .item img{
        width: .9rem;
        height: .9rem;
    }
    .two-view .container .right-bottom .list .item p{
        font-size: .24rem;
        color: #000;
    }
    .three-view{
        padding: .3rem 0;
    }
    .three-view h2{
        color: rgb(0, 207, 180);
        font-size: .4rem;
        text-align: center;
        font-weight: 700;
    }
    .three-view .contenr .left{
        width: 100%;
    }
    .three-view .contenr .rihgt {
        padding: .2rem .28rem;
        width: 100%;
        box-sizing: border-box;
    }
    .three-view .contenr .rihgt p{
        font-size: .24rem;
        color: #000;
        margin-bottom: .2rem;
    }
    .three-view .contenr .rihgt .s{
        width: 100%;
        margin-top: .2rem;
    }
    .three-view .contenr .rihgt .desc{
        margin-top: .4rem;
        text-align: center;
    }
    .three-view .contenr .rihgt .list {
        margin-top: .2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .three-view .contenr .rihgt .list img{
        width: 2rem;
        margin-bottom: .2rem;
    }
    .four-view{
        padding: .3rem 0;
        background: rgba(248, 248, 248, 1);
    }
    .four-view .container{
        padding: 0 .28rem;
    }
    .four-view .container h2{
         display: none;
        color: rgb(0, 207, 180);
        font-size: .4rem;
        text-align: center;
        font-weight: 700;
        margin-bottom: .2rem;
    }
    .four-view .container .title-m{
            display: none;
        font-size: .24rem;
        text-align: center;
        margin-bottom: .2rem;
    }
    .four-view .container .list-one{
            display: none;
        width: 100%;
    /* display: flex;*/
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 8px;
    }
    .four-view .container .list-one li{
        width: 2.68rem;
        margin-bottom: .2rem;
    }
    .four-view .container .list-one img{
        width: 2.68rem;
        height: 4rem;
    }
    .four-view .container .list-one p{
        width: 100%;
        font-size: .24rem;
        color: black;
        text-align: center;
        text-align: center;
    }
    .four-view .container .list-two{
            display: none;
        width: 100%;
       /* display: flex;*/
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: .3rem;
    }
    .four-view .container .list-two li{
        display: flex;
        align-items: center;
        margin-bottom: .2rem;
    }
    .four-view .container .list-two li img{
        width: .88rem;
        height: .88rem;
        margin-right: .4rem;
        
    }
    .four-view .container .list-two li p{
        display: flex;
        flex-direction: column;
        color: black;
        font-size: .22rem;
    }
    .four-view .container .img-box {
        margin-top: .25rem;
        
    }
    .four-view .container .img-box .img{
        display: none;
        width: 100%;
        text-align: center;
    }
    .four-view .container .img-box .img img{
        max-width: 100%;
        margin-bottom: .2rem;
    }
    
        .four-view .container .img-box .img1{
        width: 100%;
        text-align: center;
    }
    .four-view .container .img-box .img1 img{
        max-width: 100%;
        margin-bottom: .2rem;
    }
    .four-view .container .img-box p{
          display: none;
        font-size: .24rem;
        color: #a9a9a9;
        text-align: center;
    }
    .five-view{
        padding: .3rem 0;
    }
    .five-view .container{
        margin: 0 .28rem;
        box-sizing: border-box;
    }
    .five-view .container h2{
        color: rgb(0, 207, 180);
        font-size: .4rem;
        text-align: center;
        font-weight: 700;
        margin-bottom: .2rem;
    }
    .five-view .container .title-m{
        font-size: .24rem;
        text-align: center;
    }
    .five-view .container ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: .6rem;
    }
    
       .five-view .container .pc{
        display: none;
       
    }
    
    .five-view .container tr td{
        width: 100%;
        height: 331px;
        transition: all .3s;
margin-left: 0.5rem;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0.025rem 0.3rem 0px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
border-radius: 0.2rem;
    }
    
 /*   .five-view .container ul li:nth-child(-n + 3){
        margin-bottom: 20px;
    }
   */
    .five-view .container tr div{
        width: 100%;
        height: 4.98rem;
        overflow: hidden;
    }
    .five-view .container tr div img{
width: 250px;
        height: 100%;
        transition: all .3s;
    }
    .five-view .container tr h5{
        font-size: .28rem;
        color: rgb(0, 207, 180);
        text-align: center;
        margin: .2rem;
    }
    .five-view .container tr p{
        text-align: center;
        font-size: .24rem;
        color: rgb(102, 102, 102);
    }
    .five-view .container tr li:hover img{
        transform: scale(1.2);
    }
    .five-view .container tr li:active{
        box-shadow: 0px 0px .2rem #caced6;
    }
    .five-view .container tr li:hover p{
        color: black;
    }
}