@charset "utf-8";


.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

.swiper-pagination-bullet-active{z-index: 1; background: #c7b199 !important;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #fff !important;}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(../images/swiper-button-prev.svg)}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(../images/swiper-button-next.svg)}
.swiper-pagination-bullet{width: 10px; height: 10px; margin: 8px 0;}

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

/* 首页关于我们 */
.idx_about{width: 100%; background: #000;}
.idx_about_t{width: 100%; height: 68vh; cursor: pointer; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_about_b{padding: 0 6vw; padding-top: 4vw; height: 32vh;}
.idx_about_b_l{width: 30vw; float: left; padding-top: 4vw;}
.idx_about_b_l span,.idx_about_b_l img{width: 100%; display: block;}
.idx_about_b_l span{font-size: 1.6vw;; line-height: 18px; margin-bottom: 2vw;}
.idx_about_b_r{width: 44vw; float: right; padding-top: calc(18px + 2vw); line-height: 30px; text-align: justify;}

/* 首页品牌 */
.idx_brand{width: 100%; height: 100%; position: relative; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_brand_en{width: 45.4vw; position: absolute; bottom: 8.4vw; left: 4.5vw;}
.idx_brand_en img{width: 100%;}
.idx_brand_r{width: 44.5vw; height: 74vh; position: absolute; top: 5vw; right: 0; background: #e6e6e6;}
.idx_brand_r_in{ background: rgba(204, 204, 204, 35%); position: absolute; left: 5vw; top: 50%; margin-top: -16vw;}
.idx_brand_r_all{width: 28vw; height: 67vh; padding: 1.5vw 2vw 3.2vw 2.5vw; box-sizing: border-box; overflow-y: scroll;}
.idx_brand_r_all span{display: block; font-size: 20px; line-height: 30px; margin-bottom: 1.5vw;}
.idx_brand_r_all label{display: block; font-size: 14px;;  line-height: 30px;}
.idx_brand_r_more{width: 2vw; position: absolute; right: 0.9vw; bottom: 0.57vw;}
.idx_brand_r_more img{width: 100%;}
.idx_brand_r_adv{position: absolute; right: 2.7vw; top: 1.5vw; font-size: 20px; line-height: 30px;}

/* 首页卫浴空间介绍 */
.idx_bathroom{width: 100%;}
.idx_bathroom_t{width: 86%; height: 72vh; margin: 0 auto; cursor: pointer; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_bathroom_b{padding: 0 7vw; padding-top: 3vw; height: 32vh;}
.idx_bathroom_b_l{width: 30vw; float: left;}
.idx_bathroom_b_l span,.idx_bathroom_b_l img{width: 100%; display: block;}
.idx_bathroom_b_l span{font-size: 20px; line-height: 18px; margin-bottom: 2vw; padding-top: 5px;}
.idx_bathroom_b_r{width: 44vw; float: right; /*padding-top: calc(18px + 2vw);*/ line-height: 26px; text-align: justify;}

/* 首页kv */
.idx_kv{width: 100%; height: 100%; background: url(../images/kv_bg.jpg) bottom center; background-size: 100%;}
.idx_kv_l{width: 65vw; height: 75vh; float: left; margin-left: 1vw; margin-top: 11.6vh;}
.idx_kv_r{width: 33vw; height: 75vh; float: right; background: #e7e7e7; margin-top: 11.6vh; position: relative;}
.idx_kv_r_t{padding: 0 1.8vw 0 1.2vw; }
.idx_kv_r_t span{width: 3.6vw; font-size: 3.6vw; line-height: 6vw; color: #726255; display: block; float: left; margin-right: 1.8vw;}
.idx_kv_r_t label{width: 3.6vw; font-size: 3.6vw; line-height: 6vw; color: #2e2e2e; display: block; float: right;}
.idx_kv_r_b{width: 25vw; position: absolute; left: 50%; margin-left: -12.5vw; bottom: 6vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}

.idx_kv_r_b_in img.stamp{width: 1.3vw; display: block; margin-bottom: 1vw;}
.idx_kv_r_b_in span{display: block; font-size: 20px; margin-bottom: 1.2vw;}
.idx_kv_r_b_in label{display: block; font-size: 14px; line-height: 1.5rem;}


/* 首页店铺 */
.idx_shop_phone{display: none;}
.idx_shop{width: 100%;}
.idx_shop_l{width: 57vw; height: 100vh; float: left;}
.idx_shop_l .swiper-button-prev,.idx_shop_l  .swiper-button-next{margin-top: -72px;}
.idx_shop_l_pic{width: 100%; height: 50%; background: #f2f2f2; 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{width: 43vw; height: 100vh; display: block; float: right; overflow:hidden; background-position: center bottom -2.5vw; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
a.idx_shop_r_phone{display: none;}

/* 首页新闻 */
.idx_news{width: 100%; font-family:"宋体","Microsoft YaHei",Arial,Helvetica,sans-serif;}
.idx_news_l{width: 62vw; height: 100vh; float: left; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.idx_news_r{width: 38vw; height: 100vh; float: right; position: relative; /*display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;*/}
.idx_news_r_t{width:100%; padding-left: 3vw; padding-top: 6vw; box-sizing: border-box; font-size: 20px; line-height: 18px;}
.idx_news_r_t span{width: 100%; display: block; margin-bottom: 1.3vw;}
.idx_news_r_t img{width: 17vw; display: block;}
.idx_news_r_m{width: 25vw; margin-left: 10vw; margin-top: 5vw;}
.idx_news_r_m ul li{width: 100%; margin-bottom: 2.4vw;}
.idx_news_r_m ul li span{width:46%; display: block; float: left; font-weight: bold; line-height: 26px;}
.idx_news_r_m ul li label{width:54%; max-height: 52px; display: block; float: right; text-align: right; line-height: 26px; cursor: pointer; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.idx_news_r_m ul li a:hover{color:#b18052;}
a.idx_news_more{width: 25vw; display: block; text-align: right; margin-left: 10vw; display: flex; display: -webkit-flex; align-items: center; justify-content: right; flex-direction: row; flex-wrap: wrap; cursor: pointer;}
.idx_news_more img{height: 18px; margin-left: 5px; width: auto !important;}
.idx_news_r_b{width: 100%; position: absolute; right: 0; bottom: 0;}
.idx_news_r_b img{width: 100%; float: left;}

/* 底部 */
.footer_all {height: auto; font-family:"Microsoft YaHei","宋体",Arial,Helvetica,sans-serif; margin-top: -3px;}
.footer{width: 100%; padding: 6vw 6vw 4.5vw 6vw; box-sizing: border-box; background: #303030;}
.footer_t{width: 100%;}
.footer_t_l{width: 14vw; float: left;}
.footer_t_l img{width: 100%;}
.footer_t_r{float: right; position: relative;}
.footer_t_r ul li{float: right; margin-left: 8vw;}
.footer_t_r ul li:last-child{margin-left: 0;}
.footer_t_r ul li a{color: #fff;}
.footer_t_r ul li a:hover{color: #c7b399;}

.footer_list2_r{width: max-content; float: right; margin-top: 2vw;}
.footer_list2_r a{height: 20px; line-height: 20px; font-size: 20px; display: block; margin-top: 20px; float: left; margin-left: 20px; position: relative; filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.footer_list2_r a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.footer_list2_r a img{height: 20px;}
/* .footer_list2_r a:first-child{margin-left: 0;} */
.show_qr{width: 160px; height: 160px; line-height: 160px; text-align: center; background: #fff; border-radius: 5px; padding: 10px; box-sizing: border-box; position: absolute; bottom: 30px; left: 50%; margin-left: -80px; display: none;}
.show_qr img{width: 140px; height: 140px !important; display: block;}

/* 顶部导航 */
.top_nav{width: 100%; height: 5.5vw; padding: 0 3vw; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; z-index: 9;}
.top_nav_l{ height:100%;float: left; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.top_nav_l img{height: 1.35vw; cursor: pointer;}
.top_nav_l_in{padding: 1vw; color: #fff; background: rgba(0, 0, 0, 0.3); position: absolute; top: 5.5vw; left: 0; display: none;}
.top_nav_l_in ul li{width: 13vw; background: rgba(0, 0, 0, 0.3); margin-bottom: 4px; border-radius: 5px;}
.top_nav_l_in ul li a{width: 100%; padding: 0.7vw 0.8vw; height: 100%; color: #fff; display: block; box-sizing: border-box;}
.top_nav_l_in ul li a:hover{background: rgba(0, 0, 0, 0.3);}

.top_nav_r{height:100%; display: block; float: right; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.top_nav_r img{height: 3.26vw;}

/* 产品推荐页 */
.por_first{width: 100%;}
.por_first img{width: 100%; float: left;}
.por_first a{display: inline-block; float: left;}

/* 品牌 */
.brand_t{width: 100%;}
.brand_t img{width: 100%; display: block;}
.brand_b{width: 100%; position: relative;}
.brand_b img{width: 100%; display: block;}
.brand_b_l{left: 15vw; top: 3.0vw; position: absolute; }
.brand_b_l span{font-size: 25px; display: block; font-weight: lighter; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif;}
.brand_b_l label{display: block;}
.brand_b_r{width: 38vw; height: 18.9vw; font-size: 14px; line-height: 2rem; overflow-y: scroll; right: 11.6vw; top: 3.0vw; position: absolute; }
.history{width: 100%; position: relative;}
.history img{width: 100%; display: block;}
.history_r{position: absolute; right: 4.7vw; top: 7.2vw;}
.history_r_t span{font-size: 25px; display: block; font-weight: lighter; font-family: Arial, Helvetica, sans-serif;}
.history_r_t label{display: block; margin-bottom: 5px;}
.history_r_b{margin-top: 5.6vw;}
.history_r_b ul li{font-size: 14px; line-height: 2rem; display: block;}

/* 招商加盟 */
.join_phone{display: none;}
.join1{width: 100%; position: relative;}
.join1 img{width: 100%; float: left;}
.join1_l{position: absolute; top: 22vw; left: 3vw; color: #fff;}
.join1_l span{display: block; font-size:22px; margin-bottom: 5px;}
.join1_l label{display: block; font-size:17px; margin-bottom: 10px;}
.join1_l em{display: block; font-size:34px; font-style: normal;}
.join1_r{position: absolute; top: 22vw; right: 42vw; text-align: right;}
.join1_r span{display: block; margin-bottom: 2.8vw; font-size:23px; position: relative;}
.join1_r span::after{content: ''; width: 4vw; height: 1px; position: absolute; right: 0; bottom: -1.4vw; background: #3e3a39;}
.join1_r label{display: block; font-size:16px; line-height: 35px;}

.join2{width: 100%; position: relative;}
.join2 img{width: 100%; float: left;}

.join3{width: 100%; background: url(../images/in_join3.jpg); background-size: cover; padding: 3vw 0;;}
.join3 ul{width: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap}
.join3 ul li{width: 28vw; height: 48vw; padding: 1.8vw 2vw; margin: 0 2vw; box-sizing: border-box; /*background: linear-gradient(135deg, #fff, #cad6d9);*/ background: url(../images/join3.png) center center; background-size: cover; }
.join3 ul li span{height: 15vw; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/; word-wrap: break-word; display: block; float: left; margin-right: 5px; font-size: 18px;}
.join3 ul li label{display: block; font-size: 28px; margin-bottom: 5px;}
.join3 ul li em{font-style: normal; display: block; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter;}
.join3 ul li i{font-style: normal; display: block; width: 33%; float: left; margin-top: 3.7vw; font-size: 14px; line-height: 1.7rem;}
.join3 ul li i:nth-child(7){width: 67%;}
.join3 ul li:nth-child(3) i:nth-child(6){width: 67%;}

.join4{width: 100%; position: relative;}
.join4 img{width: 100%; display: block;}
.join4 img.phone{display: none;}
.join4_in{width: 48vw; position: absolute; right: 6vw; top: 6vw;}
.join4_in img{width: 100%; float: left;}
.join4_in_r{width: 6vw; line-height: 6vw; color: #fff; padding-top: 2.2vw; position: absolute; top: 0; right: 0; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/; word-wrap: break-word;}
.join4_in_m{width: 26vw; height: 42vw; position: absolute; top: 0; right: 6vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.join4_in_m_in{display: block; /*font-size: 0.9vw;*/ font-size: 12px; line-height: 1.5vw;}
.join4_in_m_in b{font-size: 120%; display: block;}
.join4_in_m_l{width: 15.9vw; position: absolute; left: 0; bottom: 1.7vw; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.join4_in_m_l_in{position: relative; padding-bottom: 3.6vw;}
.join4_in_m_l_in span{/*font-size: 1.6rem;*/font-size: 25px; line-height: 3vw;}
.join4_in_m_l_in label{font-size: 1.0vw;; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; display: inline-block; padding-top: 1.3vw;}
.join4_in_m_l_in::after{content: ''; width: 6.3vw; height: 1px; position: absolute; left: 0; bottom: 0; background: #000000;}




.join6{width: 100%; padding: 80px 130px; padding-top: 90px;  background: #fafafa;} 
.join6_in{width: 100%; margin: 0 auto; margin-top: 45px;}
.join6_in img{width: 100%;}
.join6_r_t{font-size: 1.6vw;; text-align: center; position: relative;}
.join6_t{width: 100%; position: relative; font-size: 1.5vw; color: rgba(0, 0, 0, .85); font-weight: normal; text-align: center; letter-spacing: 3px;}
.join6_t_b{display: block; font-size: 1.0vw;; color: #bd875a; letter-spacing: 6px; text-align: center; margin-top: 5px;}
.join6_t.white{color: #fff;}
.join_gray_font{width: 100%; font-size: 1.6vw; font-family: 'Helvetica Condensed Bold'; text-transform: uppercase; color: #d4c1aa; /*filter:alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.1;*/ position: absolute; left: 0; bottom: 35px;}
.join_gray_font::after{width: 100px; height: 1px; background: #e2e2e2; position: absolute; left: 50%; margin-left: -50px; bottom: -4px; content: '';}
.join_gray_font2{width: 100%; height: 60px; line-height: 60px; font-size: 50px; font-family: 'Helvetica Condensed Bold'; text-transform: uppercase; color: #999; filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; position: absolute; left: 0; bottom: -6px;}

.apply{width: 92px; height: 110px; background: url(../images/join/apply.png); background-size: 100%; cursor: pointer; position: fixed; top: 50%; margin-top: -55px; right: 30px; z-index: 10; animation-iteration-count: 40000;}
.apply a{width: 100%; height: 100%; display: block;}

.tab_all{width: 1200px; margin: 0 auto; margin-top: 50px;}
.tab_all.certified{width: 100%; margin-top: 0;}
.tab_all.certified.pdb_50px{padding: 0;}
.tab_all.certified img.certified_pc{width: 100%; display: block;}
.tab_all.certified img.certified_phone{width: 100%; display: none;}
.tab_all.pdb_50px{padding-bottom: 50px;}
.tab_all.w_100p{width: 100%;}
.tab_all.about{width: 100%;}
.tab_all.about img{width: 100%;}
.tab_all.about img.pc{display: block;}
.tab_all.about img.phone{display: none;}


/*在线留言*/
.message{width:100%;  padding-bottom: 5vw;}
.title_message{width:191px; height:65px; margin:0 auto; padding-top:38px; padding-bottom:58px;}
.message_in{width:1200px; margin:0 auto; margin-top: 40px;}
.message_l{width:680px; float:left; /*font-size: 1.1vw;*/}
.message_r{width:495px; float:right;}
.message_inp{width:443px; height:34px; border:1px solid #e5e5e5; margin-bottom:12px;}
.message_inp2{width:443px; height:132px; border:1px solid #e5e5e5; margin-bottom:12px;}
.message_btn{width:445px; height:34px; text-align:right;}
.message_btn input{width:126px; height:34px; background:url(../images/message_btn.gif); border:none; cursor:pointer;}
.survive_t{width:297px; height:75px; margin-left:14px; margin-bottom:18px;}
.survive_b{width:66px; background:#fff; text-align:center; color:#555555; padding:15px 20px; border:1px solid #e5e5e5; margin-bottom:14px; margin-left:14px; float:left; box-sizing: unset; font-size: 14px;}
/* .store_t{font-size: 1vw;} */


/* 品牌动态 */
.news_nav{width: 100%; text-align: center;}
.news_nav ul li{height: 38px; line-height: 38px; margin: 0 10px; display: inline-block; margin-top: 30px;}
.news_nav ul li a{height: 100%; padding: 0 30px; box-sizing: border-box; display: block; /*border-left: 3px solid #fff;*/ background: #fff; box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px; border-radius: 3px;}
.news_nav ul li.now a{background: #f1e8de; color: #624c2b; /*border-left: 3px solid #9f855f;*/}

.news_list{width: 98vw; margin: 0 auto; margin-top: 20px; padding: 30px 0; padding-bottom: 0; position: relative;}
.news_list a{width: 100%; height: 100%; display: block; /*position: absolute; top: 0; left: 0;*/ overflow: hidden;}
.news_list dl a::after{content:''; width: 100%; height: 25px; display: block;}
.news_list dl.honor a::after{display: none;}
.news_list a:hover{border-radius: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.news_list a:hover dt span{width: 110%; height: 110%; top: -5%; left: -5%;}
.news_list dl {width: 30vw; margin-left: 2vw; margin-bottom: 2vw; float: left;}
.news_list dl dt{width: 100%; height: 40vh; background: #f2f2f2; position: relative; overflow: hidden;}
.news_list dl dt span{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-size: cover; background-position: center center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.news_list dl dt span img{max-width: 93%; max-height: 93%;}
.news_list dl dd{ padding: 0 0.7vw;}
.news_list dl dd.title{width: 100%; line-height: 26px; margin-top: 2vh; /*font-size: 1.5vw;*/ /*height: 48px;*/ height: 22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.news_list dl dd.title.text_center{text-align: center;}
.news_list dl dd.time{margin-top: 2vh; color: #bfad93; font-size: 14px;}
.news_list dl dd.time::before{margin-right: 5px;}
.news_list dl dd.details{height: 75px;  line-height: 24px; margin-top: 1.5vh; color: #999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; display: none;}

/* .news_list dl.honor dd.title{font-size: 1.0vw;;}
.news_list dl.product dd.title{font-size: 1.0vw;;} */
.news_list dl.product a::after{display: none;}
.news_list dl.product dt{height: 30vw;}

img.patent{display: block; margin: 0 auto; margin-bottom: 2vw;}

.tab_all{width: 1200px; margin: 0 auto; margin-top: 50px;}
.tab_all.pdb_50px{padding-bottom: 50px;}
.tab_all.w_100p{width: 100%;}

.fancybox-button--thumbs{display: none !important;}

.news_inside{width: 80vw; margin: 0 auto; padding: 30px 0; padding-top: 40px; position: relative;}
.news_inside_t{width: 100%; box-sizing: border-box; position: relative;}
.news_inside_t span{display: block; font-size: 25px; line-height: 24px; padding: 15px 0; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; justify-content: left; flex-direction: row; flex-wrap: wrap;}
.news_inside_t span::before{content: ''; width: 4px; height: 36px; display: inline-block; margin-right: 13px; background-image: -moz-linear-gradient( 0deg, #d4c1aa 0%, #e9daca 100%); background-image: -webkit-linear-gradient( 0deg, #d4c1aa 0%, #e9daca 100%);  background-image: -ms-linear-gradient( 0deg, #d4c1aa 0%, #e9daca 100%); border-radius: 2px;}
.news_inside_t label{display: block; color: #999; font-size: 14px;}
.news_inside_t label::before{margin-right: 5px;}
.news_inside_m{position: relative; padding: 10px 0px;}
.news_inside_m span{padding: 0px;}
.news_inside_m label{font-size: 33px; font-family: Arial, Helvetica, sans-serif; color: #e5e5e5; vertical-align: middle;}
.news_inside_b{padding-top: 25px; margin-top: 15px; border-top: 1px solid #e5e5e5;}
.news_inside_b img{max-width: 100%;}


/* 页码 */
.pages1{width: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}


/* 内页导航 */
.sub_nav{width: 100%; z-index: 99; background-color: rgba(255,255,255,0.9); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; text-align: center;}
.sub_nav ul li{margin: 0 0; float: left;}
.sub_nav ul li a{display: block; padding: 15px 30px; position: relative;}
.sub_nav ul li.now a{background: #f1e8de;}
.sub_nav ul li a::before{font-size: 1.6vw;; vertical-align: middle; margin-right: 5px; display: none;}
/* .sub_nav ul li.now a::after{content:''; width: 100%; height: 3px; background: #c7b199; position: absolute; left: 0; bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px;} */


/* 门店查询 */
.store{width: 100%; position: relative;}
.store_circle1{width: 9.48vw; position: absolute; top: 0; left: 0;}
.store_circle1 img{width: 100%;}
.store_circle2{width: 11.8vw; position: absolute; top: 128px; right: 0;}
.store_circle2 img{width: 100%;}
.store_all{width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
.store_l{width: 376px; float: left;}
.store_l .swiper2{padding-bottom: 50px;}
.store_l dl{width: 100%; padding: 15px 18px; position: relative; box-sizing: border-box; background: #fcfcfc; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.store_l dl dt{font-size: 14px;}
.store_l dl dd{font-size: 14px; color: #999; padding-top: 8px; width: calc(100% - 50px);}
.store_l dl a{height: 27px; line-height: 27px; padding:0 15px; border: 1px solid #e5e5e5; color: #7b7b7b; background: #fff; border-radius: 5px; display: inline-block; margin-top: 8px; font-size: 14px; }
.store_l dl a:hover{background: #f1e8de; color: #624c2b; border: 1px solid #f1e8de;}
.store_l dl .map_num{position: absolute; right: 18px; bottom: 18px; color: #b6b6b6; font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.store_l .swiper-container .swiper-container{padding-bottom: 6px;}
.store_l .swiper-container .swiper-pagination::before{content: '';}
.store_l .swiper-container .swiper-pagination-fraction{position: relative; left: unset !important; bottom: unset !important; height: 27px; line-height: 43px; margin-top: 10px;}
.store_l .swiper-button-next, .store_l .swiper-button-prev{width: 27px; height: 27px; bottom: 8px; top: unset; background-image: unset; border: 1px solid #383838; border-radius: 5px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; font-size: 1.0vw;;}
.store_l .swiper-button-next{right: 0;}
.store_l .swiper-button-prev{left: 0;}
.store_l .swiper-slide{display: block !important;}
.store_r{width: 803px; height: 705px; float: right; background: #f2f2f2;}