@charset "UTF-8";
* {
  border: none;
  margin: 0;
  padding: 0;
  font-family: 'MicrosoftYaHei', 微软雅黑,serif; }

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

@media screen and (max-width: 320px) {
  html {
    font-size: 42.667px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 320px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 360px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 375px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 412px) and (max-width: 415px) {
  html {
    font-size: 55.2px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 480px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 540px) and (max-width: 640px) {
  html {
    font-size: 85.33px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 640px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 720px) and (max-width: 768px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 768px) {
  html {
    font-size: 102.4px; }

  #container {
    width: 769px;
    margin: 0 auto; } }
.clear {
  clear: both;
  *height: 1%; }
  .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

img {
  display: block; }

li {
  list-style: none; }

body {
  font-size: 16px;
  line-height: 35px;
  position: relative;
  color: #666; }
  @media screen and (max-width: 1200px) {
    body {
      font-size: 14px;
      line-height: 30px; } }

[v-cloak] {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

a {
  color: #666666; }
  a:hover {
    color: #666666; }

.wap {
  display: none; }

body {
  background: #f9f9f9; }

@media screen and (max-width: 1200px) {
  .pc {
    display: none; }

  .wap {
    display: block; } }
section {
  width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    section {
      width: 95%; } }

header {
  position: relative; }
  header img {
    width: 100%; }
  header .wap {
    width: 100%; }

@media screen and (max-width: 1200px) {
  #container_list, #container_content {
    width: 100%;
    background: none;
    padding-top: 0; } }

.list_title {
  position: relative; }
  .list_title .title {
    width: 1.6805555556rem;
    margin: 0.2083333333rem auto; }
  .list_title .home {
    position: absolute;
    width: 1.6527777778rem;
    left: 0.3125rem;
    top: -0.0694444444rem; }
  .list_title .btn {
    position: absolute;
    width: 1.6527777778rem;
    right: 0.3125rem;
    top: -0.0694444444rem; }
    @media screen and (max-width: 1200px) {
      .list_title .btn {
        position: absolute; } }

.back {
  width: 6.6666666667rem;
  margin: 0.1388888889rem auto 0 auto; }
  .back img {
    width: 1.6527777778rem; }

section {
  position: relative;
  width: 6.6666666667rem;
  margin: 0.5555555556rem auto;
  padding: 0.6388888889rem 0 0.4652777778rem 0;
  background: white;
  border: 1px solid #7eba78;
  box-shadow: 0 5px 0 #dae4d6;
  border-radius: 0.1388888889rem; }
  section .name {
    position: absolute;
    color: white;
    background: linear-gradient(to right, #316a2b, #629d5c);
    border-radius: 0.1388888889rem 0 0.1388888889rem 0;
    top: -0.0902777778rem;
    left: 0;
    padding: 0.1388888889rem 0.4861111111rem;
    font-size: 0.2361111111rem;
    line-height: 0.2361111111rem; }
    section .name::after {
      position: absolute;
      content: '';
      background: url("../images/title_bg.png") no-repeat;
      background-size: 100% 100%;
      width: 0.1666666667rem;
      height: 0.1041666667rem;
      right: -0.1666666667rem;
      top: 0; }
  section ul li {
    float: left;
    margin-left: 0.2916666667rem;
    width: 2.8958333333rem; }
    section ul li .img {
      position: relative;
      width: 2.8958333333rem;
      height: 1.7638888889rem;
      border: 1px solid #7eba78;
      overflow: hidden; }
      section ul li .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    section ul li .title {
      padding: 0.1388888889rem 0.2083333333rem;
      font-size: 0.2083333333rem;
      line-height: 0.3125rem;
      height: 0.625rem;
      text-align: center; }
  section ul li {
    display: none; }
    section ul li:nth-child(1), section ul li:nth-child(2) {
      display: block; }
  section ul.active li {
    display: block; }
  section .more {
    padding-top: 0.3472222222rem; }
    section .more img {
      width: 1.3819444444rem;
      margin: 0 auto; }

.news-article {
  width: 6.6666666667rem;
  margin: 0.2777777778rem auto; }
  .news-article h1 {
    font-size: 0.3472222222rem;
    line-height: 0.4861111111rem;
    margin-bottom: 0.1388888889rem; }
  .news-article .top-img {
    width: 100%;
    margin-bottom: .32rem; }
  .news-article article {
    border-top: 1px solid #d2d2d2;
    padding-top: 1px;
    text-align: justify; }
    .news-article article img {
      width: 100%;
      max-width: 100% !important;
      height: auto !important; }

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