body {
  background: url("../images/top.jpg") no-repeat top center #e7e6e4;
  color: #3a3a3a; }

a {
  color: #3a3a3a; }

header {
  height: 553px; }

.w1000 {
  width: 1000px;
  margin: 0 auto; }

.wap {
  display: none; }

@media (max-width: 800px) {
  body {
    background: #e7e6e4; }

  header {
    height: auto; }
    header .wap {
      width: 100%; }

  .wap {
    display: block; }

  .pc {
    display: none; }

  .w1000 {
    width: 7rem; } }
.part .part-title {
  position: relative;
  margin: 44px 0 22px 0;
  text-align: center; }
  .part .part-title img {
    display: inline-block; }
  .part .part-title .more {
    position: absolute;
    width: 34px;
    height: 14px;
    background: url("../images/more.png") no-repeat;
    background-size: contain;
    right: 0;
    top: 20px; }

@media (max-width: 800px) {
  .part .part-title {
    margin: 0.33rem 0 0.165rem 0; }
    .part .part-title img {
      width: 60%; }
    .part .part-title .more {
      top: 0.05rem; } }
.part1 .swiper-container {
  height: 595px;
  font-size: 16px; }
  .part1 .swiper-container .video-container {
    background: black;
    height: 565px;
    color: white;
    text-align: center; }
  .part1 .swiper-container video {
    height: 565px; }
  .part1 .swiper-container .title {
    margin-top: 5px; }
.part1 ul {
  width: 1006px;
  margin-top: 45px; }
  .part1 ul li {
    cursor: pointer;
    float: left;
    margin-right: 5px; }
    .part1 ul li .img {
      position: relative;
      width: 133px;
      height: 82px; }
      .part1 ul li .img .play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/play.png") no-repeat center center rgba(0, 0, 0, 0.4);
        background-size: 30px 30px;
        z-index: 2; }
      .part1 ul li .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .part1 ul li .title {
      width: 133px;
      height: 14px;
      padding: 10px 0 8px 0;
      overflow: hidden; }
    .part1 ul li.active {
      padding: 5px;
      margin-top: -24px;
      background: white; }
      .part1 ul li.active .img {
        width: 160px;
        height: 104px; }
        .part1 ul li.active .img .play {
          display: none; }
      .part1 ul li.active .title {
        width: 160px; }

@media (max-width: 800px) {
  .part1 .swiper-container {
    height: 4.6rem; }
    .part1 .swiper-container .video-container {
      background: black;
      height: 3.95rem;
      color: white;
      text-align: center; }
    .part1 .swiper-container video {
      height: 3.95rem; }
    .part1 .swiper-container .title {
      font-size: 15px;
      line-height: 15px;
      height: 15px;
      margin-top: 5px;
      overflow: hidden; }
  .part1 ul {
    margin-top: 5px;
    width: 100%; }
    .part1 ul li {
      cursor: pointer;
      margin: 0 0.12rem;
      padding: 0.03rem; }
      .part1 ul li .img {
        position: relative;
        width: 2rem;
        height: 1.22rem; }
        .part1 ul li .img .play {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: url("../images/play.png") no-repeat center center rgba(0, 0, 0, 0.4);
          background-size: 0.22rem 0.22rem;
          z-index: 2; }
      .part1 ul li .title {
        width: 2rem;
        height: 14px;
        padding: 10px 0 8px 0;
        overflow: hidden; }
      .part1 ul li.active {
        padding: 0.03rem;
        margin-top: 0;
        background: white; }
        .part1 ul li.active .img {
          width: 2rem;
          height: 1.22rem; }
          .part1 ul li.active .img .play {
            display: none; }
        .part1 ul li.active .title {
          width: 2rem; } }
.part2 ul li {
  padding: 20px 0;
  border-bottom: 1px solid #c9c9c9; }
  .part2 ul li:last-child {
    border-bottom: none; }
  .part2 ul li .img {
    position: relative;
    float: left;
    width: 240px;
    height: 160px; }
    .part2 ul li .img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .part2 ul li .info {
    float: right;
    width: 737px; }
    .part2 ul li .info .title {
      color: #543802;
      font-size: 20px;
      margin-bottom: 20px; }
      .part2 ul li .info .title a {
        color: #543802; }
    .part2 ul li .info div span {
      color: #543802; }

@media (max-width: 800px) {
  .part2 ul li {
    padding: 0.2rem 0;
    text-align: center; }
    .part2 ul li .img {
      float: none;
      display: inline-block; }
    .part2 ul li .info {
      width: 100%;
      text-align: left; }
      .part2 ul li .info .title {
        font-size: 16px;
        margin-bottom: 5px; } }
.part3 ul {
  width: 1025px; }
  .part3 ul li {
    margin-right: 20px;
    float: left; }
    .part3 ul li .img {
      position: relative;
      width: 236px;
      height: 163px; }
      .part3 ul li .img .play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/play.png") no-repeat center center rgba(0, 0, 0, 0.2);
        background-size: 50px 50px;
        z-index: 2; }
      .part3 ul li .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .part3 ul li .title {
      margin-top: 15px; }

@media (max-width: 800px) {
  .part3 ul {
    width: 100%; }
    .part3 ul li {
      width: 3.3rem;
      margin: 0.1rem; }
      .part3 ul li .img {
        width: 3.3rem;
        height: 2.28rem; }
      .part3 ul li .title {
        margin-top: 5px;
        height: 35px;
        overflow: hidden; } }
.part4 {
  margin-bottom: 68px; }
  .part4 .picture {
    position: relative; }
    .part4 .picture .swiper-container {
      height: 310px; }
      .part4 .picture .swiper-container .swiper-slide img {
        width: 230px;
        height: 310px; }
    .part4 .picture .prev {
      cursor: pointer;
      position: absolute;
      background: url("../images/prev.png") no-repeat;
      background-size: contain;
      width: 43px;
      height: 43px;
      left: -58px;
      top: 50%;
      margin-top: -21px; }
    .part4 .picture .next {
      cursor: pointer;
      position: absolute;
      background: url("../images/next.png") no-repeat;
      background-size: contain;
      width: 43px;
      height: 43px;
      right: -40px;
      top: 50%;
      margin-top: -21px; }

@media (max-width: 800px) {
  .part4 {
    margin-bottom: 68px; }
    .part4 .picture {
      position: relative; }
      .part4 .picture .prev, .part4 .picture .next {
        display: none; }
      .part4 .picture .swiper-container {
        height: 2.06rem; }
        .part4 .picture .swiper-container .swiper-slide img {
          width: 1.53rem;
          height: 2.06rem; } }
footer {
  text-align: center;
  background: #5e4500;
  color: white;
  height: 60px;
  line-height: 60px; }

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