@charset "utf-8";


.stm32-banner {
  width: 100%;
  height: 275px;
  background: url(../images/stm32_banner-bg.jpg) no-repeat center; }
  .stm32-banner h2 {
    font-size: 36px;
    color: #00ceaf;
    font-weight: 600;
    text-align: center;
    padding-top: 90px; }
  .stm32-banner h3 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 17px; }

.after-sales {
  width: 100%;
  height: 92px;
  background: #f9f9f9;
  padding-top: 40px; }
  .after-sales:after {
    content: "";
    clear: both;
    display: block; }
  .after-sales dl {
    width: calc(50% - 63px);
    float: left;
    height: 100%;
    padding-left: 62px; }
    .after-sales dl:after {
      content: "";
      clear: both;
      display: block; }
  .after-sales dt {
    float: left;
    width: 45px;
    text-align: center; }
  .after-sales dd {
    float: left;
    width: calc(100% - 53px);
    padding-left: 8px; }
    .after-sales dd h3 {
      font-size: 18px;
      color: #000000;
      font-weight: 600; }
    .after-sales dd p {
      font-size: 14px;
      color: #000000;
      padding-top: 8px; }
  .after-sales dl:nth-child(1) {
    position: relative;
    height: 40px;
    border-right: 1px solid #e1e1e1; }
    .after-sales dl:nth-child(1) i {
      color: #18a9f4;
      font-size: 24px; }
  .after-sales dl:nth-child(2) i {
    color: #00ceaf;
    font-size: 24px; }

.industry-trend {
  width: 100%;
  height: 715px;
  background: #00ceaf; }
  .industry-trend h2 {
    font-size: 32px;
    color: #2e2e2e;
    font-weight: 600;
    padding-top: 43px;
    text-align: center; }
  .industry-trend h3 {
    font-size: 24px;
    color: #2e2e2e;
    font-weight: 600;
    margin-top: 12px;
    text-align: center;
    margin-bottom: 28px; }
  .industry-trend p {
    font-size: 14px;
    color: #2e2e2e;
    line-height: 24px;
    text-align: center; }

.industry-trend-img {
  width: 759px;
  margin: 0 auto;
  margin-top: 30px; }
  .industry-trend-img img {
    display: block; }

.yingyong {
  width: 100%;
  height: 816px;
  background: #f2f2f2; }
  .yingyong h2 {
    font-size: 32px;
    color: #2e2e2e;
    font-weight: 600;
    text-align: center;
    padding-top: 52px; }
  .yingyong h3 {
    font-size: 18px;
    color: #52a3ff;
    font-weight: 600;
    text-align: center;
    padding-top: 10px; }

.yingyong-img {
  width: 100%;
  text-align: center;
  margin-top: 34px; }
  .yingyong-img img {
    display: inline-block; }

.red-btn-180402 {
  display: block;
  width: 316px;
  height: 52px;
  background: #fe5f11;
  border-radius: 5px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  line-height: 52px;
  margin: 0 auto;
  margin-top: 36px; }

.stm32-youshi {
  width: calc(100% - 340px);
  height: 443px;
  background: #252a2b url(../images/stm32-youshi-bg.jpg) no-repeat left center;
  padding-left: 274px;
  padding-right: 66px; }

.stm32-youshi-wrap {
  width: 100%; }

.stm32-youshi-top {
  width: 100%;
  height: 246px;
  border-bottom: 1px solid #000000; }
  .stm32-youshi-top h2 {
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
    line-height: 50px;
    padding-top: 48px; }
  .stm32-youshi-top p {
    font-size: 16px;
    color: #00ceaf;
    font-weight: 600;
    line-height: 28px; }

.stm32-youshi-list {
  width: 100%;
  border-top: 1px solid #30393b;
  padding-top: 47px; }
  .stm32-youshi-list:after {
    content: "";
    clear: both;
    display: block; }
  .stm32-youshi-list li {
    float: left;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 13px; }
    .stm32-youshi-list li img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
  .stm32-youshi-list li:nth-child(odd) {
    width: 60%; }
  .stm32-youshi-list li:nth-child(even) {
    width: 40%; }

.teacher {
  width: calc(100% - 452px);
  padding-left: 80px;
  padding-right: 372px;
  height: 439px;
  background: #eaeaea;
  position: relative; }
  .teacher h3 {
    font-size: 18px;
    color: #8a959b;
    font-weight: 600;
    padding-top: 70px; }
  .teacher h2 {
    font-size: 18px;
    color: #8a959b;
    padding-bottom: 23px;
    margin-top: 8px;
    position: relative; }
    .teacher h2:after {
      content: "";
      position: absolute;
      width: 14px;
      height: 5px;
      border-radius: 2px;
      background: #00ceaf;
      left: 0;
      bottom: 0; }
  .teacher h4 {
    font-size: 16px;
    color: #2c3437;
    font-weight: 600;
    margin-top: 12px; }
  .teacher p {
    font-size: 12px;
    color: #2c3437;
    line-height: 20px;
    margin-top: 8px; }

.teacher-img {
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 380px;
  height: auto; }

.stm32-course {
  width: calc(100% - 60px);
  padding: 0 30px;
  padding-bottom: 45px;
  background: #2c3840; }
  .stm32-course h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    padding-top: 62px;
    text-align: center; }
  .stm32-course h3 {
    font-size: 24px;
    color: #00ceaf;
    font-weight: 600;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 40px; }

.stm32-course-item {
  width: calc(100% - 10px);
  padding: 0 5px;
  position: relative;
  padding-top: 24px;
  padding-bottom: 14px;
  border-radius: 5px;
  margin-bottom: 16px; }
  .stm32-course-item h5 {
    font-size: 20px;
    color: #2c3840;
    font-weight: 600;
    padding-left: 27px; }
    .stm32-course-item h5 span {
      display: inline-block;
      width: 36px;
      height: 20px;
      vertical-align: middle;
      border-radius: 3px;
      background: #fff;
      font-size: 12px;
      color: #2e2e2e;
      font-weight: 600;
      text-align: center;
      line-height: 20px;
      margin-right: 10px; }

.stm32-course-item:nth-child(odd) {
  background: #00ceaf; }
  .stm32-course-item:nth-child(odd) .day {
    background: #62ffe7; }

.stm32-course-item:nth-child(even) {
  background: #18a9f4; }
  .stm32-course-item:nth-child(even) .day {
    background: #59d6ff; }

.day {
  width: 65px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 20px;
  color: #2c3840;
  font-weight: 600;
  position: absolute;
  right: 49px;
  top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.stm32-course-list {
  width: calc(100% - 26px);
  border-radius: 5px;
  background: #2c3840;
  padding: 16px 0;
  padding-left: 26px;
  margin-top: 20px;
  position: relative; }
  .stm32-course-list:after {
    content: "";
    position: absolute;
    width: 96%;
    height: 5px;
    background: #495856;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: -5px;
    left: 50%;
    margin-left: -48%; }
  .stm32-course-list:before {
    content: "";
    position: absolute;
    width: 92%;
    height: 5px;
    background: #597974;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: -10px;
    left: 50%;
    margin-left: -46%; }
  .stm32-course-list ul:after {
    content: "";
    clear: both;
    display: block; }
  .stm32-course-list ul li {
    width: calc(30% - 14px);
    float: left;
    font-size: 12px;
    color: #ffffff;
    line-height: 22px;
    position: relative;
    padding-left: 14px; }
    .stm32-course-list ul li:after {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #fff;
      left: 0;
      top: 50%;
      margin-top: -2px; }
  .stm32-course-list ul li:nth-child(3n) {
    width: calc(40% - 14px); }

.start-time {
  font-size: 14px;
  color: #2c3840;
  font-weight: 600;
  padding-left: 26px;
  margin-top: 20px; }

.xiangmu {
  width: 100%;
  background: #232c32;
  padding-bottom: 77px; }
  .xiangmu h2 {
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    padding-top: 36px; }
  .xiangmu ul {
    width: 760px;
    margin: 0 auto;
    margin-top: 22px; }
    .xiangmu ul:after {
      content: "";
      clear: both;
      display: block; }
    .xiangmu ul li {
      float: left;
      width: 243px;
      height: 42px;
      border: 2px solid #00ceaf;
      border-radius: 3px;
      text-align: center;
      line-height: 42px;
      font-size: 14px;
      color: #ffffff;
      font-weight: 600;
      margin-right: 9px;
      margin-bottom: 14px; }
    .xiangmu ul li:nth-child(3n) {
      margin-right: 0; }

.advantage {
  width: 100%;
  background: #f4f3f3;
  padding: 56px 0;
  text-align: center; }
  .advantage h2 {
    font-size: 32px;
    color: #2e2e2e;
    font-weight: 600;
    text-align: center; }
  .advantage img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 56px; }

.application {
  width: calc(100% - 56px);
  background: #00ceaf;
  padding: 56px 28px; }
  .application h2 {
    font-size: 32px;
    color: #2e2e2e;
    font-weight: 600;
    text-align: center; }

.application-list {
  margin-top: 54px; }
  .application-list:after {
    content: "";
    clear: both;
    display: block; }
  .application-list dl {
    float: left;
    width: 374px;
    margin-right: 12px;
    margin-bottom: 26px; }
    .application-list dl dt {
      font-size: 24px;
      color: #104940;
      font-weight: 600; }
    .application-list dl dd {
      width: 100%;
      margin-top: 4px; }
      .application-list dl dd img {
        display: block;
        width: 100%;
        height: auto; }
  .application-list dl:nth-child(2n) {
    margin-right: 0; }

.question-answer {
  width: calc(100% - 104px);
  background: #f9f9f9;
  padding: 0 52px; }

.qa-item {
  padding: 50px 0 36px;
  border-bottom: 1px solid #e0e0e0; }

.qa-item:last-child {
  border-bottom: none; }

.qa-item-q:after {
  content: "";
  clear: both;
  display: block; }
.qa-item-q dt {
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ff6600;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 22px; }
.qa-item-q dd {
  float: left;
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  padding-left: 16px;
  width: calc(100% - 38px);
  line-height: 22px; }

.qa-item-a {
  margin-top: 19px; }
  .qa-item-a:after {
    content: "";
    clear: both;
    display: block; }
  .qa-item-a dt {
    float: left;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #383838;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 22px; }
  .qa-item-a dd {
    float: left;
    padding-left: 16px;
    width: calc(100% - 38px); }
  .qa-item-a li {
    font-size: 14px;
    color: #333333;
    line-height: 24px; }

.g5-banner {
  width: 100%; }

.g5-recruit {
  width: 100%;
  padding: 48px 0 60px; }
  .g5-recruit h2 {
    font-size: 42px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .g5-recruit h3 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 48px; }

.g5-recruit-wrap {
  width: 100%;
  margin-top: 38px; }

.g5-recruit-row {
  width: 100%; }
  .g5-recruit-row:after {
    content: "";
    clear: both;
    display: block; }

.g5-recruit-item {
  float: left;
  width: 50%;
  height: 308px;
  display: table; }
  .g5-recruit-item > div {
    display: table-cell;
    vertical-align: middle; }

.g5-recruit-row:nth-child(1) .g5-recruit-item-content {
  background: #1bb4e6;
  box-shadow: 0 0 15px 3px rgba(27, 180, 230, 0.3);
  border-radius: 3px; }

.g5-recruit-row:nth-child(2) .g5-recruit-item-content {
  background: #00ceaf;
  box-shadow: 0 0 15px 3px rgba(0, 206, 175, 0.3);
  border-radius: 3px; }

.g5-recruit-item-content {
  box-sizing: border-box;
  padding: 0 44px; }
  .g5-recruit-item-content h5 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold; }
  .g5-recruit-item-content p {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px; }
    .g5-recruit-item-content p strong {
      font-size: 24px;
      color: #ffffff;
      font-weight: bold; }

.g5-recruit-item-img {
  text-align: center; }
  .g5-recruit-item-img img {
    display: inline-block; }
  .g5-recruit-item-img p {
    font-size: 12px;
    color: #2e3233;
    font-weight: bold;
    text-align: center;
    margin-top: 36px; }

.g5-occupation {
  width: 100%;
  padding: 48px 44px 57px;
  background: #00ceaf;
  box-sizing: border-box; }
  .g5-occupation h2 {
    font-size: 42px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .g5-occupation h3 {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    text-align: center; }

.g5-occupation-wrap {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 44px 65px 40px;
  margin-top: 30px; }
  .g5-occupation-wrap p {
    font-size: 18px;
    color: #333333;
    line-height: 32px; }
    .g5-occupation-wrap p strong {
      font-size: 18px;
      color: #000000;
      font-weight: bold; }
  .g5-occupation-wrap h6 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-top: 36px; }
  .g5-occupation-wrap ul li {
    font-size: 18px;
    color: #333333;
    line-height: 32px; }

.g5-occupation-list {
  width: 100%; }

.g5-occupation-list-row {
  width: 100%;
  margin-bottom: 16px; }
  .g5-occupation-list-row:after {
    content: "";
    clear: both;
    display: block; }
  .g5-occupation-list-row span {
    display: inline-block;
    width: 280px;
    height: 40px;
    border-radius: 14px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    float: left;
    margin-right: 37px; }
  .g5-occupation-list-row span:nth-child(2) {
    margin-right: 0; }

.g5-occupation-list-row:nth-child(odd) span {
  background: #00cfaf; }

.g5-occupation-list-row:nth-child(even) span {
  background: #17a9f4; }

.g5-qiye {
  width: 100%;
  box-sizing: border-box;
  background: #2c3840;
  padding: 48px 44px 70px; }
  .g5-qiye h2 {
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
    text-align: center; }
  .g5-qiye table {
    width: 100%;
    background: #00ceaf;
    padding: 4px;
    box-sizing: border-box;
    margin-top: 42px; }
    .g5-qiye table th:nth-child(1), .g5-qiye table td:nth-child(1) {
      width: 146px;
      border-left: none; }
    .g5-qiye table th:nth-child(2), .g5-qiye table td:nth-child(2) {
      width: 140px; }
    .g5-qiye table th:nth-child(3), .g5-qiye table td:nth-child(3) {
      width: 204px; }
    .g5-qiye table th:nth-child(4), .g5-qiye table td:nth-child(4) {
      width: 226px;
      border-right: none; }
    .g5-qiye table thead th {
      height: 60px;
      font-size: 14px;
      color: #ffffff;
      font-weight: bold;
      text-align: center;
      background: #00ceaf;
      border-left: 1px solid #fff;
      border-right: 1px solid #fff; }
    .g5-qiye table tbody {
      background: #fff;
      padding-top: 4px; }
      .g5-qiye table tbody td {
        font-size: 14px;
        color: #333333;
        text-align: center;
        line-height: 32px;
        padding: 0 10px;
        box-sizing: border-box;
        border-left: 1px solid #ececec;
        border-right: 1px solid #ececec; }
      .g5-qiye table tbody tr:nth-child(odd) td {
        background: #f4f4f4; }
      .g5-qiye table tbody tr:nth-child(even) td {
        background: #ffffff; }

.g5-qiye-txt {
  font-size: 14px;
  color: #ffffff;
  line-height: 32px;
  margin-top: 42px; }

.g5-qiye-img {
  display: block;
  margin-top: 34px; }

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