@charset "UTF-8";
/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
fieldset, lengend, button, input, textarea,
th, td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0; }

/* 设置默认字体 */
body,
button, input, select, textarea {
  /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  /* 用 ascii 字符表示，使得在任何编码下都无问题 */ }

h1 {
  font-size: 18px;
  /* 18px / 12px = 1.5 */ }

h2 {
  font-size: 16px; }

h3 {
  font-size: 14px; }

code, kbd, pre, samp, tt {
  font-family: "Courier New", Courier, monospace; }

/* 统一等宽字体 */
small {
  font-size: 12px; }

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
/* 重置文本格式元素 */
a {
  text-decoration: none; }

abbr[title], acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help; }

q:before, q:after {
  content: ''; }

/* 重置表单元素 */
legend {
  color: #000; }

/* for ie6 */
fieldset, img {
  border: none; }

/* img 搭车：让链接里的 img 无边框 */
img {
  max-width: 100%; }

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 重置 hr */
hr {
  border: none;
  height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
/*苹果input圆角阴影兼容*/
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], button, textarea, select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }

a, button, input {
  -webkit-tap-highlight-color: transparent; }

/*清除浮动*/
.clearfix:after {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
  content: '.'; }

.fl {
  float: left; }

.fr {
  float: right; }

/* 引入hotcss */
/* 你的CSS */
body {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.wrap {
  width: 92%;
  margin: 0 auto; }

.header-content {
  background: url("/m/other/header-bg.jpg") repeat-y;
  background-size: 0.02133rem 2.56rem;
  height: 2.56rem; }

.logo {
  float: left;
  height: 2.56rem;
  line-height: 2.56rem;
  width: 7.5rem; }

.logo img {
  vertical-align: middle; }

.menu-icon {
  float: right;
  width: 0.85333rem;
  height: 2.56rem;
  background: url("/m/other/menu-icon.png") no-repeat center center;
  background-size: 0.85333rem 0.64rem; }

.menu-icon.on {
  background: url("/m/other/menu-close.png") no-repeat center center;
  background-size: 0.704rem 0.68267rem; }

.menu {
  position: absolute;
  top: 2.56rem;
  left: 0;
  width: 100%;
  border-top: 2px solid #145FBB;
  background-color: #fff;
  display: none;
  z-index: 99;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

.menu-list {
  border-top: 1px dashed #d8d8d8;
  background: url("/m/other/menu-arrow.png") no-repeat 94% center;
  background-size: 0.29867rem 0.49067rem; }

.menu-content .menu-list:first-child {
  border-top: none; }

.menu-list p {
  height: 1.92rem;
  line-height: 1.92rem;
  font-size: 0.55467rem;
  padding-left: 0.64rem;
  color: #000; }

.index-banner .swiper-container {
  position: relative;
  height: 8.53333rem; }

.index-banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0.85333rem;
  width: 100%;
  text-align: center; }

.index-banner .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #fff;
  margin: 0 5px;
  opacity: 0.5;
  cursor: pointer; }

.index-banner .swiper-active-switch {
  opacity: 1; }

.index-banner a {
  display: block;
  width: 100%;
  height: 100%; }

.index-service {
  padding-top: 0.21333rem;
  padding-bottom: 0.64rem; }

.index-service-box {
  position: relative;
  height: 6.29333rem;
  margin-top: 0.42667rem; }

.index-service-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/m/other/bg-black50.png");
  background-size: 1px 1px;
  z-index: 2; }

.isb-c {
  position: relative;
  z-index: 3;
  padding-top: 0.68267rem; }

.index-service-box-title {
  text-align: center;
  color: #fff;
  font-size: 0.64rem; }

.index-service-box-a {
  width: 13.22667rem;
  margin: 0 auto; }

.index-service-box-a a {
  float: left;
  display: inline-block;
  width: 3.41333rem;
  height: 1.28rem;
  line-height: 1.28rem;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 0.72533rem;
  font-size: 0.55467rem;
  margin-left: 1.32267rem;
  color: #fff; }

.index-service-box-a a:nth-child(3n+1) {
  margin-left: 0; }

.index-product {
  background-color: #fbfbfb; }

.index-title {
  text-align: center;
  padding-top: 0.72533rem;
  background: url("/m/other/index-title-line.png") no-repeat center 1.19467rem;
  background-size: 14.72rem 0.128rem; }

.index-title h3 {
  font-size: 0.768rem;
  font-weight: normal; }

.index-title p {
  font-size: 0.42667rem;
  color: #333333;
  margin-top: 0.128rem;
  text-transform: uppercase; }

.index-product {
  padding-bottom: 1.19467rem; }

.ip-box {
  position: relative;
  float: left;
  width: 48%;
  margin-left: 4%;
  margin-top: 0.512rem; }

.index-product-content .ip-box:nth-child(2n+1) {
  margin-left: 0; }

.ip-box-img img {
  width: 100%; }

.ip-box-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.13333rem;
  background: url("/m/other/bg-black50.png"); }

.ip-box-dark h4 {
  font-size: 0.55467rem;
  text-align: center;
  padding: 0.42667rem 0.42667rem 0;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ip-box-dark p {
  font-size: 0.55467rem;
  padding: 0 0.42667rem;
  color: #fff;
  text-align: center;
  line-height: 0.768rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.index-news {
  padding-bottom: 0.55467rem; }

.index-news-big {
  position: relative;
  margin-top: 0.64rem; }

.index-news-big-img img {
  width: 100%; }

.index-news-big-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
  background: url("/m/other/bg-black50.png"); }

.index-news-b-date {
  float: left;
  width: 2.64533rem;
  text-align: center;
  margin-top: 0.68267rem; }

.index-news-b-date h4 {
  font-size: 1.06667rem;
  color: #fff;
  font-weight: normal; }

.index-news-list .index-news-b-date h4 {
  color: #666666; }

.index-news-b-date p {
  font-size: 0.42667rem;
  color: #fff;
  margin-top: 0.21333rem; }

.index-news-list .index-news-b-date p {
  color: #666666; }

.inb-line {
  float: left;
  margin-top: 0.768rem;
  width: 1px;
  height: 1.70667rem;
  background-color: #a0a6a6; }

.index-news-list .inb-line {
  background-color: #eaeaea; }

.index-news-b-p {
  float: left;
  width: 78%;
  margin-left: 2.6%;
  margin-top: 0.68267rem; }

.index-news-b-p h4 {
  font-size: 0.512rem;
  line-height: 0.59733rem;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.index-news-list .index-news-b-p h4 {
  color: #000; }

.index-news-b-p p {
  font-size: 0.42667rem;
  line-height: 0.512rem;
  height: 1.06667rem;
  overflow: hidden;
  color: #f3f3f3;
  opacity: 0.3;
  margin-top: 0.21333rem; }

.index-news-list .index-news-b-p p {
  color: #999999;
  opacity: 1; }

.index-news-list {
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  height: 3.2rem;
  margin-top: 0.34133rem; }

.index-about {
  background-color: #fbfbfb;
  padding-bottom: 1.152rem; }

.index-about-video {
  position: relative;
  margin-top: 0.68267rem; }

.index-about-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/m/other/about5-dark.png") no-repeat;
  background-size: 100% 100%; }

.index-about-video-p {
  font-size: 0.512rem;
  color: #666666;
  line-height: 0.98133rem;
  padding: 0.21333rem 0; }

.index-about-video-a {
  display: block;
  margin-top: 0.512rem;
  line-height: 1.49333rem;
  height: 1.49333rem;
  background-color: #145FBB;
  color: #fff;
  font-size: 0.55467rem;
  text-align: center; }

.footer-content {
  height: 11.52rem;
  background: url("/m/other/footer-bg.jpg") no-repeat;
  background-size: cover; }

.footer-top {
  text-align: center;
  padding-top: 0.72533rem;
  padding-bottom: 0.68267rem;
  border-bottom: 2px solid #91bf3d; }

.footer-top h3 {
  font-size: 0.896rem;
  color: #fff; }

.footer-top p {
  font-size: 0.512rem;
  color: #fff;
  margin-top: 0.34133rem; }

.footer-mid {
  font-size: 0.55467rem;
  line-height: 0.896rem;
  color: #fff;
  text-align: center;
  margin-top: 0.512rem; }

.footer-code {
  text-align: center;
  margin-top: 0.42667rem; }

.footer-code-img img {
  width: 4.05333rem; }

.footer-code p {
  font-size: 0.512rem;
  color: #fff;
  margin-top: 0.29867rem; }

.footer-nav-block {
  height: 2.98667rem; }

.footer-nav-content {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 -1px 4px rgba(138, 136, 136, 0.7); }

.footer-nav-box {
  float: left;
  width: 25%;
  height: 2.47467rem;
  text-align: center;
  padding-top: 0.512rem; }

.footer-nav-box.on {
  background-color: #145FBB; }

.footer-nav-box a {
  display: block;
  width: 100%;
  height: 100%; }

.footer-nav-icon {
  width: 1.06667rem;
  height: 1.06667rem;
  margin: 0 auto; }

.footer-nav-icon1 {
  background: url("/m/other/f1.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-icon2 {
  background: url("/m/other/f2.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-icon3 {
  background: url("/m/other/f3.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-icon4 {
  background: url("/m/other/f4.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-box.on .footer-nav-icon1 {
  background: url("/m/other/f1-on.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-box.on .footer-nav-icon2 {
  background: url("/m/other/f2-on.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-box.on .footer-nav-icon3 {
  background: url("/m/other/f3-on.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-box.on .footer-nav-icon4 {
  background: url("/m/other/f4-on.png") no-repeat;
  background-size: 1.06667rem 1.06667rem; }

.footer-nav-box p {
  margin-top: 0.29867rem;
  font-size: 0.55467rem;
  color: #333333; }

.footer-nav-box.on p {
  color: #fff; }

.inner-title {
  text-align: center;
  height: 2.56rem;
  line-height: 2.56rem;
  background-color: #145FBB;
  font-size: 0.768rem;
  color: #fff; }

.inner-a {
  background-color: #f4f4f4;
  padding-top: 0.04267rem;
  padding-bottom: 0.93867rem;
  z-index: 100; }

.inner-a.fixshow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

.inner-a a {
  display: inline-block;
  float: left;
  width: 25%;
  height: 0.64rem;
  line-height: 0.64rem;
  background: url("/m/other/inner-a-bg.jpg") no-repeat left center;
  background-size: 1px 0.64rem;
  text-align: center;
  margin-top: 0.93867rem;
  color: #000;
  font-size: 0.55467rem; }

.inner-a a.on {
  color: #145FBB; }

.inner-a a:nth-child(4n+1) {
  background: none; }

.about1-swiper {
  margin-top: 0.72533rem; }

.about1-swiper .swiper-container {
  height: 7.46667rem;
  position: relative; }

.about1-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0.42667rem 0;
  background: url("/m/other/bg-black50.png"); }

.about1-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #fff;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.about1-swiper .swiper-active-switch {
  opacity: 1; }

.about1-img1 {
  margin-top: 0.42667rem;
  text-align: center; }

.about1-p {
  font-size: 0.512rem;
  line-height: 0.98133rem;
  color: #666666;
  text-indent: 2em;
  padding: 0.512rem 0; }

.about2 {
  background-color: #f4f4f4;
  padding-bottom: 1.19467rem; }

.about2-content {
  padding-top: 0.34133rem; }

.about2-box {
  height: 4.26667rem;
  background-color: #fff;
  text-align: center;
  padding: 0 0.42667rem;
  margin-top: 0.34133rem; }

.about2-box h3 {
  font-size: 0.64rem;
  color: #222222;
  font-weight: normal;
  padding-top: 1.19467rem; }

.about2-box-line {
  width: 1.28rem;
  height: 1px;
  background-color: #999999;
  margin: 0.34133rem auto 0; }

.about2-box p {
  font-size: 0.512rem;
  color: #777777;
  line-height: 0.68267rem;
  margin-top: 0.256rem; }

.about3 {
  padding-bottom: 0.896rem; }

.about3-content {
  padding-top: 0.21333rem; }

.about3-box {
  position: relative;
  float: left;
  width: 48%;
  height: 8.02133rem;
  margin-left: 4%;
  margin-top: 0.42667rem; }

.about3-content .about3-box:nth-child(2n+1) {
  margin-left: 0; }

.about3-box-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/m/other/bg-black70.png");
  z-index: 2; }

.about3-box-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.02133rem; }

.about3-box-p {
  position: relative;
  z-index: 3; }

.a3b-tile {
  height: 2.13333rem;
  line-height: 2.13333rem;
  text-align: center;
  padding-top: 0.64rem; }

.a3b-title-c {
  display: inline-block;
  padding:0 1.4rem;
  vertical-align: middle;
  font-size: 0.64rem;
  line-height: 0.768rem;
  color: #fff; }

.a3b-line {
  width: 0.64rem;
  height: 1px;
  margin: 0 auto;
  background-color: #fff; }

.a3b-pp p {
  font-size: 0.512rem;
  color: #fff;
  line-height:1.8;
  margin-top: 0.512rem;
  text-align: center; }

.about4 {
  background-color: #f4f4f4;
  padding-bottom: 0.85333rem; }

.about4-content {
  position: relative;
  padding-top: 1px;
  margin-top: 0.85333rem;
  padding-bottom: 0.85333rem; }

.about4-line {
  position: absolute;
  top: 0;
  left: 1.32267rem;
  width: 1px;
  height: 100%;
  background-color: #c7c7c7; }

.about4-box {
  margin-top: 0.768rem; }

.about4-box-point {
  float: left;
  width: 0.36267rem;
  height: 0.36267rem;
  background-color: #c7c7c7;
  border-radius: 100%;
  margin-left: 1.17333rem;
  margin-top: 0.42667rem; }

.about4-box-p {
     float: left;
    margin-left: 0.64rem;
    width: 80%;
   }

.about4-box-p h3 {
  font-size: 0.64rem;
  color: #999999; }

.about4-box-p p {
  font-size: 0.512rem;
  color: #333333;
  line-height: 0.72533rem;
  margin-top: 0.128rem; }

.about5 {
  padding-bottom: 0.42667rem; }

.about5-content {
  padding-top: 0.21333rem; }

.about5-box {
  position: relative;
  margin-top: 0.512rem; }

.about5-box-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/m/other/about5-dark.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 2; }

.about5-more {
  margin-top: 0.72533rem;
  border-top: 1px solid #dedede;
  text-align: center; }

.about5-more a {
  display: inline-block;
  height: 1.70667rem;
  line-height: 1.74933rem;
  color: #333333;
  font-size: 0.512rem; }

.about6 {
  background-color: #f4f4f4;
  padding-bottom: 0.85333rem; }

.about6-box {
  float: left;
  width: 48%;
  margin-top: 0.55467rem;
  margin-left: 4%; }

.about6-content .about6-box:nth-child(2n+1) {
  margin-left: 0; }

.about6-box-img {
  border: 1px solid #e9e9e9; }

.about6-box-img img {
  width: 100%; }

.about6-box p {
  font-size: 0.512rem;
  line-height: 0.59733rem;
  color: #333333;
  margin-top: 0.512rem;
  padding: 0 0.42667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center; }

.about6-swiper {
  margin-top: 0.256rem; }

.about6-swiper .swiper-container {
  height: 13.22667rem;
  position: relative; }

.about6-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center; }

.about6-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #7d7d7d;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.about6-swiper .swiper-active-switch {
  opacity: 1; }

.about7 {
  padding-bottom: 1.19467rem; }

.about7-swiper {
  margin-top: 0.64rem; }

.about7-swiper .swiper-container {
  height: 8.27733rem;
  position: relative; }

.about7-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0.42667rem 0;
  background: url("/m/other/bg-black50.png"); }

.about7-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #fff;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.about7-swiper .swiper-active-switch {
  opacity: 1; }

.about7-p {
  font-size: 0.512rem;
  line-height: 0.64rem;
  text-align: center;
  padding: 0 0.64rem;
  margin-top: 0.42667rem; }

.product {
  padding-bottom: 1.06667rem; }

.product .inner-a a {
  width: 50%; }

.product .inner-a a:nth-child(3n+1) {
  background: url(/m/other/inner-a-bg.jpg) no-repeat left center;
  background-size: 1px 0.64rem; }

.product .inner-a a:nth-child(2n+1) {
  background: none; }

.product-content-title {
  padding-top: 0.64rem; }

.product-content-title h3 {
  font-size: 0.64rem;
  font-weight: normal; }

.product-content-title p {
  font-size: 0.512rem;
  line-height: 0.98133rem;
  color: #999999;
  margin-top: 0.29867rem; }

.product .index-product-content {
  padding-bottom: 1.152rem; }

.page {
  text-align: center; }

.page a {
  display: inline-block;
  padding: 0.384rem 0.42667rem;
  border: 1px solid #d5d5d5;
  color: #666666;
  font-size: 0.55467rem;
  margin: 0 0.21333rem; }

.page a.on {
  border: 1px solid #145FBB;
  background-color: #145FBB;
  color: #fff; }

.product-detail {
  padding-bottom: 0.72533rem; }

.product-info-title {
  text-align: center;
  padding: 0 0.64rem;
  font-size: 0.64rem;
  line-height: 0.896rem;
  padding-top: 0.768rem; }

.product-info-swiper {
  margin-top: 0.59733rem; }

.product-info-swiper .swiper-container {
  height: 14.72rem;
  position: relative; }
.product-info-swiper img{
	width:100%;
	height:100%;
}
.product-info-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0.42667rem 0;
  background: url("/m/other/bg-black50.png"); }

.product-info-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #fff;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.product-info-swiper .swiper-active-switch {
  opacity: 1; }

.product-info-consult {
  margin-top: 0.72533rem; }

.product-info-consult-a {
  float: left;
  display: inline-block;
  width: 5.97333rem;
  height: 1.49333rem;
  line-height: 1.49333rem;
  border-radius: 4px;
  text-align: center;
  background-color: #82c20b;
  color: #fff;
  font-size: 0.55467rem; }

.product-info-consult-phone {
  float: right;
  padding-left: 1.36533rem;
  background: url("/m/other/product-info-phone.jpg") no-repeat left center;
  background-size: 1.088rem 1.13067rem;
  margin-right: 0.512rem; }

.product-info-consult-phone p {
  font-size: 0.512rem; }

.product-info-consult-phone h4 {
  font-size: 0.768rem;
  color: #82c20b;
  margin-top: 0.128rem; }

.product-intro {
  margin-top: 1.06667rem;
  padding-bottom: 0.42667rem; }

.product-intro-nav {
  background-color: #eeeeee; }

.product-intro-nav span {
  float: left;
  display: inline-block;
  padding: 0 0.85333rem;
  height: 1.49333rem;
  line-height: 1.49333rem;
  font-size: 0.55467rem; }

.product-intro-nav span.on {
  background-color: #82c20b;
  color: #fff; }

.pint {
  display: none; }

.product-back {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  padding-top: 0.512rem; }

.product-back a {
  display: inline-block;
  height: 1.06667rem;
  line-height: 1.06667rem;
  font-size: 0.55467rem;
  color: #666666;
  padding-right: 0.72533rem;
  background: url("/m/other/back-arrow.png") no-repeat right center;
  background-size: 0.23467rem 0.448rem; }

.service1 {
  padding-bottom: 0.85333rem; }

.service1-content {
  padding-top: 0.64rem; }

.service1-list {
  height: 4.05333rem;
  background-color: #f8f8f8;
  margin-top: 0.21333rem; }

.service1-icon {
  float: left;
  width: 3.2rem; }

.service1-icon img {
  width: 100%; }

.service1-p {
  float: left;
  width: 73%; }

.service1-p h4 {
  font-size: 0.55467rem;
  font-weight: normal;
  padding-top: 0.55467rem; }

.service1-p p {
  font-size: 0.42667rem;
  color: #989898;
  line-height: 0.64rem;
  height: 1.92rem;
  overflow: hidden;
  margin-top: 0.29867rem; }

.service2 {
  padding-bottom: 1.152rem; }

.service2-content .service2-box:nth-child(2n+1) {
  margin-left: 0; }

.service2-content {
  padding-top: 0.21333rem; }

.service2-box {
  float: left;
  width: 48%;
  margin-left: 4%;
  margin-top: 0.55467rem; }

.service2-img img {
  width: 100%; }

.service2-box-p {
  height: 2.56rem;
  background-color: #f8f8f8;
  text-align: center; }

.service2-box-p h4 {
  font-size: 0.64rem;
  font-weight: normal;
  padding-top: 0.512rem; }

.service2-box-p p {
  font-size: 0.42667rem;
  color: #333333;
  margin-top: 0.21333rem; }

.join1-pic {
  margin-top: 0.85333rem; }

.join1-pic-big {
  position: relative; }

.join1-pic-big-img img {
  width: 100%; }

.join1-pic-dark {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url("/m/other/bg-black50.png");
  padding: 0.42667rem 0; }

.join1-pic-dark h3 {
  padding: 0 0.46933rem;
  font-size: 0.55467rem;
  font-weight: normal;
  color: #fff; }

.join1-pic-dark p {
  font-size: 0.42667rem;
  line-height: 0.64rem;
  color: #fff;
  opacity: 0.6;
  padding: 0 0.46933rem;
  margin-top: 0.21333rem; }

.join1-pic-bot {
  margin-top: 0.29867rem; }

.join1-pic-bot-box {
  float: left;
  width: 32%;
  text-align: center;
  height: 5.97333rem;
  margin-left: 2%; }

.join1-pic-bot .join1-pic-bot-box:first-child {
  margin-left: 0; }

.join1-pic-bot-box1 {
  background-color: #d67d2b; }

.join1-pic-bot-box2 {
  background-color: #3a6691; }

.join1-pic-bot-box3 {
  background-color: #29ab99; }

.join1-pic-bot-box-img {
  width: 1.70667rem;
  margin: 0 auto;
  padding-top: 0.42667rem; }

.join1-pic-bot-box h4 {
  font-size: 0.55467rem;
  color: #fff;
  font-weight: normal;
  margin-top: 0.21333rem; }

.join1-pic-bot-box p {
  font-size: 0.42667rem;
  color: #fff;
  line-height: 0.64rem;
  padding: 0 0.34133rem;
  margin-top: 0.21333rem; }

.join1-last {
  margin-top: 0.59733rem;
  padding-bottom: 0.93867rem; }

.join1-last-title {
  line-height: 1.49333rem;
  text-align: center;
  color: #fff;
  background-color: #91c430; }

.join1-last-title em {
  font-size: 0.55467rem; }

.join1-last-title span {
  font-size: 0.768rem;
  font-weight: bold;
  margin-left: 4px; }

.join1-last-box {
  float: left;
  width: 48%;
  margin-top: 0.512rem;
  margin-left: 4%; }

.join1-last-content .join1-last-box:nth-child(2n+1) {
  margin-left: 0; }

.join1-last-box-img img {
  width: 100%; }

.join1-last-box-p {
  padding: 0 0.21333rem; }

.join1-last-box-p h4 {
  line-height: 1.23733rem;
  font-size: 0.512rem;
  height: 1.23733rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal; }

.join1-last-p-time {
  display: inline-block;
  padding: 0 0.29867rem;
  height: 0.85333rem;
  line-height: 0.85333rem;
  color: #fff;
  font-size: 0.42667rem;
  background-color: #91c430; }

.join1-last-box-p p {
  font-size: 0.42667rem;
  color: #999999;
  margin-top: 0.29867rem; }

.join1-scope {
  background-color: #f4f4f4;
  padding-top: 1.024rem;
  padding-bottom: 1.152rem; }

.join1-scope-title {
  text-align: center; }

.join1-scope-title h3 {
  font-size: 0.768rem;
  color: #999999;
  text-transform: uppercase; }

.join1-scope-title h4 {
  font-size: 0.768rem;
  color: #82c20b;
  font-weight: normal;
  margin-top: 0.256rem; }

.join1-scope-title p {
  font-size: 0.512rem;
  color: #666666;
  margin-top: 0.256rem;
  line-height: 0.64rem; }

.join1-scope-p {
  font-size: 0.512rem;
  color: #333333;
  line-height: 0.98133rem;
  text-align: center;
  margin-top: 0.64rem; }

.join1-scope-content {
  padding-top: 0.64rem; }

.join1-scope-box {
  background-color: #fff;
  margin-top: 0.29867rem; }

.join1-scope-box-img {
  float: left;
  width: 50%; }

.join1-scope-box-img img {
  width: 100%; }

.join1-scope-box-p {
  float: left;
  width: 50%; }

.join1-scope-box-p h4 {
  font-size: 0.55467rem;
  font-weight: normal;
  padding: 0.93867rem 0.29867rem 0; }

.join1-scope-box-p p {
  font-size: 0.512rem;
  line-height: 0.768rem;
  opacity: 0.5;
  padding: 0 0.29867rem;
  margin-top: 0.34133rem; }

.join2 {
  padding-top: 1.024rem;
  padding-bottom: 0.85333rem; }

.join2-box {
  margin-top: 0.896rem; }

.join2-box-img {
  width: 100%; }

.join2-p {
  margin-top: 0.55467rem; }

.join2-p-title {
  font-size: 0.64rem;
  color: #75b204;
  padding-bottom: 0.08533rem; }

.join2-p-title span {
  font-size: 1.06667rem;
  margin-right: 0.64rem; }

.join2-p-art p {
  font-size: 0.512rem;
  line-height: 0.85333rem;
  color: #666666;
  padding-left: 0.768rem;
  background: url("/m/other/join2-point.png") no-repeat left 0.256rem;
  background-size: 0.32rem 0.32rem;
  margin-top: 0.29867rem; }

.join3-case {
  padding-top: 0.29867rem;
  padding-bottom: 1.024rem;
  background-color: #f4f4f4; }

.join3-case-box-pic {
  position: relative;
  margin-top: 0.64rem; }

.join3-case-box-pic img {
  width: 100%; }

.join3-case-box-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.56rem;
  background: url("/m/other/join3-dark-bg.png") repeat-x;
  background-size: 1px 2.56rem; }

.join3-case-box-dark p {
  height: 1.28rem;
  line-height: 1.28rem;
  color: #fff;
  font-size: 0.55467rem;
  margin-left: 0.512rem;
  padding-left: 1.06667rem;
  background: url("/m/other/join3-icon.png") no-repeat left 0.34133rem;
  background-size: 0.81067rem 0.832rem;
  margin-top: 0.85333rem; }

.join3-case-box-dark p span {
  font-size: 1.024rem; }

.join3-case-box-title {
  padding-top: 0.68267rem;
  text-align: center;
  font-size: 0.64rem;
  color: #060606; }

.join3-case-box-title span {
  color: #75b204; }

.join3-case-box-p {
  height: 2.13333rem;
  background-color: #fff; }

.join3-case-box-p1 {
  float: left;
  margin-left: 0.21333rem;
  font-size: 0.512rem;
  height: 0.64rem;
  line-height: 0.64rem;
  margin-top: 0.68267rem; }

.join3-case-box-p1 span {
  display: inline-block;
  font-size: 0.384rem;
  background-color: #75b204;
  color: #fff;
  padding: 0 0.42667rem;
  margin-left: 0.256rem;
  border-radius: 10px; }

.join3-case-box-p2 {
  float: right;
  margin-right: 0.21333rem;
  font-size: 0.512rem;
  height: 0.64rem;
  line-height: 0.64rem;
  margin-top: 0.68267rem;
  width: 42%;
  overflow: hidden;
  text-align: right; }

.join3-product {
  padding-top: 1.024rem;
  padding-bottom: 1.45067rem; }

.join3-product .index-product-content {
  padding-top: 0.42667rem; }

.join3-advan {
  padding-top: 1.024rem;
  background-color: #f4f4f4;
  padding-bottom: 1.06667rem; }

.join3-advan-swiper {
  margin-top: 0.72533rem;
  overflow: hidden; }

.join3-advan-content {
  position: relative; }

.join3-advan-pk {
  position: absolute;
  left: 50%;
  top: 2.56rem;
  margin-left: -1.06667rem;
  width: 2.13333rem;
  height: 2.13333rem;
  border-radius: 100%;
  line-height: 2.13333rem;
  text-align: center;
  background-color: #8bc52b;
  color: #fff;
  font-size: 0.896rem;
  z-index: 11; }

.join3-advan-box {
  float: left;
  width: 49.6%; }

.join3-advan-content .join3-advan-box:first-child {
  border-right: 1px solid #ececec; }

.join3-advan-box-p {
  height: 4.90667rem;
  padding: 0 0.384rem; }

.join3-advan-box-p h4 {
  text-align: center;
  font-size: 0.55467rem;
  font-weight: normal;
  padding-top: 0.53333rem; }

.join3-advan-box-p p {
  font-size: 0.46933rem;
  color: #505050;
  line-height: 0.68267rem;
  height: 2.73067rem;
  overflow: hidden;
  margin-top: 0.29867rem; }

.join3-advan-swiper .swiper-container {
  position: relative;
  padding-bottom: 1.28rem; }

.join3-advan-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center; }

.join3-advan-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #7d7d7d;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.join3-advan-swiper .swiper-active-switch {
  opacity: 1; }

.join4 {
  padding-top: 1.024rem;
  padding-bottom: 0.85333rem; }

.join4-box-img {
  float: left;
  width: 43%; }

.join4-content {
  padding-top: 0.512rem; }

.join4-box {
  border: 1px solid #dcdcdc;
  margin-top: 0.29867rem; }

.join4-box-img img {
  width: 100%; }

.join4-p {
  float: left;
  width: 56%; }

.join4-p h4 {
  font-size: 0.512rem;
  font-weight: normal;
  padding: 0 0.46933rem;
  margin-top: 0.64rem; }

.join4-p p {
  font-size: 0.512rem;
  line-height: 0.64rem;
  height: 1.92rem;
  overflow: hidden;
  color: #999999;
  margin-top: 0.29867rem;
  padding: 0 0.46933rem; }

.join5-agency {
  background-color: #f4f4f4;
  padding-bottom: 0.42667rem;
  padding-top: 1.024rem; }

.join5-agency-swiper {
  margin-top: 0.85333rem; }

.join5-agency-swiper .swiper-container {
  height: 11.30667rem;
  position: relative; }

.join5-agency-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center; }

.join5-agency-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #7d7d7d;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.join5-agency-swiper .swiper-active-switch {
  opacity: 1; }

.join5-agency-box {
  position: relative; }

.join5-agency-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/m/other/bg-black70.png");
  padding: 0.768rem 0; }

.join5-agency-dark h4 {
  font-size: 0.64rem;
  font-weight: normal;
  color: #fff;
  padding: 0 0.64rem; }

.join5-agency-dark p {
  font-size: 0.512rem;
  line-height: 0.768rem;
  color: #979797;
  padding: 0 0.64rem;
  margin-top: 0.42667rem; }

.join5-know {
  padding-top: 1.024rem;
  padding-bottom: 1.06667rem; }

.join5-know-video {
  position: relative;
  margin-top: 0.55467rem; }

.join5-know-video img {
  width: 100%; }

.join5-style-span span {
  float: left;
  display: inline-block; }

.join5-style {
  background-color: #f4f4f4;
  padding-top: 0.768rem; }

.join5-style-span-box {
  float: left;
  width: 32%;
  margin-left: 2%;
  height: 2.13333rem;
  text-align: center;
  background-color: #bdbdbd; }

.join5-style-span-box.on {
  background-color: #145FBB; }

.join5-style-span .join5-style-span-box:first-child {
  margin-left: 0; }

.join5-style-span-box h4 {
  font-size: 0.64rem;
  color: #fff;
  font-weight: normal;
  padding-top: 0.42667rem; }

.join5-style-span-box p {
  font-size: 0.64rem;
  color: #fff;
  margin-top: 0.08533rem; }

.join5-style-content {
  margin-top: 0.68267rem;
  padding-bottom: 0.42667rem; }

.join5-style-list {
  display: none; }

.j5s-list-box {
  float: left;
  width: 48%;
  margin-left: 4%; }

.join5-style-list .j5s-list-box:nth-child(2n+1) {
  margin-left: 0; }

.j5s-list-box p {
  line-height: 1.49333rem;
  text-align: center;
  font-size: 0.512rem; }

.join5-process {
  padding-top: 1.024rem;
  padding-bottom: 1.152rem; }

.join5-process-img {
  margin-top: 0.72533rem; }

.join5-process-img img {
  width: 100%; }

.join5-form {
  background-color: #f4f4f4;
  padding-top: 0.81067rem;
  padding-bottom: 1.408rem; }

.join5-form-title {
  width: 11.94667rem;
  margin: 0 auto; }

.join5-form-img {
  margin-top: 0.81067rem; }

.join5-form-img img {
  width: 100%; }

.join5-form-content {
  padding-top: 0.21333rem; }

.join5-form-box {
  position: relative;
  margin-top: 0.42667rem; }

.join5-f-input1 {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dedede;
  padding: 0 0.46933rem;
  height: 1.49333rem;
  font-size: 0.55467rem; }

.join5-f-textara1 {
  resize: none;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dedede;
  padding: 0.34133rem 0.46933rem;
  font-size: 0.55467rem;
  line-height: 0.768rem;
  height: 8.32rem; }

.join5-f-input2 {
  width: 100%;
  height: 1.49333rem;
  color: #fff;
  font-size: 0.55467rem;
  background-color: #145FBB;
  border: none;
  border-radius: 4px !important; }

.news {
  padding-bottom: 0.896rem; }

.news-list {
  padding-bottom: 1.06667rem; }

.news-detail {
  padding-bottom: 0.85333rem; }

.news-detail-title {
  text-align: center;
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
  border-bottom: 1px dashed #cecece; }

.news-detail-title h3 {
  font-size: 0.768rem;
  line-height: 0.93867rem;
  font-weight: normal; }

.news-detail-title p {
  font-size: 0.42667rem;
  line-height: 0.59733rem;
  color: #999999;
  margin-top: 0.55467rem; }

.oem1-pic-box {
  position: relative;
  margin-top: 0.512rem; }

.oem1-pic-box-img img {
  width: 100%; }

.oem1-pic-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/m/other/bg-black50.png");
  padding: 0.384rem 0; }

.oem1-pic-dark p {
  text-align: center;
  font-size: 0.55467rem;
  line-height: 0.68267rem;
  color: #fff; }

.oem-span {
  padding-top: 0.29867rem; }

.oem-span span {
  float: left;
  display: inline-block;
  height: 1.06667rem;
  line-height: 1.06667rem;
  padding: 0 0.256rem;
  border: 1px solid #c9c9c9;
  font-size: 0.512rem;
  margin-left: 0.21333rem;
  border-radius: 4px;
  margin-top: 0.34133rem; }

.oem-span span.on {
  background-color: #145FBB;
  border: 1px solid #145FBB;
  color: #fff; }

.oem-span span:nth-child(5n+1) {
  margin-left: 0; }

.oem2 .oem-span span {
  margin-left: 0.72533rem; }

.oem2 .oem-span span:nth-child(5n+1) {
  margin-left: 0.72533rem; }

.oem3 .oem-span span {
  margin-left: 0.42667rem; }

.oem3 .oem-span span:nth-child(5n+1) {
  margin-left: 0.384rem; }

.oem1-content {
  margin-top: 0.64rem; }

.oem1-list {
  display: none; }

.oem1-list-pic img {
  float: left;
  width: 48.5%;
  margin-left: 3%;
  margin-top: 0.384rem; }

.oem1-list-pic img:nth-child(2n+1) {
  margin-left: 0; }

.oem1-list-p {
  background-color: #f4f4f4;
  padding: 0 0.384rem;
  padding-top: 0.55467rem;
  padding-bottom: 0.72533rem; }

.oem1-list-p h4 {
  font-size: 0.55467rem;
  line-height: 0.68267rem;
  font-weight: normal; }

.oem1-list-p p {
  font-size: 0.512rem;
  line-height: 0.68267rem;
  color: #999999;
  margin-top: 0.21333rem; }

.oem1-technical {
  padding-bottom: 0.72533rem; }

.oem2 {
  padding-top: 0.21333rem;
  background-color: #f4f4f4;
  padding-bottom: 1.49333rem; }

.oem2-list {
  display: none; }

.oem2-box {
  position: relative;
  margin-top: 0.42667rem; }

.oem2-box-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/m/other/bg-black50.png"); }

.oem2-box-dark p {
  color: #fff;
  font-size: 0.512rem;
  line-height: 0.68267rem;
  padding: 0.72533rem 0.55467rem; }

.oem2-content {
  padding-top: 0.42667rem; }

.oem3 {
  padding-top: 0.42667rem;
  padding-bottom: 1.06667rem; }

.oem3-box {
  position: relative;
  float: left;
  width: 48.5%;
  margin-left: 3%;
  margin-top: 0.42667rem; }

.oem3-list .oem3-box:nth-child(2n+1) {
  margin-left: 0; }

.oem3-box-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/m/other/bg-black50.png"); }

.oem3-box-dark p {
  text-align: center;
  font-size: 0.512rem;
  line-height: 0.768rem;
  color: #fff;
  padding: 0.384rem 0.64rem; }

.oem3-content {
  padding-top: 0.34133rem; }

.oem3-list {
  display: none; }

.oem4 {
  background-color: #f4f4f4;
  padding-top: 0.42667rem;
  padding-bottom: 1.49333rem; }

.oem4-content {
  padding-top: 0.42667rem; }

.oem4-box {
  margin-top: 0.34133rem;
  background-color: #fff; }

.oem4-box-img {
  float: left;
  width: 50%; }

.oem4-box-img img {
  width: 100%; }

.oem4-box-p {
  float: left;
  width: 50%; }

.oem4-box-p h4 {
  font-weight: normal;
  padding: 0 0.59733rem;
  padding-top: 0.93867rem;
  font-size: 0.55467rem;
  color: #333333; }

.oem4-box-p p {
  font-size: 0.512rem;
  color: #999999;
  line-height: 0.68267rem;
  margin-top: 0.42667rem;
  padding: 0 0.59733rem; }

.oem5 {
  padding-top: 0.42667rem;
  padding-bottom: 0.768rem; }

.oem5-map {
  margin-top: 0.72533rem; }

.oem5-contact {
  padding-top: 0.34133rem; }

.oem5-contact-box {
  padding: 0.59733rem 0;
  border-top: 1px solid #e6e6e6; }

.oem5-contact .oem5-contact-box:first-child {
  border-top: none; }

.oem5-contact-icon {
  float: left;
  width: 1.81333rem;
  margin-left: 0.29867rem; }

.oem5-contact-box-p {
  float: left;
  width: 11.52rem;
  margin-left: 0.34133rem; }

.oem5-contact-box-p h4 {
  font-size: 0.512rem;
  color: #333333;
  font-weight: normal;
  margin-top: 0.29867rem; }

.oem5-contact-box-p p {
  font-size: 0.768rem;
  line-height: 0.896rem;
  margin-top: 0.128rem; }

.contact .inner-a {
  text-align: center; }

.contact .inner-a a {
  float: none; }

.contact1 {
  padding-top: 0.21333rem;
  padding-bottom: 0.59733rem; }

.contact2 {
  background-color: #f4f4f4;
  padding-top: 0.42667rem; }

.contact2-swiper {
  padding-top: 0.512rem; }

.contact2-box {
  background-color: #fff;
  padding: 0 0.64rem;
  padding-bottom: 0.768rem;
  margin-top: 0.29867rem; }

.contact2-box-title {
  padding-top: 0.68267rem;
  padding-bottom: 0.384rem;
  border-bottom: 1px solid #eeeeee; }

.contact2-box-title p {
  font-size: 0.512rem;
  color: #cccccc; }

.contact2-box-title h4 {
  font-size: 0.55467rem;
  font-weight: normal;
  margin-top: 0.21333rem; }

.contact2-box-p1 {
  font-size: 0.512rem;
  color: #787878;
  padding-top: 0.29867rem; }

.contact2-box-p2 {
  font-size: 0.512rem;
  color: #999999;
  line-height: 0.85333rem;
  margin-top: 0.29867rem; }

.contact2-box-more {
  display: inline-block;
  padding: 0.29867rem 0.42667rem;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  font-size: 0.512rem;
  color: #666666;
  margin-top: 0.42667rem; }

.contact2-swiper {
  padding-bottom: 0.98133rem; }

.contact2-swiper .swiper-container {
  height: 27.30667rem;
  position: relative; }

.contact2-swiper .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center; }

.contact2-swiper .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #7d7d7d;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.contact2-swiper .swiper-active-switch {
  opacity: 1; }

.contact3 .join5-form {
  background-color: #fff;
  padding-top: 0.21333rem; }

.contact3 .join5-form-title {
  margin-top: 0.68267rem; }

.contact3 .join5-form-content {
  padding-top: 0.55467rem; }

.service-video {
  padding-bottom: 1.28rem; }

.service-video-a {
  margin-top: 0.512rem;
  text-align: center; }

.service-video-a a {
  display: inline-block;
  width: 33%;
  font-size: 0.64rem;
  color: #666666;
  line-height: 0.85333rem;
  margin-top: 0.29867rem; }

.service-video-a a.on {
  color: #82c20b; }

.service-video-bc {
  padding-top: 0.21333rem;
  padding-bottom: 1.28rem; }

.service-video-box {
  position: relative;
  margin-top: 0.512rem; }

.service-video-box img {
  width: 100%; }

.service-download {
  padding-bottom: 1.152rem; }

.service-download-bc {
  margin-top: 0.85333rem;
  padding-bottom: 0.64rem; }

.service-download-box {
  position: relative;
  border-top: 1px dashed #dedede; }

.service-download-box a {
  display: block; }

.service-download-box p {
  height: 2.13333rem;
  line-height: 2.13333rem;
  font-size: 0.55467rem;
  color: #666666;
  width: 76%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.384rem; }

.service-download-icon {
  position: absolute;
  top: 0;
  right: 0.768rem;
  width: 0.59733rem;
  height: 2.13333rem;
  background: url("/m/other/download-icon.png") no-repeat center center;
  background-size: 0.59733rem 0.768rem; }

.service-suggest {
  padding-bottom: 1.28rem; }

.s-suggest-select {
  position: absolute;
  top: 0.08533rem;
  right: 1.06667rem;
  height: 1.28rem;
  font-size: 0.55467rem;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 0.64rem;
  background: url("/m/other/select-arrow.png") no-repeat right center;
  background-size: 0.59733rem 0.29867rem; }

.service-suggest-content .join5-form-content {
  padding-top: 0.512rem; }

.service-question {
  padding-bottom: 1.19467rem; }

.service-question-bc {
  padding-top: 0.64rem;
  padding-bottom: 0.98133rem; }

.service-question-box {
  margin-top: 0.256rem;
  background-color: #f4f4f4; }

.service-question-title {
  position: relative; }

.service-question-title p {
  padding-left: 0.64rem;
  line-height: 1.49333rem;
  height: 1.49333rem;
  font-size: 0.55467rem;
  width: 74%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.service-question-p {
  display: none; }

.service-question-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.49333rem;
  height: 1.49333rem;
  background: url("/m/other/q-add.jpg") no-repeat;
  background-size: 1.49333rem 1.49333rem; }

.service-question-box.on .service-question-icon {
  background: url("/m/other/q-del.jpg") no-repeat;
  background-size: 1.49333rem 1.49333rem; }

.about5-box-img img,.about7-img img{
	width:100%;
}
.about7-img {
  position: relative; }

.about7-img img {
  width: 100%; }

.about7-img-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("/m/other/bg-black50.png"); }

.about7-img-dark p {
  padding: 0.42667rem 0.64rem;
  font-size: 0.55467rem;
  line-height: 0.68267rem;
  text-align: center;
  color: white; }

.about7-swiper-new {
  margin-top: 0.64rem; }

.about7-swiper-new .swiper-container {
  height: 9.38667rem;
  position: relative; }

.about7-swiper-new .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center; }

.about7-swiper-new .swiper-pagination-switch {
  display: inline-block;
  width: 0.34133rem;
  height: 0.34133rem;
  border-radius: 100%;
  background: #7d7d7d;
  margin: 0 0.21333rem;
  opacity: 0.5;
  cursor: pointer; }

.about7-swiper-new .swiper-active-switch {
  opacity: 1; }


/*6.27--OEM新增样式*/
.oem4 .oem-span span {
  margin-left: 0.72533rem; }

.oem4 .oem-span span:nth-child(5n+1) {
  margin-left: 0.72533rem; }

.oem4-list {
  display: none; 
/*# sourceMappingURL=main.css.map */