/* 500-1000 */
@media screen and (max-width: 500px) {
    .header {
       display: none;
       height: 300px;
    }
    .header_phone {
        display: block;
        color: var(--main-color);
        width: 100%;
        height: 38vh !important;
        background-image: url(../../images/header/background_banner.jpg);
        background-size: 118% 78%;
        background-repeat: "no-repeat";
    }
    .header_phone .header_logo{
        width: 35%;
    }
    .header_phone .header_main_left p {
        font-size: 5vh;
    }
    .header_phone .header_main_left {
        width: 100%;
        padding-top: 5vh;
    }
    .header_main_left > p:nth-child(1) {
        font-size: 7vw !important;
        margin-bottom: 2vh !important;
    }
    .header_main_left > p:nth-child(2) {
        font-size: 6vw !important;
        margin-bottom: 2vh !important;
    }
    .header_main_left > p:nth-child(3) {
       display: none;
    }
    /* intro */
    .common_main_cont {
        width: 98%;
    }
    .content_intro{
        flex-wrap: wrap;
      
    }
    .content_intro li{ 
        width: 48%; 
    }
    .content_intro li img{ 
        width: 38%; 
    }
    /* 轮播 */
    .layui-tab {
        margin-top: 5vh;
    }
    .layui-tab-item .item_bg {
        flex-direction: column;
    }
    .layui-tab-item .content_left {
        width: 95%;
    }
    .layui-tab-card .layui-tab-title li span {
        font-size: 3vw;
    }
    .layui-tab-content {
        padding: 10px 45px 40px;
    }
    .layui-tab-item .content_left span {
        margin-top: 2vh;
    }
    .layui-carousel {
        height: 25vh !important;
    }
    .layui-tab-card .layui-tab-title li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .layui-tab-card .layui-tab-title li img {
        display: block;
        width: 36%;
    }
    .layui-tab-card .layui-tab-title li span {
       display: none;
    }
    /* 视频 */
    .content_video {
        height: 35vh;
    }
    .video_content_left {
        height: 12vh;
    }
    .video_content_right p{
        display: none;
    }
    .video_content_right button {
        margin-top: 5vh;
    }
    /* 功能 */
    .content_feature h2 {
        font-size: 6vw;
    }
    .content_feature_main {
        width: 98%;
    }
    .content_feature_main .feature_bg h4 {
        font-size: 4vw;
    }
    .content_feature_main .feature_bg p {
        display: none;
    }
    /* 底部 */
    .content_exper {
        height: 16vh;
    }
    .content_exper_main {
        width: 95%;
        text-align: right;
    }
    .exper_main_right h2 {
        font-size: 5vw;
        margin-bottom: 2vh;
        margin-top: 0;
    }
    .exper_main_right a {
      display: none;
    }
    .exper_main_right button {
        padding: 0 3vw;
        font-size: 3vw;
    }
}
/* 500-800 */
@media (min-width: 500px) and (max-width: 800px) {
    .header {
        display: none;
        height: 300px;
     }
     .header_phone {
         display: block;
         color: var(--main-color);
         width: 100%;
         height: 50vh;
         background-image: url(../../images/header/background_banner.jpg);
         background-size: 118% 78%;
         background-repeat: "no-repeat";
     }
     .header_phone .header_logo{
         width: 30%;
     }
     .header_phone .header_main_left p {
         font-size: 5vh;
     }
     .header_phone .header_main_left {
         width: 100%;
         padding-top: 5vh;
     }
     .header_main_left > p:nth-child(1) {
         font-size: 5vw !important;
         margin-bottom: 4vh !important;
     }
     .header_main_left > p:nth-child(2) {
         font-size: 4vw !important;
         margin-bottom: 6vh !important;
     }
     .header_main_left > p:nth-child(3) {
        display: none;
     }
     /* intro */
     .common_main_cont {
         width: 98%;
     }
     .content_intro{
         flex-wrap: wrap;
       
     }
     .content_intro li{ 
         width: 48%; 
     }
     .content_intro li img{ 
         width: 30%; 
     }
      /* 轮播 */
    .layui-tab {
        margin-top: 5vh;
    }
    .layui-tab-item .item_bg {
        flex-direction: column;
    }
    .layui-tab-item .content_left {
        width: 95%;
    }
    .layui-tab-card .layui-tab-title li span {
        font-size: 3vw;
    }
    .layui-tab-content {
        padding: 10px 45px 40px;
    }
    .layui-tab-item .content_left span {
        margin-top: 2vh;
        font-size: 3vh;
    }
    .layui-tab-item .content_left ul li {
        font-size: 2.5vh;
        line-height: 4vh;
    }
    .layui-carousel {
        height: 38vh !important;
    }
    .layui-tab-card .layui-tab-title {
        height: 15vh;
    }
    .layui-tab-card .layui-tab-title li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .layui-tab-card .layui-tab-title li img {
        display: block;
        width: 33%;
    }
    .layui-tab-card .layui-tab-title li span {
       display: none;
    }
     /* 功能 */
    .content_feature_main {
        width: 95%;
    }
    /* 视频 */
    .content_video {
        height: 55vh;
    }
    .video_content_left {
        height: 12vh;
    }
    .video_content_right p{
        display: none;
    }
    .video_content_right button {
        margin-top: 5vh;
    }
     /* 底部 */
     .content_exper {
        height: 25vh;
    }
    .content_exper_main {
        width: 95%;
        text-align: right;
    }
    .exper_main_right h2 {
        font-size: 3vw;
        margin-bottom: 2vh;
        margin-top: 2vh;
    }
    .exper_main_right a {
        display: none;
    }
    .exper_main_right {
        width: 28%;
    }
}
/* 800-1000 */
@media (min-width: 810px) and (max-width: 1090px) {
    .header_phone {
        display: none;
    }
    .header {
        height: 58vh;
    }
    .content_video {
        height: 53vh;
    }
    .video_content_left {
        height: 23vh;
    }
    .video_content_right h2{
        font-size: 4vw;
    }
    .video_content_right h2{
        font-size: 2vw;
    }
    .content_exper {
        height: 32vh;
    }
    .layui-carousel {
        height: 200px !important;
    }
    .layui-tab-item .content_left {
        width: 70%;
    }
    @media (min-width: 1100px) and (max-width: 1200px) { 
        .header {
            height: 100vh;
        }
        .content_exper {
            height: 350px;
        }
    }
}
/* 1000以上 */
@media (min-width: 1100px) and (max-width: 1400px){
    .content_exper {
        height: 400px;
    }
}