/*reset*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { min-width: 1250px; 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; -o-transition: all 0.6s; transition: all 0.6s; }
a:hover { color: #e52d27; }

/*common*/
.comwrap { position: relative; margin: 0 auto; width: 1200px; }
.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; }
.cmain { color: #e52d27; }
.webkit10px { -webkit-transform: scale(0.8333); }

/*header*/
.header { position: relative; z-index: 2; box-shadow: 3px 0 6px 3px rgba(32, 21, 18, 0.2); }
.header-top { line-height: 30px; background-color: #f5f5f5; }
.header-top .txt { font-size: 12px; color: #555; }
.header-top .tel { padding-left: 16px; font-size: 16px; color: #e52d27; background: url(../img/icon_httel.jpg) left center no-repeat; }
.header-top .tmall { margin: 4px 32px 0 0; width: 22px; height: 22px; background: url(../img/icon_tmall.png) 0 0 no-repeat; }
.header-main { height: 85px; }
.header-main .logo { margin-top: 18px; }
.nav .col { margin-left: 40px; }
.nav .col:nth-child(1) { margin-left: 0; }
.nav .col .link { display: block; line-height: 85px; }
.nav .col .link:hover, .nav .cur .link { color: #e52d27; }
.nav-two {
  display: none;
  position: fixed;
  top: 115px;
  left: 0;
  z-index: 9;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #999;
  border-top: 1px solid #ccc;
}
.nav-two .ntwrap { margin-right: -20px; overflow: hidden; }
.nav-two .ntcol { margin-bottom: -9989px; padding: 10px 5px 9999px; width: 85px; border-left: 1px solid #eee; }
.nav-two .ntone { border-left: 0; }
.nav-two .ntcol .ntlink { display: block; line-height: 30px; text-align: center; }
.nav-two .cur { background-color: #fafafa; }

/*footer*/
.footer { padding: 55px 0 40px; background-color: #3b3b3b; }
.footer .col { padding-right: 50px; max-width: 85px; }
.footer .col-5 { display: none; }
.footer .col .link { font-size: 16px; color: #fff; }
.footer .col .son { margin-top: 16px; }
.footer .col .slink { display: block; font-size: 12px; line-height: 30px; color: #f5f5f5; opacity: 0.6; filter: alpha(opacity=60); }
.footer .col .slink:hover { color: #e52d27; opacity: 1; filter: alpha(opacity=100); }
.footer .info { color: #fff; }
.footer .info .con { margin-right: 25px; padding-top: 4px; text-align: right; }
.footer .info .num { margin-top: 24px; font-family: arial; font-size: 30px; font-style: italic; }
.footer .info .img { display: block; width: 140px; height: 140px; }
.footer .info .txt { margin-top: 14px; }
.footer .info .link { margin-top: 20px; font-size: 0; }
.footer .info .a {
  position: relative;
  margin-left: 20px;
  width: 28px;
  height: 28px;
  background: url(../img/footer_icon.png) 0 0 no-repeat;
  border-radius: 100%;
  *zoom: 1;
}
.footer .info .a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/footer_icon.png) 0 -28px no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.footer .info .wx { background-position: -28px 0; }
.footer .info .wx:after { background-position: -28px -28px; }
.footer .info .wb { background-position: -56px 0; }
.footer .info .wb:after { background-position: -56px -28px; }
.footer .info .a:hover { background-color: #fff; }
.footer .info .a:hover:after { opacity: 1; filter: alpha(opacity=100); }
.footer .info .wx .img {
  position: absolute;
  top: 38px;
  left: -51px;
  z-index: 2;
  width: 130px;
  height: 130px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.footer .info .wx:hover .img { opacity: 1; filter: alpha(opacity=100); }
.copyr { font-size: 12px; line-height: 40px; color: #f5f5f5; background-color: #262626; }
.copyr .a { color: #f5f5f5; }
.copyr .a:hover { color: #e52d27; }
.copyr .fl-r { opacity: 0.6; filter: alpha(opacity=60); }

/*banner*/
.banner { overflow: hidden; }
.banner img { display: block; position: relative; left: 50%; margin-left: -960px; }

.join-tit { text-align: center; }
.join-tit .txt { font-size: 42px; color: #e52d27; }
.join-tit .txt .img { vertical-align: top; }
.join-tit .line { display: block; position: relative; z-index: 3; margin: 16px 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: 0; }
.join-tit .line:after { right: 0; }
.join-tit .stxt { margin-top: 26px; font-size: 20px; color: #747474; }

/*全屋定制*/
.join-qwdj { margin-top: 65px; }
.join-qwdj .list { margin-top: 40px; overflow: hidden; }
.join-qwdj .list .slide { position: relative; }
.join-qwdj .list .item { position: relative; width: 25%; height: 260px; overflow: hidden; }
.join-qwdj .list .img {
  position: absolute;
  top: 50%;
  top: 0\9;
  left: 50%;
  left: 0\9;
  z-index: 1;
  min-width: 100%;
  width: 100%\9;
  min-height: 100%;
  height: 100%\9;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.join-qwdj .list .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.join-qwdj .list .info { position: absolute; top: 50%; left: 0; z-index: 3; margin-top: -64px; width: 100%; }
.join-qwdj .list .icon {
  display: block;
  height: 67px;
  background: url(../img/join_srch.png) top center no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(6%, 0, 0);
  -ms-transform: translate3d(6%, 0, 0);
  -o-transform: translate3d(6%, 0, 0);
  transform: translate3d(6%, 0, 0);
}
.join-qwdj .list .tit {
  margin: 30px 2% 0;
  font-size: 22px;
  color: #fff;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-6%, 0, 0);
  -ms-transform: translate3d(-6%, 0, 0);
  -o-transform: translate3d(-6%, 0, 0);
  transform: translate3d(-6%, 0, 0);
}
.join-qwdj .list .item:hover .mask { opacity: 0.5; filter: alpha(opacity=50); }
.join-qwdj .list .item:hover .icon, .join-qwdj .list .item:hover .tit {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.join-qwdj .btn { padding-top: 30px; font-size: 0; text-align: center; background: url(../img/join_ysbg.jpg) center repeat; }
.join-qwdj .btn .more { margin: 0 20px; font-size: 20px; color: #e52d27; }
.join-qwdj .btn .prev, .join-qwdj .btn .next {
  width: 49px;
  height: 20px;
  background: url(../img/join_btn.png) 0 0 no-repeat;
  overflow: hidden;
}
.join-qwdj .btn .next { background-position: -147px 0; }
.join-qwdj .btn .prev:hover { background-position: -49px 0; }
.join-qwdj .btn .next:hover { background-position: -98px 0; }
.join-qwdj-2 { position: relative; margin-top: 0; padding: 50px 0; background-color: #000; overflow: hidden; }
.join-qwdj-2 .bg { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -450px 0 0 -960px; opacity: 0.6; filter: alpha(opacity=60); }
.join-qwdj-2 .join-tit .stxt { color: #eee; }
.join-qwdj-2 .join-tit, .join-qwdj .slidewr { position: relative; z-index: 2; overflow: hidden; }
.join-qwdj .slidewr .comwrap { z-index: 2; margin-top: 30px; height: 590px; background-color: #fff; overflow: hidden; }
.join-qwdj .slidewr .slide { position: relative; width: 1000%; font-size: 0; }
.join-qwdj .slidewr .item { position: relative; padding: 5px 0; width: 10%; max-height: 580px; text-align: center; }
.join-qwdj .slidewr .img { max-width: 1190px; max-height: 580px; vertical-align: top; }
.join-qwdj .slidewr .link { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
.join-qwdj .slidewr .comwrap:hover { opacity: 0.8; filter: alpha(opacity=80); }
.join-qwdj .slidewr .btn { position: relative; z-index: 2; padding-top: 20px; background: none; }
.join-qwdj .slidewr .prev, .join-qwdj .slidewr .next { width: 32px; height: 32px; background: url(../img/pron_btn.png) 0 0 no-repeat; }
.join-qwdj .slidewr .prev:hover { background-position: -32px 0; }
.join-qwdj .slidewr .next { background-position: -96px 0; }
.join-qwdj .slidewr .next:hover { background-position: -64px 0; }
.join-qwdj .slidewr .more { color: #eee; }
.join-qwdj .slidewr .more:hover { color: #e52d27; }

/*加盟优势*/
.join-jmys { padding: 105px 0 40px; background: url(../img/join_ysbg.jpg) center repeat; }
.join-jmys .list { margin-top: 70px; padding: 0 25px; }
.join-jmys .list .col { margin: 0 10px 60px; width: 210px; }
.join-jmys .list .icon { position: relative; margin: 0 auto; width: 186px; height: 206px; *zoom: 1; }
.join-jmys .list .icon:before, .join-jmys .list .icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/join_lbx_24.png) 0 0 no-repeat;
  background: url(../img/join_lbx_8.png) 0 0 no-repeat\9;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.join-jmys .list .icon:before { opacity: 0.4; filter: alpha(opacity=40); }
.join-jmys .list .icon:after { display: none\9; z-index: 1; background-position: -186px 0; opacity: 0; filter: alpha(opacity=0); }
.join-jmys .list .sico {
  position: absolute;
  top: 59px;
  left: 18px;
  z-index: 3;
  width: 150px;
  height: 88px;
  background: 0 0 no-repeat;
}
.join-jmys .list .txt { margin-top: 20px; font-size: 18px; line-height: 30px; text-align: center; color: #3a3a3a; }
.join-jmys .list .col:hover .icon:before, .join-jmys .list .col:hover .icon:after {
  -webkit-transform: translateZ(0) rotateY(180deg);
  -ms-transform: translateZ(0) rotateY(180deg);
  -o-transform: translateZ(0) rotateY(180deg);
  transform: translateZ(0) rotateY(180deg);
}
.join-jmys .list .col:hover .icon:before { z-index: 1; opacity: 0; filter: alpha(opacity=0); }
.join-jmys .list .col:hover .icon:after { z-index: 2; opacity: 0.7; filter: alpha(opacity=70); }
.join-jmys .list .col:hover .sico { background-position: -150px 0; background-position: 0 0\9; }

.join-wmzc { padding: 80px 0; }
.join-wmzc .list { position: relative; margin-top: 40px; font-size: 0; overflow: hidden; }
.join-wmzc .list .col { position: relative; padding: 40px 3%; width: 27.33%; vertical-align: top; }
.join-wmzc .list .col:before { content: ''; position: absolute; bottom: 100%; left: 10%; width: 80%; height: 1px; background-color: #eee; }
.join-wmzc .list .col:after { content: ''; position: absolute; top: 82px; left: 100%; width: 1px; height: 80px; background-color: #eee; }
.join-wmzc .list .col-0:after { display: none; }
.join-wmzc .list .tit { font-weight: bold; font-size: 20px; text-align: center; }
.join-wmzc .list .txt { margin-top: 1em; font-size: 16px; line-height: 2; }
.join-wmzc .list .line { display: none position: absolute; top: 0; left: 33.33%; width: 1px; height: 100%; background-color: #eee; }
.join-wmzc .list .line-2 { left: 66.66%; }
.join-wmzc .list .line-3 { display: none; }

/*加盟支持*/
.join-jmzc { position: relative; z-index: 2 }
.join-jmzc .imgwr { position: absolute; top: 0; left: 0; z-index: 1; width: 50%; height: 100%; }
.join-jmzc .imgwr img {
  position: absolute;
  top: 0;
  left: 50%;
  left: 0\9;
  min-width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-jmzc .conwr {
  position: relative;
  z-index: 2;
  padding: 40px 0;
  width: 50%;
  background: url(../img/join_zcbg.jpg) 0 0 no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.join-jmzc .conwr .row { position: relative; width: 100%; max-width: 600px; }
.join-jmzc .conwr .icon {
  position: absolute;
  top: 15px;
  left: -30px;
  width: 60px;
  height: 60px;
  background: #e52d27 center no-repeat;
  border-radius: 100%;
}
.join-jmzc .conwr .txt {
  padding: 30px 0;
  width: 90%;
  max-width: 530px;
  font-size: 18px;
  line-height: 30px;
  color: #2e2e2e;
  border-top: 1px dashed #ddd;
}
.join-jmzc .conwr .txt-1 { border-top: none; }

/*销售系统优势*/
.join-xsxt { padding: 110px 0 100px; background: url(../img/join_xtbg.jpg) center top repeat; }
.join-xsxt .join-tit .line:before, .join-xsxt .join-tit .line:after { background-color: #fff; }
.join-xsxt .list { margin-top: 80px; background-color: #f8f8f8; }
.join-xsxt .list .col { position: relative; width: 300px; height: 260px; *zoom: 1; }
.join-xsxt .list .conwr:after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-top: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #f8f8f8;
  border-width: 13px 0 13px 20px;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.join-xsxt .list .conwr-1:after, .join-xsxt .list .conwr-2:after { left: 100%; }
.join-xsxt .list .conwr-3:after, .join-xsxt .list .conwr-4:after { right: 100%; border-width: 13px 20px 13px 0; }
.join-xsxt .list .conwr:hover { background-color: #eee; }
.join-xsxt .list .conwr:hover:after { border-color: transparent #eee; }
.join-xsxt .list .mart { margin-top: 10px; }
.join-xsxt .list .icon {
  display: block;
  margin: 6px 0;
  width: 100%;
  height: 108px;
  background: url(../img/join_xtico_1.png) top center no-repeat;
}
.join-xsxt .list .conwr-2 .icon { background-image: url(../img/join_xtico_2.png); }
.join-xsxt .list .conwr-3 .icon { background-image: url(../img/join_xtico_3.png); }
.join-xsxt .list .conwr-4 .icon { background-image: url(../img/join_xtico_4.png); }
.join-xsxt .list .txt { margin: 0 auto; width: 225px; height: 120px; font-size: 16px; line-height: 30px; overflow: hidden; }
.join-xsxt .list .imgwr { overflow: hidden; }
.join-xsxt .list .img {
  display: block;
  position: relative;
  left: 50%;
  left: 0\9;
  min-width: 100%;
  width: 100%\9;
  height: 260px;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-xsxt .list .img:hover {
  -webkit-transform: translate3d(-50%, 0, 0) scale(1.06);
  -ms-transform: translate3d(-50%, 0, 0) scale(1.06);
  -o-transform: translate3d(-50%, 0, 0) scale(1.06);
  transform: translate3d(-50%, 0, 0) scale(1.06);
}

/**/
.join-o2o { padding: 60px 0 55px; background: url(../img/join_o2obg.jpg) center top repeat; }
.join-o2o .join-tit .line:before, .join-o2o .join-tit .line:after { background-color: #d8d8d8; }
.join-o2o .main .list { padding-top: 60px; }
.join-o2o .list .row {
  margin-left: 13px;
  margin-top: 40px;
  width: 600px;
  height: 70px;
  font-size: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-color: #fff\9;
  border-radius: 35px;
}
.join-o2o .list .round {
  width: 66px;
  height: 66px;
  font-family: Folio Md BT;
  font-size: 40px;
  line-height: 66px;
  color: #e52d27;
  text-align: center;
  text-indent: -8px;
  font-style: italic;
  border: 2px solid #e52d27;
  border-radius: 100%;
  overflow: hidden;
}
.join-o2o .list .row:hover .round { color: #fff; background-color: #e52d27; }
.join-o2o .list .txt {
  margin-left: 15px;
  width: 485px;
  max-height: 60px;
  font-size: 16px;
  line-height: 30px;
  color: #1d1d1d;
  overflow: hidden;
}
.join-o2o .main .img { margin-top: 50px; margin-right: 50px; }

/*品牌实力*/
.join-ppsl { padding: 125px 0; background: url(../img/join_ppbg.jpg) top center repeat; }
.join-ppsl .join-tit .line:before, .join-ppsl .join-tit .line:after { background-color: #f0f2f1; }
.join-ppsl .main { margin-top: 60px; }
.join-ppsl .item-1 { position: relative; width: 390px; height: 650px; }
.join-ppsl .item-1 .img, .join-ppsl .item-2 .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.join-ppsl .item-1 .txt {
  position: absolute; bottom: 40px; left: 0; z-index: 2; width: 100%; font-size: 18px; color: #272727; text-align: center;
}
.join-ppsl .item-2, .join-ppsl .item-3 { position: relative; width: 810px; height: 325px; }
.join-ppsl .item-2 .txt { position: absolute; top: 70px; left: 60px; z-index: 2; font-size: 22px; line-height: 40px; color: #fff; }
.join-ppsl .item-3 { background-color: #fafafa; }
.join-ppsl .item-3 .imgwr { position: absolute; top: 25px; left: 0; width: 45%; text-align: center; }
.join-ppsl .item-3 .img { max-width: 265px; max-height: 275px; }
.join-ppsl .item-3 .txt { position: absolute; right: 0; top: 120px; width: 55%; font-size: 22px; line-height: 40px; color: #353535; }
.join-ppsl .item-3 .txt span { display: inline-block; *display: inline; *zoom: 1; line-height: 20px; text-transform: uppercase; }
.join-ppsl .item-4, .join-ppsl .item-5 { position: relative; width: 600px; height: 320px; background-color: #f9f9f9; }
.join-ppsl .item-4 .imgwr { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.join-ppsl .item-4 .img { max-width: 100%; max-height: 190px; vertical-align: text-bottom; }
.join-ppsl .item-4 .txt, .join-ppsl .item-5 .txt {
  position: absolute; bottom: 220px; left: 0; width: 100%; font-size: 22px; line-height: 40px; text-align: center; color: #343535;
}
.join-ppsl .item-5 { background-color: #f6f6f6; }
.join-ppsl .item-5 .img { position: absolute; right: 25px; top: 18px; max-width: 90%; max-height: 90%; }
.join-ppsl .item-5 .txt { left: 30px; bottom: 20px; text-align: left; }
.join-ppsl .item-1:hover {
  z-index: 2;
  box-shadow: 0 0 10px 1px #aaa;
  -webkit-transform: translate3d(-6px, -6px, 0);
  -ms-transform: translate3d(-6px, -6px, 0);
  -o-transform: translate3d(-6px, -6px, 0);
  transform: translate3d(-6px, -6px, 0);
}
.join-ppsl .item-2:hover {
  z-index: 2;
  box-shadow: 0 0 10px 1px #aaa;
  -webkit-transform: translate3d(6px, -6px, 0);
  -ms-transform: translate3d(6px, -6px, 0);
  -o-transform: translate3d(6px, -6px, 0);
  transform: translate3d(6px, -6px, 0);
}
.join-ppsl .item-3:hover {
  z-index: 2;
  box-shadow: 0 0 10px 1px #aaa;
  -webkit-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  -o-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.join-ppsl .item-4:hover {
  z-index: 2;
  box-shadow: 0 0 10px 1px #aaa;
  -webkit-transform: translate3d(-6px, 6px, 0);
  -ms-transform: translate3d(-6px, 6px, 0);
  -o-transform: translate3d(-6px, 6px, 0);
  transform: translate3d(-6px, 6px, 0);
}
.join-ppsl .item-5:hover {
  z-index: 2;
  box-shadow: 0 0 10px 1px #aaa;
  -webkit-transform: translate3d(6px, 6px, 0);
  -ms-transform: translate3d(6px, 6px, 0);
  -o-transform: translate3d(6px, 6px, 0);
  transform: translate3d(6px, 6px, 0);
}

/*成功案例*/
.join-cgal { padding: 120px 0 150px; background: url(../img/join_albg.jpg) 0 0 repeat; }
.join-cgal .join-tit .stxt { margin-top: 16px; font-size: 16px; }
.join-cgal .join-tit .line:before, .join-cgal .join-tit .line:after { background-color: #f0f2f1; }
.join-cgal .list-it .row { position: relative; margin-top: 50px; min-height: 300px; }
.join-cgal .list-it .imgwr { float: right; width: 40%; overflow: hidden; }
.join-cgal .list-it .img {
  position: relative;
  left: 50%;
  left: 0\9;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-cgal .list-it .conwr {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  top: 30%\9;
  line-height: 45px;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.join-cgal .list-it .tit { margin-left: 4%; width: 52.5%; font-size: 24px; color: #353535; }
.join-cgal .list-it .txt { margin-left: 4%; width: 52.5%; font-size: 16px; color: #747474; }
.join-cgal .list-it .row-2 .imgwr { float: left; }
.join-cgal .list-it .row-2 .tit, .join-cgal .list-it .row-2 .txt { float: right; margin-left: 0; margin-right: 2%; width: 53.5%; }
.join-cgal .list-i { margin: 95px auto 0; width: 1230px; }
.join-cgal .list-i .col { margin: 0 15px; width: 380px; overflow: hidden; }
.join-cgal .list-i .img { display: block; min-width: 100%; height: 320px; }

/*优秀经销商*/
.join-jxs { padding: 85px 0; }
.join-jxs .join-tit .line:before, .join-jxs .join-tit .line:after { background-color: #f0f2f1; }
.join-jxs .main { margin-top: 80px; overflow: hidden; }
.join-jxs .slide { position: relative; width: 1000%; }
.join-jxs .slide .item { position: relative; z-index: 2; width: 10%; }
.join-jxs .slide .conwr {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 2;
  padding: 28px 0;
  width: 820px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(4, 0, 0, 0.06);
  overflow: hidden;
}
.join-jxs .slide .tit { margin: 0 28px; color: #353535; }
.join-jxs .slide .tit .dtxt { margin-right: 16px; font-size: 26px; }
.join-jxs .slide .con {
  margin: 0 28px; padding: 18px 0; font-size: 16px; line-height: 30px; color: #848484; border-bottom: 1px solid #eee;
}
.join-jxs .slide .stit { margin: 0 28px; line-height: 50px; font-size: 18px; color: #353535; }
.join-jxs .slide .imgl { margin-left: 25px; }
.join-jxs .slide .col { margin-right: 17px; width: 245px; min-width: 0; height: 180px; overflow: hidden; }
.join-jxs .slide .img { height: 180px; }
.join-jxs .slide .imgwr { width: 450px; height: 500px; overflow: hidden; }
.join-jxs .slide .dimg {
  position: relative;
  left: 50%;
  left: 0\9;
  min-width: 100%;
  width: 100%\9;
  height: 500px;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.join-jxs .btnwr { position: absolute; top: 12px; right: 0; z-index: 3; }
.join-jxs .btnwr .btn { width: 27px; height: 27px; background: url(../img/join_jxsbtn.jpg) 0 0 no-repeat; }
.join-jxs .btnwr .next { margin-left: 80px; background-position: -81px 0; }
.join-jxs .btnwr .prev:hover { background-position: -27px 0; }
.join-jxs .btnwr .next:hover { background-position: -54px 0; }

/*亮阁商学院*/
.join-sxy { padding: 80px 0 120px; background: url(../img/join_sxybg.jpg) top center no-repeat; }
.join-sxy .join-tit .line:before, .join-sxy .join-tit .line:after { background-color: #4f5b65; }
.join-sxy .main { margin-top: 65px; background-color: #fff; }
.join-sxy .list { padding: 4px; }
.join-sxy .list .txtwr {
  margin: 4px; padding: 22px 26px; width: 245px; height: 320px; font-size: 16px; line-height: 35px; color: #747474; overflow: hidden;
}
.join-sxy .list .col-0 { position: relative; margin: 4px; width: 590px; height: 364px; overflow: hidden; }
.join-sxy .list .col-1 { position: relative; margin: 4px; width: 280px; height: 364px; overflow: hidden; }
.join-sxy .list .col-2 { position: relative; margin: 4px; width: 586px; height: 304px; overflow: hidden; }
.join-sxy .list .col-3 { position: relative; margin: 4px; width: 590px; height: 304px; overflow: hidden; }
.join-sxy .list .img {
  position: absolute;
  left: 50%;
  left: 0\9;
  top: 0;
  min-width: 100%;
  width: 100%\9;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

/*留言*/
.join-ly { padding: 118px 0 108px; background: url(../img/join_lybg.jpg) top center no-repeat; }
.join-ly .main { padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(4, 0, 0, 0.06); }
.join-ly .info, .join-ly .biaod { margin: 40px 67px 0; width: 466px; }
.join-ly .info .tit { font-size: 24px; line-height: 45px; color: #353535; }
.join-ly .info .txt { font-size: 16px; line-height: 45px; color: #747474; }
.join-ly .info .yjm { margin-top: 20px; border: 1px solid #eee; }
.join-ly .info .stit { padding: 0 12px; line-height: 38px; background-color: #f5f5f5; border-bottom: 1px solid #eee; }
.join-ly .info .scon { margin: 14px 0; height: 140px; overflow: hidden; }
.join-ly .info .row { line-height: 35px; color: #343434; text-align: center; }
.join-ly .info .mz { width: 90px; }
.join-ly .info .dh { margin-left: 20px; width: 220px; }
.join-ly .info .dq { margin-left: 20px; width: 100px; text-align: left; }
.join-ly .biaod .row { margin-bottom: 18px; line-height: 40px; }
.join-ly .biaod .marb0 { margin-bottom: 0; }
.join-ly .biaod .txt { width: 66px; font-size: 16px; color: #747474; }
.join-ly .biaod .intxt { padding: 0 5px; width: 390px; height: 40px; background-color: #f6f6f6; }
.join-ly .biaod .intxt-2 { min-width: 390px; max-width: 390px; height: 120px; min-height: 120px; max-height: 120px; }
.join-ly .biaod .sub {
  margin-top: 8px;
  width: 400px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #f95e54;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(229, 44, 39, 0.3);
}
.join-ly .biaod .sub:hover {
  cursor: pointer;
  box-shadow: none;
  -webkit-transform: translate3d(0, 3px, 0);
  -ms-transform: translate3d(0, 3px, 0);
  -o-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
}

/*浮动工具条*/
.fixed-bar a,.chat-tips i { background-image: url(http://www.hnliangge.com/1images/gdt-img3.png); background-repeat: no-repeat; }
.fixed-bar { width: 66px; position: fixed; bottom: 20px; right: 5px; font-size: 0; line-height: 0; z-index: 100; }
.fixed-bar a { width: 66px; height: 66px; display: inline-block; background-color: #AD282F; margin-bottom: 2px; }
.fixed-bar a:hover { background-color: #CF2122; }
.fixed-bar .icon-qq { background-position: 0 -62px; }
.fixed-bar .icon-chat { background-position: 0 -130px; position: relative; }
.fixed-bar .icon-chat:hover .chat-tips { display: block; }
.fixed-bar .icon-blog { background-position: 0 -198px; }
.fixed-bar .icon-mail { background-position: 0 -266px; }
.fixed-bar .icon-totop { background-position: 0 -334px; }
.chat-tips {
  padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none;
}
.chat-tips i {
  width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position:-88px -350px;
}
.chat-tips img { width: 138px; height: 138px; }
.fixed-bar .icon-chat1 { background-position: 0 -320px; position: relative; }
.fixed-bar .icon-chat1:hover .chat-tips { display: block; }