@charset "UTF-8";
@import url(animate.min.css);
@import url(swiper-3.4.1.min.css);
* {
  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: 321px) 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: 393px) 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: 414px) {
  html {
    font-size: 55.2px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); } }
@media screen and (min-width: 414px) 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; } }
.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: 19px;
  position: relative;
  color: #333; }
  @media screen and (max-width: 1200px) {
    body {
      font-size: 14px; } }

[v-cloak] {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

a {
  color: #333333; }
  a:hover {
    color: #1f583c; }

.wap {
  display: none; }

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

  .wap {
    display: block; } }
section {
  width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    section {
      width: 7rem;
      overflow: hidden; } }

#container {
  position: relative;
  min-width: 1200px;
  background: url("../images/bg.jpg") no-repeat center top #d0e1ce;
  overflow: hidden; }
  @media screen and (max-width: 800px) {
    #container {
      background: #d0e1ce;
      min-height: auto;
      min-width: 100%; } }
  #container header img {
    width: 100%; }

menu {
  position: absolute;
  width: 1063px;
  height: 110px;
  left: 50%;
  top: 536px;
  margin-left: -531.5px;
  background: url("../images/menu.png") no-repeat;
  background-size: 100% 100%;
  padding-left: 55px;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    menu {
      position: relative;
      top: 0;
      width: 100%;
      left: 0;
      margin-left: 0;
      height: 1rem;
      padding-left: 0.45rem; } }
  menu div {
    position: relative;
    display: inline-block;
    padding: 33px 15px 0 15px; }
    @media screen and (max-width: 800px) {
      menu div {
        padding: 0.28rem 0.03rem; }
        menu div img {
          height: 0.4rem; }
        menu div:nth-child(1) {
          display: none; } }
    menu div::after {
      position: absolute;
      top: 41px;
      right: 0;
      content: '';
      width: 1px;
      height: 25px;
      background: #e5dfa1; }
      @media screen and (max-width: 800px) {
        menu div::after {
          top: 0.35rem;
          height: 0.3rem; } }
    menu div:last-child::after {
      display: none; }

.part_title {
  width: 100%; }
  .part_title img {
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      .part_title img {
        width: 48%; } }

#part1 {
  padding-top: 725px; }
  @media screen and (max-width: 800px) {
    #part1 {
      padding: 0.2rem; } }
  #part1 > .top {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 37px; }
    @media screen and (max-width: 800px) {
      #part1 > .top {
        font-size: 18px;
        margin-bottom: 0.2rem; } }
    #part1 > .top a {
      color: #025954; }
  #part1 .swiper-container {
    width: 630px;
    height: 355px;
    float: left; }
    @media screen and (max-width: 800px) {
      #part1 .swiper-container {
        width: 100%;
        height: 3.9444444444rem; } }
    #part1 .swiper-container .img {
      position: relative;
      width: 630px;
      height: 355px; }
      @media screen and (max-width: 800px) {
        #part1 .swiper-container .img {
          width: 100%;
          height: 3.9444444444rem; } }
      #part1 .swiper-container .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover; }
      #part1 .swiper-container .img .title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 0 75px 0 18px;
        height: 63px;
        line-height: 63px;
        font-size: 18px; }
    #part1 .swiper-container .swiper-pagination {
      text-align: right;
      padding-right: 8px;
      left: auto;
      right: 10px;
      bottom: 15px; }
      @media screen and (max-width: 800px) {
        #part1 .swiper-container .swiper-pagination {
          bottom: 0.35rem; } }
      #part1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
        border-radius: 0;
        opacity: 1;
        background: white; }
      #part1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #3c9788; }
  #part1 .news {
    float: right;
    width: 544px; }
    @media screen and (max-width: 800px) {
      #part1 .news {
        width: 100%; } }
    #part1 .news .img-title {
      position: relative; }
      @media screen and (max-width: 800px) {
        #part1 .news .img-title {
          text-align: center;
          margin-top: 0.2rem; }
          #part1 .news .img-title img {
            display: inline-block; } }
      #part1 .news .img-title .more {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 15px;
        color: #1f583c; }
        @media screen and (max-width: 800px) {
          #part1 .news .img-title .more {
            font-size: 13px; } }
    #part1 .news .top .title {
      font-size: 24px;
      margin: 14px 0; }
    #part1 .news .top .des {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 14px;
      text-indent: 28px;
      line-height: 27px;
      padding-bottom: 10px;
      border-bottom: 1px solid #bcbcbc; }
      @media screen and (max-width: 800px) {
        #part1 .news .top .des {
          padding-bottom: 0.08rem; } }
    #part1 .news li {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 16px;
      margin-top: 20px;
      background: url("../images/dot.png") left center no-repeat;
      padding-left: 16px; }

.section-title {
  position: relative;
  text-align: center;
  margin-top: 56px;
  margin-bottom: 32px; }
  @media screen and (max-width: 800px) {
    .section-title {
      margin: 0.2rem 0; } }
  .section-title img {
    display: inline-block; }
  .section-title .more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 15px;
    color: #1f583c; }
    @media screen and (max-width: 800px) {
      .section-title .more {
        font-size: 13px; } }

#part2 .clear {
  background: #d6ebe1;
  height: 341px; }
  @media screen and (max-width: 800px) {
    #part2 .clear {
      height: auto; } }
  #part2 .clear .left {
    float: left; }
    @media screen and (max-width: 800px) {
      #part2 .clear .left {
        width: 100%;
        height: 5.5641025641rem; } }
    #part2 .clear .left .img {
      position: relative;
      width: 429px;
      height: 341px; }
      @media screen and (max-width: 800px) {
        #part2 .clear .left .img {
          width: 100%;
          height: 5.5641025641rem; } }
      #part2 .clear .left .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover; }
      #part2 .clear .left .img .title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 0 18px 0 18px;
        height: 63px;
        line-height: 63px;
        font-size: 18px; }
  #part2 .clear .middle {
    float: left;
    width: 485px;
    margin-left: 20px; }
    @media screen and (max-width: 800px) {
      #part2 .clear .middle {
        width: 100%;
        margin-left: 0;
        padding: 0 0.2rem;
        box-sizing: border-box; } }
    #part2 .clear .middle .news .title {
      font-size: 24px;
      margin: 23px 0 12px 0;
      text-align: center; }
      @media screen and (max-width: 800px) {
        #part2 .clear .middle .news .title {
          font-size: 22px; } }
    #part2 .clear .middle .news .des {
      font-size: 14px;
      text-indent: 28px;
      line-height: 27px;
      padding-bottom: 20px;
      border-bottom: 1px solid #5d5d5d; }
    #part2 .clear .middle .news:last-child .des {
      border-bottom: none; }
  #part2 .clear .right {
    position: relative;
    float: right;
    width: 250px;
    height: 100%; }
    @media screen and (max-width: 800px) {
      #part2 .clear .right {
        width: 100%;
        height: 9.548rem; } }
    #part2 .clear .right img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      object-fit: cover; }

#part3 .content {
  position: relative;
  width: 100%;
  height: 310px; }
  @media screen and (max-width: 800px) {
    #part3 .content {
      width: 100%;
      height: 6rem; } }
  #part3 .content .btn {
    position: absolute;
    top: 166px;
    right: 50px; }
    @media screen and (max-width: 800px) {
      #part3 .content .btn {
        top: 3.8rem;
        right: 0.2rem; } }
    #part3 .content .btn li {
      display: inline-block;
      position: relative;
      width: 85px;
      margin-left: 52px;
      cursor: pointer; }
      @media screen and (max-width: 800px) {
        #part3 .content .btn li {
          width: 0.85rem;
          margin-left: 0.4rem; }
          #part3 .content .btn li img {
            width: 0.9rem; } }
      #part3 .content .btn li.active, #part3 .content .btn li:hover {
        top: 30px; }
      #part3 .content .btn li::after {
        position: absolute;
        content: '';
        width: 1px;
        background: #058147;
        height: 88px;
        left: 50%;
        top: -88px; }
      #part3 .content .btn li img {
        position: absolute; }
      #part3 .content .btn li:nth-child(1) img {
        left: -3%; }
      #part3 .content .btn li:nth-child(2) img {
        left: -9%; }
      #part3 .content .btn li:nth-child(4) img {
        left: 2%; }
      #part3 .content .btn li:nth-child(5) img {
        left: -6%; }
  #part3 .content .box {
    position: absolute;
    width: 835px;
    height: 205px;
    right: -42px;
    top: 0;
    background: url("../images/part3_2.png") no-repeat;
    background-size: 100% 100%;
    padding: 35px 89px 0 69px;
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    box-sizing: border-box; }
    @media screen and (max-width: 800px) {
      #part3 .content .box {
        background: white;
        border: 3px solid #d3cec5;
        padding: 0.2rem;
        width: 100%;
        height: 4rem;
        right: 0;
        font-size: 0.25rem;
        line-height: 0.5rem; } }
    #part3 .content .box div {
      text-indent: 32px; }
    #part3 .content .box .title {
      text-indent: 0;
      text-align: center;
      color: #058147;
      font-weight: bold; }
  #part3 .content .img {
    position: absolute;
    left: 0;
    top: -109px; }
    @media screen and (max-width: 800px) {
      #part3 .content .img {
        display: none; } }

#part4 .content {
  margin-top: 29px;
  width: 100%;
  height: 564px;
  background: url("../images/part4_1.jpg") no-repeat;
  background-size: 100% 100%;
  padding-top: 110px;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    #part4 .content {
      height: 4.2rem;
      padding-top: 0.4rem; } }
#part4 .swiper-container {
  width: 1027px; }
  @media screen and (max-width: 800px) {
    #part4 .swiper-container {
      width: 100%; } }
  #part4 .swiper-container .poem {
    height: 310px;
    border-left: 1px solid #d6d6d6; }
    @media screen and (max-width: 800px) {
      #part4 .swiper-container .poem {
        height: 3rem;
        border-left: 0; } }
    #part4 .swiper-container .poem li {
      word-wrap: break-word;
      text-align: center;
      font-size: 14px;
      width: 16px;
      float: right;
      margin-left: 16px; }
      @media screen and (max-width: 800px) {
        #part4 .swiper-container .poem li {
          font-size: 0.2rem;
          line-height: 0.25rem; } }
      #part4 .swiper-container .poem li:nth-child(1), #part4 .swiper-container .poem li:nth-child(2) {
        font-weight: bold; }
      #part4 .swiper-container .poem li:nth-child(1) {
        margin-right: 56px; }
        @media screen and (max-width: 800px) {
          #part4 .swiper-container .poem li:nth-child(1) {
            padding-right: 0.4rem; } }

#part5 {
  position: relative;
  width: 100%; }
  #part5 .swiper-container {
    position: relative;
    width: 3600px;
    height: 658px;
    left: 50%;
    margin-left: -1800px; }
    @media screen and (max-width: 800px) {
      #part5 .swiper-container {
        width: 100%;
        height: 4.1125rem;
        left: 0;
        margin-left: 0; } }
    #part5 .swiper-container .prev {
      position: absolute;
      width: 67px;
      left: 50%;
      top: 50%;
      margin-left: -633px;
      margin-top: -30px;
      z-index: 5;
      cursor: pointer; }
    #part5 .swiper-container .next {
      position: absolute;
      width: 67px;
      top: 50%;
      right: 50%;
      margin-right: -633px;
      margin-top: -30px;
      z-index: 5;
      cursor: pointer; }
  #part5 .title {
    position: absolute;
    width: 890px;
    height: 115px;
    line-height: 115px;
    color: white;
    border-left: 11px solid #23816a;
    bottom: 20px;
    left: 150px;
    font-size: 30px;
    text-indent: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 800px) {
      #part5 .title {
        width: 90%;
        height: 1rem;
        line-height: 1rem;
        left: 3%;
        font-size: 16px;
        text-indent: 0.2rem; } }
  #part5 .swiper-slide {
    filter: brightness(50%); }
    @media screen and (max-width: 800px) {
      #part5 .swiper-slide {
        filter: brightness(100%); } }
  #part5 .swiper-slide-next {
    filter: brightness(100%); }
  #part5 .img {
    width: 1200px;
    height: 658px; }
    #part5 .img img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      object-fit: cover; }

footer {
  background: #23816a;
  color: white;
  text-align: center;
  height: 107px;
  line-height: 107px;
  font-size: 14px; }
  @media screen and (max-width: 800px) {
    footer {
      height: 0.8rem;
      line-height: 0.8rem; } }

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