*,
:after,
:before {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #434343;
  font-size: 14px;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
blockquote,
body,
button,
dd,
details,
dl,
fieldset,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
hr,
input,
menu,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
}
body,
button,
fieldset,
input,
label,
legend,
option,
select,
textarea {
  font-family: "Microsoft Yahei", Helvetica, Arial, "Helvetica Neue",
    "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}
ol,
ul {
  padding-left: 0;
  list-style: none outside none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
caption,
em,
i,
th {
  font-style: normal;
}
a,
img {
  -webkit-touch-callout: none;
}
a {
  background: 0 0;
  color: #434343;
  line-height: inherit;
  -webkit-tap-highlight-color: transparent;
}
a:active {
  text-decoration: underline;
  outline: 0;
}
[class^="btn"]:active,
a,
ins {
  text-decoration: none;
}
a,
button,
input[type="button"],
input[type="checkbox"],
input[type="checkbox"] + label,
input[type="file"]::-webkit-file-upload-button,
input[type="radio"],
input[type="radio"] + label,
input[type="reset"],
input[type="submit"],
select {
  cursor: pointer;
}
input,
label,
select,
textarea {
  font-size: 100%;
}
button,
input,
label,
select {
  vertical-align: middle;
}
button,
select {
  text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
button,
input[type="button"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="text"] {
  border: 0;
  outline: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
input[type="password"],
input[type="search"],
input[type="text"],
select,
textarea {
  padding: 3px 4px;
}
input[type="password"],
input[type="text"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}
:focus {
  outline: 0;
}
::-webkit-input-placeholder {
  color: #cecece;
}
::-moz-placeholder {
  color: #cecece;
}
:-ms-input-placeholder {
  color: #cecece;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
[disabled] {
  cursor: default;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 80%;
}
q:after,
q:before {
  content: "";
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
.hide,
[hidden] {
  display: none !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
html {
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: block;
  min-width: 1200px;
}
body {
  background-color: #fff;
  width: 100%;
  min-width: 71.429rem;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center;
}
header {
  background: url(../images/logo.png) no-repeat 20% 20%;
  height: 2.429rem;
  margin-top: 1rem;
}
main {
  width: 100%;
  margin: 0 auto;
  display: block;
}
main #banner {
  width: 100%;
  background: url(../images/banner.png) no-repeat center;
  background-color: #f0f0f0;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  height: 30rem;
  background-size: cover;
  display: block;
}
main #intro {
  height: 21.429rem;
  background-color: #fff;
  display: inline-block;
  text-align: center;
}
main #intro #first {
  font-size: 2.14rem;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 6rem;
  margin-top: 3rem;
}
main #intro #first img:first-child {
  transform: rotate(90deg);
}
main #intro #second {
  width: 82rem;
  height: 19.28rem;
  font-size: 1.286rem;
  line-height: 2rem;
  color: #777;
  display: inline-block;
  text-align: center;
  display: flex;
}
main #intro #second img {
  width: 31.57rem;
  height: 19.28rem;
}
main #intro #second div {
  margin-left: 2rem;
}
main #intro #second p {
  font-size: 1.14rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  text-align: left;
}
main #intro #second p:first-child {
  margin-top: 2rem;
}
main #member {
  width: 71.429rem;
  text-align: center;
  background: url(../images/jiagou.png) no-repeat center 80%;
  display: block;
  height: 28.857rem;
  margin: 0 auto;
}
main #member p {
  font-size: 1.429rem;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 3rem;
  display: inline-block;
}
main #member img {
  width: 71.429rem;
  height: 28.857rem;
  display: inline-block;
}
main #yewu {
  width: 100%;
  background-color: #f5f8f9;
  margin-top: 6rem;
  padding-bottom: 6rem;
}
main #yewu #tese {
  font-size: 2.14rem;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 4rem;
  padding-top: 5rem;
}
main #yewu #tese img:first-child {
  transform: rotate(90deg);
}
main #yewu #four {
  overflow: hidden;
  width: 85rem;
  margin: 0 auto;
  text-align: left;
  display: flex;
}
main #yewu #four .one {
  width: 17.85rem;
  height: 28.57rem;
  background: url(../images/huipu.png) no-repeat center;
  margin-right: 3.5rem;
}
main #yewu #four .one div {
  margin: 15rem 2rem 1rem;
  margin-right: 1rem;
}
main #yewu #four .one div p {
  font-size: 1rem;
  color: #777;
}
main #yewu #four .one div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}
main #yewu #four .two {
  width: 17.85rem;
  height: 28.57rem;
  background: url(../images/xiaowei.png) no-repeat center;
  margin-right: 3.5rem;
}
main #yewu #four .two div {
  margin: 15rem 2rem 1rem;
  margin-right: 1rem;
}
main #yewu #four .two div p {
  font-size: 1rem;
  color: #777;
}
main #yewu #four .two div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}
main #yewu #four .three {
  width: 17.85rem;
  height: 28.57rem;
  background: url(../images/chanpin.png) no-repeat center;
  margin-right: 3.5rem;
}
main #yewu #four .three div {
  margin: 15rem 2rem 1rem;
  margin-right: 1rem;
}
main #yewu #four .three div p {
  font-size: 1rem;
  color: #777;
}
main #yewu #four .three div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}
main #yewu #four .four {
  width: 17.85rem;
  height: 28.57rem;
  background: url(../images/keji.png) no-repeat center;
  margin-right: 3.5rem;
}
main #yewu #four .four div {
  margin: 15rem 2rem 1rem;
  margin-right: 1rem;
}
main #yewu #four .four div p {
  font-size: 1rem;
  color: #777;
}
main #yewu #four .four div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}
main #product {
  margin-top: 5rem;
  width: 100%;
  margin: 0 auto;
}
main #product #leixin {
  margin-top: 5rem;
  height: 2rem;
  font-size: 2.14rem;
  font-weight: 700;
  color: #333;
  text-align: center;
}
main #product #leixin img:first-child {
  transform: rotate(90deg);
}
main #product #five {
  width: 85rem;
  margin: 2rem auto 5rem auto;
}
main #product #five .top {
  margin-top: 4.85rem;
  width: 85rem;
  display: flex;
  justify-content: space-between;
}
main #product #five .top > div {
  display: flex;
}
main #product #five .top > div div {
  width: 20rem;
  text-align: left;
  margin-left: 0.92rem;
}
main #product #five .top > div div p {
  font-size: 1rem;
}
main #product #five .top > div div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-top: 0.5rem;
}
main #product #five .bottom {
  margin-top: 4.85rem;
  width: 85rem;
  display: flex;
  justify-content: space-between;
}
main #product #five .bottom > div {
  display: flex;
}
main #product #five .bottom > div div {
  width: 20rem;
  text-align: left;
  margin-left: 0.92rem;
}
main #product #five .bottom > div div p {
  font-size: 1rem;
}
main #product #five .bottom > div div p:first-child {
  font-size: 1.14rem;
  font-weight: 700;
  color: #333;
  margin-top: 0.5rem;
}
main #qrCodeBanner {
  height: 300px;
  background: url(../images/qrCodeBannerPC.png) no-repeat 50%;
  background-size: cover;
  margin-top: 5rem;
  display: none;
}
main #qrCodeBanner .downBody {
  width: 1148px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
main #qrCodeBanner .downBody .downBtn {
  width: 216px;
  height: 65px;
  position: absolute;
  top: 69%;
  left: 7%;
}
main #qrCodeBanner .downBody .qrcode {
  width: 178px;
  display: block;
  top: 20%;
  left: 44.2%;
  position: absolute;
}
main #redd {
  background: url(../images/contant.png) no-repeat 50%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
  width: 100%;
  z-index: 0;
}
main #redd #red01 {
  height: 30rem;
  text-align: left;
  padding-top: 4rem;
  padding-left: 1.4rem;
  margin: 0 auto;
  margin-left: 65%;
  margin-right: 16rem;
  width: 31rem;
  z-index: 1;
}
main #redd #red01 #lianxi {
  height: 1.786rem;
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 7rem;
  z-index: 2;
}
main #redd #red01 #address {
  font-size: 1.2rem;
  color: #fff;
}
.footer {
  background-color: #f5f6f6;
  padding-top: 2.143rem;
  margin: 0 auto;
  margin-top: 3rem;
  padding-bottom: 2rem;
}

main #infos {
  width: 100%;
  margin: 0 auto;
  margin-top: 9.5rem;
}
main #infos #leixin {
  margin-top: 5rem;
  height: 2rem;
  font-size: 2.14rem;
  font-weight: 700;
  color: #333;
  text-align: center;
}

#infos-content {
  margin-top: 4.5rem;
  margin-bottom: 6rem;
}

#infos-content a {
  color: #434343;
  font-size: 1.14rem;
}