.box1{
  .boxin{
    width: 950px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .text{
      .h1{
        font-size: 24px;
        font-weight: bold;
        small{
          font-size: 12px;
          color: #acacac;
        }
      }
      .h2{
        width: 460px;
        text-align: justify;
        font-size: 16px;
        line-height: 31px;
        color: #676767;
        margin-top:20px
      }
    }
  }
  .box_top{
    .img{
      width: 394px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      img{
        margin-bottom:5px;
      }
    }
  }
  .box_bottom{
      margin-top:50px;
  }
}
.box2{
  background:url("../img/about_16.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  .boxin{
    width:660px ;
    .list{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 60px;
      .list_left{
        width: 80px;
        height: 100%;
        border-right: 1px solid #eee;
        display: flex;
        align-items: center;
        position: relative;
        p{
          font-size: 18px;
          font-weight: bold;
          color: #fff;
        }
        img{
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: -7px;
        }
      }
      .list_right{
        margin-left: 50px;
        p{
          font-size: 18px;
          color: #fff;
        }
      }
    }
  }
}
.box3{
  .boxin{
    display: flex;
    justify-content: space-between;
    div{
      width: 295px;
      padding:40px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: #fafafa;
      span{
        width: 86px;
        text-align: center;
        line-height: 86px;
        color: #fff;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
      }
      p{
        width: 100%;
        text-align: center;
      }
      .h2{
        margin-top:20px;
        color: #e6e6e6;
      }
      .h3{
        margin-top:10px;
        color: #7b7b7b;
      }
    }
  }
}
.box4{
  background-color: #fbfbfb;
  .boxin{
    width: 100%;
    .swiper-container{
      padding-bottom: 50px;
    }
    .swiper-pagination-bullet{
      width: 10px;
      height: 10px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
      bottom:0;
    }
    .swiper-pagination-bullet-active{
      width: 40px;
      height: 10px;
      background-color: #ff7200;
      border-radius: 5px;
    }
    .swiper-slide{
      position: relative;

      .img{
        width: 100%;
        border-radius: 13px;
        overflow: hidden;
        background-color: #000;
        img{
          width: 100%;
          height: auto;
          opacity: 0.7;
        }
      }
      .div{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 2px 32px 0px
        rgba(20, 41, 95, 0.13);
        box-sizing: border-box;
        opacity: 0;
        transition:all 0.3s;
        img{
          width: 100px;
          height: 100px;
          margin:0 auto;
          border-radius: 50%;
          overflow: hidden;
          margin-top:30px;
        }
        p{
          width: 80%;
          margin:0 auto;
          text-align: center;
        }
        .h1{
          font-size: 20px;
          font-weight: bold;
          margin-top:20px;
        }
        .h2{
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #2260c9;
          font-size: 14px;
          margin-top:20px;
        }
        .h3{
          font-size: 16px;
          text-align: justify;
          margin-top:20px;
          line-height: 20px;
          color: #666666;
        }
      }

    }
    .swiper-slide-active{
        .div{
          opacity: 1;
        }
    }
  }
}
.box5{
  .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
  }
  .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0;
  }
  .swiper-pagination-bullet-active{
    width: 40px;
    height: 10px;
    background-color: #ff7200;
    border-radius: 5px;
  }
  .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    img{
      width: 100%;
    }
  }
  .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
  }
}
.box6{
  display: flex;
  justify-content: center;
  padding:0;
  overflow: hidden;
  position: relative;
  .boxin{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 100%;
    >div{
      width: 670px;
      background-color: #ffffff;
      box-shadow: 0px 3px 32px 0px
      rgba(0, 0, 0, 0.19);
      position: absolute;
      top: 140px;
      left: 366px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding:30px;
      box-sizing: border-box;
      .addressimg{
        position: absolute;
        top: 50%;
        margin-top:-19px;
        left: -40px;
      }
      .left{
        .h1{
          font-size: 26px;
          font-weight: bold;
          height: 55px;
          line-height: 55px;
          margin-bottom:30px;
          span{
            border-bottom:4px solid #215ec8;
            padding-bottom: 15px;
          }
        }

        div{
          margin-top:15px;
          padding-left:40px;
          background:url("../img/aboutmap_03.png") no-repeat left top;
          .h2{
            font-size: 20px;
            font-weight: bold;
          }
          .h3{
            font-size:16px;
            margin-top:5px;
            color: #666666;
          }
        }
        .phone{
          background:url("../img/aboutmap_07.png") no-repeat left top;
        }
      }
      .right{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-left: 1px solid #eee;
        padding:20px 40px;
        p{
          margin-top:20px;
        }
      }
    }
  }
}