@media screen and (max-width: 425px){
    .aws{
        color: rgba(255,255,255,1) !important;
    }

    .banner{
        max-width: 100%;
        height: 100vh;
        margin:0 auto 0;
        overflow: hidden;
        background: url("../img/aws-ph.png") no-repeat;
        background-size: 100% 100vh;
        padding: 0;
        position: relative;
    }

    .banner .banner-words{
        position: absolute;
        transform: translate(-50%,-50%);
        top:50%;
        left: 50%;
        width: 90%;
    }

    .banner .banner-words h5{
        font-size:7.4vw;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:9.87vw;
        color:rgba(255,145,0,1);
        text-align: center;
    }

    .banner .banner-words .banner-words-text{
        font-size:3.7vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:5.4vw;
        color:rgba(255,255,255,0.55);
        margin: 5.4vw 0 10.67vw 0;
        text-align: center;
    }

    .banner .banner-words dl{
        width: 70%;
        margin: auto;
        overflow: hidden;
    }

    .banner .banner-words dl dt:nth-child(1){
        float: left;
    }

    .banner .banner-words dl dt:nth-child(2){
        float: right;
    }

    .banner .banner-words dl dt h6{
        font-size:4.8vw;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:6.4vw;
        color:rgba(0,177,255,1);
        text-align: center;
    }

    .banner .banner-words dl dt p{
        font-size:3.7vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:5.4vw;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin-top: 2.1vw;
    }

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

    .region ul{
        width: 90%;
        margin:10.67vw auto 15.73vw;
        overflow: hidden;
    }

    .region ul .region-left{
        float: none;
        width:100% ;
    }

    .region ul .region-left h6{
        font-size:4.8vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:6.4vw;
        color:rgba(0,0,0,0.87);
        font-weight: bold;
        margin-top: 0;
        text-align: center;
    }

    .region ul .region-left p{
        font-size:3.7vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:5.4vw;
        color:rgba(0,0,0,0.87);
        margin: 5.4vw 0 5.4vw 0;
        text-align: center;
    }

    .region ul .region-left a{
        display: block;
        font-size:4.8vw;
        font-family:Microsoft YaHei;
        line-height:6.4vw;
        color:rgba(0,0,0,0.87);
        text-align: center;
        font-weight: bold;
    }

    .region ul .region-right{
        float: none;
        width: 86%;
        margin:12.8vw auto 0;
    }

    .region ul .region-right img{
        width: 100%;
    }

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

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

    .innovate ul .innovate-up{
        width: 93%;
        margin: auto;
        overflow: hidden;
    }

    .innovate ul .innovate-up h6{
        font-size:4.8vw;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:6.4vw;
        color:rgba(0,0,0,0.87);
        text-align: center;
    }

    .innovate ul .innovate-up p{
        font-size:3.7vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:5.4vw;
        color:rgba(117,117,117,0.87);
        margin: 5.4vw 0 5.4vw 0;
        text-align: center;
    }

    .innovate ul .innovate-up a{
        display: block;
        margin: auto;
        font-size:4.2vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:6.4vw;
        color:rgba(4,118,248,0.87);
        text-align: center;
    }

    .innovate ul .innovate-down{
        width: 100%;
        height: 46.19vh;
        margin:16vw auto 0;
        overflow: hidden;
        background: url("../img/innovate.png") no-repeat;
        background-size: 100% 46.19vh;
    }

    .innovate ul .innovate-down h6{
        font-size:4.8vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:6.4vw;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin: 36vw 0 5.4vw 0;
    }

    .innovate ul .innovate-down p{
        width: 90%;
        margin: auto;
        font-size:3.7vw;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:5.4vw;
        color:rgba(255,255,255,1);
        text-align: center;
    }



}

@media screen and (min-width: 768px) and (max-width: 896px){
    .aws{
        border-bottom: 4px solid #1A7DFF;
    }

    .banner{
        max-width: 100%;
        height: 56vh;
        margin: 0px auto 0;
        overflow: hidden;
        background: url("../img/banner-aws.png") no-repeat;
        background-size: 100% 56vh;
        padding: 0;
        position: relative;
    }

    .banner .banner-words{
        position: absolute;
        transform: translate(-50%,-50%);
        top:50%;
        left: 50%;
        width: 57%;
    }

    .banner .banner-words h5{
        font-size:28px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:32px;
        color:rgba(255,145,0,1);
        text-align: center;
    }

    .banner .banner-words .banner-words-text{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.55);
        margin: 15px 0 22px 0;
        text-align: center;
    }

    .banner .banner-words dl{
        width: 27%;
        margin: auto;
        overflow: hidden;
    }

    .banner .banner-words dl dt:nth-child(1){
        float: left;
    }

    .banner .banner-words dl dt:nth-child(2){
        float: right;
    }

    .banner .banner-words dl dt h6{
        font-size:16px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:20px;
        color:rgba(0,177,255,1);
        text-align: center;
    }

    .banner .banner-words dl dt p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin-top: 8px;
    }


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

    .region ul{
        width: 90%;
        margin:90px auto 105px;
        overflow: hidden;
    }

    .region ul .region-left{
        float: left;
        width:47.7% ;
    }

    .region ul .region-left h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(0,0,0,0.87);
        margin-top: 16px;
    }

    .region ul .region-left p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:20px;
        color:rgba(0,0,0,0.87);
        margin: 31px 0 19px 0;
    }

    .region ul .region-left a{
        display: block;
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:22px;
        color:rgba(0,0,0,0.87);
    }

    .region ul .region-right{
        float: right;
        width: 39.91%;
    }

    .region ul .region-right img{
        width: 100%;
    }

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

    .innovate ul{
        width: 100%;
        margin:0 auto 60px;
        overflow: hidden;
    }

    .innovate ul .innovate-up{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    .innovate ul .innovate-up h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(0,0,0,0.87);
        text-align: center;
    }

    .innovate ul .innovate-up p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(117,117,117,0.87);
        margin: 23px 0 31px 0;
        text-align: center;
    }

    .innovate ul .innovate-up a{
        display: block;
        margin: auto;
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:22px;
        color:rgba(4,118,248,0.87);
        text-align: center;
    }

    .innovate ul .innovate-down{
        width: 100%;
        height: 200px;
        margin:60px auto 0;
        overflow: hidden;
        background: url("../img/innovate.png") no-repeat;
        background-size: 100% 200px;
    }

    .innovate ul .innovate-down a{
        width: 100%;
        height: 247px;
        display: block;
        overflow: hidden;
    }

    .innovate ul .innovate-down h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin: 70px 0 18px 0;
    }

    .innovate ul .innovate-down p{
        font-size:15px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:22px;
        color:rgba(255,255,255,1);
        text-align: center;
    }



}

@media screen and (min-width: 896px) and (max-width: 1080px){
    .aws{
        border-bottom: 4px solid #1A7DFF;
    }

    .banner{
        max-width: 100%;
        height: 60vh;
        margin: 0px auto 0;
        overflow: hidden;
        background: url("../img/banner-aws.png") no-repeat;
        background-size: 100% 60vh;
        padding: 0;
        position: relative;
    }

    .banner .banner-words{
        position: absolute;
        transform: translate(-50%,-50%);
        top:50%;
        left: 50%;
        width: 57%;
    }

    .banner .banner-words h5{
        font-size:36px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:42px;
        color:rgba(255,145,0,1);
        text-align: center;
    }

    .banner .banner-words .banner-words-text{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.55);
        margin: 15px 0 22px 0;
        text-align: center;
    }

    .banner .banner-words dl{
        width: 27%;
        margin: auto;
        overflow: hidden;
    }

    .banner .banner-words dl dt:nth-child(1){
        float: left;
    }

    .banner .banner-words dl dt:nth-child(2){
        float: right;
    }

    .banner .banner-words dl dt h6{
        font-size:17px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:20px;
        color:rgba(0,177,255,1);
        text-align: center;
    }

    .banner .banner-words dl dt p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin-top: 8px;
    }


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

    .region ul{
        width: 90%;
        margin:110px auto 125px;
        overflow: hidden;
    }

    .region ul .region-left{
        float: left;
        width:47.7% ;
    }

    .region ul .region-left h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(0,0,0,0.87);
        margin-top: 20px;
    }

    .region ul .region-left p{
        font-size:16px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(0,0,0,0.87);
        margin: 31px 0 19px 0;
    }

    .region ul .region-left a{
        display: block;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:26px;
        color:rgba(0,0,0,0.87);
    }

    .region ul .region-right{
        float: right;
        width: 39.91%;
    }

    .region ul .region-right img{
        width: 100%;
    }

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

    .innovate ul{
        width: 100%;
        margin:0 auto 80px;
        overflow: hidden;
    }

    .innovate ul .innovate-up{
        width: 90%;
        margin: auto;
        overflow: hidden;
    }

    .innovate ul .innovate-up h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(0,0,0,0.87);
        text-align: center;
    }

    .innovate ul .innovate-up p{
        font-size:16px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(117,117,117,0.87);
        margin: 23px 0 31px 0;
        text-align: center;
    }

    .innovate ul .innovate-up a{
        display: block;
        margin: auto;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:26px;
        color:rgba(4,118,248,0.87);
        text-align: center;
    }

    .innovate ul .innovate-down{
        width: 100%;
        height: 220px;
        margin:80px auto 0;
        overflow: hidden;
        background: url("../img/innovate.png") no-repeat;
        background-size: 100% 220px;
    }

    .innovate ul .innovate-down a{
        width: 100%;
        height: 220px;
        display: block;
        overflow: hidden;
    }

    .innovate ul .innovate-down h6{
        font-size:22px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:28px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin: 70px 0 18px 0;
    }

    .innovate ul .innovate-down p{
        font-size:16px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(255,255,255,1);
        text-align: center;
    }



}

@media screen and (min-width: 1080px) and (max-width: 1280px){
    .aws{
        border-bottom: 4px solid #1A7DFF;
    }
    .banner{
        max-width: 100%;
        height: 62vh;
        margin: 0px auto 0;
        overflow: hidden;
        background: url("../img/banner-aws.png") no-repeat;
        background-size: 100% 62vh;
        padding: 0;
        position: relative;
    }

    .banner .banner-words{
        position: absolute;
        transform: translate(-50%,-50%);
        top:50%;
        left: 50%;
        width: 57%;
    }

    .banner .banner-words h5{
        font-size:36px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:42px;
        color:rgba(255,145,0,1);
        text-align: center;
    }

    .banner .banner-words .banner-words-text{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.55);
        margin: 15px 0 22px 0;
        text-align: center;
    }

    .banner .banner-words dl{
        width: 27%;
        margin: auto;
        overflow: hidden;
    }

    .banner .banner-words dl dt:nth-child(1){
        float: left;
    }

    .banner .banner-words dl dt:nth-child(2){
        float: right;
    }

    .banner .banner-words dl dt h6{
        font-size:17px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:20px;
        color:rgba(0,177,255,1);
        text-align: center;
    }

    .banner .banner-words dl dt p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin-top: 8px;
    }


}

@media screen and (min-width: 1280px) and (max-width: 1920px){
    .aws{
        border-bottom: 4px solid #1A7DFF;
    }
    .banner{
        max-width: 100%;
        height: 650px;
        margin: 0px auto 0;
        overflow: hidden;
        background: url("../img/banner-aws.png") no-repeat;
        background-size: 100% 650px;
        padding: 0;
        position: relative;
    }

    .banner .banner-words{
        position: absolute;
        transform: translate(-50%,-50%);
        top:50%;
        left: 50%;
        width: 57%;
    }

    .banner .banner-words h5{
        font-size:46px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:61px;
        color:rgba(255,145,0,1);
        text-align: center;
    }

    .banner .banner-words .banner-words-text{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.55);
        margin: 15px 0 22px 0;
        text-align: center;
    }

    .banner .banner-words dl{
        width: 27%;
        margin: auto;
        overflow: hidden;
    }

    .banner .banner-words dl dt:nth-child(1){
        float: left;
    }

    .banner .banner-words dl dt:nth-child(2){
        float: right;
    }

    .banner .banner-words dl dt h6{
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:bold;
        line-height:24px;
        color:rgba(0,177,255,1);
        text-align: center;
    }

    .banner .banner-words dl dt p{
        font-size:14px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:19px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin-top: 8px;
    }

}

@media screen and (min-width: 1080px) and (max-width: 1920px){
    .aws{
        border-bottom: 4px solid #1A7DFF;
    }

    .region{
        width: 100%;

        margin:auto ;
        overflow:hidden ;
    }

    .region ul{
        width: 1080px;
        margin:138px auto 191px;
        overflow: hidden;
    }

    .region ul .region-left{
        float: left;
        width:47.7% ;
    }

    .region ul .region-left h6{
        font-size:24px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:30px;
        color:rgba(0,0,0,0.87);
        margin-top: 20px;
    }

    .region ul .region-left p{
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(0,0,0,0.87);
        margin: 31px 0 19px 0;
    }

    .region ul .region-left a{
        display: block;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:31px;
        color:rgba(0,0,0,0.87);
        cursor: pointer;

    }

    .region ul .region-right{
        float: right;
        width: 39.91%;
    }

    .region ul .region-right img{
        width: 100%;
    }

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

    .innovate ul{
        width: 100%;
        margin:0 auto 100px;
        overflow: hidden;
    }

    .innovate ul .innovate-up{
        width: 1080px;
        margin: auto;
        overflow: hidden;
    }

    .innovate ul .innovate-up h6{
        font-size:24px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:30px;
        color:rgba(0,0,0,0.87);
        text-align: center;
    }

    .innovate ul .innovate-up p{
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(117,117,117,0.87);
        margin: 23px 0 31px 0;
        text-align: center;
    }

    .innovate ul .innovate-up a{
        display: block;
        margin: auto;
        font-size:20px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:31px;
        color:rgba(4,118,248,0.87);
        text-align: center;
        cursor: pointer;
    }

    .innovate ul .innovate-down{
        width: 1080px;
        height: 247px;
        margin:103px auto 0;
        overflow: hidden;
        background: url("../img/innovate.png") no-repeat;
        background-size: 100% 247px;
    }

    .innovate ul .innovate-down a{
        width: 100%;
        height: 247px;
        display: block;
        overflow: hidden;
    }

    .innovate ul .innovate-down h6{
        font-size:24px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:30px;
        color:rgba(255,255,255,0.87);
        text-align: center;
        margin: 77px 0 23px 0;
    }

    .innovate ul .innovate-down p{
        font-size:18px;
        font-family:Microsoft YaHei;
        font-weight:400;
        line-height:24px;
        color:rgba(255,255,255,1);
        text-align: center;
    }



}