/*reset*/
* { margin: 0; padding: 0; }
body { max-width: 640px; font-family: "新宋体","宋体", "微软雅黑"; font-size: 14px; color: #666; overflow-x: hidden; }
ul, li { list-style: none; }
img { 
  border: 0 none; 
  -webkit-transition: transform .4s, opacity .4s; 
  -o-transition: transform .4s, opacity .4s; 
  transition: transform .4s, opacity .4s; 
}
a { 
  color: #666; 
  text-decoration: none; 
  -webkit-transition: transform .4s, opacity .4s, color .4s, background .4s; 
  -o-transition: transform .4s, opacity .4s, color .4s, background .4s; 
  transition: transform .4s, opacity .4s, color .4s, background .4s; 
}
a:hover { color: #993333; }

/*common*/
.fl-l { float: left; }
.fl-r { float: right; }
.clearfix { *zoom: 1; }
.clearfix::after { content: ""; display: block; height: 0; line-height: 0; overflow: hidden; clear: both; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.noscrl, .m-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*head*/
.mhead { position: relative; padding: 4%; border-top: 6px solid #666; border-bottom: 1px solid #555; }
.mh-logo { display: block; width: 30%; }
.mh-logo .img { display: block; width: 100%; }
.mh-btn { 
  position: absolute; 
  right: 4%; 
  top: 50%; 
  margin-top: -10px; 
  width: 30px; 
  height: 22px; 
  overflow: hidden; 
}
.mh-btn .i { 
  display: block; 
  margin-bottom: 5px; 
  width: 100%; 
  height: 4px; 
  background-color: #89211b;
}
.m-nav {
  position: fixed; 
  top: 0;
  right: 0;
  *right: -100%;
  z-index: 11;
  width: 60%;
  height: 100%;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-transition: transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  -webkit-transform: translate3d(110%, 0, 0);
  -ms-transform: translate3d(110%, 0, 0);
  -o-transform: translate3d(110%, 0, 0);
  transform: translate3d(110%, 0, 0);
}
.mn-on {
  *right: 0; 
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.m-nav .tit { 
  height: 50px; line-height: 50px; font-size: 20px; text-indent: 9999px; background-image: url(img/head.jpg); overflow: hidden;
}
.m-nav .link, .m-nav .tlink { display: block; padding: 0 20px; line-height: 70px; border-bottom: 1px solid #f0f0f0; }
.m-nav .tlink { padding-left: 40px; font-size: 12px; }
.m-nav .two { display: none; }
.m-mask { display: none; z-index: 10; background-color: #000; opacity: .8; filter: alpha(opacity=80); }

/*foot*/
.mfoot { padding: 4% 4% 65px; line-height: 20px; font-size: 12px; text-align: center; }
.mfoot .tit { display: block; }
.mf-logo { display: block; margin: 0 auto 4%; width: 40%; }
  /*foot-news*/
.mfnew { padding: 6% 4% 4%; font-size: 13px; background-color: #333; }
.mfnew .tit { margin-bottom: 3%; font-size: 16px; font-weight: bold; color: #ccc; }
.mfnew .row { position: relative; line-height: 28px; list-style: inside disc; border-bottom: 1px solid #444; }
.mfnew .bt { display: block; padding-right: 75px; color: #999; }
.mfnew .time { position: absolute; right: 0; top: 0; color: #999; }
  /* 底部导航 */
.mFoot-nav {
  position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; margin: 0 auto; width: 100%; max-width: 640px; background-color: #89211b;
}
.mFoot-nav a { 
  float: left; display: block; width: 25%; height: 55px; font-size: 12px; color: #ddd; text-align: center; box-sizing: border-box; 
}
.enmFootn a { width: 50%; }
.mFoot-nav i { display: block; margin-top: 8px; font-size: 24px; }
.mFoot-nav .top i { margin-top: 0; height: 50px; line-height: 50px; font-size: 30px; }
  /* 地图 */
.mMap-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3D(0, 150%, 0);
  -moz-transform: translate3D(0, 150%, 0);
  -ms-transform: translate3D(0, 150%, 0);
  -o-transform: translate3D(0, 150%, 0);
  transform: translate3D(0, 150%, 0);
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;  
}
.mMap-show {
  z-index: 99;
  -webkit-transform: translate3D(0, 0, 0);
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -o-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);  
}
.mMap-box p { 
  position: relative; 
  width: 100%; 
  height: 50px; 
  line-height: 50px; 
  font-size: 20px; 
  color: #fff; 
  text-align: center; 
  background-color: #89211b; 
}
.mMap-box p i { position: absolute; left: 2%; line-height: 50px; }

/*banner*/
.banner img { display: block; width: 100%; }
.banner { position: relative; z-index: 2; }
.banner-main { width: 100%; overflow: hidden; }
.banner-slide { 
  position: relative; 
  left: 0; 
  top: 0; 
  width: 300%; 
  -webkit-transition: left .4s; 
  -moz-transition: left .4s; 
  -ms-transition: left .4s; 
  -o-transition: left .4s; 
  transition: left .4s; 
}
.slide-notans { 
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.banner-con { float: left; width: 100%; }
.banner-title { position: absolute; bottom: 6px; left: 0; z-index: 2; width: 100%; text-align: center; }
.banner-title .dot { width: 10px; height: 10px; border-radius: 100%; background-color: #ccc; }
.banner-title .on { background-color: #89211b; }

.mban-n img { width: 100%; }

/*首页*/
.min-tit { margin: 6% auto 2%; padding: 10px 0; text-align: center; overflow: hidden; text-transform: uppercase; }
.min-tit .line { display: block; position:relative; width: 100%; height: 1px; background-color: #e7e7e7; }
.min-tit .tit { 
  position: absolute; 
  left: 50%; 
  top: -10px; 
  margin-left: -45px; 
  width: 90px; 
  font-size: 16px; 
  text-align: center; 
  background-color: #fff; 
}
.min-tit .wz { margin-top: 12px; font-size: 12px; color: #ccc; }
.min-box { margin: 0 4%; width: 92%; overflow: hidden; }

  /*首页-流向趋势*/
.min-lxqs { font-size: 12px; line-height: 20px; text-align: center; }
.min-lxqs .imgb { margin-top: 2%; }
.min-lxqs .imgo { width: 55%; }
.min-lxqs .imgt { margin-left: 2%; width: 43%; }
.min-lxqs .img { width: 100%; }

  /*首页-产品*/
.min-pro { padding-top: 2%; width: 100%; overflow: scroll; }
.min-pro .box { margin-left: 4%; width: 44%; }
.min-pro .img { display: block; width: 100%; border: 1px solid #999; }
.min-pro .wz { display: block; margin-top: 2%; color: #666; text-align: center; }
.min-pban { padding: 4% 0; }
.min-pban .img { display: block; width: 100%; }

  /*首页-简介*/
.min-ab { padding-bottom: 2%; font-size: 13px; line-height: 22px; }
.min-ab .img { display: block; margin-top: 2%; width: 100%; }

  /*首页-团队*/
.min-team { padding: 2% 0; overflow: scroll; }
.min-team .box { margin-right: 1%; width: 30%; }
.min-team .img { display: block; width: 100%; }
.min-team .tit { line-height: 30px; text-align: center; }
.min-team .body { width: 96%; font-size: 12px; }

  /*首页-客户*/
.min-kehu { padding: 2% 4% 10%; text-align: center; overflow-x: scroll; }
.min-kehu .img { max-width: 585px; }