@media screen and (max-width: 500px) {
    /* 头部 */
    .nav_left_img {
        display: none;
    }
    .nav_main {
        flex-direction: column;
        width: 98%;
        padding-bottom: 2vh;
    }
    .nav_header {
        width: 100%;
        justify-content: space-evenly;
    }
    .nav_header li {
        padding: 2vh 0;
    }
    .nav_main_left {
        width: 100%;
    }
    .btn_help {
        display: block;
    }
    .header_info {
        display: none !important;
    }
    .btn_down {
        display: none !important;
    }
    .common_content {
        height: 44vh;
    }
    .header_top img {
        width: 32%; 
    }
    .carousel_item_left {
        top: 24% !important;
        width: 58vw !important;
    }
    .carousel_item_left h2 {
        font-size: 7vw;
    }
    .carousel_item_left p {
        font-size: 4vw;
        line-height: 5vh;
        margin-top: 1vh;
    }
    .header_item .carousel_item_right {
        width: 100%;
        position: absolute;
        right: -40%;
        top: 13%;
        height: 100%;
    }
    .carousel_item_right img {
        width: 74%;
    }
    
    /* 实践*/
    .content_space h2 {
        font-size: 6vw;
        margin-top: 5vh;
    }
    .content_space span {
        font-size: 5vw;
        margin-top: 2vh;
    }
    .space_content_main .content_main_bg {
        flex-direction: column;
    }
    .space_content_main .content_main_bg .bg_left {
        width: 100%;
    }
    .bg_left div {
        padding: 3vh 0;        
    }
    .bg_left div p, ul{
        margin-left: 5vw;
    }
    .bg_left div ul li{
        font-size: 4.5vw;
    }
    .bg_right {
        width: 100% !important;
    }
    /* 需求*/
    .content_setting {
        padding-top: 3vh;
    }
    .content_setting h2 {
        font-size: 7vw;
        font-weight: 600;
    }
    .setting_cont {
        width: 95%;
    }
    .setting_cont div {
        width: 100%;
    }
    .setting_cont div p {
        font-size: 6vw;
    }
    .setting_cont div a {
        font-size: 5vw;
        line-height: 4vh;
    }
    /* 视频 */
     .content_video {
        height: 35vh;
    }
    .video_content_left {
        height: 12vh;
    }
    .video_content_right p{
        display: none;
    }
    .video_content_right button {
        margin-top: 5vh;
    }
    /* 分析 */
    .template_main_cont {
        width: 95%;
    }
    .cont_show_left {
        height: 30vh;
    }
    .cont_show_left p {
        display: none;
    }
    .cont_show_left button {
        margin-top: 2vh;
        padding: 0;
    }
    .cont_show_right div p {
        display: none;
    }
    .cont_show_right div {
        padding: 0;
    }
    .cont_show_right div img {
        margin-top: 3vh;
    }
    .cont_show_right h4{
        font-size: 2vw;
    }
    /* 白皮书 */
     .content_down h2{
        padding-top: 2vh;
        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%;
    }
}
/* 600-900 */
@media (min-width: 600px) and (max-width: 900px) { 
    /* 头部 */
    .nav_left_img {
        display: none;
    }
    .nav_main {
        flex-direction: column;
        width: 98%;
        padding-bottom: 2vh;
    }
    .nav_header {
        width: 100%;
        justify-content: space-evenly;
    }
    .nav_header li {
        padding: 2vh 0;
    }
    .nav_main_left {
        width: 100%;
    }
    .btn_help {
        display: block;
    }
    .header_info {
        display: none !important;
    }
    .btn_down {
        display: none !important;
    }
    .header_item .carousel_item_left {
        margin: 3vh 0;
    }
    .btn_down {
        display: none !important;
    }

    .common_content {
        height: 90vh;
    }
    .header_top img {
        width: 28%; 
    }
    .carousel_item_left {
        top: 28% !important;
        width: 58vw !important;
    }
    .carousel_item_left h2 {
        font-size: 7vw;
    }
    .carousel_item_left p {
        font-size: 4vw;
        line-height: 5vh;
        margin-top: 1vh;
    }
   
    .header_item .carousel_item_right {
        width: 100%;
        position: absolute;
        right: -40%;
        top: 13%;
        height: 100%;
    }
    .carousel_item_right img {
        width: 74%;
    }
    .setting_cont div {
        width: 24%;
    }
    .bg_left ul{
        display: none;
    }
    .content_video {
        height: 30vh;
    }
    .video_first  {
        top: 13% !important;
    }
    .video_content_right p {
        display: none;
    }
    .video_content_right h2 {
        margin-bottom: 8vh;
    }
    .setting_cont div {
        width: 37%;
    }
    .cont_show_left div button {
        margin-top: 2vh;
    }
    .down_cont_botm {
        top: 20%;
    }
    .down_botm_right p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 910px) and (max-width: 1200px) { 
    .carousel_item_left a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .carousel_item_left .item_left_btn {
        width: 58%;
    }
    .setting_cont div {
        width: 20%;
    }
    .setting_cont {
        width: 91%;
    }
    .bg_left ul{
        display: none;
    }
    .setting_cont p {
        font-size: 2vw !important;
    }
    .video_first  {
        top: 9% !important;
    }
    .video_content_right p {
        display: none;
    }
    .video_content_right h2 {
        margin-bottom: 8vh;
    }
    .content_video {
        height: 40vh;
    }
    .cont_show_left div button {
        margin-top: 2vh;
    }
    .down_cont_botm {
        top: 20%;
    }
    .down_botm_right p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* .carousel_item_left a {
        display: none;
    } */
    .item_left_btn a {
        margin-top: 3vh;
        margin-right: 2vw;
    }
    .common_content {
        height: 130vh !important;
    }
}
@media (min-width: 1200px) and (max-width: 1299px) { 
    .common_content {
        height: 58vh;
    }
   
    .setting_cont div {
        width: 24%;
    }
    .bg_left ul{
        display: none;
    }
    .video_first  {
        top: 9% !important;
    }
    .content_space h2 {
        margin-top: 5vh;
    }
    .content_video {
        height: 40vh;
    }
    .cont_show_left div button {
        margin-top: 2vh;
    }
    .down_cont_botm {
        top: 20%;
    }
    .down_botm_right p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* .carousel_item_left a {
        display: none;
    } */
    .item_left_btn a {
        margin-top: 3vh;
        margin-right: 2vw;
    }
    .common_content {
        height: 130vh !important;
    }
  
}
@media (min-width: 1300px) and (max-width: 1599px) {
    .common_content {
        height: 150vh !important;
    }
    .item_left_btn a {
        margin-top: 3vh;
        margin-right: 2vw;
    }
}

@media (min-width: 1600px) and (max-width: 1800px) { 
    /* .common_content {
        height: 68vh;
    } */
    .common_content {
        height: 150vh !important;
    }
    .carousel_item_left h2 {
        font-size: 4vw;
    }
    .content_space h2 {
        margin-top: 5vh;
    }
    .item_left_btn a {
        margin-right: 2vw;
    }
}