@charset "UTF-8";
/* ==========================================================================
   Reset
   ========================================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
fieldset,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/* ==========================================================================
   Base
   ========================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
html {
  -webkit-text-size-adjust: 100%;
  /* 禁止横屏修改字体大小 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 禁止用户选中文本内容 */
}
body,
body * {
  max-height: 1000000px;
  /* Font Boosting */
}
body {
  font: 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
table {
  border-collapse: collapse;
}
ul,
ol {
  list-style: none;
}
a,
img {
  -webkit-touch-callout: none;
  /* 禁止长按链接或图片弹出菜单 */
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button,
input,
optgroup,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 清除点击高亮效果 */
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 清除默认圆角效果 */
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 100px #fff;
  box-shadow: inset 0 0 0 100px #fff;
  /* 覆盖黄色填充背景 */
}
input::-webkit-input-placeholder {
  color: #ccc;
  /* 覆盖提示文字颜色 */
}
/* ==========================================================================
   Utility Classes
   ========================================================================== */
.affix {
  position: fixed;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  display: table;
  content: " ";
  clear: both;
}
.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.hide,
.hidden,
[hidden] {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.no-pointer-events {
  pointer-events: none;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
}
.text-nowrap {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* ==========================================================================
   Animation
   ========================================================================== */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
         transform: none;
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
      -o-transform: none;
         transform: none;
  }
}
.wow {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
       animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
       animation-duration: 1s;
}
/* ==========================================================================
   Common
   ========================================================================== */
body {
  padding-top: 1.38666667rem;
}
.mock-link {
  position: absolute;
  top: -1.38666667rem;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 1.38666667rem;
  padding: 0.53333333rem;
  background: #FFFFFF url("http://mdwh.xingzhoukj.cn/ntnk/img/m/logo.png") no-repeat center;
  -webkit-background-size: 2.4rem 0.56rem;
     -moz-background-size: 2.4rem 0.56rem;
          background-size: 2.4rem 0.56rem;
}
#header .nav-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.52rem;
  height: 1.38666667rem;
  background: #FFFFFF url("http://mdwh.xingzhoukj.cn/ntnk/img/m/nav-back.png") no-repeat center;
  -webkit-background-size: 0.26666667rem 0.42666667rem;
     -moz-background-size: 0.26666667rem 0.42666667rem;
          background-size: 0.26666667rem 0.42666667rem;
}
#header .nav-open {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.52rem;
  height: 1.38666667rem;
  background: #FFFFFF url("http://mdwh.xingzhoukj.cn/ntnk/img/m/nav-open.png") no-repeat center;
  -webkit-background-size: 0.45333333rem 0.32rem;
     -moz-background-size: 0.45333333rem 0.32rem;
          background-size: 0.45333333rem 0.32rem;
}
#header .nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: #FFFFFF;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
}
#header .nav.show {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
#header .nav .nav-header {
  position: relative;
  height: 1.38666667rem;
  padding: 0.53333333rem;
  background: #FFFFFF url("http://mdwh.xingzhoukj.cn/ntnk/img/m/logo.png") no-repeat center;
  -webkit-background-size: 2.51466667rem 0.584rem;
     -moz-background-size: 2.51466667rem 0.584rem;
          background-size: 2.51466667rem 0.584rem;
}
#header .nav .nav-header .nav-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.52rem;
  height: 1.38666667rem;
  background: #FFFFFF url("http://mdwh.xingzhoukj.cn/ntnk/img/m/nav-close.png") no-repeat center;
  -webkit-background-size: 0.4rem 0.4rem;
     -moz-background-size: 0.4rem 0.4rem;
          background-size: 0.4rem 0.4rem;
}
#header .nav .nav-link {
  padding-top: 0.24rem;
  border-top: 1px solid #EEEEEE;
}
#header .nav .nav-link a {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 0.48rem;
  color: #222222;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.6rem;
}
#header .nav .nav-link a.active {
  font-family: PingFangSC-Medium;
  color: #3DB35F;
  text-decoration: underline;
}
#header .nav .nav-footer {
  position: absolute;
  bottom: 0.8rem;
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 0.4rem;
  color: #222222;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.56rem;
}
#header .nav .nav-footer a {
  color: #222222;
}
#header .nav .nav-footer a.active {
  font-family: PingFangSC-Medium;
  color: #3DB35F;
  text-decoration: underline;
}
#footer {
  overflow: hidden;
  background: #F4F4F4;
}
#footer .footer-nav {
  margin-bottom: 0.13333333rem;
  background: #FFFFFF;
}
#footer .footer-nav > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.53333333rem;
}
#footer .footer-nav > div + div {
  border-top: 1px solid #F2F2F2;
}
#footer .footer-nav a,
#footer .footer-nav .a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.45333333rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 0.69333333rem;
}
#footer .footer-nav a + a,
#footer .footer-nav .a + a {
  margin-left: 0.98666667rem;
}
#footer .footer-nav a + .a,
#footer .footer-nav .a + .a {
  margin-left: 0.98666667rem;
}
#footer .footer-nav-en > div:first-child a {
  margin-left: 0;
}
#footer .footer-nav-en > div a:last-child {
  text-align: right;
}
#footer .footer-content {
  padding: 0.85333333rem 0.53333333rem 1.41333333rem;
  background: #FFFFFF;
}
#footer .footer-content .footer-logo {
  height: 0.56rem;
  margin-bottom: 0.42666667rem;
  background: url("http://mdwh.xingzhoukj.cn/ntnk/img/m/logo.png") no-repeat left;
  -webkit-background-size: 2.4rem 0.56rem;
     -moz-background-size: 2.4rem 0.56rem;
          background-size: 2.4rem 0.56rem;
}
#footer .footer-content .footer-text {
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #777676;
  letter-spacing: 0;
  line-height: 0.74666667rem;
}
.section {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
}
.section .section-title {
  padding: 0.53333333rem 0 0.32rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.48rem;
  color: #101D37;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.66666667rem;
}
.section .item-title {
  padding: 0.32rem 0 0.53333333rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.53333333rem;
}
#banner {
  position: relative;
}
#banner .owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 0;
}
#banner .owl-theme .owl-dots .owl-dot span {
  width: 0.53333333rem;
  height: 1px;
  margin: 0.48rem 0.06666667rem;
  background: #FFFFFF;
}
#banner .owl-theme .owl-dots .owl-dot.active span {
  background: #3DB35F;
}
.star-product {
  padding: 0 5px;
}
.star-product .owl-carousel {
  width: 6.82666667rem;
}
.star-product .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.product-center {
  padding: 0 5px 0.26666667rem;
  background: #F4F4F4;
}
.product-center .section-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.32rem;
}
.product-center .section-row > .section-col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #FFFFFF;
}
.product-center .section-row > .section-col + .section-col {
  margin-left: 5px;
}
.product-center .section-row > .section-col .item-title {
  padding: 0.29333333rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.53333333rem;
}
.team {
  overflow: hidden;
  padding: 0 5px;
  background: #1B1B1B;
}
.team .section-title {
  padding: 0.8rem 0 0.48rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.53333333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.74666667rem;
}
.team .owl-carousel {
  width: 4.26666667rem;
}
.team .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.team .team-title {
  padding: 0.16rem 0.26666667rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #989898;
  letter-spacing: 0;
  line-height: 0.53333333rem;
  background: #232323;
}
.team .team-subtitle {
  padding: 0 0.29333333rem 0.26666667rem;
  font-family: PingFangSC-Regular;
  font-size: 0.26666667rem;
  color: #535353;
  letter-spacing: 0;
  line-height: 0.37333333rem;
  background: #232323;
}
.about {
  overflow: hidden;
  padding: 0 5px;
  text-align: center;
  background: #1B1B1B;
}
.about .section-title {
  padding: 0.8rem 0 0.48rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.53333333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.74666667rem;
}
.about .about-video-wrap {
  overflow: hidden;
  height: 5.86666667rem;
}
.about .about-video-wrap .about-video-bg {
  height: 100%;
  background: url("http://mdwh.xingzhoukj.cn/ntnk/img/m/about-video-bg.png") no-repeat center;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.about .about-video-wrap video {
  width: 100%;
  height: 100%;
}
.about p {
  padding: 0 0.45333333rem 0 0.48rem;
}
.about p:nth-of-type(1) {
  margin-top: 0.8rem;
  font-family: PingFangSC-Regular;
  font-size: 0.45333333rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.64rem;
}
.about p:nth-of-type(2) {
  margin-top: 0.16rem;
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #3DB35F;
  letter-spacing: 0;
  line-height: 0.45333333rem;
}
.about p:nth-of-type(3) {
  margin-top: 0.42666667rem;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #767676;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.74666667rem;
}
.about a.about-link {
  display: block;
  width: 3.2rem;
  height: 1.28rem;
  border: 1px solid #383838;
  -webkit-border-radius: 0.66666667rem;
     -moz-border-radius: 0.66666667rem;
          border-radius: 0.66666667rem;
  margin: 0.53333333rem auto 1.25333333rem;
  font-family: PingFangSC-Regular;
  font-size: 0.37333333rem;
  color: #737373;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.22666667rem;
}
.partner {
  overflow: hidden;
  padding: 0 5px 0.53333333rem;
  background: #F4F4F4;
}
.partner .section-title {
  padding: 0.8rem 0 0.53333333rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.53333333rem;
  color: #222222;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.74666667rem;
}
.partner .owl-carousel {
  width: 9.06666667rem;
}
.partner .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.partner .owl-dots {
  margin-top: 0;
  margin-right: -0.66666667rem;
}
.partner .owl-dots .owl-dot span {
  width: 5px;
  height: 5px;
  margin: 0.28rem 0.112rem;
  background: #E6E6E6;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.partner .owl-dots .owl-dot.active span {
  background: #3DB35F;
}

/*# sourceMappingURL=map/index.css.map */