@charset "utf-8";


@media screen and (max-width: 500px) {

    /* 基础样式 */
    body{font-size: 1rem;}
    .content{width: auto; padding: 0 3vw; margin: 0 auto; position: relative;}

    /* 头部 */
    .top{height: 11vw;}
    .top_in{width: 100vw; height: 11vw;}
    .top_in_l{width: 100%; height: 11vw; justify-content: center;}
    .top_in_l img{width: 30vw;}
    .top_in_m_phone{margin-left: 0; width: 50vw; height: calc(100vh - 11vw); position: absolute; top: 11vw; right: 0; z-index: 2; background: #fff; box-sizing: border-box; overflow: scroll; display: none;}
    .top_in_m{display: none;}
    .top_block{height: 11vw;}
    .phone_nav{height: 26px; line-height: 26px; font-size: 20px; color: #383838; font-weight: bold; position: absolute; top: 50%; margin-top: -13px; right: 3vw; display: block;}
    .phone_search{height: 26px; line-height: 26px; font-size: 15px; color: #383838; font-weight: bold; position: absolute; top: 50%; margin-top: -13px; right: 9vw; display: block;}
    /* 
        .phone_nav{width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; position: absolute; top: 50%; margin-top: -13px; right: 3vw; display: block; background: #ff8435; border-radius: 5px;}
    */
    .phoe_nav_bg{width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0;}

    .top_in_m_phone ul li{width: 100%; height: unset; line-height: unset; text-align: center; padding: 0; margin-bottom: 3vw; box-sizing: border-box; position: relative;}
    .top_in_m_phone ul li a{padding: 3.5vw 0; display:block;}
    .top_in_m_phone ul li.now{background: #fafffe;}
    .top_in_m_phone ul li.now::after{width: 4px; height: 100%; content: ''; background: #39bcaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; left: 0; bottom: 0;}
    .top_in_m_phone ul li.now a{color: #39bcaa;}
    .top_in_m_phone ul li ul{width: 100%; text-align: center; position: relative; background: #fbfbfb; display: none;}
    .top_in_m_phone ul li ul li a{width: 100%; height: 100%; display: block;}
    .top_in_m_phone ul li ul li{width: 100%; height:unset; line-height: unset; border-bottom: 1px solid #f2f2f2;}
    .top_in_m_phone ul li ul li:last-child{border: none;}
    .top_in_m_phone ul li ul li dl{display: none;}
    
    .top_search{height: 11vw; line-height: 11vw; position: absolute; top: 0; right: calc(7vw + 26px); font-size: 20px; color: #383838; display: none;}
    .top_in_m_phone .top_search{width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto; display: block; position: unset; top: unset; right: unset;}
    .top_search_box{width: 100%; height: 8vw;}

    /* 标题 */
    .title{padding-top: 7vw; width: 94vw; margin: 0 auto; font-size: 1.2rem;}

    /* 首页产品分类 */
    .idx_category_in{width: 94vw; margin: 0 auto;}
    .idx_category_in ul{margin-top: 5vw; height: 109vw; border-radius: 20px; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding-top: 0;}
    .idx_category_in ul li{width: 31vw; height: 49vw; padding-bottom: 38px; margin-right: 0; margin-bottom: 0; background: #fff; position: relative;}
    .idx_category_in ul li span{font-size: 1rem; width: 100%; position: absolute; left: 0; bottom: 29px; top: unset; text-align: center;}
    .idx_category_in ul li img{width: 60%}
    .idx_category_in ul li:nth-child(2n){margin-right: 0;}
    a.idx_category_btn{height: 11vw; line-height: 11vw; margin-top: 3vw; margin-bottom: 7vw;}
    a.idx_category_btn:hover{background: #fff; border: 1px solid #383838; color: #383838;}
    .idx_category_circle{width: 25vw;}

    /* 首页新品推荐 */
    .idx_new_pro{width: 94vw; margin-bottom: 7vw;}
    .idx_new_pro_circle{width: 15vw; right: -13vw;}
    .swiper2 .swiper-slide img{margin-bottom: 26px;}
    .idx_new_pro_block{width: 60%;}
    .idx_new_pro_font{bottom: 40px}

    /* 首页加盟 */
    .idx_join{padding: 6vw 0;}
    .idx_join_in{width: 94vw;}

    /* 首页精品套间 */
    .idx_suite_in{width: 100%;}
    .idx_suite_circle{width: 25vw; height: unset; top: 5vw;}
    .idx_suite_circle img{width: 25vw; height: unset;}
    .idx_suite_content{width: 94vw; height: unset; float: unset; margin: 0 auto; margin-top: 5vw;}
    .idx_suite_content_l{width: 100%; height: 80vw;}
    .idx_suite_content_r{width: 100%; height: 80vw;}

    /* 首页新闻 */
    .idx_news_circle{width: 16vw; top: 15vw;}
    .idx_news_in{width: 94vw; margin: 0 auto;}
    .idx_news_in .title{margin-bottom: 5vw;}
    .idx_news_in .swiper3{background: #fcfcfc; border-radius: 20px;}
    .idx_news_in_l{width: 100%; height: 60vw; position: relative; top: unset; left: unset; margin: unset;}
    .idx_news_in_r{width: 100%; height: unset; margin-bottom: 3vw;}
    .idx_news_in_r_l{display: none;}
    .idx_news_in_r_r{width: 100%; height: 65vw; padding: 0 5vw;}

    /* 底部导航与版权 */
    .copyright{padding:0; margin-top: 7vw;}
    .copyright_in,.logo_bottom,.bottom_contact{display: none;}
    .cpr_link{width: 94vw; padding: 5vw 0; margin-top: 0; border: unset;}

    /* 产品 */
    .products_all{width: 94vw;}
    .pro_circle1{width: 20vw;}
    .pro_circle2{width: 18vw;}
    .products_all_l{display: none;}
    .products_all_r{width: 100%; margin-top: 5vw;}
    .products_all_r_t_l{display: none;}
    .products_all_r_t_l.width_unst{display: block;}
    .products_all_r_t_r{width: 100%;}
    .products_all_r_t_r ul li{margin-right: 1px; margin-bottom: 3vw;}
    .products_all_r_b{margin-top: 1vw;}
    .products_all_r_b ul li{width:44vw; margin-right: 6vw; margin-bottom: 5vw; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #fff; border-radius: 20px; overflow: hidden;}
    .products_all_r_b ul li:nth-child(2n){margin-right: 0;}
    .products_all_r_b ul li:nth-child(3){margin-right: 6vw;}
    .products_pic{height: 50vw; margin: 0 auto; border-radius: 0px;}
    .products_name{padding: 2vw; margin-top: 0; background: #ff8435;}
    .products_name a{color: #fff;}
    
    /* 页码 */
    .pagination li:nth-child(1),.pagination li:nth-child(2),.pagination li:nth-child(9),.pagination li:nth-child(10),.pageJump{display: none !important;}

    /* 服务政策 */
    .service_all{width: 94vw;}
    .service_circle1{width: 20vw;}
    .service_circle2{width: 25vw; top: 180vh;}
    .service_circle3{width: 20vw; display: none;}
    .service_circle4{width: 25vw; display: none;}
    .service_heart{margin-top: 5vw;}
    .service_heart_details{width: 100%;}
    .service_heart_details dl{margin: 0 auto; float: none; margin-top: 65px; width: 100%;}
    .service_heart_details dl:last-child{margin: 0 auto; margin-top: 65px;}
    .service_heart_details dl dd{padding-top: 58px; padding-bottom: 25px;}
    .service_heart_details2 dl{width:44vw; height: 44vw; margin-right: 6vw;  margin-bottom: 5vw;}
    .service_heart_details2 dl:nth-child(2n){margin-right: 0;}
    .service_promise{margin-top: 3vw;}
    .service_promise_details1{width:100%; margin-top: 3vw;}
    .service_promise_details1 img.promis_details1{display: none;}
    .service_promise_details1 img.promis_details1_1{display: block;}
    .service_promise_details1 img.promis_details1_2{display: block; margin-top: 3vw;}
    .service_promise_details2{width: 100%; margin-top: 3vw;}
    .service_promise_details2 img{width: 100%;}

    /* 工程案例 */
    .project_all2{width: 94vw;}
    .project_all{width: 94vw;}
    .project_circle1{width: 26vw;}
    .project_circle2{width: 20vw; bottom: 0vw;}
    .project_list{padding-top: 5vw;}
    .project_list dl{width: 100%;}
    .project_list dl dt{margin-bottom: 3vw;}
    
    /* 加盟优势 */
    .advantages_all{width: 94vw; margin: 0 auto;}
    .advantages_circle1,.advantages_circle2{display: none;}
    .advantages_t{display: none;}
    .advantages_t_phone{width: 100%; margin-top: 5vw; display: block;}
    .advantages_t_phone img{width: 100%; float: left;}
    .advantages_list ul{margin-bottom: 0;}
    .advantages_list ul::before{display: none;}
    .advantages_list ul li{width: 100%;}
    .advantages_title{height: 58px;}
    .advantages_details span{display: block;}

    /* 联系我们 */
    .contact_all{width: 94vw; margin: 0 auto;}
    .contact_circle1{width: 20vw; bottom: -5vw; right: 0;}
    .contact_circle2{width: 18vw; bottom: -7vw; right: 0;}
    .contact_t dl,.contact_b dl{float: none; margin: 0 auto; margin-bottom: 5vw;}
    .contact_t dl:last-child,.contact_b dl:last-child{margin: 0 auto;}
    .contact_t dl dt{padding-top: 5vw; margin: 0 auto 0vw auto;}
    .contact_t dl dd.gray{padding-bottom: 5vw;}
    
    /* 门店查询 */
    .store_all{width: 94vw;}
    .store_circle1{width: 13vw;}
    .store_circle2{width: 20vw;}
    .txb{width: 100%; height: 11vw;}
    .txb select{height: 11vw;}
    .txt_three{margin-right: 0; width: 100%;}
    .select_right{width: 11vw; height: 11vw; font-size: 14px;}
    .store_l{width: 100%;}
    .store_r{width: 94vw; height: 94vw; margin-top: 5vw;}

    /* 新闻列表页 */
    .news_tab{padding-bottom: 0;}
    .news_tab ul li{margin: 0 2vw;}
    .news_tab ul li:first-child{margin-left: 0;}
    .news_tab ul li:last-child{margin-right: 0;}
    .news_tab ul li a{width: 28vw;}

    /* 新闻详情页 */
    .inside_m img{width: 100%; margin: 10px 0;}

    /* 我要加盟 */
    .join_all{width: 94vw;}
    .txb input{height: 11vw;}
    .input_left{height: 11vw; }
    a.submit{width: 100%; height: 11vw; line-height: 11vw; box-sizing: border-box; text-align: center;}

    /* 产品详细页 */
    .pro_details_all{width: 94vw; margin: 0 auto;}
    .pro_details_l{width: 100%; float: none;}
    .pro_details_r{width: 100%; float: none; margin-top: 0;}
    .pro_details_name{margin-bottom: 5vw;}
    .pro_details_elaborate_t{padding-bottom: 3vw; margin-bottom: 3vw;}
    .pro_details_elaborate_m{margin-bottom: 7vw;}
    .pro_details_elaborate_m ul li span{width: 20%;}
    .pro_details_elaborate_m ul li label{width: 80%;}
    .pro_details_elaborate_m_l{width: 100%; float: left;}
    .pro_details_elaborate_m_r{width: 100%; float: right;}
    .pro_details_elaborate_b{margin-bottom: 5vw;}
    .products_all_r_b.related{margin-top: 5vw;}
    .products_all_r_b.related ul li{margin-right: 6vw;}
    .products_all_r_b.related ul li:nth-child(2n){margin-right: 0 !important;}
    .products_all_r_b.related ul li:nth-child(3n){margin-right: 6vw;}

    /* 品牌 */
    .brand_all{width: 94vw;}
    .brand_l{width: 100%; height: 50vw;}
    .brand_r{width: 100%; margin-top: 5vw;}
    .brand_r_t{text-align: left;}
    .brand_r_title{margin-bottom: 3vw;}
    .event_box{width: 90% !important;}
    .history_box{width: 100%; position: relative; top: unset; left: unset; margin: unset;}
    .history_box_l_years{top: 5vw; right: unset; left: 5vw;}
    .history_box_l{width: 100%; height: unset; padding: 5vw; padding-top: 18vw;}
    .history_box_l_in span{margin-bottom: 3vw;}
    .history_box_r{width: 100%; height: 50vw;}
    .history_box2{width: 100%; position: relative; top: unset; left: unset; margin: unset;}
    .honor_pc{display: none;}
    .honor_phone{display: block;}
    .honor_list{width: 82%;}
    .honor_list_m_t{height: 85vw;}
    .video_all{width: 94vw; height: 88vw; margin-bottom: 5vw;}
    .video_all .gallery-top{height: 60%;}
    .click_to_play img{width: 70px;}
    .video_all .gallery-thumbs{height: 33%; margin: 0 10vw;}
    .video_all .gallery-thumbs .swiper-slide{width: 59%;}
    .video_all .swiper-button-white{bottom: 10vw;}

    /* loading */
    .loading{height: calc(100vh - 11vw); top: 11vw;}
    .loading img{width: 20vw;}

    /* 暂无数据 */
    .no_data{height: 54vh;}
    .search{width: 100%;}
    .search_l,.search_l input,a.search_r{height: 11vw; line-height: 11vw;}
    .search_l{width: 75%;}
    a.search_r{width: 25%;}


}