@media screen and (max-width: 500px) {
    .common_content {
        height: 33vh;
    }
    .header_top {
        top: 2%;
    }
    .header_top_main {
        width: 90%;
    }
    .header_logo {
        width: 20vw !important;
    }
    .top_item_left h2,  .top_item_left a{
        display: none;
    }
    .header_item .top_item_left  {
        width: 58%;
        top: 40%;
        left: 7%;
    }
    .top_item_left .item_left_ts { 
       flex-wrap: wrap;
    }
    .item_left_ts span {
        font-size: 5vw;
    }
    /* 提供专业备份解决方案 */
    .content_use h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_use span {
        font-size: 5vw;
        padding: 0 5%;
        line-height: 5vh;
    }
    .use_content_main  {
        padding: 10% 0 5% 0;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .use_content_main li {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .use_content_main li img {
        margin: 3vh 0 0 0 ;
    }
    .use_content_main li span {
        font-size: 5vw;
        margin: 2% 0 3% 0;
    }
    .use_content_main li p {
        width: 90%;
        color: #27274A;
        font-size: 5vw;
        padding: 0 2vw ;
        text-align: center;
        line-height: 5.5vh;
    }
    /* 功能 */
    .content_function h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_function .use_line {
        margin-top: 5%;
    }
    .content_function ul {
        width: 100%;
        margin-top: 15%;
    }
    .content_function ul li {
        width: 90%;
        margin: 5% auto 8%;
    }
    .function_left h2 {
        font-size: 6vw;
        padding: 0;
    }
    .function_cont .fun_content_one  {
        margin-bottom: 8%;
    }
    .function_cont .fun_content_one img {
        width: 20%;
        margin-right: 2%;
    }
    .function_cont .fun_content_one span {
        font-size: 4.5vw;
        line-height: 3vh;
    }
    .function_left .function_cont .fun_content_one div p{
        display: none;
    }
    .function_right img {
        width: 90% !important;
    }
    /* 特点 */
    .content_trait {
        background-color: #f7f8fa;
    }

    .content_trait_main {
        width: 90%;
    }
    .content_trait_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_trait_main ul {
        margin-top: 10%;
    }
    .content_trait_main ul li {
        width: 100%;
    }
    /* 案例 */
    .content_space_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .space_content {
        flex-direction: column;
    }
    .space_content_main {
        width: 95%;
    }
    .space_content {
        width: 100%;
    }
    .space_content {
        margin-top: 8%;
    }
    .space_cont_left {
        width: 100%;
    }
    /* 场景 */
    .content_down h2{
        padding-top: 5vh;
        font-size: 7vw;
        margin-top: 3%;
    }
    .content_down_cont {
        width: 85%;
        margin: -2% auto 0;
        position: relative;
        height: auto;
    }
    .down_cont_top {
        width: 100%;
        margin: 10% 0;
        height: 300px;
        display: flex;
        justify-content: end;
        position: static;

    }
    .down_botm_right {
        display: none;
    }
    .down_cont_botm {
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .down_cont_botm img {
        width: 100%;
    }
    /* 体验 */
    .content_exper {
        height: auto;
        padding-bottom: 5%;
    }
    .content_exper h2 {
      
        font-size: 6vw;
    }
}
/* 500-1000 */
@media (min-width: 500px) and (max-width: 800px) {
    .common_content {
        height: 33vh;
    }
    .header_top {
        top: 2%;
    }
    .header_top_main {
        width: 90%;
    }
    .header_logo {
        width: 20vw !important;
    }
    .top_item_left h2,  .top_item_left a{
        display: none;
    }
    .header_item .top_item_left  {
        width: 48%;
        top: 40%;
        left: 7%;
    }
    .top_item_left .item_left_ts { 
       flex-wrap: wrap;
    }
    .item_left_ts span {
        font-size: 4.5vw;
        margin-top: 3%;
    }
    /* 提供备份方案 */
    .content_use h2 {
        padding-top: 12vh;
        font-size: 7vw;
    }
    .content_use span {
        font-size: 4vw;
        padding: 0 5%;
        line-height: 6vh;
    }
    .use_content_main  {
        padding: 10% 0 5% 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .use_content_main li {
        width: 47%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .use_content_main li img {
        margin: 3vh 0 0 0 ;
    }
    .use_content_main li span {
        font-size: 4vw;
        margin: 2% 0 3% 0;
    }
    .use_content_main li p {
        width: 90%;
        color: #27274A;
        font-size: 4vw;
        padding: 0 2vw ;
        text-align: center;
        line-height: 5.5vh;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 功能*/
    .content_function h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_function .use_line {
        margin-top: 5%;
    }
    .content_function ul {
        width: 100%;
        margin-top: 10%;
    }
    .content_function ul li {
        width: 90%;
        margin: 5% auto 8%;
    }
    .function_left h2 {
        font-size: 6vw;
        padding: 0;
    }
    .function_cont .fun_content_one  {
        margin-bottom: 8%;
    }
    .function_cont .fun_content_one img {
        width: 20%;
        margin-right: 2%;
    }
    .function_cont .fun_content_one span {
        font-size: 4.5vw;
        line-height: 6vh;
    }
    .function_left .function_cont .fun_content_one div p{
        display: none;
    }
    .function_right img {
        width: 90% !important;
    }
    .content_trait {
        background-color: #f7f8fa;
    }
    /* 特点 */
    .content_trait {
        background-color: #f7f8fa;
    }

    .content_trait_main {
        width: 90%;
    }
    .content_trait_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_trait_main ul {
        margin-top: 6%;
    }
    .content_trait_main ul li {
        width: 420%;
    }
    .content_space_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .trait_li_top img{
        width: 6%;
    }
    .trait_li_top span {
        font-size: 4vw;
    }
    .content_trait_main ul li p {
        font-size: 4vw;
        line-height: 6vh;
    }
     /* 案例 */
     .content_space_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .space_content {
        flex-direction: column;
    }
    .space_content_main {
        width: 95%;
    }
    .space_content {
        width: 100%;
    }
    .space_content {
        margin-top: 8%;
    }
    .space_cont_left {
        width: 100%;
    }
    /* 场景 */
    .content_down h2{
        padding-top: 5vh;
        font-size: 7vw;
        margin-top: 3%;
    }
    .content_down_cont {
        width: 85%;
        margin: -2% auto 0;
        position: relative;
        height: auto;
    }
    .down_cont_top {
        width: 100%;
        margin: 10% 0;
        height: auto;
        display: flex;
        justify-content: end;
        position: static;

    }
    .down_botm_right h2{
        font-size: 3vw;
        font-weight: 600;
    }
    .down_botm_right p{
        font-size: 3vw;
        line-height: 3vh;
        margin: 5% 0;
    }
    .down_cont_botm {
        width: 40%;
        top: 0%;
      
    }
    .down_cont_botm img {
        width: 100%;
        margin-top: 8%;
    }
    .down_botm_right button {
        margin: 8% 0;
    }
}
/* 800-1000 */
@media (min-width: 810px) and (max-width: 1090px) {
    .common_content {
        height: 48vh;
    }
    .header_top {
        top: 2%;
    }
    .header_top_main {
        width: 90%;
    }
    .header_logo {
        width: 20vw !important;
    }
    .top_item_left h2,  .top_item_left a{
        display: none;
    }
    .header_item .top_item_left  {
        width: 38%;
        top: 40%;
        left: 7%;
    }
    .top_item_left .item_left_ts { 
       flex-wrap: wrap;
    }
    .item_left_ts img {
       width: 8%;
    }
    .item_left_ts span {
        font-size: 3.5vw;
        margin-top: 3%;
    }
    /* 提供备份方案 */
    .content_use h2 {
        padding-top: 12vh;
        font-size: 7vw;
    }
    .content_use span {
        font-size: 4vw;
        padding: 0 5%;
        line-height: 6vh;
    }
    .use_content_main  {
        padding: 10% 0 5% 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .use_content_main li {
        width: 47%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .use_content_main li img {
        margin: 3vh 0 0 0 ;
    }
    .use_content_main li span {
        font-size: 4vw;
        margin: 2% 0 3% 0;
    }
    .use_content_main li p {
        width: 90%;
        color: #27274A;
        font-size: 4vw;
        padding: 0 2vw ;
        text-align: center;
        line-height: 7.5vh;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 功能*/
    .content_function h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_function .use_line {
        margin-top: 5%;
    }
    .content_function ul {
        width: 100%;
        margin-top: 10%;
    }
    .content_function ul li {
        width: 90%;
        margin: 5% auto 8%;
    }
    .function_left h2 {
        font-size: 6vw;
        padding: 0;
    }
    .function_cont .fun_content_one  {
        margin-bottom: 8%;
    }
    .function_cont .fun_content_one img {
        width: 20%;
        margin-right: 2%;
    }
    .function_cont .fun_content_one span {
        font-size: 4.5vw;
        line-height: 7vh;
    }
    .function_left .function_cont .fun_content_one div p{
        display: none;
    }
    .function_right img {
        width: 90% !important;
    }
    .content_trait {
        background-color: #f7f8fa;
    }
    /* 特点 */
    .content_trait {
        background-color: #f7f8fa;
    }

    .content_trait_main {
        width: 90%;
    }
    .content_trait_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .content_trait_main ul {
        margin-top: 6%;
    }
    .content_trait_main ul li {
        width: 420%;
    }
    .content_space_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .trait_li_top img{
        width: 6%;
    }
    .trait_li_top span {
        font-size: 4vw;
    }
    .content_trait_main ul li p {
        font-size: 4vw;
        line-height: 7vh;
    }
     /* 案例 */
     .content_space_main h2 {
        padding-top: 5vh;
        font-size: 7vw;
    }
    .space_content {
        flex-direction: column;
    }
    .space_content_main {
        width: 95%;
    }
    .space_content {
        width: 100%;
    }
    .space_content {
        margin-top: 8%;
    }
    .space_cont_left {
        width: 100%;
    }
    .space_cont_left span {
        font-size: 4vw;
        line-height: 7vh;
    }
    /* 场景 */
    .content_down h2{
        padding-top: 5vh;
        font-size: 7vw;
        margin-top: 3%;
    }
    .content_down_cont {
        width: 85%;
        margin: -2% auto 0;
        position: relative;
        height: auto;
    }
    .down_cont_top {
        width: 100%;
        margin: 10% 0;
        height: auto;
        display: flex;
        justify-content: end;
        position: static;

    }
    .down_botm_right h2{
        font-size: 3vw;
        font-weight: 600;
    }
    .down_botm_right p{
        font-size: 3vw;
        line-height: 5vh;
        margin: 5% 0;
    }
    .down_cont_botm {
        width: 40%;
        top: 0%;
      
    }
    .down_cont_botm img {
        width: 100%;
        margin-top: 8%;
    }
    .down_botm_right button {
        margin: 8% 0;
    }
}
/* 1000以上 */
@media (min-width: 1100px) and (max-width: 1400px){
    .header_top img {
        width: 15%;
    }
    .header_item .top_item_left {
        width: 53%;
    }
    .content_trait {
        background-color: #f7f8fa;
    }
    .use_content_main {
        width: 95%;
    }
    .content_trait_main ul li {
        width: 35%;
    } 

}