.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#fa4c06;}
.m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#fa4c06;}
.m_color .mCSB_outside+.mCSB_scrollTools{right: -14px;}

.bg-cover{ background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}
.light { font-weight: 100;}

input,button,textarea{border:none;outline: none;background: none;}

.w_1440{width:14.4rem;max-width: 90%;margin: auto;}
.w_1506{width:15.06rem;max-width: 90%;margin: auto;}
.w_1740{width:17.4rem;max-width: 90%;margin: auto;}

.jie{
 display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line26{line-height: 1.6em;}
.line30{line-height: 1.87em;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}

.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
.w_1506{max-width: 88%;width: 88%}
.w_1740,.w_1440{max-width: 88%;width: 88%}

.light {font-weight: normal;}
}



/*新闻*/
.news_cont{padding: 1.55rem 0 2rem 0;}
.news_top{margin-bottom: 1.1rem}
.news_top dl{overflow: hidden;}
.news_top dt{float: left;width: 48.19%;}
.news_top dd{float: right;width: 43%;padding-right: 0.85rem;padding-top: 0.5rem}
.news_top dd h3{line-height: 1.1em;max-height: 2.2em;margin-bottom: 0.4rem}
.news_top dd p{max-height: 7.48em; -webkit-line-clamp: 4;}
.news_line{width: 0.63rem;height: 1px;background: #000;margin-bottom: 0.4rem}
.news_time{margin-bottom: 0.6rem}


.news_list ul{margin: 0 -0.15rem;overflow: hidden;}
.news_list dl{padding: 0 0.15rem}
.news_list li{float: left;width: 33.23%;margin-bottom: 0.9rem}
.news_list dd h3{line-height: 1.3em;max-height: 2.6em}
.news_list dt{margin-bottom: 0.5rem}
.news_list dd .news_line{width: 0.42rem;margin-bottom: 0.2rem}
.news_list dd .news_time{margin-bottom: 0.2rem}


.modularbtn {text-align: center;padding-top: 0.2rem}
.modularbtn .worm-button {
  display: inline-block;
  position: relative;
}

.modularbtn .worm-button a {
 
 display: block;
 width: 3.05rem;height: 0.66rem;text-align: center;line-height: 1em;
  align-items: center;
  color: #000;
  line-height: 1;
  position: relative;
  z-index: 3;
  transition: .5s;
  box-sizing: border-box;
}

.modularbtn .worm-button::before,
.modularbtn .worm-button::after {
  content: '';
  display: block;
  background: #fa4d09;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: .5s;
  position: absolute;
  z-index: 2;
  box-sizing: border-box;border-radius: 0.2rem
}

.modularbtn .worm-button::before {
  width: 100%;
  border: 1px solid #bbbbbb;
  z-index: 1;
  background: none;
}

.modularbtn .worm-button span {
  display: block;
 
}


.site_banner{color: #fff;position: relative;}
/* .site_banner:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);} */
.site_banner img{width: 100%;}
.siter_text{padding: 0 0.75rem;position: absolute;left: 0;top:5rem;width: 100%;z-index: 5;}
.siter_text .wrap{width: 100%;max-width: 100%}
@media only screen and (max-width:767px) {
 .siter_text{top:auto;bottom: 20px;padding: 0 0.3rem}
.news_cont{padding: 0.5rem 0}
.news_top{margin-bottom: 20px}
.news_top dt,.news_top dd{float: none;width: 100%;padding: 0}
.news_top dt{margin-bottom: 20px}
.news_time{margin-bottom: 10px}
.news_top dd h3{line-height:1.5em;max-height: 3em;margin-bottom: 10px}
.news_line{margin-bottom: 10px}
.news_list li{float: none;width: 100%;margin-bottom: 20px}
.news_list ul{margin: 0}
.news_list dl{padding: 0}
.news_list dt{margin-bottom: 20px}
.news_list dd .news_time{margin-bottom: 10px}
.news_list dd h3{line-height: 1.4em;max-height: 2.8em}
.modularbtn .worm-button a{width: 120px;height: 40px}
}

@media only screen and (min-width:1025px) {
.worm-button.type-bule:hover::before,
  .worm-button:hover::after {
    width: 100%;
  }

.worm-button:hover a{color: #fff !important;}

}

/*线下商超*/
.of_banner{background-position: left top !important;padding-top: 1.9rem;color: #fff;overflow: hidden;}
.of_banner .of_num{width: 9.6rem;max-width: 100%;}
.of_map{width: 11.38rem;margin:auto;max-width: 100%}
.of_title{text-align: center;width: 9.1rem;max-width: 100%;margin: auto;margin-bottom: 0.4rem; }
.of_title h3{line-height: 1em;margin-bottom: 0.35rem}
.of_title p{line-height: 1.62em;}

.pub_title{text-align: center;width: 9.8rem;max-width: 100%;margin: auto;margin-bottom: 0.6rem}
.pub_title h3{line-height: 1em;}
.pub_title .pub_line{margin: 0.35rem auto;width: 0.63rem; height: 1px; background: #fa4c06;}
.pub_title p{line-height: 1.62em;color: #6c6a66;}

.pub_title_le{margin-left: 0;text-align: left;margin-bottom: 0;}
.pub_title_le .pub_line{margin-left: 0;}

.of_num{margin: auto;}
.of_num ul{overflow: hidden;margin: 0 -0.65rem;display: flex; justify-content: center;flex-wrap: wrap;}
.of_num dl{margin: 0 0.65rem}
.of_num li{width: 33.33%;float: left;text-align: center;margin-top: 0.4rem;}
.of_num dd{line-height: 1.5em}
.of_num dt{border-bottom: 1px solid #fff;margin-bottom: 0.25rem;padding-bottom: 0.25rem; height: 0.96rem}
.of_num dt span,.of_num dt i,.of_num dt b{line-height: 1em}

.pub_num4 li{width:25%;}
.pub_num5 li{width:20%;}

.one_banner_text .of_num ul{margin: 0 -0.25rem}
.one_banner_text .of_num dl{margin: 0 0.25rem}

.of_01{padding: 1.1rem 0;}
.of_01 .pub_title{margin-bottom: 0.2rem;}
.of_01 .of_num{width: 5.7rem;margin-bottom: 0.5rem}
.of_01 .of_num ul{margin: 0 -0.5rem;}
.of_01 .of_num dl{margin: 0 0.5rem}
.of_01 .of_num li{width: 50%}
.of_01 .of_num dt{border-color: #fa4c06}

.of_link ul{overflow: hidden;}
.of_link li{width: 16.66%;float: left;margin-bottom: 0.5rem}
.of_link dt{text-align: center;}
.of_link dt img{width: 160px;max-width: 100%}

.of_02{padding: 1.2rem 0 1.37rem 0;background: #edebe8}
.of_02 .of_link li{width: 20%;margin-bottom: 0;}
.of_02 .of_link dt img{width: 100%;}


@media only screen and (max-width:767px) {
  .of_banner{padding-top: 90px;}
.pub_title{width: 100%}
.pub_title .pub_line{margin: 15px auto;}
.pub_title,.of_01 .pub_title{margin-bottom: 20px}
.of_num dd br{display: none;}
.of_num dt{padding-bottom: 10px;margin-bottom: 10px;height: 0.8rem}
.of_01,.of_02{padding: 30px 0}
.of_01 .of_num{width: 100%;}
.of_num ul,.of_01 .of_num ul,.one_banner_text .of_num ul{margin:0 -10px;}
.of_num dl,.of_01 .of_num dl,.one_banner_text .of_num dl{margin: 0 10px}
.of_num li,.of_01 .of_num li{width: 50%;margin-bottom: 20px;margin-top: 0;}
.of_link li{width: 25%}
.of_02 .of_link li{width: 33.33%}
.pub_title_le{text-align: center;}


}


/* 产品 */

.pub_tab ul{display: flex;    flex-wrap: wrap;    align-items: center;justify-content: center;}
.pub_tab li a{display: block;padding: 0.25rem 0.2rem; margin:0 0.2rem; position: relative;}
.pub_tab li a::after{content: "";position: absolute;left: 0;bottom: -0.03rem;height: 0.03rem;background: #fa4c06;width: 0;}
.pub_tab li.on{font-weight: bold;}
.pub_tab li.on a::after{width: 100%;}

.pub_banheight{min-height: 10.4rem;overflow: hidden;}
.pro_banner {position: relative;overflow: hidden;padding-top: 2.4rem;padding-bottom: 0.5rem;color: #fff;}
.pro_banner_ic{width: 9.03rem;position: absolute;right: -0.8rem;bottom:-0.45rem; display: none;}
.pro_banner_text01{margin-left: 0.75rem;width: 8.8rem;text-align: center;margin-bottom: 0.5rem;}
.pro_ic01{width: 5.53rem; margin:auto; margin-bottom: 0.4rem;}
.pro_ic02{width: 5.23rem; margin:auto;}
.pro_banner_text01 p{margin-bottom: 0.5rem;}
.pro_banner_text02{width: 11.2rem;max-width: 100%;}
.pro_banner_text02 .of_num ul{margin:0 -0.23rem;}
.pro_banner_text02 .of_num dl{margin:0 0.23rem;}
.pro_banner_text02 .of_num dt{border-color:#fa4c06}
.pro_blocks{background: #edebe8;padding: 1.2rem 0 1rem 0;background: #edebe8;overflow: hidden;}
.pro_list ul{margin: 0 -0.35rem;overflow: hidden;}
.pro_list li{float: left;width: 33.33%;margin-bottom: 0.5rem}
.pro_list li a{display: block;margin: 0 0.35rem}
.pro_list li dt{margin-bottom: 0.4rem;overflow: hidden; position: relative;}
.pro_list li dt:after{content: "";position: absolute;left: 0;bottom: 0;height: 0.05rem;background: #fa4c06;width:0;}


.pro_ewm{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8); visibility: hidden;opacity: 0;}
.pro_ewm img{ position:absolute; left:50%; top:50%; width: 2.45rem;
  transform: translate(-50%, -50%) scale(0.7,0.7);
  -webkit-transform: translate(-50%, -50%) scale(0.7,0.7);
  -ms-transform: translate(-50%, -50%) scale(0.7,0.7);
  -moz-transform: translate(-50%, -50%) scale(0.7,0.7);
  -o-transform: translate(-50%, -50%) scale(0.7,0.7);}

  .pro_ewm{transition:all 0.3s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
  .pro_list li dl:hover .pro_ewm{visibility: visible;opacity: 1;}
  .pro_list li dl:hover .pro_ewm img{transform: translate(-50%, -50%) scale(1,1);
    -webkit-transform: translate(-50%, -50%) scale(1,1);
    -ms-transform: translate(-50%, -50%) scale(1,1);
    -moz-transform: translate(-50%, -50%) scale(1,1);
    -o-transform: translate(-50%, -50%) scale(1,1);}
    @media only screen and (max-width:767px) {
      .pro_ewm img{width: 60%;}
    }


.pro_list li dd{padding: 0 0.35rem;overflow: hidden;}
.pro_list li dd i{float: left;width: 0.24rem;height: 1px;background: #000;margin-top:0.8em}
.pro_list li dd h3{width: calc(100% - 0.35rem);float: right;line-height: 1.5em;height: 3em;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

@media only screen and (max-width:767px) {
  .pub_banheight{min-height: inherit;}
  .pro_banner{padding: 90px 0 20px 0}
.pro_banner_text01{width: 100%;margin: 0;margin-bottom: 30px;}
.pro_banner_ic{width:90px;     right: 0;   top: 0;}
.pro_ic01,.pro_banner_text01 p{margin-bottom: 10px}

.pro_blocks{padding: 30px 0;}
.pro_list li{width: 50%;margin-bottom: 20px}
.pro_list ul{margin: 0 -5px}
.pro_list li a{margin: 0 5px}
.pro_list li dt{margin-bottom: 10px}
.pro_list li dd{padding: 0 5px}
.pro_list li dd h3{line-height: 24px;height: 48px}
}

/*线上电商*/
.one_banner{position: relative;color: #fff;padding-top: 2.7rem;    padding-bottom: 0.4rem;overflow: hidden;}
.one_banner_ic{width: 8.51rem;position: absolute;right: 0.9rem;bottom: -2.2rem}
.one_banner_text .of_title,.one_banner_text .pub_num{width: 8.3rem;max-width: 100%;    margin-left: 0;}
.one_banner_text .of_title{text-align: left;}
.one_banner_text .of_title p{padding-bottom: 0.2rem}

.one_01{background: #edebe8;padding: 1.1rem 0 1.4rem 0;}
.one_01 .pub_title{text-align: left;width: 4.4rem;    margin-left: 0;position: absolute;left: 0;top:0;}
.one_01 .pub_title .pub_line{margin-left: 0;}
.one_01 .pub_title p{color: #6c6a66; max-height: 8.1em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;}
.one_01 .w_1740{position: relative;}

.one_matrix{padding-left: 15%;overflow: hidden;}


.one_matrix dt{overflow: hidden;margin-bottom: 0.15rem;}
.one_matrix dt b{float: left;width: 0.45rem;}
.one_matrix dt h3{float: right;width: calc(100% - 0.55rem);}
.one_matrix dt .one_p01{overflow: hidden;margin-bottom: 0.1rem;}
.one_matrix dt span{line-height: 1em;}
.one_matrix dt em{line-height: 1em;color: #6c6a66;margin-left: 0.1rem;}


.one_matrix .right li:first-child{width: 27%;}
.one_matrix .right li{width:18%;float: left;margin-bottom: 0.5rem;position: absolute;top:0;}

.one_matrix .right p{margin-bottom: 0;padding-top: 0.05rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.one_matrix .right li:first-child p{padding-top: 0;}
.one_matrix .right li dt .one_p02{color:#6c6a66;padding-top: 0.1rem;}

.one_matrix .right li:nth-child(1){left: 0;top:3rem}
.one_matrix .right li:nth-child(2){left: 5.35rem;top:2.2rem}
.one_matrix .right li:nth-child(5){left: 5.35rem;top:9rem}
.one_matrix .right li:nth-child(3){left: 8.7rem;}
.one_matrix .right li:nth-child(6){left: 8.7rem;top:7rem}
.one_matrix .right li:nth-child(4){right:0;top:3.3rem}
.one_matrix .right li:nth-child(7){right:0;top:10.17rem}

.one_but{display: none;}
.one_but>div{width: 0.8rem;height: 0.8rem;line-height: 0.8rem; margin-bottom: -0.4rem; color: #000;background: #fff;border-radius:50%;font-size: 14px;text-align: center;font-weight: bold;        box-shadow: 0 0px 20rem rgba(0, 0, 0, 0.2);}
.one_but .swiper-button-prev{left: 5px;}
.one_but .swiper-button-next{right: 5px;}

.one_02{padding: 1.2rem 0 1.7rem 0;}
.one_02 .one_honor{color: #ff6000;}
.one_02 .pub_title{margin-bottom: 0;}


.one_honor ul{position: relative;}
.one_honor li{width: 22.4%;float: left;margin-bottom: 0.45rem;}

.one_honor li dl{border:1px solid #ff6000;text-align: center;overflow: hidden;}
.one_honor li dt{padding: 0.5rem 0.3rem;padding-top: 0.7rem;}
.one_honor dt h3{line-height: 1em;max-height: 2em; margin-bottom: 0.65rem;}

.one_honorbox{margin-bottom: 0.7rem;}
.one_honorbox h4{line-height: 1em;max-height: 2em; margin-bottom: 0.06rem;}
.one_honorbox p{line-height: 1.25em;max-height: 2.5em;}
.one_honorbox{display: inline-block;min-height: 0.81rem;padding: 0 0.45rem;position: relative;}
.one_honorbox::after,.one_honorbox::before{content: "";position: absolute;top:0;width: 0.41rem;height: 100%;}
.one_honorbox::after{left: 0; top:0.1rem; background: url(../images/one_hle.png) no-repeat;background-size: 100%;}
.one_honorbox::before{right: 0; top:0.1rem;background: url(../images/one_hre.png) no-repeat;background-size: 100%;}

.one_honorp h4{line-height: 1em;max-height: 2em;margin-bottom: 0.15rem;}
.one_honorp p{line-height: 1.33em;max-height: 2.66em;}

.one_honor li:nth-child(2){width: 50%;margin-top:1rem;margin-left: 0.45rem;}
.one_honor li:nth-child(2) dt{float: left;width: 48.5%;height: 100%;}
.one_honor li:nth-child(2) dd{float: right;width: 51.5%;height: 100%;}

.one_honor li:nth-child(3){float: right;margin-top: 2rem;}
.one_honor li:nth-child(4){margin-top: -1rem;}
.one_honor li:nth-child(5){width: 50%;margin-left: 0.45rem;}
.one_honor li:nth-child(6){float: right}

.one_03{background: #f5f3f2; padding: 1.4rem 0;padding-bottom: 2.7rem;}
.one_cicle{width: 7.3rem; height: 7.3rem; margin:auto;position: relative;border: 1px dashed #f57e48;border-radius: 50%;    left: 0.25rem;}
.one_cicle img{width: 5.88rem;border-radius: 2rem;}
.one_cicle_text{width: 2.8rem;text-align: center;margin-top: -0.1rem;}
.one_cicle_text h3{line-height: 1em;margin-bottom: 0.2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.one_cicle_text p{color: #6c6a66; line-height: 1.6em;max-height: 8em;overflow:hidden;}

.one_sp{position:relative;}
.one_sp .pub_title{margin-bottom: 0;}
.one_sp .pub_title p{color: #6c6a66;line-height: 1.6em;max-height: 8em;overflow:hidden; }
.one_sp li{position: absolute;}
.one_sp li:nth-child(1){width: 4.1rem;left: 1.7rem;top:0.4rem}
.one_sp li:nth-child(2){width: 3.5rem;right: 2.4rem;top:0.4rem}
.one_sp li:nth-child(3){width: 2.9rem;left:7.5rem;top:100%;    margin-top: -1.2em;}

.one_04{position: relative;}
.one_04 .pub_title{position: absolute;left: 0; top:1.6rem; width: 100%;z-index: 5;}

.one_map {position: absolute;top:4.05rem;right: 0.9rem;border: 1px solid #c2b49e;width: 4.9rem;padding: 0.7rem 0.45rem;}
.one_map ul{max-height: 3.28rem;overflow: hidden;}
.one_map li{color:#6c6a66;margin-bottom: 0.3rem;line-height: 0.26rem;padding-left: 0.14rem;position: relative;}
.one_map li::after{content: "";position: absolute;left: 0;top: 0.11rem;width:0.05rem;height: 0.05rem;border-radius: 50%;background: #000;}
.one_map li span{color:#f54d00}
.one_map li:last-child{margin-bottom: 0;}

.onemap02{display: none;}
@media only screen and (max-width:767px) {
  .one_banner_text .of_title, .one_banner_text .pub_num{width: 100%;}
  .one_banner_ic{width: 90px;top:0;right: 0;}
  .one_banner{padding-top: 90px;padding-bottom: 20px;}
  .one_banner_text .of_title p{padding-bottom: 0;}
  .one_01 .pub_title p{max-height: inherit;-webkit-line-clamp: inherit;}
  .one_01 .pub_title{position: static;width: 100%;text-align: center;}
  .one_01 .pub_title .pub_line{margin:15px auto;}
  .one_matrix .left,.one_matrix .right{width: 100%;padding-top: 0;float: none;}
  .one_matrix{padding: 0;}

  .one_01{padding: 50px 0;}
  .one_matrix .right li{margin-bottom: 0;width: 100%;position:static;}
  .one_matrix .right ul{height: auto !important;}
  .one_matrix .right li:nth-child(1){margin-top:0;}
.one_matrix .right li:nth-child(4){margin-top: 0;}
.one_matrix .right li:nth-child(3){margin-top: 0;}
.one_matrix .right li:nth-child(5){margin-top:0;}
.one_matrix .right li:first-child,.one_matrix .right li{width: 100%;}

.one_honor ul,.one_honor li dl{height: auto !important;}
.one_honor li{float: none !important;width: 100% !important;margin:0!important;margin-bottom: 10px!important;}
.one_honor li:last-child{margin-bottom: 0 !important;}
.one_honor li dt{padding:20px}
.one_honor li:nth-child(2) dt,.one_honor li:nth-child(2) dd{float: none;width: 100%;}

.one_honor dt h3,.one_honorp h4{line-height: 1.3em;height: auto; display: block; max-height: inherit;-webkit-line-clamp: inherit; -webkit-box-orient: inherit;margin-bottom: 20px;}
.one_honorbox{margin-bottom: 20px;}
.one_02,.one_03{padding: 40px 0;}

.one_cicle{width: 7rem;height: 7rem;left: 0;}
.one_cicle_text h3{margin-bottom: 5px;}
.one_sp li{position: static; width: 100% !important;margin-top:40px !important;}
.one_sp .pub_title p{max-height: inherit;}

.one_04 {padding-bottom: 1.5rem;overflow: hidden;}
.onemap{overflow: hidden;}
/* .onemap img{width: 200%;margin-left: -32%;        max-width: inherit;} */
.onemap01{display:none;}
.onemap02{display:block;}

.one_map{position: relative;width: 88%;padding:20px;margin:auto;top:0;right: auto;margin-top: -3rem;}
.one_04 .pub_title{top:2rem}
.one_map li{line-height: 24px;margin-bottom: 10px;}
.one_map ul{max-height: inherit;}





}

/* 门店 */
.store_banner{padding-top: 2.5rem;padding-bottom: 1rem;}
.store_banner .of_title{width: 11.1rem;margin-bottom: 1.6rem;}
.store_banner .of_num{width: 16rem;max-width: 100%;}
.store_banner .of_num ul { margin: 0 -0.5rem;}
.store_banner .of_num dl { margin: 0 0.5rem;}
.pub_yellow dt{border-color: #fa4c06;}

.store_cont .pub_tab {border-bottom: 1px solid #dcdcdc;}
.store_cont .pub_tab li a::after{bottom: -0.01rem;}
.brand_cont .pub_tab {border-bottom: 1px solid #dcdcdc;}
.brand_cont .pub_tab li a::after{bottom: -0.01rem;}

.store_01{padding: 1rem 0 1.07rem 0;overflow: hidden;}
.store_dp{text-align: center;color: #6d5d55;padding-top: 0.2rem;margin-bottom: 0.5rem;}
.store_dp h3{line-height: 1em;display: inline-block;padding-right: 0.9rem;position: relative;}
.store_dp i{position: absolute;top:-0.4rem;right: 0;width: 0.84rem;height: 0.84rem;}
.store_dp i img{width: 100%;height: 100%;}

.store_02{background: #eeece8;padding: 1.45rem 0 0.8rem 0;}

.store_list ul{overflow: hidden;margin:0 -0.33rem;}
.store_list li>a{margin:0 0.33rem;cursor: default;color: #fff;display: block;}
.store_list li{width: 33.33%;float: left;margin-bottom: 0.1rem;}
.store_list dl{border-top: 1px solid #fa4c06;position: relative;}
.store_list dt{overflow: hidden; position: absolute;top:0;left: 0;width:100%;height: 100%;visibility: hidden;opacity: 0;transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.store_list dt img{display: none;}
.store_list dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.5);}
.store_list dd{position: relative;z-index: 5;padding: 0.4rem;}
.store_list h3{line-height: 1.1em;height: 2.2em;margin-bottom: 0.1rem;color: #000;}
.store_list .store_p{line-height: 0.30rem;height: 0.90rem;-webkit-line-clamp: 3;color: #6c6a66;}


.store_03{padding:1.25rem 0 0.65rem 0;overflow: hidden;}
.store_03 .left{float: left;width: 25%;padding-top: 1.1rem;}

@media only screen and (min-width:767px) {
  .store_03{position: relative;}
  .store_03 .left{position: absolute;}
  .store_03 .leFix{position: fixed;top:0.5rem;}
.store_03 .leFix .wow {visibility: visible !important;}
}

.store_03 .right{float: right;width: 66%;}

.prolist_park ul{overflow: hidden;margin:0 -0.34rem;}
.prolist_park li>a{display: block;margin:0 0.34rem;}
.prolist_park dt,.prolist_park dd{color: #fff;}
.prolist_park li{width: 49.5%;margin-bottom: 0.7rem; display: inline-block;    vertical-align: top;}
.prolist_park dt{position: relative;}
.prolist_park dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8); visibility: hidden;opacity: 0;} 
.prolist_park dt .store_brand{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 0.4rem;}
.prolist_park dt .store_brand i{width: 0.24rem;height: 1px;background: #fff;display: block;margin-bottom: 0.2rem;}
.prolist_park dt .store_brand h3{line-height: 1.2em;max-height: 3.6em;-webkit-line-clamp:3;}
.prolist_park dd p{line-height: 1.6em;max-height: 20.8em;-webkit-line-clamp: 10;}
.prolist_park dl{position: relative;}
.prolist_park dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding:0 1rem 0.4rem 0.65rem;}
.prolist_park dd h3{line-height: 1.2em;max-height: 3.6em;-webkit-line-clamp:3;margin-bottom: 0.25rem;}
.prolist_park dd b{display: block;height: 1.12rem;width: 1px;background: #fa4c06;margin-top: 1px;margin-bottom: 0.2rem;}

.prolist_park ul{padding-top: 1.2rem;}
.prolist_park li{margin-top: -1.2rem;}
.prolist_park li:nth-child(2n){margin-top: 0;}

/* guide */
.store_guide{margin-bottom: 0.8rem;}
.store_guide .left{width: 35%;float: left;}
.store_guide .pub_title_le{margin-bottom: 0.8rem;}
.store_guide .pub_title_le h4{width: 2.36rem;height: 0.65rem;margin-bottom: 0.5rem;}
.store_guide .pub_title_le h4 img{width: 100%;height: 100%;}
.store_guide .right{width: 63.7%;float: right;position: relative;}
.storemap_02{position: absolute;right: 0;bottom: 1.6rem;}
.storemap_02 img{width: 1.1rem;height: 1.64rem;}
.storemap_02 p{font-size: 0.12rem;text-align: right;line-height: 0.18rem;padding-top: 0.15rem;}
.storemap_01{width: 9.44rem; width: 86.4%; max-width: 100%;position: relative;}
.storemap_01 img{max-width: 100%;}
.maplist{font-size: 0.14rem; font-weight: normal;}
.maplist li{position: absolute;z-index: 99;cursor: pointer;}
.maplist li span{display: block;width:0.14rem;height: 0.14rem;background: #fa520f;border-radius: 50%;position: relative;    z-index: 5;}
.maplist li span b{background: #fff;border-radius: 50%;width: 0.06rem;height: 0.06rem;}
.maplist li p{position: absolute;top:50%;right: -0.03rem;height: 0.32rem;line-height: 0.32rem; margin-top: -0.16rem; background: #fa4c06;color: #fff;    white-space: nowrap;border-radius: 0.15rem; overflow: hidden; width: 0;padding: 0;}
.maplist li p a{display: block;color: #fff;}

.maplist li.right_p p{left: -0.03rem;right: auto;}

.maplist li.on p{width: auto;padding: 0 0.25rem 0 0.2rem; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.maplist li.on{z-index: 999;}

  .maplist li p{width: auto;padding: 0 0.25rem 0 0.2rem; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px) {
}



.store_search{width: 5.5rem;background: #fff;}
.store_se_le{float: left;width: calc(100% - 0.55rem);}
.store_se_re{float: left;width: 0.55rem;}

.address_city input :-moz-placeholder { 
  color: #4c4d51;  
}

.address_city input ::-moz-placeholder { 
  color: #4c4d51;
}

.address_city input:-ms-input-placeholder{
  color: #4c4d51;
}

.address_city input::-webkit-input-placeholder {
  color: #4c4d51;
}

.store_select{float: left;width: 50%;}
.store_select input,.store_se_re button,.selectblock span{height: 0.48rem;line-height: 0.48rem;}
.store_se_re button{width: 100%;font-weight: bold;font-size: 0.2rem;}
.store_select input{width: 100%;cursor: pointer;}
.store_select input,.option li{padding: 0 0.2rem;}
.option{display: none;position: absolute;top:100%;left: 0;width: 100%;background: #fff;z-index: 9;}
.option li{padding-top:0.05rem;padding-bottom: 0.05rem;line-height:0.26rem;}
.option ul{max-height: 1.8rem;overflow-y: auto;cursor: pointer;}

.selectblock{position: relative;}
.store_form{position: relative;}
.store_form span{position: absolute;top:0;right: 0.18rem;}
.store_form::after{content: "";position: absolute;right: 0;top:50%;width: 1px;height: 0.28rem; margin-top: -0.14rem; background: #d6d8da;}


.pubselect dt{text-align: center;border-bottom: 1px solid #000; position: relative; padding:0 40rem;cursor: pointer; overflow: hidden;box-sizing:border-box;overflow: hidden; text-align: center;}
.pubselect dt,.pubselect dt input,{height:0.82rem;line-height:0.82rem;}
.pubselect dt input{width: 100%;text-align: center;    color: #4c4d51;}
.selectblock span{font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.store_select.on span{-webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)}
  


/* .pub_select2{ position: relative;}
.pub_select2 dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_select2 dt i{height:100%;   color: #000;  position: absolute;top:0;right:10rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_select2 dd { text-align: center; z-index: 99; position: absolute; max-height:calc(200rem + 4px); overflow-y: auto; overflow: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none; border-top: 0;  -webkit-box-shadow: 0 2px 10px 0 rgba(18, 18, 18, .15);box-shadow: 0 2px 10px 0 rgba(18, 18, 18, .15); }
.pub_select2 dd em{display: none;color: #0001aa;}
.pub_select2 dd a { display: block; line-height: 26rem; white-space: normal; padding: 12rem 10rem;    border-bottom: 1px solid rgba(18, 18, 18, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.pub_select2 dd a:last-child{border: 0;}
.pub_select2 dt.on_o i{ -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)} */

/* guide */

@media only screen and (max-width:767px) {
  .store_banner{padding: 30px 0;}
  .store_banner .of_title{width: 100%;margin-bottom: 30px;}
  .store_banner .of_num ul { margin: 0 -10px;}
.store_banner .of_num dl { margin: 0 10px;}

.store_list li{float: none;width: 100%;margin-bottom:20px;}
.store_list li:last-child{margin-bottom: 0;}
.store_list ul,.store_list li>a{margin: 0;}
.store_list dl{border: 0;margin: 0;}
.store_list dt{position: static;visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
.store_list dt img{display: block;}
.store_list h3{height: auto;max-height:48px;line-height: 24px;margin-bottom: 10px;}
.store_list .store_p{line-height: 24px;max-height: 72px;height: auto;}
.store_list dd{padding:0;padding-top: 20px;}

.store_03 .left,.store_03 .right{float: none;width: 100%;}
.store_03 .left{margin-bottom:30px;padding: 0;}

.prolist_park li{width: 100%;display: block;margin-bottom: 20px;}
.prolist_park li:last-child{margin-bottom: 0;}
.prolist_park li>a,.prolist_park ul{margin:0;}
.prolist_park dt .store_brand{display: none;}
.prolist_park dt::after{visibility:visible;opacity: 1;    background: rgba(0, 0, 0, 0.3);}
.prolist_park dd{padding: 20px;padding-top: 0;}
.prolist_park li{margin-top: 0;}
.prolist_park ul{padding-top: 0;}
.store_01{padding: 50px 0;}
.store_03{padding: 40px 0;}


.store_guide .pub_title_le{margin-bottom: 30px;}
.store_guide .left,.store_guide .right{float: none;width: 100%;}
.store_guide .pub_title_le h4{margin:auto;margin-bottom:30px;width: 200px;height: 55px;}
.store_search{width: 100%;margin-bottom: 30px;}
.store_select input, .store_se_re button, .selectblock span{height: 44px;line-height: 44px;}
.store_se_re button{font-size: 16px;}
.store_se_re{width: 40px;}
.store_se_le{width: calc(100% - 40px);}
.option li{padding-top: 0;padding-bottom: 0;line-height: 30px;}
.option ul{max-height: 150px;}
.storemap_02{right: auto;bottom: 0;}
.store_02{padding:50px 0;}
.storemap_01{width: 100%}

.maplist li span{width: 10px;height: 10px;}
.maplist li span b{width: 5px;height: 5px;}
.maplist li p{font-size: 10px;height: 20px;line-height: 20px;margin-top: -10px;font-weight: normal;}

.prolist_park dd p{height: 240px;max-height: 240px; max-height:inherit;}
}


.pro_list li>a{cursor: default;}
@media only screen and (min-width:1025px) {
  a,.pro_list li dl,.pro_list li dd i{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .pro_list li dt:after{ transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}
  a:hover{color: #fa4c06 !important;}
  .pro_list li dl:hover dd i{background: #fa4c06;}
  .pro_list li dl:hover dt:after{width: 100%}

  .maplist li p a:hover{color: #fff !important;opacity: 0.8;}
  .pro_list li>a:hover{color: #000 !important;}
 
}
/* 改 */
.store_cont .store_list dt {display: none;}

/* 改 */
@media only screen and (min-width:767px) {
  .store_list dt,.prolist_park dd,.store_brand,.prolist_park dl dt::after{ transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}

/* .store_list li dl:hover .store_p{color: #fff;}
.store_list li dl:hover h3{color: #fff;}
.store_list li dl:hover dt{visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
.store_list li dl:hover{border-color: transparent;} */

/* 改 */
  .brand_cont .store_list li dl:hover .store_p{color: #fff;}
  .brand_cont .store_list li dl:hover h3{color: #fff;}
  .brand_cont .store_list li dl:hover dt{visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
  .brand_cont .store_list li dl:hover{border-color: transparent;}

  .store_cont .store_list dd {margin-top: 0;}
/* 改 */
  .prolist_park dd{visibility: hidden;opacity: 0;}
  .prolist_park dl:hover dd{visibility: visible;opacity: 1;}
  .prolist_park dl:hover .store_brand{visibility: hidden;opacity: 0;}
  .prolist_park dl:hover dt::after{visibility:visible;opacity: 1;}
}



/* 11 */
.brand_banner {color: #fff;padding-top: 2.1rem;padding-bottom: 0.3rem}
.brand_banner .of_title p{min-height: 19.44em;overflow: hidden;}
.brand_banner .pro_ic01{width: 8.26rem; max-width: 80%; margin-bottom: 0.6rem}
.brand_banner .of_num{width: 15.6rem;max-width: 100%}
.brand_banner .of_num ul{margin: 0 -0.5rem}
.brand_banner .of_num dl{margin: 0 0.5rem}
.brand_banner .of_title{width: 14rem;max-width: 100%}


.brand_blocks .store_02{background: #ecebf2;}
.brand_blocks .store_02 .pub_title{width:5rem;}
.brand_blocks .store_guide .pub_title_le h4{width: 1.04rem;height: 1.06rem}
.brand_blocks .store_guide .pub_title_le  p{color:#6c6a66}


/* .brand_num{padding-top: 0.4rem} */
.brand_num h4,.brand_num span,.brand_num em{color: #fa4c06}
.brand_num h4{margin-bottom: 0.2rem}
.brand_num span,.brand_num em,.brand_num i{line-height: 1em}
.brand_num i{margin-right: 0.25rem}
.brand_num em{margin-left: 0.1rem}
.brand_num li{border-bottom: 1px solid #dcdcdc;padding: 0.3rem 0;}

.brand_01{padding: 1rem 0 1.4rem 0;overflow: hidden;}
.brand_01 .pub_title{margin-bottom: 0.35rem}

.brand_list ul{position: relative;}
.brand_list li{position: absolute;overflow: hidden;    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);border-radius: 0.3rem}
.brand_list li img{width: 100%;height: 100%;}
.brand_list li span{top:auto; bottom: 0.3rem; width: 1.05rem;height: 0.36rem;line-height: 0.36rem;border-radius: 0.05rem;background: #fa4c06;color: #fff;text-align: center;cursor: pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.brand_list li:nth-child(2) span{bottom: 0.2rem;background: #fd7f5b}

/* .brand_list li:nth-child(1){left: 4.56rem;top:5.28rem;z-index: 8;width: 5.7rem;height: 2.83rem}
.brand_list li:nth-child(2){left: 8.98rem;top:4.81rem;z-index: 7;width: 5.71rem;height: 2.7rem}
.brand_list li:nth-child(3){left: 0.98rem;top:2.17rem;z-index: 4;width: 5.7rem;height: 2.26rem}
.brand_list li:nth-child(4){left: 10.06rem;top:0.2rem;z-index: 3;width: 5.7rem;height: 2.26rem}
.brand_list li:nth-child(5){left: 3.41rem;top:0.83rem;z-index: 2;width: 5.7rem;height: 2.26rem}
.brand_list li:nth-child(6){left:8.17rem;top:2.71rem;z-index: 5;width: 5.7rem;height: 2.26rem}
.brand_list li:nth-child(7){left: 1.93rem;top:0rem;width: 4.41rem;height:1.05rem}
.brand_list li:nth-child(8){left: 8.29rem;top:1.11rem;width: 3.57rem;height:0.87rem}
.brand_list li:nth-child(9){left: 13.81rem;top:2.65rem;width: 3.57rem;height:0.87rem}
.brand_list li:nth-child(10){left: 5.01rem;top:4.04rem;width: 3.57rem;height:0.87rem}
.brand_list li:nth-child(11){left: 12.38rem;top:4.1rem;z-index: 6;width: 4.41rem;height:1.05rem}
.brand_list li:nth-child(12){left: 1.89rem;top:5.41rem;width: 3.57rem;height:0.87rem}
.brand_list li:nth-child(13){left: 1.92rem;top:4.87rem;width: 0.87rem;height:0.21rem} */

.brand_list li:nth-child(1){left: 26.2%;top:64.7%;z-index: 8;width: 32.7%;height: 34.7%}
.brand_list li:nth-child(2){left: 51.6%;top:59%;z-index: 7;width: 32.8%;height: 33.1%}
.brand_list li:nth-child(3){left: 5.6%;top:26.6%;z-index: 4;width: 32.7%;height: 27.7%}
.brand_list li:nth-child(4){left: 57.8%;top:3.2%;z-index: 3;width: 32.7%;height: 27.7%}
.brand_list li:nth-child(5){left: 19.5%;top:10.1%;z-index: 2;width: 32.7%;height: 27.7%}
.brand_list li:nth-child(6){left:46.9%;top:33.2%;z-index: 5;width: 32.7%;height: 27.7%}
.brand_list li:nth-child(7){left: 11.1%;top:0;width: 25.3%;height:12.8%}
.brand_list li:nth-child(8){left: 47.6%;top:13.6%;width: 20.5%;height:10.6%}
.brand_list li:nth-child(9){left: 79.3%;top:32.5%;width: 20.5%;height:10.6%}
.brand_list li:nth-child(10){left: 28.7%;top:49.5%;width: 20.5%;height:10.6%}
.brand_list li:nth-child(11){left: 71.1%;top:50.3%;z-index: 6;width: 25.3%;height:12.8%}
.brand_list li:nth-child(12){left: 10.8%;top:66.3%;width: 20.5%;height:10.6%}
.brand_list li:nth-child(13){left: 11%;top:59.7%;width: 5%;height:2.5%}




.blank_70,.brand_tac,.brand_close{display:none}
.blank_70{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9999;}
.brand_tac{position: fixed;top:0;left: 0;z-index: 99999;width: 100%;height: 100%;}
.brand_tacbox{width: 100%;height: 100%;display: flex;    overflow: hidden; overflow-y: auto;}
.brand_close{position: fixed;top:0.2rem;right: 0.5rem;color: #fff;cursor: pointer;font-size: 0.36rem;z-index: 999993;}
.no_scoll{overflow: hidden;}
.brand_tacimg{text-align: center;width: 90%;margin: auto;}
.brand_tacimg img{max-width: 100%;}

.brand_in,.brand_tacimg{padding: 0.5rem 0;}
.brand_in{width:15rem;max-width: 100%; margin:auto;}
.brand_in h2{text-align: center;width: 100%;margin-bottom: 0.3rem;}
.brand_in h2 img{width: 2.25rem;max-width: 80%;}
.brand_tacslider{position: relative;padding: 0 1.15rem;}
.brand_inbut{display: none;}
.brand_inbut>div{width: 0.45rem;height: 0.9rem;line-height: 0.9rem; font-size: 0.9rem;margin-top: -0.45rem; color: #fff;background: none;}


.brand_list li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.brand_list li:hover{z-index: 999;}

.brand_list li:nth-child(1),.brand_list li:nth-child(5){animation:mymove_1 2s linear infinite alternate;
-moz-animation:mymove_1 2s linear infinite alternate; 
-webkit-animation:mymove_1 2s linear infinite alternate;
-o-animation:mymove_1 2s linear infinite alternate;}
.brand_list li:nth-child(2){animation:mymove_2 2s linear infinite alternate;
-moz-animation:mymove_2 2s linear infinite alternate; 
-webkit-animation:mymove_2 2s linear infinite alternate;
-o-animation:mymove_2 2s linear infinite alternate;}
.brand_list li:nth-child(3){animation:mymove_3 2s linear infinite alternate;
-moz-animation:mymove_3 2s linear infinite alternate; 
-webkit-animation:mymove_3 2s linear infinite alternate;
-o-animation:mymove_3 2s linear infinite alternate;}
.brand_list li:nth-child(4){animation:mymove_4 3s linear infinite alternate;
-moz-animation:mymove_4 3s linear infinite alternate; 
-webkit-animation:mymove_4 3s linear infinite alternate;
-o-animation:mymove_4 3s linear infinite alternate;}
.brand_list li:nth-child(6){animation:mymove_3 3s linear infinite alternate;
-moz-animation:mymove_3 3s linear infinite alternate; 
-webkit-animation:mymove_3 3s linear infinite alternate;
-o-animation:mymove_3 3s linear infinite alternate;}

.brand_list li:nth-child(7){animation:mymove_1 3s linear infinite alternate;
-moz-animation:mymove_1 3s linear infinite alternate; 
-webkit-animation:mymove_1 3s linear infinite alternate;
-o-animation:mymove_1 3s linear infinite alternate;}
.brand_list li:nth-child(8){animation:mymove_5 3s linear infinite alternate;
-moz-animation:mymove_5 3s linear infinite alternate; 
-webkit-animation:mymove_5 3s linear infinite alternate;
-o-animation:mymove_5 3s linear infinite alternate;}

.brand_list li:nth-child(9){animation:mymove_1 3s linear infinite alternate;
  -moz-animation:mymove_1 3s linear infinite alternate; 
  -webkit-animation:mymove_1 3s linear infinite alternate;
  -o-animation:mymove_1 3s linear infinite alternate;}
.brand_list li:nth-child(10){animation:mymove_1 3s linear infinite alternate;
-moz-animation:mymove_1 3s linear infinite alternate; 
-webkit-animation:mymove_1 3s linear infinite alternate;
-o-animation:mymove_1 3s linear infinite alternate;}
.brand_list li:nth-child(11){animation:mymove_3 3s linear infinite alternate;
-moz-animation:mymove_3 3s linear infinite alternate; 
-webkit-animation:mymove_3 3s linear infinite alternate;
-o-animation:mymove_3 3s linear infinite alternate;}
.brand_list li:nth-child(12){animation:mymove_1 4s linear infinite alternate;
-moz-animation:mymove_1 4s linear infinite alternate; 
-webkit-animation:mymove_1 4s linear infinite alternate;
-o-animation:mymove_1 4s linear infinite alternate;}
.brand_list li:nth-child(13){animation:mymove_2 4s linear infinite alternate;
  -moz-animation:mymove_2 4s linear infinite alternate; 
  -webkit-animation:mymove_2 4s linear infinite alternate;
  -o-animation:mymove_2 4s linear infinite alternate;}


  @keyframes mymove_1{
    0% {transform:translateX(0);}
    100% {transform:translateX(-0.5rem);}
  }
  @keyframes mymove_2{
    0% {transform:translateX(0);}
    100% {transform:translateX(0.5rem);}
  }
  @keyframes mymove_3{
    0% {transform:translateY(0);}
    100% {transform:translateY(-0.5rem);}
  }
  @keyframes mymove_4{
    0% {transform:translateX(0);}
    100% {transform:translateX(0.8rem);}
  }
  @keyframes mymove_5{
    0% {transform:translateY(0);}
    100% {transform:translateY(0.5rem);}
  }



@media only screen and (max-width:767px) {
  .brand_banner{padding: 0.3rem 0;padding-top: 0.5rem}
  .brand_banner .pro_ic01{margin-bottom: 20px}
  .brand_banner .of_title p{min-height: inherit;}
 .brand_blocks .store_02 .pub_title{width:100%;}
 .brand_blocks .store_guide .pub_title_le h4{width: 104px;height: 116px}
 .brand_num{padding-top: 0}
 .brand_banner .of_title{width: 100%}

 .brand_list li span,.brand_list li:nth-child(2) span{width: 54px;height: 20px;line-height: 20px;bottom: 10px;font-size: 10px;}

 .brand_tacimg{padding: 60px 0;}
 .brand_close{top:10px;right: 10px;font-size: 24px;}
 .brand_in{height: auto;}
 .brand_tacslider{padding: 0 0.3rem;}
 .brand_tacslider .swiper-button-prev{left: 0.6rem;}
 .brand_tacslider .swiper-button-next{right: 0.6rem;}
 .brand_inbut>div{width: 30px;height: 40px;font-size: 30px;}

}

.fixedbody .pub_tab{position: fixed;z-index: 99;top:0;left: 0;width: 100%;background: #fff;    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
@media only screen and (max-width:1024px) {
  .fixedbody .pub_tab{top:60px}
}

@media only screen and (max-width:767px) {
  .one_cont .pub_tab .w_1740{width: 100%;max-width: 100%;}
  .one_cont .pub_tab li a{padding: 0.25rem 0.15rem;margin:0;}
}

/* 详情 */
.nes_dbanner{height: 1.89rem;}
.nes_dbanner img{display: none;width: 100%;}
.news_dcont{padding: 0.55rem 0 1.9rem 0;}
.new_returen{padding: 0.25rem 0;border-bottom: 1px solid #000;margin-bottom: 0.8rem;}
.d_top{margin-bottom: 0.7rem;}
.d_top h2{text-align: center;line-height: 1em;margin-bottom: 0.3rem;}
.d_top_p{overflow: hidden;text-align: center;display: flex;justify-content: center;    line-height: 30px; }
.d_top_p em{margin-right: 0.5rem; float: left;}
.d_top_p .share_a{display: inline-block;}
.d_top_p .share_a a{float: left;margin-right: 0.3rem;}
.d_top_p .share_a a:last-child{margin-right: 0;}

.news_edit{color:#2f2f2f;line-height: 0.3rem;padding: 0 0.7rem;padding-bottom: 0.9rem;margin-bottom: 0.5rem;border-bottom: 1px solid #000;}

.news_page{overflow: hidden;}
.news_page,.news_page a{color:#1a1a1a}
.news_page span{float: left;width: 49%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.news_page span:nth-child(2){float: right;text-align: right;}
.news_page span.no,.news_page span.no a,.news_page span.no a:hover{color: #949494 !important;cursor:default;font-weight: normal;}


@media only screen and (max-width:767px) {
  .news_dcont{padding: 20px 0 30px 0;}
  .nes_dbanner{display: none;}
  .new_returen{padding: 15px 0;margin-bottom: 20px;}
  .d_top h2{line-height: 1.5em;margin-bottom: 10px;}
  .news_edit{padding: 0;padding-bottom: 20px;margin-bottom: 20px;}
  .d_top{margin-bottom: 20px;}
  .news_edit{line-height: 24px;}
  .news_page span{float: none;width: 100%;margin-bottom: 10px;display: block;font-weight: normal;}
  .news_page span:nth-child(2){float: none;text-align: left;}
}


.jioin_tab{width: 4.53rem;margin: auto;padding: 0.7rem 0 1.45rem 0; position: relative;margin-bottom: 0.9rem;}
.jioin_tab::after{content: "";position: absolute;top:0;left: calc(50% - 0.5px);width: 1px;height: 100%;background:#fa4d07}
.jioin_tab ul{overflow: hidden;}
.jioin_tab li{width: 1.76rem;height: 1.76rem;border: 1px solid #fa4d07;position: relative;float: left; cursor: pointer;overflow: hidden;}
.jioin_tab li:nth-child(2n){float: right;margin-top: 1.35rem;}
.jioin_tab li img{width: 1.3rem;height: 1.3rem;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}

.join_ic02{top:50%;visibility: hidden;opacity: 0;}

.jioin_tab li.on .join_ic02{top:50%;visibility: visible;opacity: 1;}
.jioin_tab li.on .join_ic01{top:50%;visibility: hidden;opacity: 0;}
.jioin_tab li.on{background:#fa4d07}
@media only screen and (min-width:1025px) {
  .jioin_tab li:hover .join_ic02{top:50%;visibility: visible;opacity: 1;}
  .jioin_tab li:hover .join_ic01{top:50%;visibility: hidden;opacity: 0;}
  .jioin_tab li:hover{background:#fa4d07}
}




.join_title{text-align: center;margin-bottom: 0.6rem;}
.join_title h2{line-height: 1em;}
.join_title i{display: block;width: 1px;height: 1.5rem;background: #fa4c06;margin: auto;margin-bottom: 0.4rem;}
.join_title span{display: inline-block;}
.join_title span em{display: block;clear: both;}

.join_coop{background: #f4f4f4 url(../images/join_abg.jpg) no-repeat; background-size: cover;padding: 0.9rem 0.2rem;padding-bottom: 0.7rem;overflow: hidden;display: flex;flex-wrap: wrap;}
.join_02{margin-bottom: 1.4rem;overflow: hidden;}
.join_coop .left{width: 44.2%;float: left;}
.join_coop .right{width: 55.8%;float: right;overflow: hidden;border-left: 1px solid #8a8a8a;}
.join_coop .left,.join_coop .right{padding:0 1.5rem;padding-right:0.5rem;}

.join_coop dl{overflow: hidden;}
.join_coop dt{float: left;line-height: 1em;}
.join_coop dd{float:right;width: calc(100% - 0.55rem);}

.join_coop .right .join_ewm{float: left;width: 1.92rem;}
/*.join_coop .right dl{float: right;width: calc(100% - 2.4rem);padding-top: 0.15rem;}*/

.join_03{margin-bottom: 0.5rem;}

.join_04 .join_title{text-align: left;padding-left: 3.35rem;}
.join_04 .join_title i{float: right;}

.jpin_map{position: relative;}
.jpin_map h4{text-align: center;color: #fa4c06;padding-top: 0.8rem}
.jpin_map>img{width: 100%;position: absolute;top:0;left: 0;}
.jpin_map .w_1440{position: relative;z-index: 5}

.joi_curty{overflow: hidden;padding-top: 1.5rem}
.joi_curty h3{text-align: center;color: #fa4c06;margin-bottom: 0.5rem}
.joi_curty ul{overflow:hidden;display: flex;flex-wrap: wrap;    justify-content: center; }
.joi_curty .left,.joi_curty .right{float: left;width: 50%;padding: 0 0.4rem;}
.joi_curty li{padding: 0 0.3rem;float: left;position: relative;margin-bottom: 0.3rem}
.joi_curty li:after{content: "";position: absolute;top:50%; right: -0.5px; width: 1px;height: 0.24rem;margin-top: -0.12rem;background: #3f3f3f}
.joi_curty li:last-child:after{display: none;}



/* btn */
.joinbtn {padding-top: 0.4rem}
.joinbtn .jona {
  display: inline-block;
  position: relative;
}

.joinbtn .jona a {
 
 display: block;
 width: 2.35rem;height: 0.6rem;text-align: center;line-height: 1em;
  align-items: center;
  color: #fff;
  line-height: 1;
  position: relative;
  z-index: 3;
  transition: .5s;
  box-sizing: border-box;

}

.joinbtn .jona::before,
.joinbtn .jona::after {
  content: '';
  display: block;
  background: #fa4d09;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: .5s;
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
}

.joinbtn .jona::before {
  width: 100%;
  border: 1px solid #000000;
  background: #000;
  z-index: 1;
 
}

.joinbtn .jona span {
  display: block;
 width: 100%
}


@media only screen and (min-width:1025px) {
    .jona:hover::after {
      width: 100%;
    }
  
  .jona:hover a{color: #fff !important;}
  
}
/* btn */


@media only screen and (max-width:767px) {
  .bold{font-weight: normal;}
  .jioin_tab{padding-top: 0.2rem;padding-bottom: 0.3rem;margin-bottom: 0.5rem}
  .join_title{margin-bottom: 20px}
  .join_coop{padding: 20px}
.join_coop .left, .join_coop .right{float: none;width: 100%;padding: 0;border:0;}
.join_coop .left{    border-bottom:none;padding-bottom: 1rem;margin-bottom: 0px}
.joinbtn{padding-top: 30px}
.joinbtn .jona a{width: 120px;height: 44px;line-height: 44px}
.join_coop .right .join_ewm{width: 120px}
/*.join_coop .right dl{width: calc(100% - 130px);padding-top: 20px}*/
.join_02{margin-bottom: 1rem}
.join_title i{height:50px;margin-bottom: 5px}
.joi_curty{padding-top: 20px}
.joi_curty h3{margin-bottom: 10px}

.joi_curty .left, .joi_curty .right{padding: 0;float: none;width: 100%;margin-bottom: 10px}
.jpin_map h4{padding-top: 10px;}
.join_04 .join_title{padding-left: 0;text-align: center;}
.join_04 .join_title i{float: none;}
}



/*form*/

.form_tac{z-index: 99991; width: 100%;height: 100% ;  position:fixed; top:0;left: 0;display: none; }

.form_block{width: 100%;height: 100%;   overflow: hidden; overflow: hidden; overflow-y: auto;}
.form_in{ width: 14.4rem; max-width: 94%; margin: 0.5rem auto;position: relative; }
.formajax>h3{color: #fff;text-align: center;margin-bottom: 0.3rem;line-height: 1.66em}
.form_book{background: #fff;padding: 0.6rem 0.7rem;padding-bottom: 1.3rem;}
.form_book li{float: left;width: 33.33%;margin-bottom: 0.4rem}
.form_book .li_100{float: none;width:100%;}
.form_book ul{margin: 0 -0.1rem;    display: flex;flex-wrap: wrap;}
.form_book .form_w{margin: 0 0.1rem}
.form_book .form_w h4{margin-bottom: 0.18rem}
.form_book .form_w h4 i{color: #fe0000;margin-right: 4px}
.form_input input,.form_input dt{width: 100%;height: 0.46rem;line-height: 0.46rem;padding: 0 0.1rem}
.form_input{border:1px solid #c2c2c2;}
.form_input textarea{font-family: inherit;padding: 0.1rem;height: 0.9rem;width: 100%}

.form_tac .brand_close{position: absolute;top:0;right: 0;color: #f94d07;}


.formbtn{overflow: hidden;padding-top: 0.4rem;}
.formbtn button{float: left;margin-right: 0.2rem;width: 1.62rem;height: 0.48rem;line-height: 0.48rem;text-align: center;background: #ede9e9;cursor: pointer;}
.formbtn button:last-child{margin-right: 0;}
.formbtn .formbtn_02{background: #fa4d07;color: #fff;}


.pub_select2{ position: relative;}
.pub_select2 dt{position: relative;cursor: pointer;}
.pub_select2 dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_select2 dt i{height:100%;   color: #000;  position: absolute;top:0;right:0.1rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_select2 dd { text-align: center; z-index: 99; position: absolute; max-height:calc(2rem + 4px); overflow-y: auto; overflow: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none; border-top: 0;  -webkit-box-shadow: 0 2px 10px 0 rgba(18, 18, 18, .15);box-shadow: 0 2px 10px 0 rgba(18, 18, 18, .15); }
.pub_select2 dd em{display: none;color: #0001aa;}
.pub_select2 dd a { display: block; line-height: 0.26rem; white-space: normal; padding: 0.12rem 0.15rem;    border-bottom: 1px solid rgba(18, 18, 18, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.pub_select2 dd a:last-child{border: 0;}
.pub_select2 dt.on_o i{ -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)}

@media only screen and (max-width:1399px) {
  .form_in{width: 94%;}
}

@media only screen and (max-width:767px) {
  .form_book{padding:20px;}
  .form_book ul,.form_book .form_w{margin:0;}

  .form_book li{float: none;width: 100%;}
  .form_input input, .form_input dt{height: 40px;line-height: 40px;}
  .formbtn button{width: 100px;height: 40px;line-height: 40px;}
  .formbtn{padding-top: 0;}
  .form_in{margin-top: 50px;}
  .form_tac .brand_close{top:-40px;font-size: 30px;}
  .form_input textarea{height: 90px;}
  .pub_select2 dd a{line-height: 26px;}
}



/* store */
.store_hotslider {position: relative; width: 11.7rem;margin:auto;}
.store_hotslider .swiper-container-3d .swiper-slide-shadow-left, .store_hotslider .swiper-container-3d .swiper-slide-shadow-right{display: none;}
.store_hotslider li dt{border-radius: 0.2rem;    background: #fff;overflow: hidden;}
.store_hotslider .one_but{display: block;}


@media only screen and (min-width:768px) {
  .store_hotslider .one_but>div{width: 0.5rem;height: 0.5rem;margin-top: -0.25rem; font-size: 0.16rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .store_hotslider .one_but>div:hover{opacity: 0.8}
  .store_hotslider li{width: 3.9rem}
/*  .store_hotslider li{visibility:hidden;opacity: 0;}
  .store_hotslider .prev_nth2Mode,.store_hotslider .next_nth2Mode{opacity: 1;visibility: visible;}
  .store_hotslider .prev_nth3Mode,.store_hotslider .next_nth3Mode{opacity: 1;visibility: visible;}
  .store_hotslider .prev_nth4Mode,.store_hotslider .next_nth4Mode{opacity: 1;visibility: visible;}
  .store_hotslider .prev_nth5Mode,.store_hotslider .next_nth5Mode{opacity: 1;visibility: visible;}
  .store_hotslider .prev_nth6Mode,.store_hotslider .next_nth6Mode{opacity: 1;visibility: visible;}
  .store_hotslider .swiper-slide-active{opacity: 1;visibility: visible;}*/

  .store_hotslider .prev_nth2Mode img,.store_hotslider .next_nth2Mode img{opacity: 0.8;}
  .store_hotslider .prev_nth3Mode img,.store_hotslider .next_nth3Mode img{opacity: 0.5;}
  .store_hotslider .prev_nth4Mode img,.store_hotslider .next_nth4Mode img{opacity: 0.4;}
  .store_hotslider .prev_nth5Mode img,.store_hotslider .next_nth5Mode img{opacity: 0.3;}
  .store_hotslider .prev_nth6Mode img,.store_hotslider .next_nth6Mode img{opacity: 0.1;}

  /* .store_hotslider ul{display: block;}
  .store_hotslider li{width:9.09%;float: left;}
  .store_hotslider li dt{background: #fff;overflow: hidden;}

 
  .store_hotslider li:nth-child(6) dl{width: 3.88rem;margin-left: -62%;}
  
  .store_hotslider li:nth-child(5) dl{margin-top: 0.8rem;width: 3.05rem;margin-left: -97%;}
  .store_hotslider li:nth-child(7) dl{margin-top: 0.8rem;width: 3.05rem;float:right;margin-right: -97%;}

  .store_hotslider li:nth-child(4) dl{margin-top:1.4rem;width: 2.35rem;margin-left: -100%;}
  .store_hotslider li:nth-child(8) dl{margin-top:1.4rem;width: 2.35rem;float:right;margin-right: -100%;}

  .store_hotslider li:nth-child(3) dl{margin-top:1.65rem;width: 2rem;margin-left: -100%;}
  .store_hotslider li:nth-child(9) dl{margin-top:1.65rem;width: 2rem;float:right;margin-right: -100%;}

  .store_hotslider li:nth-child(2) dl{margin-top:2rem;width: 1.64rem;margin-left: -60%;}
  .store_hotslider li:nth-child(10) dl{margin-top:2rem;width: 1.64rem;float:right;margin-right: -60%;}

  .store_hotslider li:nth-child(1) dl{margin-top:2.2rem;width: 1.35rem;}
  .store_hotslider li:nth-child(11) dl{margin-top:2.2rem;width: 1.35rem;float:right;}

  .store_hotslider li:nth-child(6){z-index: 11;}
  .store_hotslider li:nth-child(5),.store_hotslider li:nth-child(7){z-index: 10;}
  .store_hotslider li:nth-child(4),.store_hotslider li:nth-child(8){z-index: 9;}
  .store_hotslider li:nth-child(3),.store_hotslider li:nth-child(9){z-index: 8;}
  .store_hotslider li:nth-child(2),.store_hotslider li:nth-child(10){z-index: 7;}
  .store_hotslider li:nth-child(1),.store_hotslider li:nth-child(11){z-index: 6;}

  .store_hotslider li:nth-child(5){opacity: 0; left:10%;}
  .store_hotslider li:nth-child(4){opacity: 0; left:20%;}
  .store_hotslider li:nth-child(3){opacity: 0; left:30%;}
  .store_hotslider li:nth-child(2){opacity: 0; left:40%;}
  .store_hotslider li:nth-child(1){opacity: 0; left:50%;}

  .store_hotslider li:nth-child(7){opacity: 0; right:10%;}
  .store_hotslider li:nth-child(8){opacity: 0; right:20%;}
  .store_hotslider li:nth-child(9){opacity: 0; right:30%;}
  .store_hotslider li:nth-child(10){opacity: 0; right:40%;}
  .store_hotslider li:nth-child(11){opacity: 0; right:50%;} */

}
@media only screen and (max-width:767px) {
  .store_hotslider{width: 100%;}
  .store_hotslider li{opacity: 0.4;}
  .store_hotslider .swiper-slide-active{opacity: 1;}

}

/* store */


/* 搜索 */
.sera_tips{margin-bottom: 0.5rem;}
.sera_tips span{color: #fa4c06;}
.sear_box{border: 0.02rem solid #fff;border-radius: 0.3rem;width: 9rem;max-width: 100%;overflow: hidden;margin-top: 0.5rem;}
.sear_box input,.sear_box button{height: 0.62rem;line-height: 0.62rem;color: #fff;}
.sear_box input{padding-left: 0.32rem;width: calc(100% - 0.8rem);float: left;}
.sear_box button{width: 0.8rem;float: right;}

.sear_box :-moz-placeholder { 
  color: #fff;  
}

.sear_box ::-moz-placeholder {
  color: #fff;
}

.sear_box input:-ms-input-placeholder {
  color: #fff;
}

.sear_box input::-webkit-input-placeholder {
  color: #fff;
}

@media only screen and (max-width:767px) {
  .sear_body .siter_text{padding:0 5%;}
  .sear_box input, .sear_box button{height: 40px;line-height: 40px;}
  .sear_box{margin-top: 10px;}
  .sear_box button{font-size: 18px;}
  .sera_tips{font-size: 14px;margin-bottom: 10px;}
}

/* 手机 */
.b_logo_phone{display: none;}
@media only screen and (max-width:1024px) {
  .fixedbody .pub_tab{position: static;}
}
@media only screen and (max-width:767px) {
  .fnt_16{font-size: 14px;}
  .header{box-shadow:none}
  .site_banner{height: 10rem;}
  .site_banner>img{display: none;}
  .siter_text{padding: 0;bottom: 3.8rem;}

  
  .jioin_tab{padding-top: 1.6rem;padding-bottom: 1.5rem;width: 80%;}
  .jioin_tab li{width: 2.2rem;height: 2.2rem;}
  .jioin_tab li img{width: 1.5rem;height: 1.5rem;}

  .join_coop{padding:1rem 0.6rem;background: #f4f4f4 url(../images/join_abg_phone.jpg) no-repeat  0 bottom;background-size: 100%;}
  /*.join_coop .right dl{width: 100%;float: none;padding-top: 0;}*/
  .join_coop .right .join_ewm{width: 100%;margin-top: 30px;}
  .joinbtn{width: calc(100% + 0.55rem);margin-left: -0.55rem;}
  .joinbtn .jona{display: block;}
  .joinbtn .jona a{width: 100%;}


  .one_banner_ic{display: none;}
 
  .of_num ul{ justify-content: left;}
  .join_title{margin-bottom: 40px;}
  .join_title i{margin-bottom: 20px;}
  .join_coop dd p{font-size: 14px;}
  .join_coop dt{font-size: 40px;font-weight: 100;}
  .join_coop dd{width: calc(100% - 40px);}
  .news_dcont{padding-top: 60px;}

  .pro_banner_ic{display: none;}
  .pro_ic01, .pro_banner_text01 p{margin-bottom: 20px;}
  .pro_banner_text01 p{margin-bottom: 30px;}
  /* shuzi */
  .of_num dd{font-size: 13px;}
  .of_num .bold{font-weight: bold;}
  .of_num dt .fnt_66 {font-size: 0.48rem;}
  .of_num li, .of_01 .of_num li{margin-bottom: 8%;}

  .of_title{margin-bottom:30px;}
  .of_title h3{margin-bottom: 20px;}

  .one_02, .one_03{padding: 60px 0;}
  .one_02 .pub_title,.one_01 .pub_title{margin-bottom: 30px;}
  .one_matrix dt b{width: 50px;}
  .one_matrix dt h3{width: calc(100% - 70px);}
  .one_but>div{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
  .one_matrix dt span{font-size: 30px;}
  .one_matrix .right p{padding-top: 8px;}
  .one_cicle_text p{font-size: 12px;}

  .brand_banner,.store_banner{padding: 90px 0 20px 0;}
  .b_logo_phone{display: block;width: 200px;margin:auto;}
  .b_logo_pc{display: none;}
  .brand_num li{padding: 0.5rem 0;}
  .brand_num span{font-size: 0.72rem;}

  .brand_list ul{height: 250px !important;}
  .brand_list li:nth-child(7),.brand_list li:nth-child(11){display: none;}
  .brand_list li:nth-child(3){width: 55%;height: auto;}
  .brand_list li:nth-child(2){width: 60%;height: auto;left: 40%;}
  .brand_list li:nth-child(1){width: 60%;left: 0;height: auto;}
  .brand_list li:nth-child(5){top:0;height: auto;width: 40%;left: 0%;}
  .brand_list li:nth-child(6){width: 50%;left: 50%;height: auto;}
  .brand_list li:nth-child(4){width: 40%;left: 50%;}
  .brand_list li:nth-child(8){top:0;width: 40%;left: 20%;height: auto;}
  .brand_list li:nth-child(10){width: 50%;height: auto;left: 10%;}


  .pub_tab li a{padding: 20px 10px;margin: 0 5px;}

  .one_cont .pub_tab li a::after{bottom: 0;}
  .one_cont .pub_tab .w_1740{overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
  .one_cont .pub_tab ul{flex-wrap: nowrap;}
  .one_cont .pub_tab li{    white-space: nowrap;}
  .one_cont .pub_tab li a{padding:20px 10px;margin: 0 5px;}
  .one_cont .pub_tab li:first-child{margin-left:12%;}

  .pro_cont .pub_tab li a::after{bottom: 0;}
  .pro_cont .pub_tab .w_1740{overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
  .pro_cont .pub_tab ul{flex-wrap: nowrap;}
  .pro_cont .pub_tab li{    white-space: nowrap;}
  .pro_cont .pub_tab li a{padding:20px 10px;margin: 0 5px;}
  .pro_cont .pub_tab li:first-child{margin-left:155px;}


}

@media only screen and (min-width:1024px) {

  .jioin_tab,.jioin_tab li{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}

}


.coopfixd .join_01{position: fixed;top:0;left: 0;width: 100%;z-index: 9;background: #fff;} 
.coopfixd .jioin_tab,.coopfixd .jioin_tab li {visibility: visible !important;}
.coopfixd .jioin_tab{padding: 0.3rem 0;    margin-bottom: 0; width: 3.6rem;}
.coopfixd .jioin_tab li{width: 1.3rem;height: 1.3rem;}
.coopfixd .jioin_tab li img{width: 1rem;height: 1rem;}
.coopfixd .jioin_tab li:nth-child(2n){margin-top: 0.4rem;}


.coopfixd .join_01{-webkit-transform: translateY(-3rem); -moz-transform: translateY(-3rem);-o-transform: translateY(-3rem);-ms-transform: translateY(-3rem);transform: translateY(-3rem);}
.coopfixd .join_02{padding-top: 2rem;}

.join_cont .pub_tab{margin-bottom: 0.5rem; visibility: hidden;opacity: 0;}
.coopfixd .pub_tab{visibility: visible;opacity: 1;}
.coopfixd .pub_tab{position: fixed;z-index: 99;top:0;left: 0;width: 100%;background: #fff;    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}

@media only screen and (max-width:1024px) {
  .coopfixd .pub_tab{top:60px}
  .coopfixd .join_02{padding-top: 3.9rem;}
}