@charset "UTF-8";
.box {
  width: 1200px;
  margin: 0 auto; }

.content .info_title {
  font-size: 36px;
  line-height: 26px;
  color: #333333;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 42px; }
.content .banner {
  height: 400px;
  background: url("//css.ccement.com/img/aboutus/banner.jpg") no-repeat center;
  background-size: cover; }
  .content .banner div {
    padding-top: 150px;
    height: 57px;
    font-size: 60px;
    color: #ffffff;
    line-height: 26px; }
    .content .banner div p {
      font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
      text-align: center;
      font-weight: 500 !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
.content .introduce {
  height: 883px;
  background-color: #f2f7fb;
  padding-bottom: 60px; }
  .content .introduce .introduce_top {
    position: relative; }
    .content .introduce .introduce_top .bg_img {
      position: relative;
      top: -105px;
      width: 281px;
      height: 309px;
      background: url("//css.ccement.com/img/aboutus/bg_logo.png") no-repeat center;
      background-size: 100% 100%;
      padding: 65px 18px 0 18px;
      box-sizing: border-box; }
      .content .introduce .introduce_top .bg_img h1 {
        font-size: 60px;
        color: #ffffff;
        letter-spacing: 15px;
        font-weight: 500 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .content .introduce .introduce_top .bg_img .line {
        margin-top: 18px;
        width: 40px;
        height: 3px;
        background-color: #ffffff; }
      .content .introduce .introduce_top .bg_img .name {
        font-weight: normal;
        margin: 40px 0 8px;
        font-size: 24px;
        color: #deedfa; }
      .content .introduce .introduce_top .bg_img .english {
        font-size: 13px;
        color: #deedfa;
        white-space: nowrap; }
    .content .introduce .introduce_top .logo {
      position: absolute;
      left: 27px;
      bottom: 115px;
      height: 114px; }
      .content .introduce .introduce_top .logo a {
        display: inline-block;
        width: 224px;
        height: 114px; }
    .content .introduce .introduce_top .introduce_text {
      width: 845px;
      margin-left: 70px;
      margin-top: 37px; }
      .content .introduce .introduce_top .introduce_text p {
        font-size: 16px;
        line-height: 30px;
        text-indent: 2em;
        color: #333333;
        padding-bottom: 16px;
      padding-top: 20px; }
        .content .introduce .introduce_top .introduce_text p span {
          font-size: 50px;
          line-height: 36px;
          padding-right: 10px; }
          /* .content .introduce .introduce_top .float{
    height: 290px; } */
  .content .introduce .introduce_bottom p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    text-indent: 2em;
    padding-bottom: 16px; }
.content .data_info .info_board {
  position: relative;
  top: -50px;
  width: 1200px;
  height: 150px;
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(115, 115, 115, 0.1);
  border-radius: 8px;
  padding: 28px 50px 20px;
  box-sizing: border-box;
}
  .content .data_info .info_board .item {
    margin-left: 64px; }
    .content .data_info .info_board .item .info_num {
      font-size: 36px;
      color: #4167a8;
      font-weight: 500 !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .content .data_info .info_board .item .info_text {
      font-size: 16px;
      color: #9d9d9d;
      text-align: center;
      padding-top: 10px; }
    .content .data_info .info_board .item:first-child {
      margin-left: 50px; }
      .content .data_info .imglogo {
  margin: 12px 0 60px; }
  .content .data_info .imglogo .info_title{
    margin-bottom: 20px;
  }
.content .data_info .info {
  margin-bottom: 105px; }
  .content .data_info .info .el {
    font-size: 16px;
    line-height: 36px;
    color: #333333; }
    .content .data_info .info .el .dots {
      display: inline-block;
      width: 9px;
      height: 9px;
      background-color: #4167a8;
      transform: rotate(45deg); }
  .content .data_info .info .flex_icon {
    margin-top: 50px; }
    .content .data_info .info .flex_icon .icon_item {
      text-align: center;
      padding: 0 32px; }
      .content .data_info .info .flex_icon .icon_item .icon {
        display: block;
        height: 48px; }
        .content .data_info .info .flex_icon .icon_item .icon img {
          text-align: center;
          vertical-align: middle; }
      .content .data_info .info .flex_icon .icon_item .icon_item {
        display: inline-block;
        width: 36px;
        height: 42px; }
      .content .data_info .info .flex_icon .icon_item .icon_text {
        font-size: 16px;
        color: #374567;
        line-height: 40px; }
  .content .data_info .info .img_border {
    width: 500px;
    height: 280px;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(115, 115, 115, 0.1);
    padding: 10px;
    box-sizing: border-box; }
  .content .data_info .info .left {
    width: 700px; }
    .content .data_info .info .left .el .dots {
      margin-right: 20px; }
  .content .data_info .info .right {
    width: 500px; }
    .content .data_info .info .right .info_title {
      text-align: right; }
    .content .data_info .info .right .el {
      text-align: right; }
      .content .data_info .info .right .el .dots {
        margin-left: 20px; }
.content .serve {
  height: 1039px;
  padding-top: 72px;
  box-sizing: border-box;
  background: url("//css.ccement.com/img/aboutus/bg_1.png") no-repeat center;
  background-size: cover; }
  .content .serve .serve_box {
    padding-top: 20px; }
    .content .serve .serve_box div a {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(19, 28, 43, 0.3); }
      .content .serve .serve_box div a p {
        padding: 30px;
        font-size: 24px;
        line-height: 30px;
        color: #ffffff; }
    .content .serve .serve_box .center {
      width: 546px;
      height: 745px;
      margin: 0 20px; }
    .content .serve .serve_box .serce_1 {
      width: 294px;
      height: 475px;
      background: url("//css.ccement.com/img/aboutus/serve_1.png") no-repeat center;
      background-size: auto 100%;
      margin-bottom: 20px; }
    .content .serve .serve_box .serce_2 {
      margin-bottom: 20px;
      width: 546px;
      height: 240px;
      background: url("//css.ccement.com/img/aboutus/serve_2.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_3 {
      width: 320px;
      height: 238px;
      background: url("//css.ccement.com/img/aboutus/serve_3.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_4 {
      width: 263px;
      height: 350px;
      background: url("//css.ccement.com/img/aboutus/serve_4.png") no-repeat center;
      background-size: auto 100%;
      margin-right: 20px;
      margin-bottom: 20px; }
    .content .serve .serve_box .serce_5 {
      width: 263px;
      height: 118px;
      background: url("//css.ccement.com/img/aboutus/serve_5.png") no-repeat center;
      background-size: auto 100%;
      margin-bottom: 20px; }
    .content .serve .serve_box .serce_6 {
      margin: 20px 0;
      width: 320px;
      height: 217px;
      background: url("//css.ccement.com/img/aboutus/serve_6.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_7 {
      width: 293px;
      height: 250px;
      background: url("//css.ccement.com/img/aboutus/serve_7.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_8 {
      width: 263px;
      height: 116px;
      background: url("//css.ccement.com/img/aboutus/serve_8.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_9 {
      width: 263px;
      height: 348px;
      background: url("//css.ccement.com/img/aboutus/serve_9.png") no-repeat center;
      background-size: auto 100%; }
    .content .serve .serve_box .serce_10 {
      width: 320px;
      height: 249px;
      background: url("//css.ccement.com/img/aboutus/serve_10.png") no-repeat center;
      background-size: auto 100%; }
.content .course {
  height: 1875px;
  background: url("//css.ccement.com/img/aboutus/bg_2.jpg") no-repeat center;
  background-size: cover;
  padding-top: 65px; }
  .content .course .info_title {
    margin-bottom: 78px; }
  .content .course .left {
    width: 536px;
    padding-right: 63px; }
  .content .course .course_img {
    width: 380px;
    height: 220px;
    background-color: #f9f9fa;
    border-radius: 8px; }
  .content .course .item {
    position: relative;
    top: -10px;
    margin-left: 62px;
    margin-bottom: 40px; }
    .content .course .item .deta {
      font-size: 24px;
      line-height: 36px;
      color: #4167a8;
      font-weight: bold; }
      .content .course .item .deta span {
        display: inline-block;
        width: 2px;
        height: 10px;
        margin-left: 25px;
        background-color: #4167a8; }
    .content .course .item .text {
      font-size: 16px;
      line-height: 36px;
      color: #333; }
    .content .course .item::before {
      position: absolute;
      content: " ";
      display: block;
      width: 30px;
      height: 30px;
      background: url("//css.ccement.com/img/aboutus/dots.png") no-repeat center;
      background-size: auto 100%; }
  .content .course .course_item_1 .right {
    padding-bottom: 45px;
    border-left: 1px dashed rgba(0, 82, 217, 0.2); }
    .content .course .course_item_1 .right .item .text {
      margin-left: 26px;
      text-align: start; }
    .content .course .course_item_1 .right .item::before {
      left: -77px; }
    .content .course .course_item_1 .right .item:last-child {
      margin-bottom: 0; }
    .content .course .course_item_1 .right .item_2005 {
      margin-bottom: 40px !important; }
    .content .course .course_item_1 .right .item_2019 .deta {
      margin-top: 60px;
      font-weight: bold; }
    .content .course .course_item_1 .right .item_2019::before {
      top: 60px;
      left: -77px; }
    .content .course .course_item_1 .right .item_19_10 .deta {
      line-height: 26px;
      margin-top: -40px;
      font-weight: bold; }
    .content .course .course_item_1 .right .item_2012::before {
      top: 20px;
      left: -77px; }
    .content .course .course_item_1 .right .item_2012 .deta {
      margin-top: 20px;
      font-weight: bold; }
  .content .course .course_item_2 .left {
    padding-bottom: 23px;
    border-right: 1px dashed rgba(0, 82, 217, 0.2); }
    .content .course .course_item_2 .left .item .text {
      margin-right: 26px;
      text-align: right; }
    .content .course .course_item_2 .left .item::before {
      right: -77px; }
    .content .course .course_item_2 .left .item:last-child {
      margin: 0; }
    .content .course .course_item_2 .left .item_2008 .deta {
      margin-top: 15px;
      font-weight: bold; }
    .content .course .course_item_2 .left .item_2008::before {
      top: 15px;
      right: -77px; }
    .content .course .course_item_2 .left .item_2009 .deta {
      margin-top: 35px;
      font-weight: bold; }
    .content .course .course_item_2 .left .item_2009::before {
      top: 35px;
      right: -77px; }
    .content .course .course_item_2 .left .item_2016 .deta {
      margin-top: 35px;
      font-weight: bold; }
    .content .course .course_item_2 .left .item_2016::before {
      top: 35px;
      right: -77px; }
  .content .course .course_item_2 .right .course_img {
    margin-left: 63px; }
.content .interview {
  padding: 100px 0 0 0; }
.content #certify {
  position: relative;
  width: 1200px;
  margin: 70px auto 0; }
.content #certify .swiper-container {
  padding-bottom: 113px; }
.content #certify .swiper-slide {
  width: 520px;
  height: 369px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 30px #ddd; }
.content #certify .swiper-slide img {
  display: block;
  width: 520px;
  height: 100%;
  border-radius: 12px; }
.content #certify .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0; }
.content .partner {
  background-color: #f2f7fb;
  padding-top: 80px;
  padding-bottom: 56px; }
  .content .partner .info_title {
    margin-bottom: 54px; }
  .content .partner .partner_item {
    padding-bottom: 40px; }
    .content .partner .partner_item .partner_title {
      font-size: 20px;
      color: #333333;
      text-align: center;
      margin-bottom: 30px; }
    .content .partner .partner_item .par_item_box .par_logo {
      margin-left: 24px; }
      .content .partner .partner_item .par_item_box .par_logo .logo {
        display: block;
        width: 180px;
        height: 94px;
        background-color: #ffffff;
        border-radius: 2px;
        border: solid 1px #ebf0f4;
        box-sizing: border-box; }
      .content .partner .partner_item .par_item_box .par_logo p {
        width: 180px;
        color: #333333;
        font-size: 14px;
        margin-top: 10px;
        text-align: center; }
      .content .partner .partner_item .par_item_box .par_logo:first-child {
        margin-left: 0; }

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