@import url('reset.css');
/*[class*=icon] { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
.picicon { font-family: 'FontAwesome' !important; }
@font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'); font-weight: normal; font-style: normal; }

/*[class*=icon] { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/
.toutu img { width: 100%; }
#__bs_notify__ { display: none !important; }
.mobile-wrap { position: relative; min-height: 100vh; display: block; width: 100%; padding-top: 0.98rem; max-width:7.5rem; }
.mobile-wrap.notop { margin-top: 0px; }
.mobile-wrap.filter { filter: blur(3px); transition: all 0.3s; }

h1 { font-size: 0.38rem; color: #333333; display: block; text-align: center; padding-bottom: 0.2rem; padding-top: 0.3rem }
h2 { font-size: 0.28rem; color: #333333; display: block; text-align: center; padding-bottom: 0.3rem }
/* 头部*/
.top { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 0.95rem; -webkit-box-sizing: content-box; box-sizing: content-box; background: #fff; z-index: 2; left: 0px; right: 0px; top: 0px; }
.top_logo img { width: 2.4rem; }
.top em { color: #272727; text-align: center; font-size: 0.35rem; }
.top_logo { position: absolute; left: 0.3rem }
.top span { color: #b59268; margin: 0 0.25rem; font-size: 0.3rem; position: relative; top: 0.05rem; }
.top a.backbtn { position: absolute; left: 0.1rem; }
.top a.homebtn { position: absolute; right: 0.3rem; }
.top a.backbtn img, .top a.homebtn img { width: 0.49rem; }

.top a.homebtn em { width: 0.5rem; height: 2px; background: #000; display: block; transition: all 0.5s; }
.top a.homebtn em.t { position: relative; top: -3px; }
.top a.homebtn em.b { position: relative; bottom: -3px; }
/* 首页下拉导航*/

.css3js { opacity: 0;}
.css3js.move { animation: move 1.5s forwards; }

@keyframes move {
    from { opacity: 0; transform: translateY(150px) }
    to { opacity: 1; transform: translateY(0) }
}
@keyframes move1 {
    from { opacity: 1; transform: translateY(0px) }
    to { opacity: 0; transform: translateY(150) }
}

.testdiv { position:fixed; top:50%; right:0px; background:#fff; width:100px; height:100px; }


.topmenu { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0.95rem; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; }
.topmenubg { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0.95rem; left: 0px; right: 0px; bottom: 0px; z-index: 3; }
.topmenu ul { background: #fff; margin: 0.2rem 0.1rem; border-radius: 0.1rem; z-index: 4; position: relative; }
.topmenu ul:before { content: ''; background: #fff; width: 0.2rem; height: 0.2rem; border-top: 1px #ddd solid; border-left: 1px #ddd solid; transform: rotate(45deg); display: block; float: right; position: relative; top: -0.11rem; right: 0.3rem; }
.topmenu ul li { float: none; padding: 0.2rem 0px; }
.topmenu ul li dl { padding: 0.1rem 0.3rem; clear: both; }
.topmenu ul li dl dt { border-bottom: 1px #ddd solid; overflow: hidden; }
.topmenu ul li dl dt a { font-size: 0.36rem; font-weight: bold; display: block; line-height: 0.6rem; color: #333; float: left; }
.topmenu ul li dl dt a i { font-size: 0.2rem; font-weight: normal; color: #666; margin: 0px 0.1rem; }
.topmenu ul li dl dt em { font-size: 0.2rem; color: #999; font-weight: normal; float: right; transition: all 0.5s; line-height: 0.6rem; padding: 0px 0.1rem; }
.topmenu ul li dl dd { display: none; overflow: hidden; }
.topmenu ul li dl dd span { margin: 0.1rem 0px; display: block; float: left; width: 50%; }
.topmenu ul li dl dd a { font-size: 0.3rem; color: #666; line-height: 0.6rem; display: block; margin: 0px 0.1rem; text-align: center; border: 1px #ddd solid; border-radius: 0.3rem; }

.topmenu ul li dl.sel dd { display: block; }
.topmenu ul li dl.sel dt em { transform: rotate(180deg); transition: all 0.5s; }
.topmenu ul li dl.nochild dt em { transform: rotate(-90deg); }

.top a.homebtn.open em.b { transform: rotate(-45deg); bottom: 1px; }
.top a.homebtn.open em.m { display: none }
.top a.homebtn.open em.t { transform: rotate(45deg); top: 1px; }


.child_214 {display:none!important}


/* 首页导航内页*/

.childMenu { position: fixed; top: 0.45rem; right: 0px; width: 100%; height: 100%; z-index: 998; overflow: hidden; display: none; background: #fff; }
.childMenu ul { }
.childMenu ul li { }
.childMenu ul li.bg { position: fixed; top: 0rem; left: 0px; right: 0px; bottom: 0px; z-index: 997; }
.childMenu ul li.list { width: 100%; height: 100%; top: 0.2rem; position: relative; opacity: 0.9; z-index: 998; padding: 0px 30px }
.childMenu ul li.list p { }
.childMenu ul li.list p a { display: block; color: #999; line-height: 0.4rem; overflow: hidden; font-size: 16px; font-weight: 100; }
.childMenu ul li.list p a em { color: #333; font-size: 20px; font-weight: 700; padding-right: 0.1rem }

.childMenu ul li.list p a.sel { }
.childMenu ul li.list p a.child { background: #f5f5f5; font-size: 12px; white-space: nowrap; color: #000; display: none; }
.childMenu ul li.list p a.jsshow { display: block; }

.childMenu ul li.list p a.parent { background: url(../images/down.png) no-repeat 10px center; background-size: auto 50%; color: #fff; }
.childMenu ul li.list p a span.child { font-weight: normal; padding-left: 0px; }







/* 首页轮播海报*/
.index_banner { height:10.7rem;overflow:hidden}
.index_banner :root { --swiper-theme-color: #746056!important; }
.index_banner .swiper-container { }
#indexpage { width:100%; }
.index_banner .banner_tp { background: url(/3g/img/banner.jpg)no-repeat; height: 10.72rem; background-size: 100% auto }
.index_banner .banner_tp a { display: block; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 52%; }
.index_banner .banner_tp a b { font-size: 0.48rem; color: #ffffff; display: block; line-height: 0.55rem }
.index_banner .banner_tp a span  { font-size: 0.3rem; color: #ffffff;display:block;padding-top:0.2rem }
.index_banner .banner_tp a em { font-size: 0.3rem; color: #000000; display: inline-block; margin-top: 0.25rem ;background:#fff;padding:0.2rem 0.55rem}
.index_banner .banner_tp img { max-width: 100%; height: 10.72rem }

.index_banner .banner_tp1 { background: url(/3g/img/banner1.jpg)no-repeat; height: 10.72rem; background-size: 100% auto }
.index_banner .banner_tp1 a { display: block; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%;text-align:center }
.index_banner .banner_tp1 a b { font-size: 0.48rem; color: #ffffff; display: block; line-height: 0.55rem }
.index_banner .banner_tp1 a span { font-size: 0.3rem; color: #ffffff; display: block; padding-top: 0.2rem }
.index_banner .banner_tp1 a em { display:inline-block;border-bottom:0.05rem #fff solid ;width:1.56rem; }
.index_banner .banner_tp1 img { max-width: 100%; height: 10.72rem }



.index_banner .banner_tp2 { background: url(/3g/img/banner2.jpg)no-repeat; height: 10.72rem; background-size: 100% auto }
.index_banner .banner_tp2 a { display: block; position: absolute; top: 23%; transform: translate(-50%,-50%); left: 56%; width: 100%; }
.index_banner .banner_tp2 a b { font-size: 0.48rem; color: #ffffff; display: block; line-height: 0.55rem }
.index_banner .banner_tp2 a span { font-size: 0.3rem; color: #ffffff; display: block; padding-top: 0.2rem }
.index_banner .banner_tp2 a em { font-size: 0.3rem; color: #000000; display: inline-block; margin-top: 0.25rem; background: #fff; padding: 0.2rem 0.55rem }
.index_banner .banner_tp2 img { max-width: 100%; height: 10.72rem }


.index_banner .banner_tp3 { background: url(/3g/img/banner3.jpg)no-repeat; height: 10.72rem; background-size: 100% auto }
.index_banner .banner_tp3 a { display: block; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; text-align: center }
.index_banner .banner_tp3 a b { font-size: 0.7rem; color: #ffffff; display: block; line-height: 0.55rem ;padding-bottom:0.4rem}
.index_banner .banner_tp3 a span { font-size: 0.3rem; color: #ffffff; display: block; padding-bottom: 0.3rem }
.index_banner .banner_tp3 a em { display: inline-block; font-size: 0.24rem; color: #ffffff;border-bottom:1px #fff solid;height:0.3rem}
.index_banner .banner_tp3 img { max-width: 100%; height: 10.72rem }





/* 首页产品*/
.index_product { background: #746056; padding-bottom: 0.3rem; position: relative }
.index_product p { width: 95%; margin: 0 auto }
.index_product p b { font-size: 0.4rem; color: #e4e0df; display: block; text-align: center; padding-bottom: 0.18rem }
.index_product p span { font-size: 0.38rem; color: #ffffff; display: block; text-align: center; padding-bottom: 0.18rem }
.index_product p img { width: 4.12rem; display: block; margin: 0 auto; padding-bottom: 0.1rem }
.index_product p em { font-size: 0.2rem; color: #ffffff; display: block; text-align: center; line-height: 0.3rem; padding-bottom: 0.3rem }
.index_product .index_productbk {position:relative}
.index_product .index_productbk .index_productbox { overflow: hidden }
.index_product .index_productbk { width: 95%; background-color: #9b7765; padding: 0.3rem; }
.index_product .index_productbk img { max-width: 100% }
.index_productbox .swiper-button-next1, .swiper-container-rtl .swiper-button-prev1 { background: url(/3g/img/product_btnn.png)no-repeat center center; height: 0.3rem; background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.43rem;position:absolute;z-index:9999;right:0rem }
.index_productbox .swiper-button-prev1 { background: url(/3g/img/product_btnp.png)no-repeat center center; height: 0.3rem; background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.43rem; position: absolute; z-index: 9999 ;left:0rem}

.index_productbox .swiper-button-next1, .swiper-button-prev1 { top: 45%!important}
.index_productbox .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { }
.index_productbox .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none }
.index_productbox .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none }



:root { --swiper-theme-color: #000!important; }
/* 首页品牌*/
.index_brand { padding-left: 0.36rem; padding-right: 0.36rem }
.index_brand h1 { }
.index_brand h2 { }
.index_brand ul { overflow: hidden; padding-bottom: 0.46rem }
.index_brand ul li { width: 33.33%;float:left }
.index_brand ul li dl { width: 93%; background: #9b7765; margin: 0 auto }
.index_brand ul li dl dd img { width: 1.15rem; display: block; margin: 0 auto; padding-top: 0.3rem }
.index_brand ul li dl dd span { display: block; font-size: 0.3rem; color: #ffffff; text-align: center; padding-top: 0.22rem; padding-bottom: 0.45rem }
.index_brand p { width: 93%; margin: 0 auto; padding-bottom: 0.46rem }
.index_brand p span { font-size: 0.3rem; color: #333333; display: block; text-align: justify; line-height: 0.46rem }

/* 首页更多*/
.more_btn { text-align: center }
.more_btn a { background: #9b7765; display: inline-block; font-size: 0.26rem; color: #101111; padding: 0.25rem 0.85rem }


/* 首页新闻*/
.index_news { background-image: url(/3g/img/index_news01.jpg); height: 11rem; background-size: 100% auto; margin-top: 0.5rem }
.index_news p { padding-top: 0.5rem; padding-left: 0.25rem }
.index_news p i { display: block; border-bottom: 1px #ffffff solid; width: 2.5rem; }
.index_news p span { display: block; font-size: 0.6rem; color: #ffffff; padding-top: 0.4rem; padding-bottom: 0.4rem }
.index_news p em { font-size: 0.3rem; color: #ffffff }

.index_newsbk { padding-top: 0.5rem;padding-left:0.36rem;padding-right:0.36rem }
.index_newsbk img { max-width: 100% }
.index_newsbk p { background: #fff; padding: 0.25rem }
.index_newsbk p strong { font-size: 0.36rem; color: #00000d; display: block; line-height: 0.6rem; padding-bottom: 0.25rem }
.index_newsbk em { font-size: 0.25rem; color: #666666 !important; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.index_news .more_btn { padding-top: 0.6rem }
.index_news .more_btn a { background: rgba(155, 155, 155, 0.6); color: #ffffff }
/* 图册内页*/

.menu { position: fixed; height: 0.45rem; margin: auto; left: 0; right: 0; top: 0; z-index: 99; border-bottom: 1px #ddd solid; }
.menu::after { content: ''; background: #fff; height: 0.45rem; left: 0; right: 0; top: 0; z-index: 0; position: fixed; }
.menu ul { position: relative; z-index: 99; }
.menu ul li.clstitle { position: relative; width:100%}

.menu ul li.clstitle h2 { color: #272727; text-align: center; font-size: 0.16rem; line-height: 0.45rem; }
.menu ul li.clstitle a.a-prev { font-size: 0.14rem; font-weight: lighter; float: left; color: #008cd7; line-height: 0.45rem;; }
.menu ul li.clstitle a.a-cn { font-size: 0.2rem; line-height: 0.25rem; font-weight: lighter; color: #272727; position: absolute; top: 0.1rem; left: 0.05rem; }
.menu ul li.clstitle h2 img { height: 0.35rem; margin-top: 0.05rem; }
.menu ul li.clstitle a.a-next { font-size: 0.2rem; line-height: 0.15rem; font-weight: lighter; color: #272727; position: absolute; top: 0.15rem; right: 0.1rem; height: 0.15rem; }

.menu ul li.clstitle a em.x1 { width: 25px; height: 0.035rem; background: #000; display: block; margin: 0.02rem; border-radius: 0.02rem; position: relative }
.menu ul li.clstitle a em.x2 { width: 25px; height: 0.035rem; background: #000; display: block; margin: 0.02rem; border-radius: 0.02rem; position: relative }

.menu ul li.clstitle a.sel em.x1, .menu ul li.clstitle a:hover em.x1 { transform: rotate(45deg); top: 0.04rem; animation: emmovex1 0.5s forwards; }
.menu ul li.clstitle a.sel em.x2, .menu ul li.clstitle a:hover em.x2 { transform: rotate(-45deg); top: -0.015rem; animation: emmovex1 0.5s forwards; }








/* 首页专卖店*/

.index_shopbk { background: #746056; position: relative;padding-bottom:4.5rem }
.index_shopbk h1 { color: #ffffff }
.index_shopbk h2 { color: #ffffff }

.index_shopbk .index_shop img { max-width: 100% }
.index_shopbk .index_shopwz { overflow: hidden; padding: 0.46rem 0.3rem 0.3rem 0.3rem }
.index_shopbk .index_shopwz p { float: left; width: 50%; padding-bottom: 0.2rem; }
.index_shopbk .index_shopwz p a { display: block; background: #fdf9ed; padding: 0.25rem; font-size: 0.28rem; color: #333333; width: 94%; margin: 0 auto }


.index_shopbk .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; padding: 0.5rem; font-size: 0.26rem; color: #333333;  width: 44%; border-radius: 0rem; background: url(/3g/img/index_shopwz01.jpg)no-repeat  0.1rem center   #fdf9ed;margin-bottom:0.2rem;line-height:0rem;padding-left:0.6rem ;float:left}
.index_shopbk .swiper-pagination {text-align:left}

.index_shopbk .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left:0.3rem;bottom:0.4rem;overflow:hidden}




.shop_btnp { background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.25rem; position: absolute; top: 7rem; z-index: 9999; left: 0.2rem }
.shop_btnp img { width: 0.42rem }

.shop_btnn { background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.25rem; position: absolute; top: 7rem; z-index: 9999; right: 0.2rem }
.shop_btnn img { width: 0.42rem }


.hight { height: 0.1rem }


/* 关于我们 */
.box { padding-left: 0.3rem; padding-right: 0.3rem }
.about_box .about_video {z-index:9999}
.about_box .about_video img { max-width: 100%; }
.about_box .about_wz .about_nr img { max-width: 100%; padding-bottom: 0.3rem }
.about_box .about_wz .about_nr p { font-size: 0.25rem; color: #000000; display: block; line-height: 0.45rem; text-align: justify; padding-bottom: 0.3rem; text-indent: 2em }
.about_box .about_wz p img { max-width: 100% }
.about_box .about_wz p i { display: inline-block; border-bottom: 2px #000000 solid; width: 2.6rem; margin-bottom: 0.25rem; margin-top: 0.6rem }
.about_box .about_wz p em { font-size: 0.6rem; color: #282828; display: block; margin-bottom: 0.25rem }
.about_box .about_wz p span { font-size: 0.3rem; color: #282828; display: block; padding-bottom: 0.6rem }



/* 发展历史 */

.about_history { background: #121212; }
.about_history p i { display: inline-block; border-bottom: 2px #ffffff solid; width: 2.6rem; margin-bottom: 0.25rem; margin-top: 0.6rem }
.about_history p em { font-size: 0.48rem; color: #ffffff; display: block; margin-bottom: 0.25rem }
.about_history p span { font-size: 0.3rem; color: #ffffff; display: block; padding-bottom: 0.6rem }


.about_history .history_nr { }
.about_history .history_nr ul { overflow: hidden }
.about_history .history_nr ul li { background: #746056; padding: 0.35rem 0.3rem 0.35rem 0.3rem; width: 100%; margin-top: 0.1rem }
.about_history .history_nr ul li dl { overflow: hidden }
.about_history .history_nr ul li dl dd.fl { width: 25% }
.about_history .history_nr ul li dl dd.fl span { font-size: 0.35rem; color: #ffffff; display: block; line-height: 0.5rem }
.about_history .history_nr ul li dl dd.fr { width: 75% }
.about_history .history_nr ul li dl dd.fr em { font-size: 0.25rem; color: #ffffff; display: block; line-height: 0.3rem }

.history_btn { padding-top: 0.3rem; padding-bottom: 0.3rem }
.history_btn a { display: block; font-size: 0.25rem; color: #fff; text-align: center; }

/* 企业文化 */
.about_culture ul { overflow: hidden; padding-bottom: 0.3rem }
.about_culture ul li { background: #746056; width: 100%; padding: 0.3rem 0.4rem; margin-top: 0.3rem }
.about_culture ul li span { font-size: 0.3rem; color: #ffffff; text-align: center; display: block; padding-bottom: 0.35rem }
.about_culture ul li em { font-size: 0.22rem; color: #ffffff; display: block; text-align: center; padding-bottom: 0.1rem }
.about_culture ul li b { font-size: 0.22rem; color: #ffffff; display: block; line-height: 0.35rem; text-align: center }



/* 鞋款风格 */
.aboutcontent_img { position: relative }
.aboutcontent_img img { max-width: 100% }


.aboutcontent_title { position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); text-align: center; color: #fff; }
.aboutcontent_title strong { display: block; font-size: 0.35rem; font-weight: normal; padding-bottom: 0.1rem }
.aboutcontent_title span { display: block; font-size: 0.4rem; }



.prolistcatebox ul { overflow: hidden; display: flex; }
.prolistcatebox ul li { width: 25%;  flex: 1; line-height: 0.2rem; float: left; text-align: center; margin: 0.2rem 0px }
.prolistcatebox ul li a { color: #272727; border: 1px #ddd solid; height: 0.5rem; display: block; line-height: 0.5rem ;font-size:0.3rem}



.prolistbox { position: relative; margin-top: 0.05rem;padding-bottom:0.3rem }
.prolistbox ul { overflow: hidden; }
.prolistbox ul li { float: left; width: 50%; }
.prolistbox ul li a { display: block; margin: 0.025rem; border: 1px #ddd solid; }
.prolistbox ul li img { max-width: 100%; height: 5rem; }

/* 新闻中心 */

.newsmenu ul { overflow: hidden; margin: 0.2rem 0.4rem; border-radius: 0.1rem; background: #ffffff; border: 1px #746056 solid; }
.newsmenu ul li { width: 50%; text-align: center; background: #ffffff; }
.newsmenu ul li a { display: block; font-size: 0.25rem; color: #000000; padding-top: 0.2rem; padding-bottom: 0.2rem }
.newsmenu ul li a:hover, .newsmenu ul li a.sel { background: #746056; color: #ffffff }

.newstruelist ul { overflow: hidden }
.newstruelist ul li { padding-bottom: 0.32rem }
.newstruelist ul li dl dd i { display: block; height: 4.36rem; overflow: hidden }
.newstruelist ul li dl dd i img { max-width: 100%; }
.newstruelist ul li dl dt { overflow: hidden; padding-top: 0.26rem; padding-bottom: 0.26rem; border-bottom: 1px #e2e2e2 solid }
.newstruelist ul li dl dt span { display: block; font-size: 0.36rem; text-align: center; padding-bottom: 0.3rem; }
.newstruelist ul li dl dt b { display: block; float: left; color: #666666; font-size: 0.25rem; padding-left: 2rem }
.newstruelist ul li dl dt em { display: block; float: left; color: #666666; font-size: 0.25rem; padding-left: 0.7rem; padding-right: 0.2rem }
.newstruelist ul li dl dt em img { width: 0.35rem; }

/* 新闻详情 */
.newscontent p img { max-width: 100% }
.newsbody { padding: 0px 10px; line-height: 1.8; color: #1a1a1b; text-align: justify; }

.newsbody h2 { text-align: center; font-size: 24px; color: #222; line-height: 40px; }
.newsbody h3 { text-align: center; color: #9b9b9b; line-height: 30px; }
.newsbody h4 { text-align: center; }
.newscontent { font-size: 14px; color: #666666; padding-top: 30px; }
.newscontent strong { color: #222222; }
.newscontent img { max-width: 100%; height: auto !important; margin: 0px auto; display: block; }
.newscontent iframe { width: 100% }

/* 加盟文字英文 */
.join_em { font-size: 0.38rem; color: #ffffff; display: block; text-align: center; padding-top: 0.55rem; padding-bottom: 0.22rem }
.join_cn { font-size: 0.32rem; color: #ffffff; display: inline-block; text-align: center; border-bottom: 1px #ffffff solid; padding-bottom: 0.2rem; margin-bottom: 0.45rem }
/* 加盟品牌合作 */

.about_cooperation { background: #746056 ;}
.about_cooperation p { text-align: center }
.cooperation_nr img { max-width: 100%; padding-top: 0.5rem; padding-bottom: 0.2rem }
.cooperation_nr p { font-size: 0.22rem; color: #fefefe; display: block; line-height: 0.35rem; text-indent: 2em; padding-left: 0.28rem; padding-right: 0.28rem; text-align: left }

/* 加盟品牌优势 */
.about_advantage { background: #000000 }
.about_advantage p { text-align: center }
.about_advantage .advantage_tp { }
.about_advantage .advantage_tp ul { overflow: hidden; }
.about_advantage .advantage_tp ul li { text-align: center; float: left; width: 25% }
.about_advantage .advantage_tp ul li img { width: 1.3rem }
.about_advantage .advantage_tp ul li span { font-size: 0.12rem; color: #fff; display: block; padding-left: 0.2rem; padding-right: 0.2rem; line-height: 0.3rem; padding-top: 0.1rem }

.about_advantage .advantage_tp1 {padding-bottom:0.55rem }
.about_advantage .advantage_tp1 ul { overflow: hidden; }
.about_advantage .advantage_tp1 ul li { text-align: center; float: left; width: 25% }
.about_advantage .advantage_tp1 ul li i {display:block;height:0.9rem}
.about_advantage .advantage_tp1 ul li i.img img {padding-top:0.15rem}
.about_advantage .advantage_tp1 ul li img { }
.about_advantage .advantage_tp1 ul li span { font-size: 0.12rem; color: #fff; display: block; padding-left: 0.2rem; padding-right: 0.2rem; line-height: 0.3rem; padding-top: 0.1rem }





.about_advantage .advantage_wz p { font-size: 0.22rem; color: #ffffff; display: block; line-height: 0.45rem; padding-top: 0.5rem; padding-bottom: 0.5rem }
.about_advantage .advantage_wz p img { width: 5rem }
/* 加盟经销流程 */
.about_advantage .about_process { background: #fff }
.about_advantage .about_process p img { max-width: 100%; padding-bottom: 0.3rem }
.about_advantage .about_process p em.join_em { color: #000 }
.about_advantage .about_process p span.join_cn { color: #000; border-bottom: 1px #000 solid; }


/* 加盟经营申请 */


.join_us { overflow: hidden;padding-left:0.3rem;padding-right:0.3rem;padding-bottom:0.3rem }
.join_input { overflow: hidden }
.join_input ul { overflow: hidden }
.join_input li { float: left; width: 50%; padding-bottom: 0.3rem }
.join_input li input.txt { border: 0px; line-height: 0.55rem; font-size: 0.22rem; width: 95%; margin: 0px auto; padding-left: 5%; }
.join_text li textarea { border: 0px; height: 0.5rem; font-size: 0.22rem; border: 1px #b8b8b8 solid; border-radius: 0.03rem; display: block; width: 97%; padding-left: 3%;padding-top:0.1rem }
.join_input li input.btn { background: #fff; margin: 0px auto; display: block; line-height: 0.3rem; width: 1rem; border-radius: 30px; height: 0.3rem; font-size: 0.11rem; text-align: center; border: 1px #454a50 solid; color: #454a50; }
.join_input li dl { display: flex; border: 1px #b8b8b8 solid; border-radius: 0.1rem; margin-bottom: 0.28rem; overflow: hidden; background: #ffffff; width: 90%; margin: 0 auto }
.join_input li dl dt { line-height: 0.38rem; border-right: 1px #ddd solid; color: #8f969e; padding: 0.12rem }
.join_text li em { margin: 0.025rem; display: block; }
.join_btn li input.btn { background: #746056; margin: 0.1rem auto; display: block; line-height: 0.5rem; width: 3.13rem; border-radius: 0.05rem; height: 0.5rem; font-size: 0.24rem; text-align: center; border: 0px; color: #fff; margin-top: 0.35rem; margin-bottom: 0.35rem }

.join_us ul.join_text { overflow: hidden; }
.join_us ul.join_text li { width: 100%; margin: 0 auto }
.join_us ul.join_text li textarea { background: #fff; margin: 0 auto; border-radius: 0.1rem; height: 1.2rem; width: 96%; }

.join_us ul.join_btn li { width: 100%; color: #fff; text-align: center; font-size: 0.18rem; line-height: 0.3rem }



/* 加盟全国门店形象 */
.about_shop { background: #fff ;overflow:hidden}
.about_shop p.wz { padding-left: 0.3rem }
.about_shop p em.join_em { display: block; text-align: left; color: #282828; font-weight: bold; padding-top: 0.28rem }
.about_shop p span.join_cn { display: block; text-align: left; color: #282828; font-size: 0.24rem; margin-bottom: 0.08rem }

.index_shopbk {overflow:hidden}
.index_shopbk .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(/3g/img/product_btnn.png)no-repeat center center; height: 0.3rem; background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.43rem; }
.index_shopbk .swiper-button-prev { background: url(/3g/img/product_btnp.png)no-repeat center center; height: 0.3rem; background-color: rgba(0, 0, 0, 0.6); display: inline-block; padding: 0.43rem; }

.index_shopbk .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none }
.index_shopbk .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none }

.index_shopbk .swiper-button-next, .swiper-button-prev { }
/* 加盟运营中心 */
.about_operating { background: #746056; margin: 0.28rem }
.about_operating p.wz { padding-top: 0.6rem; padding-bottom: 0.6rem }
.about_operating p.wz b { font-size: 0.42rem; color: #ffffff; display: block; font-weight: bold; text-align: center; padding-bottom: 0.2rem }
.about_operating p.wz em { font-size: 0.26rem; color: #ffffff; display: block; text-align: center }

.about_operating .operating_wz ul { overflow: hidden; padding-left: 0.3rem; padding-right: 0.3rem }
.about_operating .operating_wz ul li { float: left; width: 33.33% }
.about_operating .operating_wz ul li dl { width: 90%; margin: 0 auto }
.about_operating .operating_wz ul li dl dt { border-bottom: 1px #ffffff solid; margin-bottom: 0.1rem }
.about_operating .operating_wz ul li dl dt img { max-width: 100%; display: block; margin: 0 auto; padding-bottom: 0.16rem }
.about_operating .operating_wz ul li dl dd span { font-size: 0.2rem; color: #ffffff; display: block; text-align: center; padding-bottom: 0.16rem }
.about_operating .operating_wz ul li dl dd em { font-size: 0.25rem; color: #ffffff; display: block; text-align: center; line-height: 0.3rem }

.about_operating .operating_btn { padding-bottom: 0.6rem }
.about_operating .operating_btn img { width: 1.5rem; display: block; margin: 0 auto }

.about_operating .operating_btn span { display: block; text-align: center; font-size: 0.16rem; color: #fff; padding-top: 0.3rem }

/* 人力资源 */

.hrdiv { width: 100%; margin: 0px auto; margin-top: 0px; overflow: hidden;padding-top:0.3rem;padding-bottom:0.3rem }
.hrdiv ul.hrhead { background: #444; line-height: 0.8rem; height: 0.8rem; }
.hrdiv ul.hrhead li { text-align: left; display: flex; float: none }
.hrdiv ul.hrhead li span { color: #ffffff; font-size: 0.25rem; flex: 1; text-align: center }
.hrdiv ul.hrhead li span:first-child { width: 35%; }

.hrdiv ul.hrlist li.data { padding: 0px 0.2rem; float: none }
.hrdiv ul.hrlist li.data table { width: 100% }
.hrdiv ul.hrlist li.data .data_btn { font-size: 0.2rem; height: 0.4rem; line-height: 0.4rem; background: #272727; border-radius: 0.1rem; color: #fff; text-align: center; margin-top: 0.1rem; cursor: pointer; display: inline-block; padding-left: 0.3rem; padding-right: 0.3rem }

.hrdiv ul.hrlist li.tit { height: 0.7rem; line-height: 0.7rem; border-bottom: 1px #ddd solid; cursor: pointer; overflow: hidden; display: flex; float: none }
.hrdiv ul.hrlist li.tit span { color: #666; font-size: 0.25rem; display: block; flex: 1; text-align: center; }
.hrdiv ul.hrlist li.tit span:first-child { width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hrdiv ul.hrlist li.tit span.sjwz { font-size: 0.02rem; }

.hrdiv ul.hrlist li.data table { text-align: center; line-height: 0.35rem }

.hrdiv ul.hrlist li.data table tbody tr td b { font-size: 0.3rem; font-weight: bold }
.hrdiv ul.hrlist li.data { padding: 0.2rem; background: #f5f5f5; color: #666; text-align: left; }
.hrdiv ul.hrlist li.data td { text-align: left; font-size: 0.2rem }
.hrdiv ul.hrlist li.data .data_detail { line-height: 1.5; }
.hrdiv ul.hrlist li.data .data_detail p { font-size: 0.25rem }
.hrdiv ul.hrlist li.data .data_detail h3 { font-size: 0.25rem; font-weight: bold; }

.hrdiv ul.hrlist {display:none}
.hrbook { position: fixed; top: 0.45rem; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: none; }
.hrbg { content: ''; background: #000; opacity: 0.8; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; }
.hrbox { overflow: hidden; z-index: 99; background: #fff; padding: 0.4rem; border-radius: 0.1rem; position: absolute; top: 50%; transform: translate(-50%,-50%);left:50%;width:95% }
.hrbox .lefttitle { height: 0.3rem; line-height: 0.3rem; text-align: left; font-size: 0.4rem; }
.hrbox .lefttitle span { float: right; position: relative; font-size: 0.35rem; cursor: pointer; }
.hrbox .leftdec { line-height: 0.35rem; text-align: left; font-size: 0.12rem; color: #bababa; margin: 0.1rem auto; }
.hrbox ul { overflow: hidden; margin-top: 0.1rem }
.hrbox ul li { width: 50%; float: left; font-size: 0.25rem; line-height: 0.2rem; margin-bottom: 0.2rem; color: #666; }
.hrbox li input.txt { line-height: 30px; width: 90%; font-size: 14px; margin: 0px auto; padding-left: 5%; color: #666; border: 1px #ddd solid; }
.hrbox li input.files { border: none; }
.hrbox li.muti { width: 100%; clear: both; text-align: left; }
.hrbox li.muti input { width: 100%; margin: 0px auto; display: block; padding-left: 5%; margin-top: 0.2rem }
.hrbox li textarea { padding-top: 0.1rem; width: 100%; height: 0.4rem; padding-left: 5%; font-size: 0.2rem; color: #666; border: 1px #ddd solid; height: 2rem }
.hrbook li input.btn { background: #231815; line-height: 0.6rem; padding: 0px 0.2rem; height: 0.6rem; font-size: 0.25rem; text-align: center; border: none; color: #fff; margin: 0.05rem auto; }

/* 联系我们 */
.contact_us { background: #746056; padding-bottom: 0.48rem ;}
.contact_us p.tit { font-size: 0.3rem; color: #ffffff; font-weight: normal; display: block; text-align: center; padding-top: 0.5rem; padding-bottom: 0.2rem }
.contact_us p { font-size: 0.24rem; color: #ffffff; display: block; text-align: center; padding-bottom: 0.15rem }
.contact_us p img { width: 1.55rem; display: block; margin: 0 auto; padding-top: 0.5rem }
.contact_us p em { font-size: 0.18rem; color: #fff; display: block; padding-top: 0.1rem }


/* 联系我们*/

.gbdiv { background: #fff; padding-bottom: 0px; padding: 0px 0.1rem; }
.footerbg1 img { width: 100%; }
.guestbook { width: 100%; max-width: 100%; margin: 0px auto; padding: 0.1rem 0px;overflow:hidden;padding:0.2rem ;margin-bottom:0.2rem}
.guestbook .righttitle { height: 100px; line-height: 100px; text-align: center; font-size: 40px; }
.guestbook .rightdec { height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #bababa; margin-bottom: 50px; }
.guestbook li { font-size: 0.3rem; clear: both; overflow: hidden; color: #464a53; padding-top: 0.2rem;line-height:0.35rem;float:none }
.guestbook li b { font-weight: normal; display: block; width: 20%; float: left; text-align: right; }
.guestbook li p { width: 50%; display: block; float: left; }
.guestbook li input.txt { border: 0px; border-bottom: 1px #b8b8b8 solid; line-height: 0.8rem; font-size: 0.12rem; width: 95%; margin: 0px auto; font-size:0.25rem}
.guestbook li textarea { border: 0px; padding-top: 10px; width: 99%; height: 0.8rem; font-size: 0.25rem; border-bottom: 1px #b8b8b8 solid;line-height:0.5rem }
.guestbook li input.btn { background: #fff; margin: 0px auto; display: block; line-height: 0.3rem; width: 2rem; border-radius: 30px; height: 0.7rem; font-size: 0.11rem; text-align: center; border: 1px #454a50 solid; color: #454a50; }
/* 品牌故事 */
.brand_story {background: #746056;padding-bottom:1rem }
.brand_story p img {max-width:100%;padding-top:0.7rem}
.brand_story p em { font-size: 0.25rem; color: #fff; display: block; text-align: center; padding-top: 1rem }
.brand_story p i {border-left:2px #fff solid;display:block;height:0.6rem;margin:0 auto;text-align:center;width:0.1rem;margin-top:0.35rem;margin-bottom:0.35rem}
.brand_story p b {display:block;font-weight:bold;font-size:0.38rem;color:#fff;text-align:center}

.brand_story ul {overflow:hidden}
.brand_story ul li {float:none}
.brand_story ul li span { display: block; font-size: 0.38rem; color: #fff; text-align: center;padding-top:0.6rem ;padding-bottom:0.2rem}
.brand_story ul li em { display: block; font-size: 0.38rem; color: #fff ;text-align:center}
.brand_story ul li i img {width:3.06rem;display:block;margin:0 auto;padding-top:0.55rem}



/* 品牌视频 */
.brand_video { background: url(../img/about_1_20.jpg) no-repeat; min-width: 100%; position: relative; }
.brand_video ul { padding: 0px; }
.brand_video ul li.tit { color: #d0c4ac; font-size: 0.3rem; line-height: 0.2rem; padding: 0.35rem 0px; text-align: center;float:none }
.brand_video ul li.video { width: 95%; margin: 0px auto;float:none }
.brand_video ul.other_video { }
.brand_video ul.other_video li.tit { font-size: 14px; padding: 0px;float:none }


.brand_video ul.other_video li.up em { transform: rotate(180deg); }

.brand_video ul.other_video li.list { background: rgba(0, 0, 0, 0.5); overflow: hidden; display: flex;width:100%;float:none }
.brand_video ul.other_video li.list dl { flex: 1; color: #d0c4ac; padding: 10px 20px; }
.brand_video ul.other_video li.list dl dd { line-height: 30px; font-size: 0.11rem;text-align:center }
.brand_video ul.other_video li.list dl img {max-width:100%}

/* 品牌专卖店 */


.shoplist { background: #746056; overflow: hidden; padding-top:0.7rem ;padding-bottom:0.7rem}
.shoplist .shop-title p b {font-size:0.68rem;color:#fff;display:block;text-align:center}
.shoplist .shop-title p span  { font-size: 0.35rem; color: #fff; display: block; text-align: center ;padding-top:0.28rem;padding-bottom:0.28rem}
.shoplist .shop-title p em { font-size: 0.2rem; color: #fff; display: block; text-align: center; line-height: 0.3rem }

.shoplist .shop-swiper-container { padding-top: 0.5rem; position: relative; }
.shoplist .shop-swiper-container .swiper-slide { background: #fff; }
.shoplist .shop-swiper-container .swiper-slide a { display: block; height: 100%; overflow: hidden; margin: 0px 0.03rem; }
.shoplist .shop-swiper-container .swiper-slide a img { width: 100%; }
.shoplist .shop-swiper-container .swiper-slide p { display: block; background: #d0c4ac; font-size: 0.25rem; color: #666; line-height: 0.8rem; height: 0.8rem; overflow: hidden; margin: 0px 0.03rem; text-align: center; }
.shoplist .shop-swiper-container img { max-width: 100%; margin: 0px auto; }
.shoplist .shop-swiper-button { position: absolute; top: 45%; width: 40px; height: 40px; z-index: 999; color: #fff; line-height: 40px; font-size: 14px; text-align: center; }
.shoplist .shop-swiper-button a { display: block; width: 100%; height: 100%; color: #666; background: #eee; border-radius: 50%; border: 1px #ddd solid; }
.shoplist .shop-swiper-button a:hover { color: #fff; background: #666; }
.shoplist .shop-swiper-button-next { right: -10px; }
.shoplist .shop-swiper-button-prev { left: -10px; }





/* 新闻查看更多 */
.showMorehandle { background: #746056; color: #fff; font-weight: bold; font-size: 14px; line-height: 33px; height: 33px; text-align: center; width: 100%; margin: 0; padding: 0px; margin-top: 0.2rem; margin-bottom: 0.5rem }
/* 内页海报 */
.about_banner { height: 4.24rem; background-size: 100% auto !important }
.about_banner p span { font-size: 0.35rem; color: #ffffff; display: block; text-align: center; padding-top: 1.8rem }
.about_banner p em { font-size: 0.5rem; color: #ffffff; display: block; text-align: center; padding-top: 0.2rem }

/* 首页底部导航*/
.indexbotton { background: #000000; }

.indexbotton ul.wz { overflow: hidden; }
.indexbotton ul.wz li { text-align: center }
.indexbotton ul.wz li a { color: #ffffff; line-height: 0.6rem; display: block; width: 25%; float: left; border-bottom: 1px #2a2a2a solid; font-size: 0.3rem }
.indexbotton ul.bah li { text-align: center; line-height: 0.3rem; float: none }
.indexbotton ul.bah { overflow: hidden }
.indexbotton ul.bah li span { color: rgba(255, 255, 255, 0.5); font-size: 0.16rem; display: block; padding-bottom: 0.1rem }
.indexbotton ul.bah { padding-top: 0.3rem; padding-bottom: 0.3rem }
/* 底部*/
.footer { border-top: 1px solid #ebe7ea; float: left; width: 100%; padding: 0.15rem 0; }
.footer ul {overflow:hidden}
.footer ul li { width: 25%; text-align: center; float: left }
.footer ul li i { width: 0.49rem; height: 0.49rem;font-size:0.5rem;color:#000 ;}
.footer ul li i.ico-i1 { }
.footer ul li i.ico-i2 { }
.footer ul li i.ico-i3 { }
.footer ul li i.ico-i4 { }
.footer ul li span { display: block; font-size: 0.2rem; margin-top: 0.1rem;color:#000 }


/*# sourceMappingURL=style.css.map */
.logo { margin-top: 2.28rem; }
.logo img { width: 2rem; margin: 0px auto; display: block; }
.register { background-image: url('../images/reg_bg.jpg'); height: calc(100vh - 5.1rem); overflow: hidden; background-size: 100% 100%; }

.register ul { width: 4.36rem; margin: 0px auto; padding-top: 0.7rem; }
.register ul li.regbox { line-height: 0.88rem; font-size: 0.3rem; color: #a5a5a5; }
.register ul li.regbox input.loginClass[type=text] { background: none; border: none; color: #a5a5a5; height: 0.88rem; line-height: 0.88rem; }
.register ul li.regbox dl { border-bottom: #a5a5a5 1px solid; display: flex; }
.register ul li.regbox dl dt { flex: 1; width: 1.4rem; }

.register ul li.regother { overflow: hidden; line-height: 0.64rem; width: 100%; }
.register ul li.regother a { color: #b59268; }
.register ul li.regother a.fl { float: left; }
.register ul li.regother a.fr { float: right; }
.dlvcode { position: relative; }
.vcode { position: absolute; right: 0; top: 0.2rem; font-size: 0.12rem; height: 0.5rem; border: 1px #ddd solid !important; display: block; color: #a5a5a5 !important; }
.regbtn .btn { width: 4.35rem; height: 0.75rem; background: #b18d60; display: block; border-radius: 0.325rem; color: #fff; font-size: 0.4rem; margin-top: 0.4rem; }
.xieyi { text-align: center; margin-top: 0.2rem; width: 100%; color: #b18d60; }
.xieyi input { border: 1px #b18d60 solid !important; }
.fixed-bottom-bg { padding-top: 0.01rem; }



/*支持IE9及以上*/
.circle-bar { float: left; font-size: 200px; width: 0.3em; height: 0.3em; position: relative; text-align: center; color: #fff; background-color: #fff; }
.circle-bar-left, .circle-bar-right { width: 0.3em; height: 0.3em; background-color: #bb9c74; }
/*
        这里采用clip剪切了圆，实现左右两个半圆，右半圆在后面，因此在更上一层，
        clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
     */
.circle-bar-right { clip: rect(0,auto,auto,.15em); }
.circle-bar-left { clip: rect(0,0.15em,auto,0); }

.mask { width: 0.28em; height: 0.28em; background-color: #b18d60; text-align: center; line-height: 0.28em; color: rgba(255,255,255,0.5); }
.mask :first-child { font-size: 0.3rem; height: 0.25em; line-height: 0.25em; display: block; }
/*所有的后代都水平垂直居中，这样就是同心re圆了*/
.circle-bar * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
/*自身以及子元素都是圆*/
.circle-bar, .circle-bar > * { border-radius: 50%; }
.loginout { width: 100%; text-align: center; position: fixed; bottom: 0.1rem; }
.loginout a { color: #b18d60; background: #fff; display: block; line-height: 0.45rem; border-radius: 0.2rem; padding: 0px 0.2rem; width: 2rem; margin: 0px auto; }

.layui-layer-dialog { border-radius: 0.2rem; width: 90%; }
.layui-layer-title { display: none; }
.layui-layer-content { text-align: center; padding: 0px !important; font-weight: bold; font-size: 0.3rem !important; line-height: 1rem !important; height: 1rem !important; border-bottom: 1px solid #eee; }
.layui-layer-btn { display: flex; padding: 0px 0px !important; }
.layui-layer-btn a { text-align: center; flex: 1; font-weight: normal !important; font-size: 0.3rem !important; cursor: pointer; height: 0.8rem !important; line-height: 0.8rem !important; color: #b18d60 !important; background: none !important; }
.layui-layer-btn a.layui-layer-btn1 { border-left: 1px #eee solid; }
.layui-layer-dialog .layui-layer-padding { text-align: center !important; }
.layui-layer-prompt .layui-layer-input { margin-top: 0.2rem !important; }
.wulian-wrap .name .pict .pict-ov { position: relative; }
.pict input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }

.wulian-wrap .wude-liang .gglist { line-height: 35px; height: 35px; overflow: hidden; }
.wulian-wrap .wude-liang span { border: none; }

#audio_btn { width: 30px; height: 30px; background: url(../images/musicbg.png) no-repeat; background-size: 100%; position: fixed; right: 0.1rem; bottom: 2rem; }

.rotate { -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -o-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite }

@-webkit-keyframes rotating {
    from { -webkit-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg) }
}

@keyframes rotating {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}

@-moz-keyframes rotating {
    from { -moz-transform: rotate(0) }
    to { -moz-transform: rotate(360deg) }
}

@keyframes muyutoact {
    0% { top: 0rem; }
    50% { top: 0.05rem; }
    100% { top: 0rem; }
}