@charset "utf-8";


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

    /* 头部 */
    .top_nav{height: 11vw; background: rgba(0, 0, 0, 0.6);}
    .top_nav_l img{height: 4vw;}
    .top_nav_r img{height: 9vw;}
    .top_nav_l_in{height: calc(100vh - 11vw); top: 11vw; left: -3vw; padding: 0; background: none; width: 100vw;}
    .top_nav_l_in ul{background: rgba(0, 0, 0, 0.6); padding: 3vw; padding-top: 8vw; display: block; height: 100%; width: 100%; box-sizing: border-box;}
    .top_nav_l_in ul li{width: 100%; height: 11vw; line-height: 11vw; text-align: center; margin-bottom: 2vw; background: rgba(0, 0, 0, 0.5);}
    .top_nav_l_in ul li a{padding: 0 2vw;}

    /* 二级导航 */
    .sub_nav ul{width: 100%; display: flex;}
    .sub_nav ul li{flex: 1;}
    .sub_nav ul li a{padding: 15px 0;}

    /* 底部 */
    .footer_in{width: 100%; padding-top: 10vw;}
    .footer_list{width: 100%; margin-top: 10vw; padding: 0 5vw; box-sizing: border-box; float: unset;}
    .footer_list_l{width: 100%; text-align: center; float: unset;}
    .footer_list_l img {width: 45%;}
    .footer_list_r{width: 266px; margin: 0 auto; margin-top: 10vw; float: unset;}
    .show_qr{top: -170px;}


    /* 关于我们 */
    .company_name.inside{margin-top: 10vw;}
    .company_name{width: 60%;}
    .company_detals.inside{width: 100%; padding: 0 5vw; box-sizing: border-box;}
    .idx_about{background: url(../images/phone/idx_about.jpg) center center no-repeat; background-size: cover;}
    .idx_about video{display: none !important;}

    /* 发展历程 */
    .about-main2 .licheng-bg{padding: 0 !important;}

    /* 品牌荣誉 */
    .news_nav ul{display: flex;}
    .news_nav ul li{flex: 1;}
    .news_nav ul li a{padding: unset;}
    .news_list{margin-top: 0; padding: 6vw 0;}
    .news_list dl{width: 96vw; margin-left: 1vw;}
    .news_list dl dt{height: 30vh !important;}
    .news_list dl dd.title{margin-top: 1vw;}
    .news_list dl.product{width: 46vw; margin-left: 2vw;}
    .news_list dl.product dt{height: 16vh !important;}
    img.patent{width: 96vw;}

    /* 新闻内页 */
    .news_inside{width: 90vw; padding: 3vw 0;}
    .news_inside_t span{line-height: 33px;}
    .news_inside_t span::before{display: none;}

    /* 新闻列表页 */
    .pageJump{display: none !important;}

    /* 招商 */
    .join_dark.pc{display: none;}
    .join_dark.phone{display: block;}
    .join_dark_in{width: 100%;}
    .join_dark6_title.pc{display: none;}
    .join_dark6_title.phone{width: 79.35vw; padding-left: 3.15vw; padding-top: 5.56vw; display: block;}

    .lbt-box {position: relative; width: 100vw !important; height: 47.6vw !important; margin: 0 auto;}
    .imgitem{width: 31.75vw !important; height: 40vw !important;}
    .pre-img{transform: translateX(-31.75vw) rotateY(30deg) scale(0.8) !important;}
    .next-img{transform: translateX(31.75vw) rotateY(-30deg) scale(0.8) !important;}
    .cur-img{width: 63.5vw !important;}
    a.lbt-box_btn_l{width: 8vw; height: 8vw; display: block; position: absolute; left: 1vw; top: 50%; margin-top: -4vw;}
    a.lbt-box_btn_r{width: 8vw; height: 8vw; display: block; position: absolute; right: 1vw; top: 50%; margin-top: -4vw;}
    
    .join_dark9{background: url(../images/join_dark/phone/join9_phone.jpg) center center !important; background-size: cover !important;}
    .join_dark9_title{width: 32vw; padding-top: 5.56vw; padding-left: 3.15vw; position: relative; top: unset; left: unset;}
    .join_dark9_pc_bg{display: none;}
    .join_dark9_l{width: 96.535vw; margin: 0 auto; margin-top: 3.15vw; position: relative; top: unset; left: unset; margin-bottom: 5vw;}
    .message_in{width: 96vw; margin: 0 auto;}
    .message_l{width: 96vw; float: unset; margin: 0 auto; }
    .message_r{float: unset; margin: 0 auto; width: 96vw;}
    .survive_b{width: 21.5vw; margin-left: 2vw; padding: 2vw; box-sizing: border-box;}
    .layui-elem-quote{padding: 8px !important;}
    .layui-form-item.btns{text-align: center;}
    .layui-form-item.btns .layui-input-block{margin: 0 auto !important; left: unset !important; display: inline-block;}
    .join_dark9_r{width:50vw; margin: 3.15vw auto; position: relative; top: unset; right: unset; display: none;}

    .join6_t{font-size: 16px; margin-bottom: 5vw;}
    .join_gray_font{bottom: 28px; font-size: 16px;}
    .join6_r_t{font-size: 16px;}

    /* 服务 */
    .tab_all{width: 100%; margin-top: 5vw;}
    .store_t{width: 94vw; margin: 0 auto;}
    .store_t .layui-form-item{width: 100% !important;}
    .store_all{width: 94vw; margin: 0 auto;}
    .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%;display: block;}
    .store_l .swiper-button-next{font-size: 4.0vw;}
    .store_l .swiper-button-prev{font-size: 4.0vw;}
    .store_r{width: 94vw; height: 94vw; margin-top: 5vw;display: none;}
    .tab_all.pdb_50px{padding-bottom: 5vw;}
    .tab_all.certified img.certified_pc{width: 100%; display: none;}
    .tab_all.certified img.certified_phone{width: 100%; display: block;}
    .tab_all.about img.pc{display: none;}
    .tab_all.about img.phone{display: block;}

    /* 首页 */
    .idx_about{height: 100%;}
    .idx_about_b{bottom: 30vw !important;}
    .idx_about_b_l img{width: 50vw;}
    .idx_about_b_l{width: 100%;}
    .idx_about_b_l span{line-height: 28px;}
    .idx_about_b_r{width: 100%;}
    .idx_brand_r{width: 94vw; height: 85vh; top: 12vw; right: 50%; margin-right: -47vw;}
    .idx_brand_r_all{width: 80vw; height: 133vw;}
    .idx_brand_r_in{top: 21vw;}
    .idx_bathroom_t{height: 50vh;}
    .idx_bathroom_b_l,.idx_bathroom_b_r{width: 100%;}
    .idx_bathroom_b_l{margin-top: 2vw;}
    .idx_bathroom_b_l img{width: 50vw;}
    .idx_kv{background: url(../images/kv_bg.jpg) bottom center no-repeat #333;}
    .idx_kv_l{width: 95vw; height: 55vh; margin-left: 2.5vw; margin-top: 11vw;}
    .idx_kv_r{width: 95vw; height: 78vw; float: left; margin-right: 0; margin-left: 2.5vw; margin-top: 0;}
    .idx_kv_r_b{width: 92%; margin-left: -46%; top: 23vw; bottom: u;}
    .idx_kv_r_b_in img.stamp{width: 5vw; display: block; float: left;}
    .idx_kv_r_b_in span{font-size: 16px; display: block; float: right; width: calc(100% - 8vw);}
    .idx_kv_r_b_in label{display: block; float: right; width: calc(100% - 8vw);}
    .idx_kv_r_t{padding: 3vw;}
    .idx_kv_r_t span{width: 7.6vw; font-size: 7.6vw; line-height: 9vw;}
    .idx_kv_r_t label{width: 7.6vw; font-size: 7.6vw; line-height: 9vw;}
    .idx_shop{display: none;}
    .idx_shop_phone{display: block; width: 100%; height: 100vh; background: url(../images/phone/idx_join.jpg) center center no-repeat; background-size: cover;}
    .idx_shop_phone a{display: block; width: 100%; height: 100vh;}
    .idx_shop_l,a.idx_shop_r,a.idx_shop_r_phone{width: 100%; height: 50vh;}
    a.idx_shop_r_phone{display: block; float: right; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
    a.idx_shop_r{display: none;}
    .idx_news_l{width: 100%; height: 30vh;}
    .idx_news_r{width: 100%; height: 70vh;}
    .idx_news_r_t img{width: 26vw;}
    .idx_news_r_m{width: 82vw; margin: 0 auto; margin-top: 5vw;}
    .idx_news_r_m ul li span,.idx_news_r_m ul li label{width: 100%; text-align: left;}
    a.idx_news_more{margin-right: 5vw; float: right; margin-top: 5vw;}
    .footer{padding: unset; height: 10vh;}
    .footer_t_l{width: unset; height: 10vh; float: unset; margin: 0 auto;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
    .footer_t_l img{width: unset; height: 6vh;}
    .footer_t_r,.footer_list2_r{display: none;}

    .join1{height: 100vh; background: url(../images/phone/in_join1.jpg) center top; background-size: cover;}
    .join1 img{display: none;}
    .join1_l{color: #333; top: 32vh;}
    .join1_l span{font-size: 18px;}
    .join1_l em{font-size: 36px;}
    .join1_r{width: 94vw; right: 2vw; top: 48vh; text-align: left;}
    .join1_r span{font-size: 20px; margin-bottom: 6vw;}
    .join1_r span::after{right: unset; left: 0; width: 10vw; bottom: -3vw; width: 10vw;}
    .join1_r label{font-size: 16px;}
    
    .join3{height: max-content;}
    .join3 ul li{width: 80%; height: unset; padding: 5vw; margin-bottom: 5vw;}
    .join3 ul li i,.join3 ul li i:nth-child(7){width: 100%;}
    .join3 ul li span{height: 26vh;}

    .join4{overflow: hidden;}
    .join4 img{width: unset; height: 100vh;}
    .join4 img.pc{display: none;}
    .join4 img.phone{width: 100%; height: unset; display: block;}
    .join4_in{width: 66vw;}
    .join4_in_m{width: 53vw; height: unset; top: 4vw; right: 10vw;}
    .join4_in_m_in{line-height: 19px;}
    .join4_in_r{color: #644022; font-size: 17px; right: -17px;}
    .join4_in_m_l{line-height: 30px; left: -19vw; bottom: 42vw;}
    
    .join6{padding: 0px 4vw; padding-top: 14vw;}
    .join6_in{    margin-top: 5vw;}
    
    .join_phone{display: block;}
    .join_phone img{width: 100%; float: left;}
    .join1,.join2,.join3,.join4,.join6{display: none;}

    .brand_b_l{width: 94vw; margin: 0 auto; position: unset; top: unset; left: unset; margin-top: 5vw;}
    .brand_b_l label{font-size: 18px;}
    .brand_b_r{width: 94vw; margin: 0 auto; position: unset; top: unset; left: unset; margin-top: 5vw; height: unset; overflow: unset;}
    
    .history_r{width: 94vw; margin: 0 auto; position: unset; top: unset; left: unset; margin-top: 5vw;}
    .history_r_t label{font-size: 18px;}

    .layui-form-pane .layui-input-block{margin: 0 !important; text-align: center;}

    /* 首页banner */
    .swiper2{display: none;}
    .swiper2Phone{display: block;}

    /* 产品首页 */
    img.more_pro{width: 19vw !important;}

}