/*reset*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { margin: 0 auto; max-width: 640px; font-family: "微软雅黑"; font-size: 14px; color: #666; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { font-family: "微软雅黑"; font-size: 14px; color: #666; border: none; }
img, i { border: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
i { font-style: normal; }
a { color: #666; text-decoration: none; -webkit-transition: all 0.6s; transition: all 0.6s; }
a:hover { color: #e52d27; }

/*common*/
.nosrl { position: fixed; width: 100%; height: 100%; overflow: hidden; }
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }

/*header*/
.header { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 50px; background-color: #e52d27; }
.header .logo { margin: 12px 3%; height: 25px; }
.header .btn { margin: 16px 3%; height: 18px; }
.header .btn.on { -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); }
.nav {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 8;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(0, 0, 0, 0.6);
  overflow-x: scroll;
}
.nav .wrap { padding: 0 3% 60px; background-color: #333; }
.nav .row {
  position: relative;
  line-height: 44px;
  color: #fff;
  border-top: 1px solid #666;
  opacity: 0;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.nav-on .row { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.nav-on .row
.nav-on .row:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.nav-on .row:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.nav-on .row:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.nav-on .row:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.nav-on .row:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.nav-on .row:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.nav-on .row:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.nav-on .row:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.nav-on .row:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.nav-on .row:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; }
.nav .bort0 { border-top: none; }
.nav .row .link { position: relative; z-index: 2; display: block; padding-right: 20px; color: #fff; }
.nav .row .ico { position: absolute; right: 0; top: 0; z-index: 1; font-family: "Simsun"; }
.nav .search { position: relative; margin-top: 18px; background-color: #fff; }
.nav .search .txt {
  display: block;
  padding: 0 49px 0 10px;
  width: 100%;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  color: #999;
  background: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  outline: none;
}
.nav .search .txt:focus { border-color: #e52d27; }
.nav .search .sub {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 38px;
  height: 30px;
  background: #fff url(../img/msrch_btn.png) center no-repeat;
  border: none;
  outline: none;
}
.nav .search .sub:focus { -webkit-transform: translateZ(0) scale(0.9); transform: translateZ(0) scale(0.9); }

/*footer*/
.footer { position: relative; margin: 0 3%; padding: 22px 60px 92px 0; line-height: 1.66; border-top: 1px solid #eee; }
.footer .totop {
  position: absolute;
  top: 28px;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background-color: #e52d27;
  border-radius: 6px;
}

.fixed-nav { position: fixed; bottom: 0; left: 0; z-index: 7; width: 100%; background-color: #e52d27; }
.fixed-nav .wrap { padding: 0 3%; }
.fixed-nav .col { position: relative; padding: 5px 0; width: 25%; }
.fixed-nav .col .icon { display: block; width: 100%; height: 20px; background: url(../img/fnav.png) center 0/auto 400% no-repeat; }
.fixed-nav .col .icon-2 { background-position: center -20px; }
.fixed-nav .col .icon-3 { background-position: center -40px; }
.fixed-nav .col .icon-4 { background-position: center -60px; }
.fixed-nav .col .txt { margin-top: 4px; font-size: 91.66%; color: #fff; text-align: center; }
.fixed-nav .col .link { position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; }

/*banner*/
.banner { margin-top: 50px; width: 100%; overflow: hidden; }
.banner img { display: block; width: 100%; }

/*content*/
.menut { position: relative; line-height: 35px; color: #fff; }
.menut .this { padding: 0 3%; font-size: 108.33%; background-color: #222; }
.menut .icon { position: absolute; right: 3%; top: 0; z-index: 2; font-family: "Simsun"; font-size: 16px; font-weight: bold; }
.menut .icon-on { -webkit-transform: translateZ(0) rotate(90deg); transform: translateZ(0) rotate(90deg); }
.menut .other { display: none; width: 100%; }
.menut .other .row { margin: 0 3%; border-bottom: 1px solid #eee; }
.menut .other .link { display: block; font-size: 91.66%; }

.join-box { margin-bottom: 25px; border-bottom: 5px solid #f6f6f6; }
.join-tit { width: 100%; text-align: center; overflow: hidden; }
.join-tit .txt { font-size: 175%; color: #e52d27; }
.join-tit .txt .img { display: block; margin: 0 auto; height: 23px; vertical-align: top; }
.join-tit .line { display: block; position: relative; z-index: 3; margin: 12px auto 0; height: 4px; *zoom: 1; }
.join-tit .line .l {
  position: relative; z-index: 3; width: 20px; height: 5px; background-color: #e52d27; border-radius: 6px; vertical-align: top;
}
.join-tit .line:before, .join-tit .line:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  width: 580px;
  height: 1px;
  background-color: #939393;
}
.join-tit .line:before { left: 50%; margin-left: 10px; }
.join-tit .line:after { right: 50%; margin-right: 10px; }
.join-tit .stxt { margin-top: 12px; color: #747474; }

/*全屋定制*/
.join-qwdj { margin-top: 30px; }
.join-qwdj .list { margin: 12px 3% 0; overflow: hidden; }
.join-qwdj .list .item { margin-bottom: 15px; margin-right: 4%; width: 48%; }
.join-qwdj .list .marr0 { margin-right: 0; }
.join-qwdj .list .img { display: block; width: 100%; height: 150px; }
.join-qwdj .list .tit { font-size: 91.66%; line-height: 2.72; color: #222; text-align: center; border-bottom: 1px solid #ddd; }
.join-qwdj .list .btn { margin: 0 0 15px; text-align: center; }
.join-qwdj .list .more { font-size: 125%; color: #e52d27; }
.join-qwdj .btn .prev, .join-qwdj .btn .next {
  width: 49px; height: 40px; background: url(../img/join_btn.png) 0 center no-repeat; overflow: hidden;
}
.join-qwdj .btn .next { background-position: -147px center; }
.join-qwdj .btn .prev:hover { background-position: -49px center; }
.join-qwdj .btn .next:hover { background-position: -98px center; }
.join-qwdj-2 { position: relative; margin-top: 0; padding: 30px 4%; background-color: #000; overflow: hidden; }
.join-qwdj-2 .bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  height: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-qwdj-2 .join-tit { position: relative; z-index: 2; }
.join-qwdj-2 .join-tit .stxt { color: #eee; }
.join-qwdj-2 .swiper-container { margin: 20px 0; height: 250px; background-color: #fff; }
.join-qwdj-2 .swiper-container .img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 94%;
  max-height: 94%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.join-qwdj-2 .btn { position: relative; z-index: 2; font-size: 0; text-align: center; }
.join-qwdj-2 .btn .prev, .join-qwdj-2 .btn .next { width: 32px; height: 32px; background: url(../img/pron_btn.png) 0 0 no-repeat; }
.join-qwdj-2 .btn .prev:hover { background-position: -32px 0; }
.join-qwdj-2 .btn .next { background-position: -96px 0; }
.join-qwdj-2 .btn .next:hover { background-position: -64px 0; }
.join-qwdj-2 .btn .more { margin: 0 20px; font-size: 14px; color: #eee; }
.join-qwdj-2 .btn .more:hover { color: #e52d27; }

/*020大家居战略*/
.join-o2o .main { margin: 15px 3% 0; }
.join-o2o .main .img { display: block; margin: 0 auto; width: 70%; max-width: 438px; }
.join-o2o .main .list { margin-top: 20px; padding-bottom: 15px; }
.join-o2o .main .row { position: relative; margin-bottom: 10px; padding-left: 50px; min-height: 40px; }
.join-o2o .main .round {
  position: absolute;
  left: 0;
  top: 5px;
  width: 30px;
  height: 30px;
  font-size: 166.66%;
  line-height: 30px;
  color: #e52d27;
  text-align: center;
  border: 2px solid #e52d27;
  border-radius: 100%;
}
.join-o2o .main .txt { font-size: 14px; line-height: 26px; color: #1d1d1d; }

/*品牌实力*/
.join-ppsl { margin-bottom: 25px; }
.join-ppsl .main { margin-top: 25px; }
.join-ppsl .main .img { display: block; width: 100%; }

/*成功案例*/
.join-cgal .list { margin-top: 20px; }
.join-cgal .list .row { margin-bottom: 25px; }
.join-cgal .list .img { display: block; width: 100%; }
.join-cgal .list .tit { margin: 14px 3% 0; font-size: 125%; font-weight: bold; color: #353535; }
.join-cgal .list .txt { margin: 0.5em 3% 0; line-height: 1.875; color: #747474; }

/*优秀经销商*/
.join-jxs .main { margin-top: 25px; overflow: hidden; }
.join-jxs .main .slide { width: 1000%; }
.join-jxs .main .bg { display: none; }
.join-jxs .main .item { width: 10%; }
.join-jxs .main .col { margin: 12px 0 0 3%; padding-bottom: 10px; width: 45.5%; border-bottom: 1px solid #ddd; }
.join-jxs .main .info {
  position: relative; height: 150px; background: center 15%/100% auto no-repeat; border-bottom: 1px solid #7f7f7f;
}
.join-jxs .main .txt {
  position: absolute; bottom: 0; left: 0; z-index: 2; padding: 8px 3%; width: 94%; color: #fff; background-color: rgba(0, 0, 0, 0.5);
}
.join-jxs .main .tit { margin-bottom: 4px; font-size: 116%; }
.join-jxs .main .img { display: block; width: 100%; height: 150px; }
.join-jxs .main .btn { margin: 5px 0; text-align: center; }
.join-jxs .btn .prev, .join-jxs .btn .next {
  margin: 0 20px; width: 49px; height: 60px; background: url(../img/join_btn.png) 0 center no-repeat; overflow: hidden;
}
.join-jxs .btn .next { background-position: -147px center; }
.join-jxs .btn .prev:hover { background-position: -49px center; }
.join-jxs .btn .next:hover { background-position: -98px center; }

/*商学院*/
.join-sxy .main .list { position: relative; margin: 25px 3%; padding: 190px 0; }
.join-sxy .main .txtwr { padding: 0.5em 0; line-height: 1.875; color: #747474; }
.join-sxy .main .col-0, .join-sxy .main .col-1, .join-sxy .main .col-2, .join-sxy .main .col-3 {
  position: absolute; height: 190px; overflow: hidden;
}
.join-sxy .main .col-0 { top: 0; left: 0; width: 66.66%; }
.join-sxy .main .col-1 { top: 0; right: 0; width: 31.66%; }
.join-sxy .main .col-2 { bottom: 0; left: 0; width: 49.16%; }
.join-sxy .main .col-3 { bottom: 0; right: 0; width: 49.16%; }
.join-sxy .main .img {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

/*加盟优势*/
.join-jmys { margin: 25px 0 15px; }
.join-jmys .list { margin: 25px 3% 0; font-size: 0; text-align: center; }
.join-jmys .list .col { margin-bottom: 10px; width: 33.33%; vertical-align: top; }
.join-jmys .list .col-7, .join-jmys .list .col-8, .join-jmys .list .col-9, .join-jmys .list .col-10 { width: 50%; }
.join-jmys .list .icon { position: relative; width: 100%; background: url(../img/join_lbx_m.png) center 0/auto 100% no-repeat; }
.join-jmys .list .sico { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center/auto 30% no-repeat; }
.join-jmys .list .txt { margin: 6px 5% 0; font-size: 14px; line-height: 1.25; color: #3a3a3a; }

/*加盟支持*/
.join-jmzc { margin-bottom: 25px; padding-bottom: 10px; }
.join-jmzc img { display: block; width: 100%; }
.join-jmzc .list { margin: 14px 3% 0; }
.join-jmzc .list .row { position: relative; padding-left: 50px; }
.join-jmzc .list .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 36px;
  height: 36px;
  background: #e52d27 center/auto 50% no-repeat;
  border-radius: 100%;
  box-shadow: 0 0 5px 0 #e52d27;
}
.join-jmzc .list .txt { padding: 1.2em 0; line-height: 1.25; color: #212121; border-top: 1px dashed #ddd; }
.join-jmzc .list .txt-1 { border-top: none; }

/*销售系统优势*/
.join-xsxt { margin-bottom: 20px; padding-bottom: 40px; border-bottom: 1px solid #eee; }
.join-xsxt .list-1, .join-xsxt .list-2 { margin: 25px 3% 0; box-shadow: 0 0 70px 0 rgba(4, 0, 0, 0.2); }
.join-xsxt .list .row { position: relative; padding: 10px 0 14px 50%; background-color: #f9f9f9; }
.join-xsxt .list .row-2, .join-xsxt .list .row-4 { padding-left: 0; padding-right: 50%; }
.join-xsxt .list .imgwr { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; }
.join-xsxt .list .row-2 .imgwr, .join-xsxt .list .row-4 .imgwr { left: auto; right: 0; }
.join-xsxt .list .img {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-xsxt .list .icon {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background: url(../img/join_xtico_1.png) top center/100% 100% no-repeat;
}
.join-xsxt .list .row-2 .icon { background-image: url(../img/join_xtico_2.png); }
.join-xsxt .list .row-3 .icon { background-image: url(../img/join_xtico_3.png); }
.join-xsxt .list .row-4 .icon { background-image: url(../img/join_xtico_4.png); }
.join-xsxt .list .txt { margin: 4px 5% 0; font-size: 91.66%; line-height: 1.8; text-align: center; }

/*留言*/
.join-liuy { margin: 0 3% 20px; color: #747474; }
.join-liuy .info .tit { font-size: 125%; font-weight: bold; color: #353535; text-align: center; }
.join-liuy .info .txt { margin: 0.5em 0; line-height: 1.875; }
.join-liuy .biaod .row { position: relative; margin-bottom: 10px; padding-left: 55px; }
.join-liuy .biaod .txt { position: absolute; left: 0; top: 0; line-height: 30px; }
.join-liuy .biaod .intxt { padding: 0 5%; width: 90%; height: 30px; line-height: 30px; background-color: #f6f6f6; }
.join-liuy .biaod .intxt-2 { max-width: 90%; min-width: 90%; height: 90px; }
.join-liuy .biaod .sub { width: 150px; line-height: 30px; color: #fff; text-align: center; background-color: #e52d27; }