/*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; }
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.66em; 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.swiper-container { margin-top: 50px; }
.banner .img { display: block; width: 100%; }
.swiper-pagination-bullet { opacity: 1; filter: alpha(opacity=100); vertical-align: bottom; }
.banner .swiper-pagination-bullet { background-color: #758082; }
.banner .swiper-pagination-bullet-active { background-color: #e52d27; }

/*新闻*/
.news { margin: 30px 3% 15px; }
.news .swiper-pagination, .store .swiper-pagination { position: relative; bottom: 0; }
.news .swiper-pagination .swiper-pagination-bullet, .store .swiper-pagination .swiper-pagination-bullet {
  margin: 0 2% 0 0;
  width: 23%;
  height: 28px;
  line-height: 26px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
}
.news .swiper-pagination .swiper-pagination-bullet-active, .store .swiper-pagination .swiper-pagination-bullet-active {
  color: #fff; background-color: #e52d27; border-color: #e52d27;
}
.news .swiper-slide { padding: 0 1%; box-sizing: border-box; }
.news .row { padding: 15px 0; border-top: 1px solid #eee; }
.news .one { border-top: none; }
.news .row .tit { display: block; font-size: 15px; color: #333; }
.news .row .tit:hover { color: #e52d27; }
.news .row .time { margin-top: 6px; font-size: 11px; color: #999; }
.news .row .desc {
  margin-top: 10px;
  max-height: 44px;
  font-size: 13px;
  line-height: 22px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*产品*/
.pro, .store { margin: 0 3% 30px; }
.pro .tit { padding-bottom: 5px; line-height: 140%; border-bottom: 1px solid #eee; }
.pro .tit .txt { padding-left: 10px; font-size: 15px; color: #333; border-left: 2px solid #e52d27; }
.pro .tit .more { font-family: arial; font-size: 12px; color: #e52d27; }
.pro .list .col, .store .list .col {
  margin-top: 15px; margin-right: 4%; width: 48%; background: url(../img/loading.gif) center no-repeat;
}
.pro .list .marr0, .store .list .marr0 { margin-right: 0; }
.pro .list .img, .store .list .img { display: block; width: 100%; height: 150px; }
.pro .list .txt { padding: 0 2%; font-size: 13px; line-height: 1.81; text-align: center; background-color: #f5f5f5; }

/*终端*/
.store .list .col { position: relative; }
.store .list .txt, .store .list .mask { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; opacity: 0; }
.store .list .txt {
  top: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.store .list .mask { height: 100%; background-color: #000; }
.store .col:hover .txt { opacity: 1; }
.store .col:hover .mask { opacity: 0.8; }

/*加盟*/
.join {
  padding: 30px 3%;
  background: url(../img/min_jmys.jpg) center top 100% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.join .tit { max-width: 94%; }
.join .list { margin-top: 20px; }
.join .list .icon { display: block; width: 100%; background: #fff center no-repeat; border-radius: 10px; }
.join .list .txt { margin-top: 4px; color: #fff; text-align: center; text-shadow: 0 0 1px #e52d27; }
.join .list .btnwr { margin-top: 16px; text-align: center; }
.join .list .btn { margin: 0 7%; width: 35px; height: 35px; background: url(../img/min_jmbtn.png) 0 0 no-repeat; }
.join .list .next { background-position: -35px 0; }

/*品牌*/
.brand { padding: 30px 3%; background: url(../img/inhonor_bg.jpg) center repeat; }
.brand .tit { text-align: center; }
.brand .tit .cn {
  padding: 0 14px; font-size: 18px; line-height: 100%; color: #e52d27; border-left: 1px solid #bbb; border-right: 1px solid #bbb;
}
.brand .tit .en { margin-top: 4px; font-family: arial; font-size: 10px; color: #999; text-align: center; text-transform: uppercase; }
.brand .con { margin-top: 12px; font-size: 12px; line-height: 2em; text-align: center; }
.brand .list { margin-top: 15px; }
.brand .list .col {
  position: relative;
  margin-left: 5%;
  padding: 12px 0;
  width: 30%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 25px 0 rgba(32, 21, 18, 0.01);
}
.brand .list .marl0 { margin-left: 0; }
.brand .list .icon { display: block; margin: auto; width: 50%; max-width: 70px; }
.brand .list .line { display: block; margin: 15px auto 0; width: 16.66%; height: 3px; background-color: #e52d27; }
.brand .list .tit { margin-top: 12px; font-size: 91.66%; color: #333; }
.brand .list .link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }

/*团队*/
.team { margin: 30px 3%; }
.team .tit { font-size: 28px; color: #e52d27; text-align: center; }
.team .dimg { margin: 15px auto 0; width: 98%; max-width: 580px; }
.team .list .row { margin-top: 16px; font-size: 0; }
.team .list .icon { width: 16%; max-width: 70px; }
.team .list .img { display: block; width: 100%; }
.team .list .txtwr { margin-left: 6%; width: 78%; }
.team .list .stit { font-size: 14px; color: #e52d27; }
.team .list .scon { margin-top: 8px; font-size: 12px; line-height: 1.5em; }