#main {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
#main .main-mid {
  overflow: hidden;
}
#main .main-mid .main-mid-title {
  overflow: hidden;
}
#main .main-mid .main-mid-title .main-mid-title-logo {
  margin: 0 auto;
  background-image: url("../images/title-logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
#main .main-mid .main-mid-title .main-mid-title-text {
  color: #445E5C;
  font-weight: 500;
  text-align: center;
}
/* 小屏幕（平板，手机小于1140px） */
@media (max-width: 1140px) {
  #main .main-mid {
    width: 100%;
  }
  #main .main-mid .main-mid-title {
    margin-top: .36rem;
  }
  #main .main-mid .main-mid-title .main-mid-title-logo {
    width: 2.49rem;
    height: .5rem;
    background-size: 2.49rem .5rem;
  }
  #main .main-mid .main-mid-title .main-mid-title-text {
    font-size: .36rem;
    margin-top: .04rem;
  }
  #main .main-mid .main-mid-pc-card {
    display: none;
  }
  #main .main-mid .main-mid-mobile-card {
    overflow: hidden;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in {
    width: 6.5rem;
    overflow: hidden;
    margin: .05rem auto 0;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in:first-child {
    height: 5.93rem;
    background-image: url("../images/鹿起网站qpp_02.jpg");
    background-size: 7.5rem 5.93rem;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in:last-child {
    height: 5.56rem;
    margin-top: .2rem;
    background-image: url("../images/鹿起网站qpp_03.jpg");
    background-size: 7.5rem 5.56rem;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in .main-mid-mobile-card-in-title {
    color: #518682;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-top: .2rem;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in .main-mid-mobile-card-in-title .title-zh {
    font-size: .3rem;
    font-weight: 600;
    border-bottom: 1px solid #518682;
    height: .4rem;
    box-sizing: border-box;
    padding-right: .08rem;
    margin-left: .35rem;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in .main-mid-mobile-card-in-title .title-en {
    font-size: .24rem;
    border-bottom: 3px solid #518682;
    height: .4rem;
    line-height: .42rem;
    box-sizing: border-box;
    display: flex;
    align-items: baseline;
  }
  #main .main-mid .main-mid-mobile-card .main-mid-mobile-card-in .main-mid-mobile-card-in-content {
    width: 5.5rem;
    overflow: hidden;
    font-size: .22rem;
    color: #445E5C;
    margin: .12rem auto 0;
  }
  #main .main-mid .main-service-pc {
    display: none;
  }
  #main .main-mid .main-service-mobile {
    overflow: hidden;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item {
    margin: .2rem auto 0;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    box-sizing: border-box;
    padding-left: .64rem;
    position: relative;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item .icon {
    width: 1.34rem;
    height: 1.34rem;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    z-index: 2;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item .icon img {
    width: 100%;
    height: 100%;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item .content-box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: -0.67rem;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item .content-box .content-box-title {
    width: 3.39rem;
    height: .57rem;
    overflow: hidden;
    background: #FFD88F;
    font-size: .3rem;
    font-weight: bold;
    color: #526160;
    box-sizing: border-box;
    padding-left: .78rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  #main .main-mid .main-service-mobile .main-service-mobile-item .content-box .content-box-text {
    overflow: hidden;
    background: #FFEBC7;
    width: 5.39rem;
    height: .57rem;
    box-sizing: border-box;
    padding-left: .78rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: .2rem;
    font-weight: 500;
    color: #526160;
  }
}
/* 大屏幕（大桌面显示器，大于等于 1140px） */
@media (min-width: 1140px) {
  #main .main-mid {
    width: 1140px;
    margin: 0 auto;
  }
  #main .main-mid .main-mid-title {
    margin-top: 100px;
  }
  #main .main-mid .main-mid-title .main-mid-title-logo {
    width: 251px;
    height: 52px;
    background-size: 251px 52px;
  }
  #main .main-mid .main-mid-title .main-mid-title-text {
    font-size: 36px;
    margin-top: .04rem;
  }
  #main .main-mid .main-mid-mobile-card {
    display: none;
  }
  #main .main-mid .main-mid-pc-card {
    overflow: hidden;
    margin-top: 50px;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item {
    padding-top: 5px;
    overflow: hidden;
    text-align: center;
    position: relative;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item:last-child {
    margin-top: 8px;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-img {
    display: inline-block;
    width: 507px;
    height: 461px;
    overflow: hidden;
    position: relative;
    transition: all .2s linear;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-img img {
    display: block;
    width: 507px;
    height: 461px;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-img:hover {
    z-index: 2;
    transform: translate3d(0, -4px, 0);
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-word {
    overflow: hidden;
    display: inline-block;
    color: #518682;
    text-align: left;
    width: 450px;
    height: 461px;
    padding-left: 6px;
    vertical-align: top;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-word .title-en {
    margin-top: 60px;
    font-size: 40px;
    font-weight: bold;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-word .title-zh {
    font-size: 30px;
    font-weight: bold;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-word .content {
    font-size: 24px;
    font-weight: 500;
    width: 400px;
    margin-top: 30px;
    color: #445E5C;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-word {
    overflow: hidden;
    width: 434px;
    display: inline-block;
    height: 394px;
    text-align: right;
    color: #518682;
    box-sizing: border-box;
    padding-right: 8px;
    vertical-align: top;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-word .title-en {
    margin-top: 110px;
    font-size: 40px;
    font-weight: bold;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-word .title-zh {
    font-size: 30px;
    font-weight: bold;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-left-word .content {
    font-size: 24px;
    font-weight: 500;
    color: #445E5C;
    margin-top: 30px;
    box-sizing: border-box;
    padding-left: 30px;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-img {
    overflow: hidden;
    width: 540px;
    height: 394px;
    display: inline-block;
    position: relative;
    transition: all .2s linear;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-img img {
    display: block;
    width: 540px;
    height: 394px;
  }
  #main .main-mid .main-mid-pc-card .main-mid-pc-card-item .main-mid-pc-card-item-right-img:hover {
    z-index: 2;
    transform: translate3d(0, -4px, 0);
  }
  #main .main-mid .main-service-mobile {
    display: none;
  }
  #main .main-mid .main-service-pc {
    overflow: hidden;
    padding-top: 40px;
    text-align: center;
    height: 470px;
    vertical-align: top;
  }
  #main .main-mid .main-service-pc .main-service-pc-item {
    width: 294px;
    display: inline-block;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    transition: all .2s linear;
    vertical-align: top;
  }
  #main .main-mid .main-service-pc .main-service-pc-item:hover {
    z-index: 2;
    transform: translate3d(0, -4px, 0);
  }
  #main .main-mid .main-service-pc .main-service-pc-item:first-child {
    margin-right: 54px;
  }
  #main .main-mid .main-service-pc .main-service-pc-item:first-child .content-box {
    background: #FFDC9A;
  }
  #main .main-mid .main-service-pc .main-service-pc-item:nth-child(2) .content-box {
    background: #FFE2AB;
  }
  #main .main-mid .main-service-pc .main-service-pc-item:last-child {
    margin-left: 54px;
  }
  #main .main-mid .main-service-pc .main-service-pc-item:last-child .content-box {
    background: #FFE8BC;
  }
  #main .main-mid .main-service-pc .main-service-pc-item .icon {
    width: 184px;
    height: 184px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
  #main .main-mid .main-service-pc .main-service-pc-item .icon img {
    display: block;
    width: 184px;
    height: 184px;
  }
  #main .main-mid .main-service-pc .main-service-pc-item .content-box {
    width: 294px;
    height: 348px;
    margin-top: -62px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #main .main-mid .main-service-pc .main-service-pc-item .content-box .content-box-title {
    color: #526160;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 95px;
  }
  #main .main-mid .main-service-pc .main-service-pc-item .content-box .content-box-text {
    width: 225px;
    text-align: center;
    margin: 30px auto 0;
    color: #526160;
    font-size: 24px;
    overflow: hidden;
  }
}
/*# sourceMappingURL=main.css.map */