@charset "UTF-8";
.banner {
  width: 100%;
  float: left;
  position: relative; }
  .banner img {
    width: 100%; }

.conbox_1 {
  width: 100%;
  float: left;
  height: auto;
  padding: 60px 0; }
  .conbox_1 .box_title {
    font-size: 28px;
    text-align: center; }
    .conbox_1 .box_title h2 {
      font-size: 28px; }
  .conbox_1 .box_wd .box {
    margin-top: 50px;
    width: 100%;
    float: left;
    height: auto;
    display: flex;
    align-items: center; }
    .conbox_1 .box_wd .box .fr {
      margin-left: 30px; }
      .conbox_1 .box_wd .box .fr div {
        margin: 20px 0; }
        .conbox_1 .box_wd .box .fr div p {
          margin-top: 10px;
          font-size: 14px; }

.conbox_2 {
  width: 100%;
  float: left;
  height: auto;
  padding: 60px 0;
  background: #f0f0f0; }
  .conbox_2 .box_title {
    font-size: 28px;
    text-align: center; }
    .conbox_2 .box_title h2 {
      font-size: 28px; }
  .conbox_2 .Swiper {
    width: 100%;
    float: left;
    height: auto; }
  .conbox_2 .List {
    display: flex;
    width: 100%;
    float: left;
    height: auto;
    margin-top: 50px; }
    .conbox_2 .List .swiper-slide {
      width: 20%;
      overflow: hidden;
      position: relative; }
      .conbox_2 .List .swiper-slide img {
        width: 100%; }
      .conbox_2 .List .swiper-slide .content {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        /* Firefox 4 */
        -webkit-transition: all 0.5s;
        /* Safari 和 Chrome */
        -o-transition: all 0.5s;
        /* Opera */
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        bottom: -80px;
        color: #fff;
        padding: 10px 20px;
        height: 120px; }
        .conbox_2 .List .swiper-slide .content .title {
          margin-bottom: 10px; }
        .conbox_2 .List .swiper-slide .content .desc {
          font-size: 12px; }
      .conbox_2 .List .swiper-slide:hover .content {
        bottom: 0; }

.conbox_3 {
  width: 100%;
  float: left;
  height: auto;
  padding: 60px 0; }
  .conbox_3 .box_title {
    font-size: 28px;
    text-align: center; }
    .conbox_3 .box_title h2 {
      font-size: 28px; }
  .conbox_3 .box_wd {
    margin-top: 40px;
    text-align: center; }

@media screen and (max-width: 769px) {
  .conbox_1 {
    padding: 30px 20px; }
    .conbox_1 .box_wd .box {
      flex-direction: column-reverse;
      margin-top: 30px; }
      .conbox_1 .box_wd .box .fr {
        padding: 0px;
        margin-left: 0; }

  .conbox_2 {
    padding: 30px 10px; }

  .conbox_3 {
    padding: 30px 10px; }
    .conbox_3 img {
      width: 100%; } }
/*
  
 主色 #EC8617 
 高亮色 $Zys
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

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