.mainArea {
  background-color: #f2f2f2;
}

.contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contentBox .left {
  width: 300px;
  padding-right: 50px;
}
.contentBox .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1180px) {
  .contentBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contentBox .left {
    width: 100%;
    padding-right: 0;
  }
}

.classNote {
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  padding: 0;
  margin-bottom: 40px;
}

.facList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
.facList .facItem {
  width: 33.3333333333%;
  padding: 0 10px 30px;
}
@media (max-width: 1400px) {
  .facList .facItem {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .facList .facItem {
    width: 100%;
  }
}
.facList .item {
  padding: 0 30px;
  position: relative;
}
.facList .item::before {
  content: "";
  display: block;
  width: 100%;
  height: 80%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1400px) {
  .facList .item {
    padding: 0 20px;
  }
}
@media (max-width: 400px) {
  .facList .item {
    padding: 15px;
  }
  .facList .item::before {
    height: 100%;
  }
}
.facList .Img {
  position: relative;
  overflow: hidden;
}
.facList .Img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 1181px) {
  .facList .Img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.facList .Txt {
  padding: 50px 20px 50px;
  position: relative;
}
.facList .Txt .title {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.46px;
  color: #262626;
  height: 65px;
  overflow: hidden;
}
.facList .Txt .title::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: #163272;
  margin-top: 30px;
}
.facList .Txt .title a {
  color: #262626;
}
@media (min-width: 1181px) {
  .facList .Txt .title a:hover {
    color: #cf0212;
  }
}
.facList .Txt .text {
  font-size: 17px;
  line-height: 1.6;
  color: #646464;
  margin-top: 30px;
  height: 56px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .facList .Txt {
    padding: 35px 0;
  }
  .facList .Txt .title {
    font-size: 20px;
    height: 50px;
  }
  .facList .Txt .title::after {
    content: "";
    display: block;
    width: 30%;
    height: 1px;
    background-color: #163272;
    margin-top: 20px;
  }
  .facList .Txt .text {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .facList .Txt {
    padding: 20px 0;
  }
  .facList .Txt .text {
    font-size: 14px;
    height: 45px;
  }
}

.contentBox.insPage {
  display: block;
}

.insIntroBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .insIntroBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.insIntroBox .introBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .insIntroBox .introBox {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.insIntroBox .introBox .articleTitle {
  margin-bottom: 15px;
  padding: 0 0 15px 0;
}
.insIntroBox .introBox .Txt {
  margin-top: 20px;
  line-height: 1.6;
  font-size: 15px;
  color: #6c6c6c;
}
/*# sourceMappingURL=services.css.map */