.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 */