* { margin: 0; padding: 0; }
/* m-common */
body { margin: 0 auto; max-width: 640px; font-family: "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size: 14px; }
a { text-decoration: none; }
ul, li { list-style: none; }
img { border: 0 none; }
.clearfix:after { content:" "; display: block; width: 0; height: 0; visibility: hidden; overflow: hidden; clear: both; }
/* m banner 幻灯片 */
.m-banner { position: relative; margin-top: 37px; padding-bottom: 5px; width: 100%; overflow: hidden; }
.mb-slide {
  position: relative;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
  -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);
}
.slide-notans {
  -webkit-transition: left 0s;
  -moz-transition: left 0s;
  -ms-transition: left 0s;
  -o-transition: left 0s;
  transition: left 0s;
}
.mb-slide li { float: left; overflow: hidden; }
.mb-slide img { display: block; width: 100%; }
.mb-title { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #ccc; }
.mb-title span { float: left; display: block; height: 4px; background-color: #ccc; }
.mb-title span.on { background-color: #ff0000; }
.mb-btn { display: none; }
/* m-header 头部 */
.m-header, .mh-info, .mh-logo img { position: relative; width: 100%; }
.mh-logo { display: inline-block; vertical-align: middle; margin: 4% 2%; width: 45%; }
.mh-tel { display: inline-block; vertical-align: middle; margin-left: 5%; padding-top: 2%; width: 40%; text-align: center; }
.mh-tel a { display: block; font-size: 18px; color: #db0817; }
  /* m-nav 导航 */
.mh-nav {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9;
  width: 100%;
  height: 35px;
  border-top: 1px solid #db0817;
  border-bottom: 1px solid #db0817;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.mh-nav-fixed { position: fixed; top: 0; }
.mh-nav-on { height: 70px; }
.mh-nav a { float: left; width: 16.66%; height: 35px; line-height: 35px; color: #db0817; text-align: center; overflow: hidden; }
.mh-nav .mHNav-on { color: #fff; background-color: #db0817; }
.mh-nav .fa-angle-up {
  width: 8%;
  height: 35px;
  color: #db0817;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mh-nav .fa-angle-up:before { display: block; line-height: 35px; font-size: 18px; text-align: center; }
.mh-nav-on .fa-angle-up {
  -webkit-transform: rotate(0) translate3D(0, 0, 0);
  -moz-transform: rotate(0) translate3D(0, 0, 0);
  -ms-transform: rotate(0) translate3D(0, 0, 0);
  -o-transform: rotate(0) translate3D(0, 0, 0);
  transform: rotate(0) translate3D(0, 0, 0);
}
  /* 二级导航 */
.mh-navEr {
  display: none; position: absolute; z-index: 2; margin-top: 36px; max-width: 100%; border: 2px solid #db0817; background-color: #fff;
}
.mh-navEr a { display: block; padding: 5px 15px; line-height: 24px; color: #db0817; text-align: center; }
.mh-navEr .mhNavEr-On { color: #fff; background-color: rgba(219, 28, 3, 0.6); }
/* m-index 首页 */
  /* mindex-nav 首页导航 */
.mindex-nav { margin-top: 4%; width: 100%; }
.mindex-nav a { float: left; padding: 4% 0; width: 33.3%; color: #fff; text-align: center; background-color: #2e2e2e; }
.mindex-nav a:nth-child(odd) { background-color: #d13b3b; /*#BF2C2C*/ }
.mindex-nav i, .mindex-nav span { display: block; }
.mindex-nav i { margin-bottom: 8px; font-size: 24px; }
  /* 首页通用 */
.mindex-box { width: 100%; margin-top: 6%; }
.mindex-title { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #db0817; }
.mindex-title h2 {
  float: left;
  padding: 0 6% 0 4%;
  font-size: 16px;
  color: #fff;
  background-color: #db0817;
  border-top-right-radius: 20px;
}
.mindex-title a { float: right; padding-right: 2%; color: #db0817; }
.mindex-con { padding: 4%; }
  /* 首页简介 */
.mindex-about { line-height: 24px; text-align: justify; }
.mindex-about img { margin-left: -5%; margin-bottom: 2%; width: 110%; }
//.mindex-mov { margin-top: 20px; }
.mindex-mov .mov { position: relative; width: 550px; }
.mindex-mov .mov .wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.mindex-mov .mov .box { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
  /* 首页产品 */
.mindex-pro { margin-top: 10px; padding-bottom: 0; }
.mInP-title { display: none; }
.mInP-btn {
  position: absolute;
  top: 0;
  z-index: 8;
  width: 38px;
  height: 100%;
  background: url(img/mslide-btn.jpg) left center no-repeat;
  border-radius: 10px;
  opacity: 0.6;
  overflow: hidden;
}
#mInP-prev { left: 2%; }
#mInP-next { right: 2%; background-position: right center; }
.mInP-con { position: relative; }
.mInP-con p {
  position: absolute; left: 0; bottom: 0; padding: 2%; width: 96%; font-size: 16px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.3);
}
  /* 首页新闻 */
.mindex-new .haspic { position: relative; margin-bottom: 2%; }
.mindex-new .haspic img { width: 100%; }
.mindex-new .haspic p {
  position: absolute; left: 0; bottom: 0; width: 96%; padding: 2%; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.6)
}
.mindex-new .nopic { position: relative; padding: 12px 20px 12px 10px; border-top: 1px solid #ddd; line-height: 22px; }
.mindex-new .nopic:last-child { border-bottom: 1px solid #ddd; }
.mindex-new .nopic:before {
  content: ""; display: block; position: absolute; top: 18px; left: 0; width: 3px; height: 9px; background-color: #db0817;
}
.mindex-new .nopic:after { content: ">"; display: block; position: absolute; top: 18px; right: 0; color: #666; }
.mindex-new .nopic a { color: #555; }
/* 内页 */
.m-content { margin-top: 37px; padding: 4%; }
.m-content img { max-width: 100%; }
.m-pagelist { margin-top: 14px; text-align: center; }
.m-pagelist li { display: inline-block; padding: 6px 12px; background-color: #2e2e2e; color: #fff; }
.m-pagelist li.thisclass { background-color: #db0817; }
.m-pagelist a { color: #fff; }
  /* 企业简介 */
.m-about { line-height: 30px; font-size: 16px; text-align: justify; }
.m-about img { float: none; }
.m-about .title { width: 100%; font-weight: bold; text-align: center; }
.m-about .con { margin-bottom: 20px; }
.m-about-mov { margin-top: 20px; }
.m-about-mov .mov { position: relative; width: 550px; }
.m-about-mov .mov .wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.m-about-mov .mov .box { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
  /* 新闻中心 */
.m-new li { margin-top: 16px; padding-bottom: 26px; border-bottom: 1px solid #ddd; }
.m-new .title { font-size: 16px; font-weight: 100; color: #222; }
.m-new .time { display: block; margin-top: 10px; color: #999; }
.m-new .content { margin-top: 6px; line-height: 22px; color: #666; }
  /* 两图排版 */
.m-piclist li { display: inline-block; vertical-align: top; margin-bottom: 10px; width: 49%; text-align: center; }
.m-piclist li:nth-child(even) { margin-left: 2%; }
.m-piclist img { width: 100%; }
.m-piclist p { line-height: 24px; color: #222; }
  /* 灯箱 lytebox */
.m-lytebox {
  display: none; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); overflow: hidden;
}
.m-lytebox b,
.m-lytebox img { display: inline-block; vertical-align: middle; }
.m-lytebox b { width: 0; height: 100%; }
.m-lytebox img { width: 98%; max-height: 100%; }
.m-lytebox p {
  position: absolute; bottom: 0; padding: 2%; width: 96%; background-color: rgba(0, 0, 0, 0.3); color: #fff; text-align: center;
}
  /* 联系我们 */
.m-contact b { display: block; width: 100%; font-size: 18px; text-align: center; }
.contmap { margin-top: 14px; width:100%; height:300px; border:#ccc solid 1px; font-size:12px; }
/* 底部 */
.m-footer { padding: 4% 0 60px; line-height: 24px; color: #fff; text-align: center; background-color: #db0817; }
.m-footer a { font-size: 16px; color: #fff; }
.m-footer img { margin-top: 6px; }
.m-footer .foot-zs { height: 80px; }
.m-footer .foot-ewm { margin-left: 16px; height: 80px; }
  /* 底部导航 */
.mFoot-nav {
  position: fixed; left: 0; bottom: 0; right: 0; z-index: 7; margin: 0 auto; width: 100%; max-width: 640px; background-color: #BD0E1B;
}
.mFoot-nav a {
  float: left; display: block; width: 25%; height: 55px; font-size: 12px; color: #ddd; text-align: center; box-sizing: border-box;
}
.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: #db0817;
}
.mMap-box p i { position: absolute; left: 2%; line-height: 50px; }