#banner {
  width: 100%;
  height: 463px;
  background-color: #f7f0e6; }
  #banner .img_wrapper {
    width: 100%;
    height: 100%;
    background-image: url("../img/15.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

@media screen and (max-width: 750px) {
  #banner {
    height: 4.63rem; } }
.title {
  text-align: left; }
  .title p:nth-of-type(1) {
    font-size: 30px;
    font-family: "triu";
    line-height: 30px;
    display: inline-block; }
    .title p:nth-of-type(1):before {
      display: inline-block;
      vertical-align: middle;
      width: 82px;
      height: 1px;
      background-color: #8a794e;
      content: "";
      margin-right: 20px;
      margin-left: -102px; }
  .title p:nth-of-type(2) {
    color: #4d4d4d;
    font-size: 20px;
    line-height: 20px;
    margin-top: 14px; }

#about_us {
  width: 1200px;
  margin: 0 auto;
  padding-top: 123px;
  padding-bottom: 86px; }
  #about_us .left {
    display: inline-block;
    width: 36%; }
    #about_us .left .title {
      margin-top: 156px;
      margin-bottom: 52px; }
    #about_us .left .font {
      width: 100%;
      line-height: 28px;
      text-indent: 28px;
      font-size: 14px;
      text-align: justify;
      color: #4c4c4c; }
  #about_us .right {
    width: 49%;
    float: right;
    vertical-align: top;
    overflow: hidden; }
    #about_us .right img {
      width: 100%; }

@media screen and (max-width: 1220px) {
  #about_us {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px; }
    #about_us .left {
      width: 45%; }
      #about_us .left .title {
        margin-top: 0;
        margin-bottom: .4rem; } }
@media screen and (max-width: 750px) {
  #about_us {
    padding: .5rem .24rem .4rem; }
    #about_us .left {
      width: 100%; }
      #about_us .left .title {
        text-align: center; }
        #about_us .left .title p:nth-of-type(1):before {
          display: none; }
    #about_us .right {
      display: none; } }
@media screen and (max-width: 460px) {
  #about_us .left .font {
    font-size: .22rem;
    line-height: .4rem; } }
#serve {
  width: 100%;
  padding-top: 74px;
  padding-bottom: 146px;
  background-color: #f7f7f7; }
  #serve .content_wrapper {
    width: 1200px;
    margin: 0 auto; }
    #serve .content_wrapper .slider_con {
      margin-top: 114px;
      position: relative; }
      #serve .content_wrapper .slider_con .swiper-container {
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
        height: 169px; }
        #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide {
          height: 100%;
          width: 169px;
          border-radius: 50%;
          background-color: #fff;
          text-align: center;
          color: #8c7b50;
          box-sizing: border-box;
          padding-top: 46px;
          cursor: pointer;
          transition: background-color 1s ease-out,color 1s ease-out; }
          #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide:hover {
            background-color: #8c7b50;
            color: #fff; }
          #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide i {
            font-size: 40px;
            margin-top: 46px; }
          #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide p {
            font-weight: bold;
            margin-top: 24px; }
      #serve .content_wrapper .slider_con .swiper-button-prev, #serve .content_wrapper .slider_con .swiper-button-next {
        outline: none;
        width: 12px;
        height: 23px;
        background-repeat: no-repeat;
        background-size: contain;
        background-size: center; }
      #serve .content_wrapper .slider_con .swiper-button-prev {
        left: -12px;
        background-image: url("../img/19.png"); }
      #serve .content_wrapper .slider_con .swiper-button-next {
        right: -12px;
        background-image: url("../img/18.png"); }

@media screen and (max-width: 1220px) {
  #serve .content_wrapper {
    width: 100%; }
    #serve .content_wrapper .title {
      margin-left: 20px; }
    #serve .content_wrapper .slider_con {
      width: 820px;
      margin: 0 auto;
      margin-top: 114px; } }
@media screen and (max-width: 850px) {
  #serve .content_wrapper {
    width: 100%; }
    #serve .content_wrapper .slider_con {
      width: 690px;
      margin: 0 auto;
      margin-top: 114px; } }
@media screen and (max-width: 750px) {
  #serve {
    padding-top: .74rem;
    padding-bottom: 1.46rem; }
    #serve .content_wrapper {
      width: 100%; }
      #serve .content_wrapper .title {
        text-align: center; }
        #serve .content_wrapper .title p:nth-of-type(1):before {
          display: none; }
      #serve .content_wrapper .slider_con {
        width: 420px;
        margin: 0 auto;
        margin-top: 1.14rem; } }
@media screen and (max-width: 470px) {
  #serve {
    padding-top: .74rem;
    padding-bottom: 1.46rem; }
    #serve .content_wrapper {
      width: 100%; }
      #serve .content_wrapper .title {
        text-align: center;
        margin-left: 0; }
        #serve .content_wrapper .title p:nth-of-type(1):before {
          display: none; }
      #serve .content_wrapper .slider_con {
        width: 350px;
        margin: 0 auto;
        margin-top: 1.14rem; }
        #serve .content_wrapper .slider_con .swiper-container {
          height: 135px; }
          #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide {
            padding-top: .6rem; }
            #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide i {
              font-size: .5rem; }
            #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide p {
              margin-top: .2rem; }
        #serve .content_wrapper .slider_con .swiper-button-prev, #serve .content_wrapper .slider_con .swiper-button-next {
          margin-top: -11px; } }
@media screen and (max-width: 392px) {
  #serve {
    padding-top: .74rem;
    padding-bottom: 1.46rem; }
    #serve .content_wrapper {
      width: 100%; }
      #serve .content_wrapper .title {
        text-align: center;
        margin-left: 0; }
        #serve .content_wrapper .title p:nth-of-type(1):before {
          display: none; }
      #serve .content_wrapper .slider_con {
        width: 290px;
        margin-top: 1.14rem;
        height: 105px; }
        #serve .content_wrapper .slider_con .swiper-container {
          height: 105px; }
          #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide {
            padding-top: .5rem; }
            #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide i {
              font-size: .5rem; }
            #serve .content_wrapper .slider_con .swiper-container .swiper-wrapper .swiper-slide p {
              margin-top: .2rem; }
        #serve .content_wrapper .slider_con .swiper-button-prev, #serve .content_wrapper .slider_con .swiper-button-next {
          margin-top: -11px; } }
#team {
  width: 1200px;
  margin: 0 auto;
  padding-top: 132px;
  padding-bottom: 117px; }
  #team .left {
    float: right;
    width: 38%; }
    #team .left .title {
      margin-left: 102px; }
    #team .left .font {
      border-top: 1px solid #d9d9d9;
      padding-top: 26px;
      margin-top: 30px;
      color: #4d4d4d;
      font-size: 14px;
      line-height: 28px;
      text-align: justify; }
  #team .right {
    width: 59%;
    position: relative; }
    #team .right .line_1 {
      width: 28px;
      background-color: #d1cab9;
      height: 356px;
      position: absolute;
      left: 0;
      bottom: 0; }
    #team .right .img_wrapper {
      margin-left: 28px; }
      #team .right .img_wrapper img {
        width: 100%; }
    #team .right .line_2 {
      width: 100%;
      height: 28px;
      background-color: #d1cab9; }

@media screen and (max-width: 1220px) {
  #team {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 60px; }
    #team .right {
      margin-top: 100px; }
      #team .right .line_1 {
        width: 18px;
        height: 300px; }
      #team .right .img_wrapper {
        margin-left: 18px; }
      #team .right .line_2 {
        height: 18px; } }
@media screen and (max-width: 950px) {
  #team .left {
    float: none;
    width: 100%; }
    #team .left .title {
      text-align: center;
      margin-left: 0; }
      #team .left .title p:nth-of-type(1):before {
        display: none; }
    #team .left .font {
      box-sizing: border-box;
      padding: 0 20px;
      padding-top: 20px; }
  #team .right {
    margin-top: 20px;
    width: 100%; }
    #team .right .line_1 {
      display: none; }
    #team .right .img_wrapper {
      margin-left: 0px; }
    #team .right .line_2 {
      display: none; } }

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