@charset "UTF-8";
@font-face {
  font-family: 'thyFont1';
  src: url("../fonts/MBaskerville.otf"); }
@font-face {
  font-family: 'thyFont2';
  src: url("../fonts/BEBAS.ttf"); }
@font-face {
  font-family: 'thyFont3';
  src: url("../fonts/Questrial-Regular.ttf"); }
main {
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  *zoom: 1; }
  main:before, main:after {
    content: " ";
    display: table; }
  main:after {
    clear: both; }

html {
  background: #fff;
  overflow-x: hidden;
  width: 100%; }

/*样式重置*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

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, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: normal;
  font-weight: normal; }

ins {
  text-decoration: none; }

li {
  list-style: none; }

table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  border: 0;
  padding: 0;
  margin: 0;
  *font-size: 100%;
  line-height: 1.2; }

a img, img {
  -ms-interpolation-mode: bicubic; }

sub, sup {
  vertical-align: baseline; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
  display: block; }

pre {
  white-space: pre-wrap; }

textarea {
  resize: none;
  overflow: auto; }

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: 0; }

button, input {
  outline: 0; }

input[type=password]::-ms-reveal {
  display: none; }

input::-ms-clear {
  display: none; }

input:-ms-input-placeholder {
  color: #999; }

/*样式重置*/
@media screen and (max-width: 1200px) {
  .linian {
    background-attachment: scroll; }

  #container2 {
    display: none; }

  #container3 {
    display: none; } }
@media screen and (max-width: 992px) {
  #container1 {
    display: none; }

  #container2 {
    display: block; }

  .linian {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 50px;
    padding-bottom: 60px;
    float: left; }
    .linian .linina-bac {
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../Image/com.jpg) no-repeat center;
      background-size: cover;
      background-attachment: fixed;
      top: 0;
      left: 0;
      z-index: -1; }
    .linian .abo-mid {
      width: 95%;
      height: auto;
      padding-top: 55px;
      margin: 0 auto; }
      .linian .abo-mid .abo-left {
        width: 80%;
        float: none;
        height: 280px;
        overflow: hidden;
        margin: 0 auto; }
        .linian .abo-mid .abo-left img {
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          width: 100%;
          height: 100%; }
      .linian .abo-mid .abo-right {
        width: 80%;
        float: none;
        margin: 0 auto; }
        .linian .abo-mid .abo-right p:first-child {
          margin-top: 15px; }
        .linian .abo-mid .abo-right p {
          width: 100%;
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 18px;
          color: #fff;
          margin-bottom: 10px; } }
@media screen and (max-width: 767px) {
  #container2 {
    display: none; }

  #container3 {
    display: block; }

    .luyou .abo-w {
      width: 87%;
      padding-top: 20px;
      margin: 0 auto;
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 16px;
      color: #2f2f2f;
      line-height: 24px;
      font-weight: lighter;
      padding-bottom: 20px; }

  .linian {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    float: left; }
    .linian .linina-bac {
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../Image/abo-bac.jpg) no-repeat center;
      background-size: cover;
      background-attachment: fixed;
      top: 0;
      left: 0;
      z-index: -1; }
    .linian .abo-mid {
      width: 95%;
      height: auto;
      padding-top: 25px;
      margin: 0 auto; }
      .linian .abo-mid .abo-left {
        width: 80%;
        float: none;
        height: 120px;
        overflow: hidden;
        margin: 0 auto; }
        .linian .abo-mid .abo-left img {
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          width: 100%;
          height: 100%; }
      .linian .abo-mid .abo-right {
        width: 80%;
        float: none;
        margin: 0 auto; }
        .linian .abo-mid .abo-right p:first-child {
          margin-top: 15px; }
        .linian .abo-mid .abo-right p {
          width: 100%;
          font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
          font-size: 16px;
          color: #fff;
          margin-bottom: 10px; }

  .honor {
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 15px; }
    .honor .product-list {
      width: 100%;
      height: auto;
      float: left;
      margin-top: 24px; }
      .honor .product-list li {
        float: left;
        box-sizing: border-box;
        height: 208px;
        border: 1px solid #dcdcdc;
        margin-bottom: 14px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box; }
        .honor .product-list li:hover .mask {
          top: 0; }
        .honor .product-list li img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }

  .abo-title {
    text-align: center;
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 22px;
    color: #2f2f2f;
    font-size: 22px !important; }

  .abo-title2 {
    width: 12.5%;
    height: 0px;
    background: #a5a5a5;
    margin: 0 auto;
    margin-top: 10px; }

  .abo-title3 {
    width: 87%;
    height: 1px;
    background: #a5a5a5;
    margin: 0 auto; } }

/*# sourceMappingURL=aboutus-media.css.map */
