@charset "utf-8";

/* 公共样式 */
:root {
  --APP: 1024*100vw;
  --PCS: 1024*100vw;
  --APP360: 750*360;
  --APP375: 750*375;
  --APP414: 750*414;
  --APP480: 750*480;
  --APP640: 750*640;
  --APP768: 750*768;
  --PCS768: 1920*768;
  --PCS1024: 1920*1024;
  --PCS1280: 1920*1280;
  --PCS1366: 1920*1366;
  --PCS1440: 1920*1440;
  --PCS1600: 1920*1600;
  --PCS1920: 1920*1920;
  --PCS2736: 1920*2736;
  --PCS3840: 1920*3840;
  --kniu_vw: 1024*100vw;
}

.kniu_app_text_center {
  text-align: center;
}

.kniu_app_text_left {
  text-align: left;
}

.kniu_app_left_top {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
  -moz-justify-content: flex-start !important;
  -ms-justify-content: flex-start !important;
  -o-justify-content: flex-start !important;
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
  -moz-align-items: flex-start !important;
  -ms-align-items: flex-start !important;
  -o-align-items: flex-start !important;
}

.kniu_row_group {
  zoom: 1;
}

.kniu_row {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  margin: calc(-30 / var(--kniu_vw)) 0 0 calc(-30 / var(--kniu_vw));
}

.kniu_col {
  margin: calc(30 / var(--kniu_vw)) 0 0 calc(30 / var(--kniu_vw));
  width: 100%;
}

@media (min-width: calc(1024px - 60px)) {
  :root {
    --PCS: 1920*100vw;
    --kniu_vw: 1920*100vw;
  }

  .kniu_pcs_text_center {
    text-align: center;
  }

  .kniu_pcs_text_left {
    text-align: left;
  }

  .kniu_pcs_left_center {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
  }

  .kniu_pcs_col2>.kniu_col {
    width: calc((100% - 30 / var(--kniu_vw)* 2) / 2);
  }

  .kniu_pcs_col3>.kniu_col {
    width: calc((100% - 30 / var(--kniu_vw)* 3) / 3);
  }

  .kniu_pc_flexlc {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
  }
}

/* tab */
.kniu_tab_body_cell {
  display: none;
}

.kniu_card_img_bg_sm {
  position: relative;
}

.kniu_card_img_bg_sm>.kniu_card_head,
.kniu_card_img_bg_sm>.kniu_card_head>.kniu_img {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.kniu_card_img_bg_sm>.kniu_card_head {
  width: 100%;
}

.kniu_card_img_bg_sm>.kniu_card_head>.kniu_img {
  width: auto;
}

.kniu_card_img_bg_sm>.kniu_card_body {
  position: relative;
}

.kniu_preview_group {
  display: none;
}

.kniu_preview_body,
.kniu_preview_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kniu_preview_body {
  z-index: 4;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 100%;
  height: 100%;
}

.kniu_preview_mask {
  z-index: -1;
  background-color: #0009;
  animation: fadein_animated .13s ease-in;
  -webkit-animation: fadein_animated .13s ease-in;
}

@keyframes fadein_animated {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.kniu_preview_close {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 60px;
  color: #fff;
  cursor: pointer;
}

.kniu_preview_close:hover {
  color: #ddd;
}

.kniu_show,
.kniu_block {
  display: block !important;
}

.kniu_hide,
.kniu_none,
[type="hidden"],
[hidden] {
  display: none !important;
}

.kniu_mt_30 {
  margin-top: calc(30 /var(--kniu_vw)) !important;
}

.kniu_mt_60 {
  margin-top: calc(60 /var(--kniu_vw)) !important;
}

.kniu_ml_30 {
  margin-left: calc(30 /var(--kniu_vw)) !important;
}

@media (min-width: 1024px) {
  .kniu_card_img_bg_sm>.kniu_card_head>.kniu_img {
    width: 100%;
  }
}

/* --------------------------------------------------------------------------------------------- */
/* 页面样式 */
.kniu_flex {
  display: flex;
  display: -webkit-flex;
}

.kniu_rightCenter,
.kniu_centerCenter,
.kniu_leftCenter,
.kniu_rightTop,
.kniu_leftTop,
.kniu_rightBottom,
.kniu_leftBottom {
  display: flex;
  display: -webkit-flex;
  height: 100%;
}

.kniu_leftCenter,
.kniu_centerCenter,
.kniu_rightCenter {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_leftCenter,
.kniu_leftTop {
  text-align: left;
}

.kniu_centerCenter {
  text-align: center;
}

.kniu_rightCenter,
.kniu_rightTop,
.kniu_rightBottom {
  text-align: right;
}

.kniu_leftBottom,
.kniu_rightBottom {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
}

.kniu_img {
  width: 100%;
}

.kniu_layoutType2,
.kniu_layoutType3 {
  width: 50%;
}

.kniu_layoutType3 {
  order: 2;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
}

.kniu_layoutType2+.kniu_layoutType2 {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_layoutType3+.kniu_layoutType3 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  order: 1;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
}

.kniu_layoutType2 .kniu_layoutImgGroup,
.kniu_layoutType3 .kniu_layoutImgGroup {
  width: 50vw;
}

.kniu_layoutType2 .kniu_layoutImgGroup {
  position: relative;
  top: 0;
  left: 100%;
  margin-left: -50vw;
}

.kniu_layoutType2 .kniu_textGroup,
.kniu_layoutType3 .kniu_textGroup {
  width: 80%;
}

.kniu_layoutType2 .kniu_btnGroup,
.kniu_layoutType3 .kniu_btnGroup {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.animatedScale:hover {
  animation: ANIMATED_SCALE .3s;
  -webkit-animation: ANIMATED_SCALE .3s;
}

@keyframes ANIMATED_SCALE {
  50% {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.kniu_layout3 {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  text-align: center;
}

.kniu_layoutType4,
.kniu_layoutType5 {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_layoutType4 {
  display: flex;
  display: -webkit-flex;
  width: 50%;
}

.kniu_layoutType4Cont {
  text-align: center;
}

.kniu_layoutType4Img {
  border: 3px solid transparent;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 300px;
  height: 300px;
  transition: border-color .18s ease-in;
  -webkit-transition: border-color .18s ease-in;
  -moz-transition: border-color .18s ease-in;
  -ms-transition: border-color .18s ease-in;
  -o-transition: border-color .18s ease-in;
}

.kniu_layoutType4Title {
  margin-top: 20px;
  transition: color .18s ease-in;
  -webkit-transition: color .18s ease-in;
  -moz-transition: color .18s ease-in;
  -ms-transition: color .18s ease-in;
  -o-transition: color .18s ease-in;
}

.kniu_layoutType4Text2 {
  margin-top: 10px;
}

.kniu_layoutType4Cont:hover .kniu_layoutType4Img {
  border-color: #f00;
}

.kniu_layoutType4Cont:hover .kniu_layoutType4Title {
  color: #f00;
}

.kniu_layoutType5 {
  display: flex;
  display: -webkit-flex;
  width: calc((100% - 10px*2)/3);
}

.kniu_layoutType5+.kniu_layoutType5 {
  margin-left: 10px;
}

.kniu_layoutType5,
.kniu_layoutType5Cont {
  position: relative;
}

.kniu_layoutType5Cont {
  overflow: hidden;
}

.kniu_layoutType5Cont,
.kniu_layoutType5Img,
.kniu_layoutType5Title {
  width: 100%;
}

.kniu_layoutType5Title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 30px 10px 10px;
  background-color: rgba(255, 255, 255, .8);
  transform: translate(0, 100%) translate(0, -50px);
  -webkit-transform: translate(0, 100%) translate(0, -50px);
  -moz-transform: translate(0, 100%) translate(0, -50px);
  -ms-transform: translate(0, 100%) translate(0, -50px);
  -o-transform: translate(0, 100%) translate(0, -50px);
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

.kniu_layoutType5Text1 {
  height: 40px;
}

.kniu_layoutType5Cont:hover .kniu_layoutType5Title {
  transform: translate(0, 100%) translate(0, -100%);
  -webkit-transform: translate(0, 100%) translate(0, -100%);
  -moz-transform: translate(0, 100%) translate(0, -100%);
  -ms-transform: translate(0, 100%) translate(0, -100%);
  -o-transform: translate(0, 100%) translate(0, -100%);
}

.kniu_layoutType6 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  width: calc((100% - 10px*2)/3);
  text-align: center;
  background-color: #eceded;
}

.kniu_layoutType6Img {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 180px;
  height: 180px;
}

.kniu_layoutType6Title {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-grow: 1;
  margin-top: 20px;
  width: 100%;
}

.kniu_layoutType6Title .kniu_btnGroup {
  margin-top: auto;
  padding-top: 30px;
}

.kniu_layoutType6Text2 {
  margin-top: 10px;
  line-height: 30px;
  text-align: left;
}

.kniu_layout {
  position: relative;
  display: flex;
  display: -webkit-flex;
}

.kniu_layout+.kniu_layout {
  margin-top: 10px;
}

.kniu_layoutType6+.kniu_layoutType6 {
  margin-left: 10px;
}

.kniu_layoutType1 {
  width: 300px;
}

.kniu_layoutType1+.kniu_layoutType1 {
  margin-left: 10px;
  width: calc(100% - 300px - 10px);
}

@media(max-width:1024px) {
  .kniu_layout {
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
  }

  .kniu_rightBottom,
  .kniu_rightCenter,
  .kniu_rightTop {
    text-align: left;
  }

  .kniu_layoutType1,
  .kniu_layoutType1+.kniu_layoutType1,
  .kniu_layoutType2,
  .kniu_layoutType3,
  .kniu_layoutType2 .kniu_textGroup,
  .kniu_layoutType3 .kniu_textGroup,
  .kniu_layoutType3 .kniu_layoutImgGroup,
  .kniu_layoutType4,
  .kniu_layoutType4+.kniu_layoutType4,
  .kniu_layoutType5,
  .kniu_layoutType5+.kniu_layoutType5,
  .kniu_layoutType6,
  .kniu_layoutType6+.kniu_layoutType6 {
    margin-left: 0;
    width: 100%;
  }

  .kniu_layoutType6 {
    padding: 15px;
  }

  .kniu_layout+.kniu_layout,
  .kniu_layoutType1+.kniu_layoutType1,
  .kniu_layoutType2+.kniu_layoutType2,
  .kniu_layoutType3+.kniu_layoutType3,
  .kniu_layoutType4+.kniu_layoutType4,
  .kniu_layoutType5+.kniu_layoutType5,
  .kniu_layoutType6+.kniu_layoutType6 {
    margin-top: 4%;
  }

  .kniu_layoutType3 {
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
  }

  .kniu_layoutType3+.kniu_layoutType3 {
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
  }

  .kniu_layoutType2 .kniu_layoutImgGroup {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}

/* --新样式 END-- */
.LH20 {
  line-height: 20px;
  text-align: justify;
}

.LH26 {
  line-height: 26px;
  text-align: justify;
}

.LH30 {
  line-height: 30px;
  text-align: justify;
}

.FS15 {
  font-size: 15px;
}

.FS15+.FS15 {
  margin-top: 10px;
}

.FS16 {
  font-size: 16px;
  font-weight: 400;
}

.FS18 {
  margin-bottom: 20px;
  font-size: 18px;
}

.FS20 {
  margin-bottom: 20px;
  font-size: 20px;
}

.FS24 {
  margin-bottom: 20px;
  font-size: 24px;
}

.FS30 {
  margin-bottom: 20px;
  font-size: 30px;
}

.FS36 {
  margin-bottom: 20px;
  font-size: 36px;
}

.kniu_pt20 {
  padding-top: 20px !important;
}

.kniu_pb20 {
  padding-bottom: 20px;
}

.kniu_pt30 {
  padding-top: 30px !important;
}

.kniu_pb30 {
  padding-bottom: 30px;
}

.commonContPage {
  padding-top: 20px;
  padding-bottom: 20px;
}

.commonContWhere {
  font-size: 14px;
  line-height: 1;
}

.commonContHere .kniu_breadList {
  color: #4b4b4d;
}

.commonContTitle {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 700;
}

.commonMainList {
  padding-top: 60px;
  padding-bottom: 60px;
}

.commonMainTextCenter,
.commonMainTextCenter .FS24,
.commonMainTextCenter .FS36,
.commonMainTextCenter .LH30 {
  text-align: center;
}

.commonMainTextCenter .LH30+.LH30 {
  margin-top: 20px;
}

.commonGroup1,
.commonGroup2,
.commonGroup3,
.commonGroup4,
.commonGroup5,
.commonGroup6,
.commonGroup7,
.commonGroup8,
.commonGroup9,
.commonGroup10,
.commonGroup11,
.commonGroup12,
.commonGroup13 {
  display: -webkit-flex;
  display: flex;
}

.commonGroup1,
.commonGroup2,
.commonGroup3,
.commonGroup4,
.commonGroup7,
.commonGroup8,
.commonGroup9,
.commonGroup10,
.commonGroup13 {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.commonGroup2 {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.commonGroup4 {
  max-height: 278px;
}

.commonGroup6 {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
}

.commonGroup5,
.commonGroup12 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.commonList1_2,
.commonList2_1 {
  width: calc(100% - 370px - 30px);
}

.commonList3_2,
.commonList7_1 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  width: calc(100% - 270px - 30px);
}

.commonList1_1,
.commonList2_2 {
  width: 370px;
}

.commonList3_1,
.commonList7_2 {
  width: 270px;
}

.commonList1_2,
.commonList2_2,
.commonList3_2,
.commonList4+.commonList5,
.commonList5+.commonList5,
.commonList6+.commonList6,
.commonList7_2 {
  margin-left: 30px;
}

.commonList4,
.commonList5,
.commonList12 {
  position: relative;
  display: block;
  overflow: hidden;
}

.commonList4 {
  width: calc((100% - 30px)/2);
}

.commonList5 {
  width: calc((100% - 30px*3)/4);
}

.commonList4:hover,
.commonList5:hover {
  color: #4b4b4d;
}

.commonList6 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  width: calc((100% - 30px*2)/3);
  min-height: 420px;
  background-color: #eceded;
}

.commonList6 .kniu_cardImgGroup {
  height: auto;
}

.commonList8_2 {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
}

.commonList12 {
  width: calc((100% - 30px*2)/3);
  background-color: #eceded;
}

.commonList12+.commonList12 {
  margin-left: 30px;
}

.commonListBody8,
.commonListBody9 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  height: 100%;
}

.commonListBody8 {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.commonListBody9 {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
}

.commonLinkImg8,
.commonLinkImg9,
.commonItem10_1,
.commonItem10_2,
.commonList11_1,
.commonList11_2 {
  width: 50%;
}

.commonItem10_1,
.commonItem10_2 {
  color: #fff;
}

.commonItem10_2 {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  height: 100%;
}

.commonList9_1 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.commonLinkImg6 {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  object-fit: cover;
  width: 178px;
  height: 178px;
  background-color: #fff;
}

.commonTextGroup1,
.commonTextGroup10 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
}

.commonGroup5,
.commonLinkBody6,
.commonTextGroup+.commonTextGroup {
  margin-top: 30px;
}

.commonTextGroup2+.commonTextGroup2 {
  margin-top: 5px;
}

.commonLink2 {
  position: relative;
  display: block;
  background-color: #eceded;
}

.commonLinkHead {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 0 15px;
  height: 40px;
  background-color: #8797b4;
  color: #fff;
}

.commonLinkBody {
  overflow: hidden;
}

.commonLinkBody img {
  object-fit: cover;
  width: 100%;
  max-height: 260px;
}

.commonLink2:hover .commonLinkIcon {
  animation: commonLinkIcon_animated .6s linear;
  -webkit-animation: commonLinkIcon_animated .6s linear;
}

@keyframes commonLinkIcon_animated {
  50% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.commonLinkImg {
  width: 100%;
}

.commonLinkTitle1 {
  margin-top: 10px;
  font-size: 15px;
}

.commonLinkTitle2 {
  padding: 10px;
  background-color: #eceded;
}

.commonLinkTitle3 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}

.commonLinkCover2 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.commonLinkCover4,
.commonLinkCover5,
.commonLinkCover12 {
  top: auto;
  bottom: 0;
  padding: 0 30px 0 15px;
  height: auto;
  text-align: left;
  background-color: #fff;
  opacity: .8;
  transform: translate(0, 100%) translate(0, -60px);
  -webkit-transform: translate(0, 100%) translate(0, -60px);
  -moz-transform: translate(0, 100%) translate(0, -60px);
  -ms-transform: translate(0, 100%) translate(0, -60px);
  -o-transform: translate(0, 100%) translate(0, -60px);
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

.commonList4:hover .commonLinkCover4,
.commonList5:hover .commonLinkCover5,
.commonList12:hover .commonLinkCover12 {
  transform: translate(0, 100%) translate(0, -100%);
  -webkit-transform: translate(0, 100%) translate(0, -100%);
  -moz-transform: translate(0, 100%) translate(0, -100%);
  -ms-transform: translate(0, 100%) translate(0, -100%);
  -o-transform: translate(0, 100%) translate(0, -100%);
}

.commonLinkCover4~.KN_ICON1,
.commonLinkCover4~.KN_ICON2,
.commonLinkCover5~.KN_ICON1,
.commonLinkCover5~.KN_ICON2,
.commonLinkCover12~.KN_ICON1,
.commonLinkCover12~.KN_ICON2 {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  animation: OPACITYIN_ANIMATED .8s ease-in;
  -webkit-animation: OPACITYIN_ANIMATED .8s ease-in;
}

.commonLinkText4,
.commonLinkText5 {
  margin: 10px 0;
  min-height: 40px;
  max-height: 40px;
  font-size: 15px;
}

.commonLinkText4+.commonLinkText4,
.commonLinkText5+.commonLinkText5 {
  margin: 0;
  margin-bottom: 15px;
  min-height: auto;
  max-height: none;
}

.commonDownGroup {
  padding: 20px;
  background-color: #4b4b4d;
  color: #fff;
}

.commonDownLink {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-bottom: 1px solid #eceded;
  padding-left: 25px;
  padding-bottom: 10px;
  font-size: 15px;
  background-image: url(../img/img42.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: auto auto;
}

.commonDownLink+.commonDownLink {
  margin-top: 10px;
}

.commonBtnGroup1 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.commonBtnGroup2 {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
}

.commonTextGroup8,
.commonTextGroup9 {
  width: 43%;
}

.commonVideoGroup .kniu_container,
.imgBanner .kniu_container {
  padding: 90px 0;
  height: 100%;
}

.commonVideoGroup img.kniu_cardImg {
  display: none;
}

.commonCover10_1,
.commonCover10_2 {
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  padding: 90px 0;
}

.commonCover10_2 {
  text-align: right;
}

.commonCover10_3 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.commonList12_1 {
  width: 770px;
}

.commonList12_2 {
  width: calc(100% - 770px - 30px);
}

.commonText10 {
  display: -webkit-flex;
  display: flex;
  font-size: 20px;
  font-style: italic;
  line-height: 30px;
  text-align: center;
}

.commonLastIcon {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  padding-bottom: 5px;
}

.commonList13_1 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  width: 31%;
}

.commonList13_2 {
  width: 60%;
}

.ITALIC {
  font-style: italic;
}

.searchList1 .kniu_formMixed,
.searchList1 .kniu_formMixed>.kniu_formInput {
  width: 100%;
}

.searchList1 .kniu_formMixed>.kniu_formInput,
.searchList1 .kniu_formMixed>.kniu_formInput+.kniu_btn,
.searchList2 .kniu_formInput {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  height: 44px;
}

.searchList1 .kniu_formMixed>.kniu_formInput,
.searchList2 .kniu_formInput {
  font-size: 14px;
  background-color: #c6c7c8;
}

.searchList1 .kniu_formMixed>.kniu_formInput {
  width: calc(100% - 44px);
}

.searchList1 .kniu_formMixed>.kniu_formInput+.kniu_btn {
  padding: 0;
  width: 44px;
}

.searchList1 .kniu_formMixed>.kniu_formInput+.kniu_btn>img {
  width: 20px;
}

.searchList2 .kniu_dateIcon {
  width: 100%;
  background-image: url(../img/img45.png);
  background-position: right center;
  background-size: 44px 100%;
}

.searchList2,
.searchList3,
.searchList3>.panelGroup+.panelGroup,
.searchList4 {
  margin-top: 30px;
}

.searchList3>.panelGroup {
  margin-top: 0;
}

.clearSearch {
  font-size: 15px;
  font-weight: 700;
  background-color: transparent;
  color: #e2001a;
  cursor: pointer;
}

body {
  color: #4b4b4d;
  animation: OPACITYIN_ANIMATED .6s ease-in;
  -webkit-animation: OPACITYIN_ANIMATED .6s ease-in;
}

.KN_WEBHEAD {
  z-index: 4;
  border-bottom: 2px solid #e2001a;
  height: 44px;
  font-size: 14px;
  font-weight: 700;
  background-color: #4b4b4d;
}

.KN_WEBBODY {
  height: calc(100% - 44px);
}

.KN_FOOTER {
  height: 48px;
  font-size: 14px;
  background-color: #4b4b4d;
}

.KN_CONTENT {
  height: calc(100% - 48px);
}

.KN_PCHD>.KN_MENU,
.KN_PCHD>.KN_MENU>.KN_MENULIST>.KN_MENUTITLE {
  height: 100%;
}

.KN_PCHD>.KN_MENU>.KN_MENULIST {
  padding-top: 3px;
}

.KN_PCHD>.KN_MENU>.KN_MENULIST>.KN_MENUTITLE {
  padding: 0 10px;
  background-color: transparent;
  color: #fff;
}

.KN_PCHD>.KN_MENU>.KN_MENULIST.ACTIVE>.KN_MENUTITLE {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 3px;
  background-color: #fff;
  color: #e2001a !important;
}

.KN_PCHDOUTLIST {
  color: #fff;
}

a:hover {
  color: #8797b4;
}

.langsIcon {
  margin-left: 5px;
}

.vipIcon {
  margin-right: 5px;
}

.KN_PCHDOUTLIST1 {
  padding: 0 10px;
}

.KN_PCHDOUTLIST2,
.KN_PCHDOUTLIST3,
.KN_PCHDOUTLIST4,
.KN_PCHDOUTLIST5,
.KN_PCHDOUTLIST6 {
  padding: 0 20px;
}

.KN_PCHDOUTLIST.ACTIVE {
  background-color: #e2001a;
  color: #fff;
}

.KN_FOOTER>.kniu_container {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: row;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
}

.footLink .kniu_bread {
  line-height: 1;
}

.footLink .kniu_breadLine,
.footLink .kniu_breadList {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  white-space: nowrap;
  color: #fff;
}

.footLink .kniu_breadList:hover {
  color: #e2001a;
}

.footLink {
  display: flex;
  display: -webkit-flex;
}

.footShare {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-left: 40px;
}

.shareWx,
.shareWb {
  position: relative;
  margin-right: 20px;
}

.shareWx,
.shareWb,
.shareTxvideo {
  height: 16px;
}

.shareTxvideo {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.shareImg {
  max-width: none;
  width: auto;
  height: 100%;
}

.wechat {
  position: absolute;
  bottom: 32px;
  left: -88px;
  display: none;
  max-width: none;
  width: 200px;
  height: 200px;
}

.shareWx:hover,
.shareWb:hover,
.shareTxvideo:hover {
  opacity: .8;
}

.shareWx:hover .wechat {
  display: block;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
  z-index: 1 !important;
}

.menu {
  z-index: 3;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100px;
  font-weight: 700;
  background-color: #fff;
  color: #4b4b4d;
}

.menuUp {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.menuUpCont {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
}

.menuNav {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.menuLogoLink {
  display: block;
}

.menuLink {
  margin-left: 40px;
}

.menuTitle {
  cursor: pointer;
}

.menuLink:hover .menuTitle,
.menuLink.active .menuTitle,
.menuLink.ava .menuTitle {
  color: #e2001a;
}

.menuLink.active .menuDrop {
  display: -webkit-flex;
  display: flex;
}

.menuOther {
  display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.menuDownload,
.menuSearch,
.menuContact,
.menuMsg {
  display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 42px;
  height: 42px;
  background-color: #eceded;
}

.menuDownload {
  margin-right: 10px;
}

.menuSearch {
  position: relative;
}

.menuSearchIcon,
.menuSearchClose {
  z-index: 1;
  position: relative;
}

.menuSearchClose,
.searchActive .menuSearchIcon {
  display: none;
}

.searchActive .menuSearch {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.menuSearch::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 95%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #eceded;
  transition: height .3s;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
}

.searchActive .menuSearch::before {
  height: 21px;
}

.searchActive .menuSearchClose {
  display: block;
  font-size: 26px;
  font-weight: 700;
}

.menuDrop,
.searchDrop,
.contactDrop,
.msgDrop {
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
}

.menuDrop {
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  background-color: #fff;
}

.searchDrop,
.contactDrop,
.msgDrop {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 30px 0;
  background-color: #eceded;
}

.menu.KN_FIXED {
  top: 0;
  left: 0;
  width: 100%;
}

.menuDropCont {
  padding-top: 20px;
  padding-bottom: 60px;
  height: 100%;
  min-height: 165px;
  animation: OPACITYIN_ANIMATED .6s ease-in;
  -webkit-animation: OPACITYIN_ANIMATED .6s ease-in;
}

/* .menuDropList {
    height: 100%;
    min-height: 165px;
} */

.menuDropLink {
  display: -webkit-flex;
  display: flex;
  float: left;
  min-width: 170px;
}

a.menuDropImgLink:hover,
.menuNoimgLink:hover {
  color: #e2001a;
}

.menuDropLink+.menuDropLink {
  float: right;
}

.menuDropItem {
  width: 180px;
}

.menuDropImgLink.menuDropItem {
  width: auto;
}

.menuDropItem+.menuDropItem {
  margin-top: 0 !important;
  margin-left: 30px;
}

.menuDropLink .kniu_cardBody {
  padding: 12px 10px;
  width: 100%;
  min-width: 170px;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #eceded;
}

.menuDropLink .kniu_cardImg {
  width: 100%;
  max-height: 120px;
}

.menuDropItem>.kniu_cardImgGroup>.kniu_cardImg {
  max-height: none;
}

.menuDropLink .kniu_cardImgGroup+.kniu_cardBody {
  max-width: 270px;
}

.menuDropLink:hover .kniu_cardImgGroup+.kniu_cardBody {
  background-color: #eceded;
}

.kniu_cardImg {
  transition: transform .6s;
  -webkit-transition: transform .6s;
  -moz-transition: transform .6s;
  -ms-transition: transform .6s;
  -o-transition: transform .6s;
}

.menuDropImgLink:hover .kniu_cardImg {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.menuNoimg {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  -o-align-content: flex-start;
  border-top: 1px solid #a6a8aa;
  min-width: 180px;
  background-color: #fff;
}

.menuNoimgLink {
  display: block;
  padding: 10px;
  width: 100%;
  max-width: 180px;
  font-size: 15px;
  font-weight: 400;
  transition: background-color .3s, color .3s;
  -webkit-transition: background-color .3s, color .3s;
  -moz-transition: background-color .3s, color .3s;
  -ms-transition: background-color .3s, color .3s;
  -o-transition: background-color .3s, color .3s;
}

.menuNoimgLink:hover {
  background-color: #eceded;
}

.menuClose {
  border-top: 1px solid #eceded;
  padding: 22px 0;
}

.menuCloseCont {
  text-align: right;
}

.menuCloseBtn {
  color: #8797b4;
}

.menuCloseIcon {
  margin-right: 10px;
}

.menuCover {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
}

.searchActive .searchDrop {
  display: flex;
}

.KN_TABMAINLIST3 .menuDropLink:last-child {
  float: right;
  margin-left: 0;
}

.searchDrop .kniu_formMixed,
.searchDrop .kniu_formInput {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  width: 100%;
}

.searchDrop .kniu_formInput {
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  background-color: #c6c7c8;
  color: #4b4b4d;
}

.searchDrop .kniu_formMixed>.kniu_formInput+.kniu_btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  height: 100%;
  background-color: #e2001a;
  background-image: url(../img/img11.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
}

.sideNav {
  z-index: 3;
  position: fixed;
  top: 15%;
  right: 0;
}

.sideContact,
.sideEmail {
  position: absolute;
  right: 0;
  display: flex;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: transform .3s ease-out;
  -webkit-transition: transform .3s ease-out;
  -moz-transition: transform .3s ease-out;
  -ms-transition: transform .3s ease-out;
  -o-transition: transform .3s ease-out;
}

.sideContact {
  z-index: 1;
  top: 0;
}

.sideEmail {
  z-index: 0;
  top: 47px;
}

.sideContact.active,
.sideEmail.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.sideIcon,
.sideCont {
  border-bottom-left-radius: 5px;
  background-color: #4b4b4d;
  color: #fff;
}

.sideIcon {
  position: absolute;
  top: 0;
  right: 100%;
  display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-top-left-radius: 5px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}

.sideIcon:hover {
  background-color: #8797b4;
}

.sideContact.active>.sideIcon:hover,
.sideEmail.active>.sideIcon:hover {
  background-color: #4b4b4d;
}

.sideCont {
  padding: 15px;
  font-size: 15px;
}

.sideContact>.sideCont {
  width: 350px;
}

.sideEmail>.sideCont {
  width: 680px;
}

.sideText1 {
  font-weight: 700;
}

.sideText2 {
  margin-top: 15px;
}

.sideText3,
.sideText4,
.sideForm {
  margin-top: 5px;
}

.sideToEmail {
  color: #8797b4;
}

.sideClose {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 22px;
  font-weight: 700;
}

.sideClose:hover {
  color: #e2001a;
  cursor: pointer;
}

.sideForm>.kniu_formControl {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.sideForm>.kniu_formControl+.kniu_formControl {
  margin-top: 10px;
}

.sideForm .kniu_formLabel,
.sideForm .kniu_formInput {
  width: 100%;
}

.sideForm .kniu_formInput {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 0 10px;
  height: 44px;
  font-size: 14px;
  background-color: #eceded;
}

.sideForm .kniu_selectIcon {
  padding-right: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAABF0lEQVRYhe3Yv0qCYRiG8ev1E400KMQIoXNwaqmptSXTJRAc+oM0NTQJ7kVH4NJatDgW0VSzS4cgtMSXUBFF8FmrEQ3CcxPS8zuAm2t4eIc39Cl9MkFSfx0wLg9W82A1D1bzYDUPVvNgNQ9W+9/Bc50jQjZjOfmDaXB+t878TZdosWQ5+435SWSWyiz0LplaXbaeBkQ3nCoWKF6dMnPQhBBst03XRkURs8dtCucdQj5nNps2W/rFdG2NkI6IK1sme/Jn7a17waCxb7anC04SnlqHxNUdhs8vZrOSkxjGAx4393i/vjXfNg/+6N0Rb2yT9O+tpwHjk3g9OeNhZV0WCxD8b03Mg9U8WM2D1TxYzYPVPFjNg9W+ADAlMxq4E3AxAAAAAElFTkSuQmCC);
  background-position: right center;
  background-size: auto 100%;
}

.sideForm .kniu_changing {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAABHklEQVRYhe2XsUoDQRRF74iowS5ICj8ijb19ypUgsYshIcQulTa2NuIPKHaWCjZ2YmNsUuUbEpJCdzcJiGwWJmO9ISJh3yUsvFPOPOYehjczjOlj3yFDbKxbYFVUmI0Ks1FhNirMRoXZqDAbFWajwmwyJ7wpsUj+/ga7tcq/dd+3Dxg3z1NlGYk/ndnZRqHzjK2D4p81cbeHz0MPbhanyhJpCRfN4B/VMffDpfPzrwB+uZFaFhDsYdsfIjg5A6xdmLAIKi3YwUgkR/TQRa/vmF5eJ8YmF1eI3j7EMkR6OLmiwd7THXJeCT+PLwiOm4CTixC5JRI4h7DaRt4YhKdtUVmAscNkMvdwqDAbFWajwmxUmI0Ks1FhNirMRoXZ/AJlEEtgmSsaWAAAAABJRU5ErkJggg==);
}

.sideForm textarea.kniu_formInput {
  padding: 10px;
  min-height: 75px;
}

.KN_CLIST3 {
  position: relative;
}

.KN_GOTOP {
  z-index: 0;
  position: absolute;
  right: 10px;
  bottom: calc(100% + 65px);
  border-width: 2px;
  border-color: #4b4b4d;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 45px;
  height: 45px;
  background-color: #4b4b4d;
}

.KN_GOTOP.ACTIVE,
.KN_GOTOP:hover {
  border-color: #4b4b4d;
  background-color: #eceded;
}

.KN_GOTOP.KN_FIXED {
  bottom: 10px;
}

.menuVideo {
  border-top: 3px solid #e2001a;
  padding: 35px 0;
  background-color: #4b4b4d;
  color: #fff;
}

.menuVideoCont {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.menuVideoContList1,
.menuVideoContList2,
.menuVideoContList3 {
  width: calc(100%/3);
}

.menuVideoContList3 {
  padding-left: 4%;
}

.menuVideo .menuVideoContText2 {
  width: 84%;
  line-height: 24px;
}

.menuVideoContText1 {
  font-size: 16px;
}

.menuVideoContText2,
.menuVideoContText1+.menuVideoContText3,
.menuVideoContText1+.menuVideoContText4 {
  margin-top: 25px;
}

.menuVideoContText2,
.menuVideoContText1+.menuVideoContText3 {
  margin-top: 15px;
}

.menuVideoContMore,
.menuVideoContText4 {
  font-size: 14px;
}

.menuVideoContMore,
.menuVideoContText4>a {
  color: #fff;
}

.menuVideoContText4>a:hover,
.footLink .kniu_breadList:hover {
  color: #8797b4;
}

.menuVideoContLink {
  max-width: 370px;
  max-height: 210px;
}

.menuVideoPlay {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.menuVideoPlay>img {
  margin-right: 0;
}

.menuVideoContText3 {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  font-size: 13px;
  color: #e5e5e5;
}

.menuVideoContText3+.menuVideoContText3 {
  margin-top: 5px;
}

.menuVideoContText4+.menuVideoContText4 {
  margin-top: 15px;
}

.menuVideoContIcon {
  margin-right: 10px;
}

.menuBottom {
  padding: 40px 0;
  background-color: #58585a;
  color: #fff;
}

.sideForm .kniu_btnGroup {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  margin-top: 10px;
}

.sideFormRequired {
  margin-top: 6px;
  color: #eb4c5e;
}

.mod_video>.KN_MODDIALOG,
.pro_video>.KN_MODDIALOG {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  /* width: 800px; */
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.mod_video .KN_MODHEAD,
.pro_video .KN_MODHEAD {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  height: 0;
}

.mod_video .KN_MODBODY,
.pro_video .KN_MODBODY {
  max-height: 100%;
  height: 100%;
}

.mod_video .KN_MODCLOSE,
.pro_video .KN_MODCLOSE {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 60px;
}

.mod_video .KN_MODCLOSE:hover,
.pro_video .KN_MODCLOSE:hover {
  color: #8797b4;
}

.mod_video .KN_MEDIAVIDEOGROUP,
.pro_video .KN_MEDIAVIDEOGROUP {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  min-height: 480px;
  height: 100%;
  background-color: #fff;
}

.mod_videoWrap,
.mod_videoWrap video {
  position: relative;
}

.mod_videoWrap video {
  z-index: 1;
  position: relative;
}

.KN_CLIST2 {
  min-height: 768px;
}

.kniu_swiperContainer1 {
  /* height: 540px; */
  height: auto;
  background-color: #eceded;
}

.kniu_swiperSlide1 {
  cursor: pointer;
}

.kniu_swiperSlide1>img {
  width: 100%;
  min-height: calc(600 / var(--kniu_vw));
  object-fit: cover;
}

.slideCont {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

.slideDetail {
  position: relative;
}

.slideNote1,
.slideNote2 {
  position: absolute;
  bottom: 90px;
}

.slideNote1 {
  right: 0;
  text-align: right;
}

.slideNote2 {
  right: auto;
  left: 0;
  text-align: left;
}

.slideNote3 {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  padding: 5% 0;
  height: 100%;
  text-align: right;
}

.slide_text_group1 {
  display: flex;
  display: -webkit-flex;
  height: 100%;
}

.slide_text_wraper1 {
  display: inline-block;
}

.slide_text_left_bottom1 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
}

.slide_text_right_bottom1 {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
}

.slideText1,
.slideText2 {
  font-weight: 700;
  font-size: 36px;
}

.slideText1 {
  color: #e2001a;
}

.slideText1>span,
.slideText2>span {
  display: inline-flex;
  padding: 0 10px;
  background-color: #fff;
}

.slideText3 {
  margin-top: 20px;
}

.kniu_btn {
  height: 40px;
  background-color: #e2001a;
}

.kniu_btn:hover {
  animation: btn_animated .3s linear;
  -webkit-animation: btn_animated .3s linear;
}

@keyframes btn_animated {
  50% {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.kniu_btnText {
  font-size: 14px;
}

.kniu_group2,
.kniu_group3,
.kniu_group4,
.kniu_group6,
.kniu_group1 {
  position: relative;
}

.kniu_group1,
.kniu_group2,
.kniu_group3,
.kniu_group4,
.kniu_group5,
.kniu_group7,
.kniu_group9 {
  /* padding: 55px 0 85px; */
  padding: 60px 0;
}

.kniu_group10 {
  padding: 60px 0;
}

.kniu_group11 {
  margin-top: 30px;
}

.kniu_group2,
.textEN,
.textCN {
  text-align: left;
}

.kniu_group1 {
  background-color: #eceded;
}

.textCN {
  font-size: 36px;
  font-weight: 700;
}

.kniu_group2 .linkGroup {
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  /* margin-top: 75px; */
}

.kniu_group2 .link:hover .text1 {
  color: #e2001a;
}

.kniu_group2 .link:hover .text2 {
  color: #4b4b4d;
}

.kniu_group2 .link>.kniu_cardImgGroup {
  border: 5px solid transparent;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  margin: 10px;
  width: 131px;
  height: 131px;
  transition: border-color .3s ease-in;
  -webkit-transition: border-color .3s ease-in;
  -moz-transition: border-color .3s ease-in;
  -ms-transition: border-color .3s ease-in;
  -o-transition: border-color .3s ease-in;
}

.kniu_group2 .link .kniu_cardImg {
  max-width: none;
  height: 100%;
}

.kniu_group2 .text1 {
  margin-top: 30px;
  font-size: 28px;
  font-weight: 700;
}

.kniu_group2 .text2 {
  margin-top: 18px;
}

.kniu_group2 .link:hover .kniu_cardImgGroup {
  border-color: #e2001a;
  /* box-shadow: 0 2px 10px 0 rgba(226, 0, 26, .6);
    -webkit-box-shadow: 0 2px 10px 0 rgba(226, 0, 26, .6);
    -moz-box-shadow: 0 2px 10px 0 rgba(226, 0, 26, .6);
    -ms-box-shadow: 0 2px 10px 0 rgba(226, 0, 26, .6);
    -o-box-shadow: 0 2px 10px 0 rgba(226, 0, 26, .6); */
}

.kniu_group3 .commonGroup4 {
  margin-top: 60px;
  max-height: 278px;
}

.kniu_group3 .commonList4,
.kniu_group3 .commonList5 {
  background-color: #eceded;
}

.kniu_swiperContainer2 {
  margin-top: 50px;
}

.kniu_group4 .slideCont {
  position: relative;
}

.kniu_group4 .slideImgBox {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  max-width: 270px;
  min-width: 270px;
}

.kniu_group4 .slideTextBox {
  margin-left: 30px;
  width: calc(100% - 270px - 30px);
  text-align: left;
}

.kniu_group4 .text1 {
  font-size: 20px;
}

.kniu_group4 .text2 {
  margin-top: 20px;
  font-size: 14px;
  line-height: 28px;
}

.kniu_group4 .kniu_btn {
  margin-top: 30px;
  margin-bottom: 5px;
}

.kniu_group4 .slideImg {
  width: 100%;
}

.kniu_swiperPagination2.swiper-pagination-bullets {
  z-index: 0 !important;
  bottom: 40px;
  width: inherit;
}

.kniu_swiperPagination2>.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #4b4b4d;
  opacity: 1;
}

.kniu_swiperPagination2>.swiper-pagination-bullet-active {
  background-color: #e2001a !important;
}

.kniu_swiperPagination2>.swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 10px !important;
}

.kniu_group6 {
  height: 580px;
}

.kniu_group6 .kniu_card,
.kniu_group6 .kniu_cardImg {
  width: 100%;
  height: 100%;
}

.kniu_group6 .kniu_cardCover {
  display: flex;
}

.kniu_group6 .kniu_container {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  padding: 55px 0 35px;
}

.kniu_group6 .textEN,
.kniu_group6 .textCN {
  color: #fff;
}

.kniu_group6 .linkGroup {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/img34.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  color: #fff;
}

.kniu_group6 .linkGroup .link1,
.kniu_group6 .linkGroup .link2,
.kniu_group6 .linkGroup .link3,
.kniu_group6 .linkGroup .link4 {
  position: absolute;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
}

.kniu_group6 .link1 {
  top: 104px;
  left: 132px;
  width: 278px;
  height: 278px;
}

.kniu_group6 .link2 {
  top: 62px;
  left: 490px;
  width: 220px;
  height: 220px;
}

.kniu_group6 .link3 {
  top: 128px;
  right: 134px;
  width: 250px;
  height: 250px;
}

.kniu_group6 .link1>.textLg {
  margin-top: -20px;
  font-size: 180px;
  line-height: 1;
}

.kniu_group6 .link2>.textLg {
  font-size: 115px;
  line-height: 1;
}

.kniu_group6 .link3>.textLg {
  font-size: 122px;
  line-height: 1;
}

.kniu_group6 .textNormal {
  font-size: 26px;
}

.standfor .textNormal {
  font-size: 48px;
}

.kniu_group1 .link {
  width: calc((100% - 30px*3)/4);
  background-color: #fff;
}

.kniu_group1 .link+.link {
  margin-left: 30px;
}

.kniu_group1 .linkGroup {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  margin-top: 60px;
}

.kniu_group1 .kniu_cardImg {
  width: 100%;
}

.kniu_group1 .link:hover .kniu_cardImg {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.kniu_group1 .kniu_cardBody {
  padding: 15px;
  text-align: left;
}

.kniu_group1 .text1 {
  font-size: 14px;
}

.kniu_group1 .text2 {
  margin-top: 15px;
  font-size: 15px;
}

.contGroup {
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.contItem1 {
  width: calc(100% - 370px - 30px);
}

.contItem2 {
  margin-left: 30px;
  max-width: 370px;
  min-width: 370px;
}

.contMainVideo {
  margin-top: 30px;
}

.contMainVideo .kniu_cardImg {
  width: 100%;
}

.contMainVideo .kniu_cardCover {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.contMainVideo .KN_ICON1,
.menuVideoPlay .KN_ICON1,
.commonLinkCover2 .KN_ICON1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  animation: videoIcon1_animated .3s ease-in;
  -webkit-animation: videoIcon1_animated .3s ease-in;
}

@keyframes videoIcon1_animated {
  0% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.contMainVideo .KN_ICONGROUP:hover .KN_ICON2,
.menuVideoPlay:hover .KN_ICON2,
.commonLinkCover2:hover .KN_ICON2 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  animation: videoIcon2_animated .3s ease-in;
  -webkit-animation: videoIcon2_animated .3s ease-in;
}

@keyframes videoIcon2_animated {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}

.contMainVideo .KN_ICON1,
.contMainVideo .KN_ICON2,
.commonLinkCover2 .KN_ICON1,
.commonLinkCover2 .KN_ICON2 {
  margin-right: 0;
}

.contMainVideoNote,
.slide2Text {
  margin-top: 10px;
}

.slide2Text {
  width: 100%;
  font-size: 13px;
}

.kniu_swiperButtonNext3,
.kniu_swiperButtonPrev3,
.kniu_swiperButtonNext4,
.kniu_swiperButtonPrev4 {
  top: 40%;
  margin: 0;
  width: 15px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  opacity: .6;
  transition: opacity .3s;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
}

.kniu_swiperButtonNext3,
.kniu_swiperButtonNext4 {
  background-image: url(../img/img23.png);
}

.kniu_swiperButtonPrev3,
.kniu_swiperButtonPrev4 {
  background-image: url(../img/img24.png);
}

.kniu_swiperButtonNext3::after,
.kniu_swiperButtonPrev3::after,
.kniu_swiperButtonNext4::after,
.kniu_swiperButtonPrev4::after {
  content: none;
}

.kniu_swiperButtonNext3:hover,
.kniu_swiperButtonPrev3:hover,
.kniu_swiperButtonNext4:hover,
.kniu_swiperButtonPrev4:hover {
  opacity: 1;
}

.kniu_swiperPagination1.swiper-pagination-bullets {
  z-index: 1 !important;
  bottom: 20px;
}

.kniu_swiperPagination3.swiper-pagination-bullets,
.kniu_swiperPagination4.swiper-pagination-bullets {
  bottom: 20%;
}

.kniu_swiperPagination1>.swiper-pagination-bullet,
.kniu_swiperPagination3>.swiper-pagination-bullet,
.kniu_swiperPagination4>.swiper-pagination-bullet {
  border: 1px solid #fff;
  background-color: #4b4b4d;
  opacity: 1;
}

.kniu_swiperPagination1>.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}

.kniu_swiperPagination3>.swiper-pagination-bullet,
.kniu_swiperPagination4>.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}

.kniu_swiperPagination1>.swiper-pagination-bullet+.swiper-pagination-bullet,
.kniu_swiperPagination3>.swiper-pagination-bullet+.swiper-pagination-bullet,
.kniu_swiperPagination4>.swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 10px !important;
}

.kniu_swiperPagination1>.swiper-pagination-bullet-active,
.kniu_swiperPagination3>.swiper-pagination-bullet-active,
.kniu_swiperPagination4>.swiper-pagination-bullet-active {
  background-color: #e2001a !important;
}

.timelineYear {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #4b4b4d;
}

.timelineNote {
  display: flex;
}

.timelineImgBox {
  margin-right: 20px;
  width: 70px;
}

.timelineCont {
  color: #4b4b4d;
}

.timelineText1 {
  font-size: 13px;
  font-weight: 700;
  color: #a6a8aa;
}

.timelineText2 {
  display: flex;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 700;
}

.timelineText3 {
  display: none;
  margin-top: 10px;
  font-size: 15px;
}

.mod_timeLine .timelineText2 {
  pointer-events: none;
}

.mod_timeLine .timelineText3 {
  display: block;
}

.mod_timeLine>.KN_MODDIALOG {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  width: 640px;
}

.mod_timeLine .KN_MODCLOSE {
  position: absolute;
  top: 0;
  right: 0;
}

.mod_timeLine .KN_MODBODY {
  padding: 20px 20px 50px 20px;
}

.mod_timeLine .timelineImgBox {
  width: 270px;
}

.mod_timeLine .timelineCont {
  width: calc(100% - 270px - 20px);
}

.type1Main5,
.type3Main4,
.kniu_border_top {
  border-top: 1px solid #c6c7c8;
}

.kniu_border_bottom {
  border-bottom: 1px solid #c6c7c8;
}

.type2Main1 .LH30,
.type2Main2 .LH30 {
  margin-top: 20px;
}

.type2Main2 .kniu_tableGroup {
  margin-top: 60px;
}

.type2Main2 .kniu_table {
  text-align: left;
}

.kniu_table>tbody>tr>td {
  padding: 20px;
}

.type2Main2 td:first-child {
  border-right: 2px solid #fff;
}

.kniu_table[kniu-even]>tbody>tr:nth-of-type(even) {
  background-color: transparent;
}

.kniu_table[kniu-even]>tbody>tr:nth-of-type(odd) {
  background-color: #eceded;
}

.contBgGrey {
  background-color: #eceded;
}

.panelGroup {
  margin-top: 20px;
}

.panelGroup>.KN_PANEL+.KN_PANEL {
  border-top: 1px solid #fff;
  margin-top: 0;
}

.panelGroup .KN_PANELUP {
  border-color: transparent;
  padding: 10px;
  min-height: 40px;
  font-size: 17px;
  background-color: #8797b4;
  color: #fff;
}

.panelGroup .KN_PANELUP:hover {
  background-color: #4b4b4b;
}

.panelGroup .KN_PANELUP[n-show="true"] {
  background-color: #4b4b4b;
}

.panelGroup .KN_PANELDOWN {
  position: relative;
  border: none;
  padding: 30px 20px;
  background-color: #fff;
}

.type3Main2 .kniu_cardImgGroup {
  margin-right: 30px;
  max-width: 230px;
  min-width: 230px;
}

.KN_PANELDOWN3 .kniu_cardImg {
  width: 100%;
}

.type3Main2 .kniu_cardImgInSide+.kniu_cardImgInSide {
  margin-top: 30px;
}

.KN_PANELDOWN3 .text1 {
  margin-bottom: 8px;
}

.KN_PANELDOWN3 .text2,
.KN_PANELDOWN3 .text3 {
  line-height: 20px;
}

.KN_PANELDOWN3 .text2+.text2,
.KN_PANELDOWN3 .text3 {
  padding-top: 5px;
}

.KN_PANELDOWN3 .text2 {
  font-size: 14px;
}

.KN_PANELDOWN3 .text3 {
  display: flex;
}

.KN_PANELDOWN3 .link {
  font-weight: 700;
  color: #8797b4;
}

.KN_PANELDOWN3 .link:hover {
  color: #6c7990;
}

.type3Main2 .link1 {
  color: #939eb0;
}

.type3Main2 .link1:hover {
  color: #e2001a;
}

.textGray {
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #7b7c7e;
}

.menuContact,
.menuMsg,
.contactDrop,
.msgDrop {
  display: none;
}

[scroll-active="KN_SCROLLING"] .menu,
.wiki .commonBtnGroup1 {
  display: none;
}

.KN_SCROLL,
.KN_SCROLL::before,
.KN_SCROLL.ACTIVE>.KN_SCROLLGROUP {
  height: 80px;
}

.KN_SCROLL,
.KN_SCROLL.ACTIVE>.KN_SCROLLGROUP {
  z-index: 2;
  background-color: #fff;
}

.KN_SCROLLLIST+.KN_SCROLLLIST {
  margin-left: 20px;
}

.KN_SCROLLLINK {
  margin: 0;
  font-weight: 700;
  color: #a6a8aa;
}

.KN_SCROLLLIST.ACTIVE>.KN_SCROLLLINK {
  color: #e2001a;
}

.KN_SCROLLLIST.ACTIVE>.KN_SCROLLLINK::after {
  content: none;
}

.scrollWrap {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
}

.scrollWrap .kniu_btn {
  background-color: #7b7c7e;
}

.weldingGroup8 {
  border-top: 1px solid #eceded;
}

.type4Main1 .LH30+.LH30 {
  margin-top: 20px;
}

.type4Main3 {
  padding: 90px 0;
}

.commonTextGroup10 .FS36 {
  text-align: left;
}

.type4Main1 .kniu_cardImgInSide,
.type4Main3 .kniu_cardImgInSide {
  margin: 0 auto;
  padding-top: 80px;
  max-width: 750px;
}

.type4Main1 .kniu_cardBody,
.type4Main3 .kniu_cardBody {
  margin-left: 30px;
  width: calc(100% - 70px - 30px);
  background-color: transparent;
}

.type4Main1 .kniu_cardImgGroup,
.type4Main3 .imgWrap2 {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 70px;
  height: 70px;
}

.type4Main1 .kniu_cardImg {
  width: 100%;
}

.type4Main1 .text1,
.type4Main3 .text3 {
  font-size: 20px;
  font-style: italic;
  line-height: 26px;
}

.type4Main1 .text2,
.type4Main3 .text4 {
  margin-top: 10px;
  font-size: 14px;
}

.type4Main3 .img2 {
  width: 100%;
}

.type4Item1,
.type4Item2,
.type4Item4 {
  width: 50%;
}

.type4Item2,
.type4Item4 {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  background-color: transparent;
}

.type4Item2 {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
}

.type4Img1 {
  width: 100%;
}

.type4Item3 {
  width: 86%;
}

.type4Item5 {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.type4Item6 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  width: calc((100% - 30px*2)/3);
  background-color: #eceded;
}

.type4ImgWrap2 {
  min-height: 178px;
  max-height: 178px;
}

.type4Img2 {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 178px;
  height: 178px;
}

.type4Text1 {
  margin: 20px 0 28px;
  font-size: 24px;
}

.type4Main6 {
  padding: 90px 0;
}

.type4ImgWrap3,
.type4Item8 {
  width: 50%;
}

.type4Item8 {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  padding: 0 10%;
}

.type4TextWrap3+.type4TextWrap3 {
  margin-top: 40px;
}

.type4Text2 {
  margin-bottom: 10px;
}

.type4Text3 {
  font-size: 14px;
  line-height: 22px;
}

.type5Main1>.commonMainList {
  padding-top: 0;
}

.kniu_swiperSlide5 {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.kniu_swiperButtonNext5::after,
.kniu_swiperButtonPrev5::after,
.kniu_swiper_button_next_iwave::after,
.kniu_swiper_button_prev_iwave::after {
  content: none;
}

.kniu_swiperButtonNext5,
.kniu_swiperButtonPrev5,
.kniu_swiper_button_next_iwave,
.kniu_swiper_button_prev_iwave {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
}

.kniu_swiperButtonNext5,
.kniu_swiper_button_next_iwave {
  background-image: url(../img/img38.png);
}

.kniu_swiperButtonNext5:hover,
.kniu_swiper_button_next_iwave:hover {
  background-image: url(../img/img40.png);
}

.kniu_swiperButtonPrev5,
.kniu_swiper_button_prev_iwave {
  background-image: url(../img/img39.png);
}

.kniu_swiperButtonPrev5:hover,
.kniu_swiper_button_prev_iwave:hover {
  background-image: url(../img/img41.png);
}

.kniu_swiperPagination5.swiper-pagination {
  bottom: 40px;
}

.kniu_swiperPagination5 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #4b4b4d;
  opacity: 1;
}

.kniu_swiperPagination5 .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 10px !important;
}

.kniu_swiperPagination5 .swiper-pagination-bullet-active {
  background-color: #e2001a !important;
}

.type6Main2 {
  text-align: center;
}

.commonLinkBody6>.FS24 {
  margin-bottom: 0;
}

.commonLinkBody6>.kniu_btnGroup {
  margin-top: auto;
  padding-top: 70px;
}

.panelGroup6 {
  margin-top: 0;
}

.KN_PANELDOWN6 {
  border: 1px solid #ebebeb !important;
  font-size: 16px;
  line-height: 30px;
}

.KN_PANELDOWN6 strong {
  display: block;
  margin: 30px 0 10px;
}

.kniu_nav6 {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.kniu_nav6>.kniu_navList {
  position: relative;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 50%;
  background-color: #8797b4;
  color: #fff;
}

.kniu_nav6>.kniu_navList+.kniu_navList {
  border-left: 2px solid #fff;
  margin-left: 0;
}

.kniu_nav6>.kniu_navList.active::after {
  top: calc(100% - 3px);
  bottom: auto;
  height: 10px;
  background-image: url(../img/img46.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  background-color: transparent;
}

.kniu_nav6>.kniu_navList.active {
  background-color: #4b4b4d;
}

.type6TabMain7 {
  margin-top: 90px;
}

.type6Group7 {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.type6Item7_1 {
  width: calc(100% - 370px - 220px);
}

.type6Item7_2,
.type7Item2_2 {
  width: 370px;
}

.type6link3 {
  font-weight: 700;
  color: #e2001a;
}

.type7Item2List1,
.type7Item2List2 {
  padding: 15px;
  background-color: #eceded;
}

.type7Item2List2 {
  margin-top: 20px;
}

.kniu_btnGroup7 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.type7Main3>.commonMainList {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.type7link1 {
  width: calc((100% - 30px*5)/6);
}

.type7link1:hover {
  animation: btn_animated .3s linear;
  -webkit-animation: btn_animated .3s linear;
}

.KN_PANELDOWN8 {
  line-height: 30px;
}

.type9Main1 {
  border-bottom: 1px solid #e5e5e5;
}

.type9Main1 .LH30 {
  text-align: center;
}

.type9Main2,
.type10Main2,
.type10Main3,
.type10Main4 {
  padding: 90px 0;
}

.commonTextGroup10 .LH30 {
  margin-bottom: 20px;
}

.type10Main0 {
  border-top: 1px solid #e5e5e5;
}

.type10Main4 .commonMainList {
  padding-bottom: 0;
}

.type10Main6 .commonItem10_2 {
  padding-bottom: 10px;
}

.searchList3 .KN_PANELUPLEFT {
  color: #4b4b4d;
}

.searchList3 .KN_PANELUP[n-show="true"] {
  background-color: #eceded;
}

.searchList3 .KN_PANELDOWNSEARCH1,
.searchList3 .KN_PANELDOWNSEARCH2 {
  background-color: #eceded;
}

.searchList3 .KN_PANELUP[n-show="true"] .KN_PANELUPICON {
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
}

.KN_PANELUPICON1,
.searchList3 .KN_PANELUP[n-show="false"] .KN_PANELUPICON2 {
  display: none;
}

.searchList3 .KN_PANELUP[n-show="false"] .KN_PANELUPICON1 {
  display: block;
}

.searchList3 .KN_PANELUP[n-show="false"] .KN_PANELUPLEFT {
  color: #fff;
}

.searchList3 .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText {
  color: #4b4b4d;
}

.searchList3 .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText::before {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background-image: url(../img/img47.png);
}

.searchList3 .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText:hover::before,
.searchList3 .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText::before {
  background-image: url(../img/img48.png);
}

.searchList3 .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText:hover::before {
  background-image: url(../img/img49.png);
}

.searchNum {
  position: absolute;
  top: -25%;
  right: 10%;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  padding: 5px 10px;
  line-height: 18px;
  font-size: 12px;
  background-color: #4b4b4b;
}

.searchResult {
  background-color: #f6b2ba;
}

.kniu_table11[kniu-even]>tbody>tr:nth-of-type(odd) {
  background-color: transparent;
}

.kniu_table11[kniu-even]>tbody>tr:nth-of-type(even) {
  background-color: #eceded;
}

.kniu_table11>thead>tr>th {
  color: #808080;
  line-height: 22px;
}

.kniu_table11>tbody>tr>td {
  padding: 13px;
  color: #4b4b4d;
}

.kniu_table11>tbody>tr>td:nth-child(2) {
  font-weight: 700;
}

.kniu_table11>tbody>tr>td+td,
.kniu_table11>thead>tr>th+th {
  border-left: 2px solid #fff !important;
}

.searchResultList,
.downResultList,
.pages {
  margin-top: 20px;
}

.pages {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 50px;
  background-color: #eceded;
}

.downResultList~.pages {
  display: none;
}

.downResultList.KN_HIDE~.pages {
  display: -webkit-flex;
  display: flex;
}

.pageLink,
.layui-laypage a,
.layui-laypage-curr,
.layui-laypage-em {
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700;
  background-color: transparent !important;
  color: #4b4b4d !important;
}

.layui-laypage a:hover {
  color: #4b4b4d !important;
}

.pageLink+.pageLink,
.layui-laypage a+a,
.layui-laypage a+.layui-laypage-curr,
.layui-laypage .layui-laypage-curr+a {
  margin-left: 10px !important;
}

.pages .KN_ICON1,
.pages .KN_ICON2 {
  position: relative;
  top: -1px;
  margin-right: 0 !important;
}

.layui-laypage {
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
  margin: 0 !important;
}

.layui-laypage a.layui-disabled {
  opacity: .3;
}

.layui-laypage a.layui-disabled .KN_ICONGROUP {
  cursor: not-allowed;
}

.pageLink.KN_ICONGROUP.active>.KN_ICON1,
.layui-laypage a.layui-disabled .KN_ICON2 {
  display: none;
}

.pageLink.KN_ICONGROUP.active>.KN_ICON2,
.layui-laypage a.layui-disabled .KN_ICON1 {
  display: block;
}

.pageLink.active,
.layui-laypage .layui-laypage-curr em {
  color: #e2001a !important;
}

.searchDownLink {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  line-height: 38px;
}

.searchDownLink:hover {
  color: #4b4b4d;
}

.searchDownIcon1,
.searchDownIcon2 {
  margin-right: 10px;
}

.searchDownLink:hover>.searchDownIcon1,
.searchDownIcon2,
/* .searchLength tbody>tr:nth-child(1),
.searchLength tbody>tr:nth-child(2),
.searchLength tbody>tr:nth-child(3),
.searchLength tbody>tr:nth-child(4),
.searchLength tbody>tr:nth-child(5), */
.searchLength .pages,
.searchAll {
  display: none;
}

.searchDownLink:hover>.searchDownIcon2,
.searchLength .searchAll {
  display: block;
}

.checkTab2 td img {
  width: 50px;
}

.checkTab2 th:nth-child(1) {
  width: 90px;
}

.checkTab2 th:nth-child(2) {
  width: 180px;
}

.checkTab2 th:nth-child(4) {
  width: 140px;
}

.tabTitleGroup1 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 60px;
}

.tabTitleGroup1>.KN_TABHEADLIST {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: calc(100%/3);
  height: 100%;
  background-color: #8797b4;
}

.tabTitleGroup1>.KN_TABHEADLIST+.KN_TABHEADLIST {
  border-left: 2px solid #fff;
}

.tabLink,
.tabLink:hover {
  color: #fff;
}

.tabTitleGroup1>.KN_TABHEADLIST.active {
  background-color: #4b4b4d;
}

.tabTitleGroup1>.KN_TABHEADLIST.active .searchNum {
  background-color: #e2001a;
}

.tabTitleGroup1>.KN_TABHEADLIST.active::after {
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  bottom: auto;
  width: 100%;
  height: 10px;
  background-image: url(../img/img46.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  background-color: transparent;
}

.commonGroup11 .kniu_container {
  background-image: url(../img/img58.png);
  background-position: center center;
}

.commonGroup11 .linkGroup {
  height: 100%;
}

.commonGroup11 .link1,
.commonGroup11 .link2 {
  top: 53px;
  width: 278px;
  height: 278px;
}

.commonGroup11 .link1 {
  bottom: auto;
  left: 267px;
}

.commonGroup11 .link2 {
  left: 643px;
}

.commonGroup11 .textLg {
  font-size: 84px;
}

.commonGroup11 .textNormal {
  font-size: 28px;
}

.newsList .commonList3_1 {
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 270px;
  max-height: 270px;
  background-color: #f9f9f9;
}

.newsList .commonList3_1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsList+.newsList {
  margin-top: 30px;
}

.newsList .kniu_btnGroup {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.newsList .kniu_btn {
  padding: 0;
  height: auto;
  white-space: normal;
  background-color: transparent;
  color: #8897b4;
}

.newsList .kniu_btn:hover {
  color: #e2001a;
}

.newsList .kniu_btnText {
  margin-right: 10px;
}

.newsText1,
.newsText2 {
  font-size: 14px;
}

.newsText2,
.newsText3 {
  margin-top: 20px;
}

.newsText3 {
  font-size: 15px;
}

.commonTextGroup12 {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

.commonTextGroup12>.text1 {
  margin-right: 15px;
  padding: 2px 4px;
  font-size: 14px;
  background-color: #a6a8aa;
  color: #fff;
}

.commonTextGroup12>.text2 {
  font-weight: 700;
  color: #a6a8aa;
}

.newsCont {
  line-height: 30px;
}

.newsCont p+p {
  margin-top: 20px;
}

.newsCont img {
  width: 100%;
}

.contactGroup1 {
  padding: 20px;
  background-color: #eceded;
}

.contactGroup1>.FS20 {
  margin-bottom: 10px;
}

.contactGroup1>.text1,
.contactGroup1>.text2 {
  margin-bottom: 10px;
}

.contactGroup1>.text1 {
  font-size: 16px;
}

.contactGroup1 .icon1 {
  margin-right: 10px;
}

.contactGroup2 {
  font-size: 22px;
  font-weight: 700;
}

.contactGroup2,
.contactGroup3 {
  margin-top: 20px;
}

.contactGroup3 .commonGroup5 {
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  margin-top: 0;
}

.contactGroup3 .commonList5 {
  width: 100%;
}

.contactGroup3 .commonList5+.commonList5,
.contactGroup4,
.contactGroup3 .commonLink2+.commonLink2 {
  margin-top: 30px;
  margin-left: 0;
}

.contactGroup3 .commonLinkText5 {
  /* font-size: 18px; */
  font-size: 12px;
}

.contactGroup3 .commonLinkText5+.commonLinkText5 {
  font-size: 14px;
}

.contactGroup3 .commonLinkBody {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  background-color: #eceded;
}

.type12Main1>.commonMainList {
  padding-top: 30px;
}

.commonLinkFoot {
  padding: 10px;
  height: 95px;
  background-color: #eceded;

}

.kniu_swiperSlide6,
.kniu_swiperSlide7,
.kniu_swiperSlide8 {
  flex-flow: row;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.kniu_swiperSlide6>.commonLink2,
.kniu_swiperSlide7>.commonLink2,
.kniu_swiperSlide8>.commonLink2 {
  width: calc((100% - 30px*3)/4);
}

.kniu_swiperSlide6>.commonLink2+.commonLink2,
.kniu_swiperSlide7>.commonLink2+.commonLink2,
.kniu_swiperSlide8>.commonLink2+.commonLink2 {
  margin-left: 30px;
}

.toursText1 {
  margin-bottom: 5px;
  font-size: 14px;
}

.toursText2 {
  font-size: 15px;
  line-height: 22px;
}

.kniu_swiperButtonNext6::after,
.kniu_swiperButtonPrev6::after,
.kniu_swiperButtonNext7::after,
.kniu_swiperButtonPrev7::after,
.kniu_swiperButtonNext8::after,
.kniu_swiperButtonPrev8::after {
  content: none;
}

.kniu_swiperButtonNext6,
.kniu_swiperButtonPrev6,
.kniu_swiperButtonNext7,
.kniu_swiperButtonPrev7,
.kniu_swiperButtonNext8,
.kniu_swiperButtonPrev8 {
  z-index: 0 !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% auto;
}

.kniu_swiperButtonNext6,
.kniu_swiperButtonNext7,
.kniu_swiperButtonNext8 {
  right: -40px;
  background-image: url(../img/img54.png);
}

.kniu_swiperButtonNext6:hover,
.kniu_swiperButtonNext7:hover,
.kniu_swiperButtonNext8:hover {
  background-image: url(../img/img55.png);
}

.kniu_swiperButtonPrev6,
.kniu_swiperButtonPrev7,
.kniu_swiperButtonPrev8 {
  left: -40px;
  background-image: url(../img/img52.png);
}

.kniu_swiperButtonPrev6:hover,
.kniu_swiperButtonPrev7:hover,
.kniu_swiperButtonPrev8:hover {
  background-image: url(../img/img53.png);
}

.toursGroup1 {
  position: relative;
}

.type13Main2 .commonLinkFoot {
  background-color: #fff;
}

.type13Main4 .contactGroup1 {
  padding: 0 20px;
}

.toursGroup2 {
  margin-top: 90px;
}

.toursGroup2 .KN_TABMAIN4,
.toursGroup4,
.toursGroup5 {
  margin-top: 20px;
}

.type14Main1 .sideForm {
  margin-top: 0;
}

.type14Main1 .KN_COL4+.KN_COL4,
.type14Main1 .KN_COL3+.KN_COL3 {
  margin-left: 30px;
}

.type14Main2 .menuVideoContText3 {
  color: #4b4b4d;
}

.type14Main3 {
  width: 100%;
  height: 560px;
}

.type14Main1 .KN_ROW+.KN_ROW,
.type14Main1 .kniu_formCheckGroup,
.type14Main1 .kniu_btnGroup {
  margin-top: 20px;
}

.type14Main1 .kniu_formText {
  font-size: 14px;
  font-weight: 700;
  color: #4b4b4d;
}

.type14Main1 .kniu_formStar {
  margin-right: 5px;
}

.type14Main1 .kniu_formInput {
  background-color: #c6c7c8;
}

.type14Main1 .KN_COL7P5 {
  width: calc((100% - 30px*2)/3*2 + 30px);
}

.type14Main1 textarea.kniu_formInput {
  min-height: 150px;
}

.type14Main1 .kniu_formCheckGroup {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.type14Main1 .kniu_formCheckGroup>.kniu_formLabel {
  width: auto;
}

.type14Main1 .kniu_formCheckGroup .kniu_formText {
  font-weight: 400;
}

.type14Main1 .linkYs {
  font-size: 14px;
  font-weight: 700;
  color: #e2001a;
}

.type14Main1 .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText::before {
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background-image: url(../img/img47.png);
}

.type14Main1 .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText:hover::before {
  background-image: url(../img/img49.png);
}

.type14Main1 .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText::before,
.type14Main1 .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText:hover::before {
  background-image: url(../img/img63.png);
}

.type11Main1 .pages {
  display: -webkit-flex;
  display: flex;
}

.weldingGroup1 {
  margin-top: 30px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.sliderPaginationNavbar {
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 90px;
  width: 100%;
}

.sliderPaginationNav {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  min-width: 130%;
}

.slideProlists_group1 {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  margin: calc(-30/var(--PCS)) 0 0 calc(-30/var(--PCS));
}

.slideProlist {
  display: block;
  margin: calc(30/var(--PCS)) 0 0 calc(30/var(--PCS));
  width: calc((100% - 30/var(--PCS)*2)/2);
}

@media (min-width: calc(1024px - 60px)) {
  .sliderPaginationNavbar {
    overflow: hidden;
    width: auto;
  }

  .sliderPaginationNav {
    min-width: auto;
  }

  .slideProlists_group1 {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
  }

  .slideProlist {
    width: calc((100% - 30px*4)/4);
  }
}

.sliderPaginationList+.sliderPaginationList {
  margin-left: 50px;
}

.sliderPaginationText {
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px 20px;
  font-size: 15px;
  background-color: #4b4b4d;
  color: #fff;
  cursor: pointer;
}

.sliderPaginationList.active>.sliderPaginationText {
  background-color: #e2001a;
}

.kniu_swiperSlide22 {
  flex-flow: row;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
}

.slideProImg {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  max-height: 190px;
  min-height: 190px;
}

.slideProImg>img {
  max-width: 70%;
  height: 70%;
}

.slideProName {
  margin: 30px 0;
  font-size: 18px;
  text-align: center;
}

.kniu_swiperButtonNext22::after,
.kniu_swiperButtonPrev22::after {
  content: none;
}

.kniu_swiperButtonNext22,
.kniu_swiperButtonPrev22 {
  z-index: 1 !important;
  top: 40%;
  width: 15px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.kniu_swiperButtonNext22 {
  right: 0;
  background-image: url(../img/img55.png);
}

.kniu_swiperButtonNext22.swiper-button-disabled {
  background-image: url(../img/img54.png);
  opacity: 1;
}

.kniu_swiperButtonPrev22 {
  left: 0;
  background-image: url(../img/img53.png);
}

.kniu_swiperButtonPrev22.swiper-button-disabled {
  background-image: url(../img/img52.png);
  opacity: 1;
}

.weldingGroup2 {
  border-top: 1px solid #dbdbdb;
  margin-top: 90px;
  padding-top: 90px;
  text-align: left;
}

.weldingGroup2 .commonList1_2 {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.welding .kniu_group5 .textEN {
  color: #ccc;
}

.welding .kniu_group5 .textCN {
  color: #fff;
}

.weldingGroup3,
.weldingGroup5,
.weldingGroup5+.kniu_btnGroup,
.kniu_group7 .commonGroup4 {
  margin-top: 60px;
}

.kniu_group8 .link1>.textLg {
  font-size: 120px;
}

.kniu_group8 .link2>.textLg {
  font-size: 90px;
}

.kniu_group8 .link3>.textLg {
  font-size: 100px;
}

.kniu_group10 .kniu_container {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  background-color: #e2001a;
  color: #fff;
}

.weldingEmailGroup {
  width: calc(100% - 240px - 30px);
}

.weldingEmail {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: 0;
  border-bottom: 1px solid #8797b4;
  padding: 0;
  width: 100%;
  height: 44px;
  font-size: 18px;
  background-color: transparent;
  color: #fff;
}

.weldingEmail:focus {
  border-color: #fff;
}

.weldingEmail::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.weldingEmail:-moz-placeholder {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.weldingEmail::-moz-placeholder {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.weldingEmail::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.kniu_group10 .kniu_btn {
  margin-left: 30px;
  width: 240px;
  height: 44px;
  background-color: #fff;
  color: #e2001a;
}

.kniu_group10 .kniu_formLabel {
  z-index: 0;
}

.kniu_group10 .kniu_formCheckGroup {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-top: 10px;
  color: #fff;
}

.kniu_group10 .kniu_formText,
.weldingEmailText:hover {
  color: #fff;
}

.weldingEmailText {
  text-decoration: underline;
}

.kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText::before {
  margin-right: 10px;
  width: 26px;
  height: 26px;
  background-image: url(../img/img64.png);
}

.kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText::before,
.kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText:hover::before {
  background-image: url(../img/img65.png);
}

.kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText:hover::before {
  background-image: url(../img/img66.png);
}

.commonVideoTextBottom {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  height: 100%;
}

.kniu_group3 {
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  height: 100%;
}

.home .kniu_group3,
.welding .kniu_group5,
.welding .kniu_group7 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.home .kniu_group3 {
  background-image: url(../img/img30.png);
}

.welding .kniu_group5 {
  background-image: url(../img/welding/img15.png);
  background-size: cover;
}

.welding .kniu_group7,
.charging .kniu_group7 {
  background-image: url(../img/welding/img17.png);
}

.weldingGroup6,
.weldingGroup9 .imgWrap3 {
  margin-bottom: 30px;
}

.weldingGroup6 .FS36 {
  text-align: left;
}

.weldingGroup6 .contMainVideo {
  margin-top: 0;
}

.weldingGroup9 .commonList11_1,
.weldingGroup9 .commonList11_2 {
  padding: 0 5%;
}

.kniu_tableGroup12 thead>tr>th {
  color: #4b4b4d;
}

.kniu_tableGroup12 tbody>tr>td {
  padding: 10px;
}

.kniu_tableGroup12 tbody>tr>td:nth-child(2) {
  font-weight: 400;
}

.kniu_swiperSlide23 {
  transition: 300ms;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transform: scale(.8);
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
}

.kniu_swiperSlide23.swiper-slide-active,
.kniu_swiperSlide23.swiper-slide-duplicate-active {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.kniu_swiperSlide23 .imgWrap4 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.kniu_swiperSlide23 .imgWrap4,
.kniu_swiperButtonNext23,
.kniu_swiperButtonPrev23 {
  overflow: hidden;
  width: 150px;
  height: 150px;
}

.kniu_swiperSlide23 .commonGroup3,
.kniu_swiperSlide23.swiper-slide-active .imgWrap4,
.kniu_swiperSlide23.swiper-slide-duplicate-active .imgWrap4 {
  display: none;
}

.kniu_swiperSlide23.swiper-slide-active .commonGroup3,
.kniu_swiperSlide23.swiper-slide-duplicate-active .commonGroup3 {
  display: -webkit-flex;
  display: flex;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px 60px;
  min-width: 800px;
  min-height: 300px;
  background-color: #fff;
  animation: OPACITYIN_ANIMATED .6s ease-in;
  -webkit-animation: OPACITYIN_ANIMATED .6s ease-in;
}

.weldingSlideProText1 {
  font-size: 28px;
  text-transform: uppercase;
  color: #e2001a;
}

.weldingSlideProText2 {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-top: 20px;
  font-size: 15px;
}

.kniu_swiperSlide23.swiper-slide-next .imgWrap4 {
  margin-left: 85%;
}

.kniu_swiperSlide23.swiper-slide-prev .imgWrap4 {
  margin-left: -85%;
}

.weldingSlideProIcon {
  margin-right: 20px;
}

.weldingGroup11 {
  margin-left: 100px;
}

.kniu_swiperButtonNext23,
.kniu_swiperButtonPrev23 {
  top: 33%;
  opacity: 0;
}

.kniu_swiperButtonNext23 {
  right: 0;
}

.kniu_swiperButtonPrev23 {
  left: 0;
}

.weldingGroup12 {
  color: #4b4b4d;
}

.weldingText1 {
  margin-bottom: 30px;
  font-size: 18px;
}

.weldingGroup13,
.textWrap1+.textWrap1 {
  margin-top: 30px;
}

.textColorRed {
  color: #e2001a;
}

.textWrap1 {
  display: -webkit-flex;
  display: flex;
}

.textList1 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.textWrap2 {
  margin-bottom: 10px;
}

.textWrap3 {
  margin-top: 30px;
}

.textWrap3 .FS18 {
  margin-bottom: 0;
}

.scrollLinkGroup {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
}

.textWrap4,
.textWrap4_2 {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  height: 100%;
  color: #fff;
}

.scrollLink {
  width: calc(100%/5);
}

.scrollLinkHead img {
  overflow: hidden;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 180px;
  height: 180px;
}

.scrollWrap1.active .textWrap4,
.scrollWrap2.active .textWrap4_2 {
  background-color: rgba(0, 0, 0, .7);
  transition: background-color .3s ease-in;
  -webkit-transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -ms-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
}

.scrollWrap1.active .charging_selection_scroll_white {
  background-color: rgba(255, 255, 255, .7);
  color: #4b4b4d;
}

.textWrap4 .FS18,
.textWrap4_2 .FS18 {
  margin-top: 30px;
  margin-bottom: 0;
}

.scrollWrap1,
.scrollWrap2 {
  overflow: hidden;
  height: 500px;
}

.scrollWrap1 .kniu_container,
.scrollWrap2 .kniu_container {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  padding: 0;
  height: 100%;
  transform: translateY(150%);
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  -ms-transform: translateY(150%);
  -o-transform: translateY(150%);
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

.scrollWrap1.active .kniu_container,
.scrollWrap2.active .kniu_container {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.kniu_swiperContainer24 {
  height: auto;
}

.textWrap4 .FS36,
.textWrap4_2 .FS36 {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  margin-bottom: 30px;
}

.panelGroup1 .KN_PANELDOWN {
  border: 1px solid #ebebeb;
  border-top: 0;
}

.imgWrap5 {
  margin-top: 20px;
}

.bannerAnimated {
  animation: scale 20s linear infinite;
  -webkit-animation: scale 20s linear infinite;
}

@keyframes scale {
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
}

.selectList {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  border-top: 1px dashed #d6d6d6;
  padding-bottom: 10px;
}

.selectList:last-child {
  border-bottom: 1px dashed #d6d6d6;
}

.proCheck {
  display: none;
}

.proOnly+.proOnly {
  margin-left: 10px;
}

.selectList .proOnly {
  margin-top: 10px;
}

.proName {
  position: relative;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 10px 23px;
  cursor: pointer;
  transition: border-color .3s, background-color .3s, color .3s;
  -webkit-transition: border-color .3s, background-color .3s, color .3s;
  -moz-transition: border-color .3s, background-color .3s, color .3s;
  -ms-transition: border-color .3s, background-color .3s, color .3s;
  -o-transition: border-color .3s, background-color .3s, color .3s;
}

.proCheck:checked+.proName {
  border-color: #e2001a;
  background-color: #eceded;
  color: #e2001a;
}

.proCheck:checked+.proName::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../img/img68.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transition: background-image .3s;
  -webkit-transition: background-image .3s;
  -moz-transition: background-image .3s;
  -ms-transition: background-image .3s;
  -o-transition: background-image .3s;
}

.proCheck:checked+.proName:hover::after {
  background-image: url(../img/img69.png);
}

.proType {
  margin-top: 10px;
  min-width: 100px;
}

.proFilter {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  padding-bottom: 60px;
}

.proTypeWrap {
  position: relative;
  display: flex;
  display: -webkit-flex;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  overflow: hidden;
  margin-left: 30px;
  padding: 10px 60px 10px 20px;
  max-height: 40px;
  background-color: #e2001a;
  color: #fff;
  cursor: pointer;
}

.proFilterTitle {
  font-size: 18px;
}

.proTypeClose {
  position: absolute;
  top: -2px;
  right: 10px;
  font-size: 30px;
}

.showProducts {
  min-height: 640px;
}

.showLink,
.showContLink {
  float: left;
  text-align: center;
}

.showLink {
  width: calc((100% - 30px*3)/4);
}

.showList .commonList1_2,
.showContItem {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
}

.showContLink {
  width: calc((100% - 30px*6)/6);
}

.showLink+.showLink,
.showContLink {
  margin-left: 30px;
}

.showImg,
.showContImg {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  overflow: hidden;
  height: 170px;
}

.showImg img,
.showContImg img {
  height: 80%;
}

.showName,
.showContName {
  position: relative;
  margin: 10px 0 30px 0;
  font-size: 15px;
  text-transform: uppercase;
}

.showLink.active .showImg {
  border: 1px solid #e2001a;
  background-color: #fff;
}

.showLink.active .showName {
  color: #e2001a;
}

.showLink.active .showName::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url(../img/img26.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}

.showContList {
  border-top: 5px solid #e2001a;
  display: none;
  padding: 30px 30px 0 0;
  background-color: #eceded;
}

.contBgGrey .showContList {
  background-color: #fff;
}

.showList {
  position: relative;
}

.showList+.showList {
  margin-top: 30px;
}

.showCont {
  z-index: 1;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: auto;
}

.showInfo {
  cursor: pointer;
}

.kniu_table12 tbody>tr>th {
  padding: 15px;
  text-align: center;
  white-space: nowrap;
}

.kniu_table12 tbody>tr>th:not(:first-child) {
  border-left: 2px solid #fff;
}

.kniu_table12 tbody>tr>td {
  font-size: 15px;
  text-align: left;
  color: #4b4b4d;
}

.kniu_table12 tbody>tr>td:nth-child(1) {
  font-weight: 700;
}

.kniu_table12 tbody>tr>td:nth-child(2) {
  border-left: 2px solid #fff;
}

.weldingGroup10 .commonGroup1 {
  border-top: 0;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 0;
  margin-bottom: 90px;
  padding-top: 0;
  padding-bottom: 90px;
}

.weldingGroup14 .commonLinkBody {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  overflow: hidden;
  min-height: 200px;
  max-height: 200px;
  background-color: #fff;
}

.weldingGroup14 .KN_COL4+.KN_COL4 {
  margin-left: 30px;
}

.weldingGroup15 {
  padding-bottom: 60px;
}

.showCase,
.kniu_group11 .commonGroup12+.commonGroup12 {
  margin-top: 30px;
}

.showCase {
  margin-bottom: 60px;
}

.showCase .searchList1 {
  width: 360px;
}

.showCaseList {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_group12 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
  background-color: #e2001a;
  color: #fff;
}

.kniu_group12 .kniu_btn {
  width: 100%;
  background-color: #fff;
  color: #e2001a;
}

.downApp {
  display: flex;
  margin-top: 20px;
}

.downAppLink {
  display: inline-flex;
}

.downAppLink+.downAppLink {
  margin-left: 10px;
}

.kniu_group13 .commonItem10_2 {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.btnGray {
  background-color: #4b4b4d;
}

.kniu_group14 .commonGroup7+.commonGroup7 {
  margin-top: 30px;
}

.kniu_group15 .LH30+.LH30,
.textWrap7 .FS24+.LH30 {
  margin-top: 20px;
}

.textWrap5 {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.textWrap5+.textWrap5,
.textWrap6 .LH30+.FS18,
.textWrap5 .LH30+.FS20,
.textWrap7 .FS24,
.imgWrap6+.imgWrap6 {
  margin-top: 30px;
}

.bgWhite {
  background-color: #fff;
}

.weldingGroup16 .kniu_group6 {
  height: 460px;
}

.weldingGroup16 {
  color: #fff;
}

.weldingGroup16 .linkGroup {
  background-image: url(../img/weldingPerfect/bg1.png);
}

.weldingGroup16 .link1 {
  top: 76px;
  left: 30px;
  width: 207px;
  height: 207px;
}

.weldingGroup16 .link2 {
  top: -3px;
  left: 322px;
  width: 297px;
  height: 291px;
}

.weldingGroup16 .link3 {
  top: 139px;
  right: auto;
  left: 695px;
  width: 170px;
  height: 167px;
}

.weldingGroup16 .link4 {
  top: -3px;
  left: 935px;
  width: 237px;
  height: 233px;
}

.weldingGroup16 .link1>.textLg,
.weldingGroup16 .link4>.textLg {
  font-size: 70px;
}

.weldingGroup16 .link4>.textLg {
  line-height: 1;
}

.weldingGroup16 .link2>.textLg {
  font-size: 100px;
}

.weldingGroup16 .link3>.textLg {
  font-size: 60px;
}

.weldingGroup16 .link3>.textNormal {
  font-size: 16px;
}

.weldingGroup17 {
  padding-top: 40px;
}

.weldingGroup17 .commonGroup3+.commonGroup3 {
  margin-top: 30px;
}

.weldingGroup18 .KN_TABHEAD {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-bottom: 30px;
}

.weldingGroup18 .KN_TABHEADLIST {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: calc(100%/3);
  height: 60px;
  background-color: #8897b4;
  color: #fff;
}

.weldingGroup18 .KN_TABHEADLIST+.KN_TABHEADLIST {
  border-left: 2px solid #fff;
}

.weldingGroup18 .KN_TABHEADLIST.active {
  background-color: #4b4b4d;
}

.weldingGroup18 .KN_TABHEADLIST.active::after,
.commonTabs .KN_TABHEADLIST.ACTIVE::after {
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  bottom: auto;
  display: block;
  width: 100%;
  height: 10px;
  background-image: url(../img/img46.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  background-color: transparent;
}

.commonTabs {
  margin-top: 30px;
}

.commonTabs .KN_TABHEAD {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-bottom: 30px;
  height: 60px;
}

.commonTabs .KN_TABHEADLIST {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
  background-color: #8797b4;
  color: #fff;
}

.commonTabs .commonTabsDouble .KN_TABHEADLIST {
  width: 50%;
}

.commonTabs .commonTabsTriple .KN_TABHEADLIST {
  width: calc(100%/3);
}

.commonTabs .KN_TABHEADLIST+.KN_TABHEADLIST {
  border-left: 2px solid #fff;
}

.commonTabs .KN_TABHEADLIST.ACTIVE {
  background-color: #4b4b4d;
}

.commonGroup3+.commonGroup7,
.commonGroup7+.commonGroup3,
.weldingGroup14+.commonGroup7 {
  margin-top: 30px;
}

.chargingGroup1 .commonGroup7+.commonGroup7 {
  margin-top: 60px;
}

.chargingGroup1 .commonList7_2 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.charging .commonTabs .commonLinkHead {
  background-color: #eceded;
  color: #4b4b4d;
}

.commonVideoGroup .chargingGroup2,
.imgBanner .chargingGroup2 {
  position: absolute;
  top: 0;
  left: inherit;
  height: auto;
}

.chargingGroup3 {
  padding-bottom: 20px;
}

.chargingGroup3 .slideText1 {
  margin-bottom: 10px;
}

.chargingGroup4 .contactGroup1 {
  padding: 0;
}

.contactLink {
  display: block;
}

.kniu_tableGroup13 thead>tr>th,
.kniu_tableGroup13 tbody>tr>td {
  font-size: 15px;
  text-align: left;
}

.kniu_tableGroup13 thead>tr>th {
  color: #4b4b4d;
}

.kniu_tableGroup13 tbody>tr>td,
.kniu_tableGroup13 tbody>tr>td:nth-child(2) {
  padding: 10px;
  font-weight: 400;
}

.kniu_tableGroup14 tbody>tr>th {
  background-color: #e40421;
  color: #fff;
}

.kniu_tableGroup14 tbody>tr>th:first-child {
  background-color: #293945;
}

.kniu_tableGroup14 tbody>tr>td {
  padding: 15px;
}

.kniu_tableGroup14 tbody>tr>td:not(:first-child) {
  text-align: center;
}

.flexCenter {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.flexTop {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.solutions .list {
  float: left;
  margin-bottom: 30px;
  padding: 0 15px;
  width: calc(100%/4);
}

.solutions .link {
  display: block;
}

.solutions .link:hover {
  color: #4b4b4d;
}

.solutions .linkImgWrap {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  min-height: 170px;
}

.solutions .linkTitle {
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  background-color: #eceded;
  transition: background-color .3s ease-out;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -ms-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
}

.solutions .linkTitle:hover {
  background-color: #8797b4;
  color: #fff;
}

.solutions .linkWrap {
  margin-top: 10px;
}

.solutions .links {
  display: block;
  padding: 0 4px;
  font-size: 12px;
  line-height: 20px;
  background-color: #7b7c7e;
  color: #fff;
  transition: background-color .3s ease-out;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -ms-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
}

.solutions .linkWrapType2 .links {
  display: inline-block;
}

.solutions .links+.links {
  margin-top: 5px;
}

.solutions .linkWrapType2 .links {
  margin-top: 0;
  margin-bottom: 5px;
}

.solutions .links:hover,
.solutions .contBgGrey .linkTitle:hover {
  background-color: #8797b4;
}

.solutions .contBgGrey .linkTitle {
  background-color: #fff;
}

.chargingProDetail2 .linkWrap {
  margin: 0 -15px;
}

.chargingProDetail2 .link {
  float: left;
  padding: 0 15px;
  font-size: 14px;
}

.chargingProDetail2 .link:hover {
  animation: btn_animated .3s linear;
  -webkit-animation: btn_animated .3s linear;
}

.chargingProDetail2 .link .LH30 {
  margin-top: 10px;
}

.chargingProDetail2 .contBgGrey .commonLinkFoot {
  height: auto;
  background-color: #fff;
}

.chargingProDetail2 .toursText1 {
  margin-bottom: 0;
}

.chargingFirmware .commonItem10_1 {
  color: #4b4b4d;
}

.intralogistics2 .commonGroup2+.commonGroup3,
.intralogistics2 .commonGroup3+.commonGroup2 {
  margin-top: 30px;
}

.kniu_group16 {
  margin-top: 60px;
}

.intralogistics2 .contBgGrey .commonLinkFoot {
  background-color: #fff;
}

.aboutusContact .kniu_formMixed,
.aboutusContact .kniu_formInput,
.aboutusContact .kniu_formMixed>.kniu_formInput+.kniu_btn {
  height: 80px;
}

.aboutusContact .kniu_formLabel,
.aboutusContact .kniu_formMixed,
.aboutusContact .kniu_formInput {
  width: 100%;
}

.aboutusContact .kniu_formInput,
.aboutusContact .kniu_formMixed>.kniu_formInput+.kniu_btn {
  border: none;
  background-color: transparent;
}

.aboutusContact .kniu_formLabel,
.aboutusContact .contactGroup5 {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.aboutusContact .commonGroup2,
.aboutusContact .form {
  margin-top: 30px;
}

.aboutusContact .form>.kniu_formControl {
  box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
}

.aboutusContact .contactGroup5 {
  border-top: none;
  padding: 60px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.contactGroup5 .kniu_formRadioGroup,
.contactGroup5 .kniu_formControl {
  border-bottom: 1px solid #eff0f0;
  padding: 30px 0;
}

.aboutusContact .contactGroup5 .kniu_formLabel {
  border: none;
  width: auto;
}

.aboutusContact .contactGroup5 .kniu_formInput {
  height: 40px;
}

.aboutusContact .contactGroup5 .kniu_formText {
  padding-right: 30px;
}

.aboutusContact .kniu_formRadioGroup>label>input[type="radio"]+.kniu_formText::before {
  content: none;
}

.aboutusContact .kniu_formRadioGroup>label>input[type="radio"]+.kniu_formText,
.aboutusContact select.kniu_formInput {
  border: 1px solid #dbdbdb;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  padding: 0 30px;
  font-weight: 400;
}

.aboutusContact .kniu_formRadioGroup>label>input[type="radio"]:checked+.kniu_formText {
  background-color: #e2001a;
  color: #fff;
}

.aboutusContact select.kniu_formInput {
  width: 290px;
}

.aboutusContact .kniu_selectIcon {
  background-image: url(../img/img59.png);
}

.aboutusContact .kniu_changing {
  background-image: url(../img/img26.png);
  background-size: 13px auto;
}

.contactMsg .kniu_formRadio .kniu_formLabel {
  width: 50px;
}

.electrodewelding table,
.newsDetail table {
  text-align: left;
}

.newsDetail .kniu_tableGroup {
  margin: 20px 0;
}

.newsDetail .kniu_table11[kniu-even]>tbody>tr:nth-of-type(odd) {
  background-color: #eceded;
}

.newsDetail .kniu_table11[kniu-even]>tbody>tr:nth-of-type(even) {
  background-color: transparent;
}

.newsDetail .webLink {
  color: #8797b4;
}

.newsDetail .webLink:hover {
  color: #6c7990;
}

.electrodewelding .commonGroup6 .kniu_cardImgGroup {
  min-height: 178px;
  max-height: 178px;
}

.commonSvgWrap .kniu_cardImgGroup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.commonSvgWrap .commonItem10_2 {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.commonSvgWrap .weldingGroup12 {
  color: #fff;
}

.commonSvgImg {
  min-height: 670px;
  opacity: .3;
}

.commonSvgWrap .commonSvgImg {
  min-height: auto;
}

.commonSvg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  fill: #fff;
}

.commonSvgWrap .commonSvg {
  fill: #eceded;
}

.kniu_swiperButtonPrev24,
.kniu_swiperButtonNext24 {
  top: 50%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 0;
  width: 46px;
  height: 46px;
  background-color: #fff;
  transition: background-color .3s ease-in;
  -webkit-transition: background-color .3s ease-in;
  -moz-transition: background-color .3s ease-in;
  -ms-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
}

.kniu_swiperButtonPrev24::after,
.kniu_swiperButtonNext24::after {
  content: none;
}

.kniu_swiperButtonPrev24:hover,
.kniu_swiperButtonNext24:hover {
  background-color: #8797b4;
}

.kniu_swiperButtonPrev24 {
  left: -4%;
}

.kniu_swiperButtonNext24 {
  right: -4%;
}

.kniu_swiperButtonPrev24 img,
.kniu_swiperButtonNext24 img {
  margin-right: 0;
}

.kniu_swiperButtonPrev24 img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.KN_ROW4>.KN_COL4+.KN_COL4 {
  margin-left: 30px;
}

.LH30+.KN_ROW4,
.kniu_group17+.KN_ROW4 {
  margin-top: 30px;
}

.automotive .kniu_group17 {
  padding-top: 30px;
}

.layui-form select {
  display: block;
}

.btnGoogel,
.btnIphone {
  display: inline-flex;
  width: 120px;
  height: 40px;
}

.btnIphone {
  margin-left: 10px;
}

.proSelect {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 90px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.proMenu {
  margin-right: 30px;
  width: 180px;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.proCont {
  width: calc(100% - 180px - 30px);
}

.proMenu,
.proDown2Cont {
  border: 1px solid #dbdbdb;
}

.proList {
  line-height: 50px;
}

.proList+.proList,
.proDownList1,
.proDownList2+.proDownList2 {
  border-top: 1px solid #dbdbdb;
}

.proDown1,
.proDown2 {
  display: none;
  animation: OPACITYIN_ANIMATED .3s ease-in;
  -webkit-animation: OPACITYIN_ANIMATED .3s ease-in;
}

.proDown1 {
  background-color: #f2f2f2;
}

.proList.active .proDown1,
.proDownList1.active .proDown2,
.prolink {
  display: block;
}

.prolink {
  padding: 0 10px;
  white-space: nowrap;
}

.proText1 {
  font-weight: 700;
}

.proList.active .proText1 {
  color: #8797b4;
}

.proDownList1 {
  position: relative;
}

.proDown2 {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  width: auto;
  background-color: transparent;
  cursor: default;
}

.proDown2Cont {
  position: relative;
  margin-left: 30px;
  width: auto;
  background-color: #f2f2f2;
}

.proDownList1.active .proText2,
.proDownList2.active .prolink {
  background-color: #8797b4;
  color: #fff;
}

.proText2 {
  display: block;
}

.proDownIcon {
  position: absolute;
  top: 19px;
  right: 100%;
}

.proCheckWrap {
  display: inline-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  padding-top: 20px;
  width: calc(100% - 120px);
}

.proCheckTitle,
.proContText1 {
  padding-top: 25px;
}

.proCheckTitle,
.proCheckWrap {
  float: left;
}

.proCheckBtn {
  float: right;
  padding-top: 20px;
}

.proCheckTitle {
  width: 120px;
  color: #808080;
}

.proCheckBtn,
.proCheckItem {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.proCheckItem,
.pros {
  margin-right: 10px;
  margin-bottom: 20px;
}

.proCheckItem {
  /* pointer-events: none; */
  cursor: pointer;
}

.multiple {
  pointer-events: auto;
  cursor: pointer;
}

.proCheckFalse {
  margin-left: 20px;
}

.proCheckNon,
.proCheckYes,
.proCheck:checked~.proCheckNon,
.proCheckTrue,
.proCheckFalse,
.proCheckName .prosExit {
  display: none;
}

.multiple .proCheckNon,
.multiple .proCheck:checked~.proCheckYes,
.proCheck:checked~.proCheckName .prosExit {
  display: inline-flex;
}

.proCheck:checked~.proCheckName {
  background-color: #8898b5;
  color: #fff;
}

.proCheckNon,
.proCheckYes {
  margin-right: 10px;
}

.proCheckName {
  position: relative;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 0 20px;
  padding-right: 30px;
  height: 30px;
  color: #4b4b4d;
  transition: background-color .3s ease-out, color .3s;
  -webkit-transition: background-color .3s ease-out, color .3s;
  -moz-transition: background-color .3s ease-out, color .3s;
  -ms-transition: background-color .3s ease-out, color .3s;
  -o-transition: background-color .3s ease-out, color .3s;
}

.proCheckMultiple,
.proCheckTrue,
.proCheckFalse {
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  width: 70px;
  height: 30px;
  background-color: transparent;
  color: #999;
  cursor: pointer;
}

.proCheckMultiple:hover,
.proCheckFalse:hover {
  border-color: #8797b4;
  color: #8797b4;
}

.proCheckTrue {
  border-color: #8797b4;
  background-color: #8797b4;
  color: #fff;
}

.proContHead,
.proContTitle {
  padding-right: 20px;
  padding-left: 45px;
  background-color: #f2f2f2;
}

.proCheckList+.proCheckList {
  border-top: 1px solid #dbdbdb;
}

.proContTitle {
  margin-top: 10px;
}

.proContText1,
.proContText2 {
  float: left;
}

.proContText1 {
  margin-right: 50px;
  width: auto;
}

.proContText2 {
  padding-top: 20px;
  width: calc(100% - 260px);
}

.pros {
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 0 20px;
  height: 30px;
  background-color: #8898b5;
  color: #fff;
  cursor: pointer;
}

.prosExit {
  position: absolute;
  top: 1px;
  right: 10px;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-left: 10px;
  padding-bottom: 4px;
  height: 100%;
  font-size: 20px;
}

.proContBody {
  margin-top: 50px;
}

.proResult {
  margin-bottom: 20px;
  font-size: 24px;
}

.proWrap {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  border-top: 5px solid #e2001a;
  padding: 30px 0 0 30px;
  background-color: #f2f2f2;
}

.proPro {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: calc((100% - 30px*5)/5);
}

.proLink {
  font-size: 15px;
  text-align: center;
}

.proLink .kniu_cardImgGroup {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 10px;
  min-height: 175px;
}

.proLink .kniu_cardBody {
  padding-top: 10px;
  text-transform: uppercase;
}

.case .proCont {
  width: 100%;
}

.caseWrap {
  border-top: 1px solid #e6e6e6;
  margin-top: 40px;
}

.energy .kniu_cardImgGroup::before {
  background-color: #fff;
}

.energy .weldingGroup12 {
  color: #4b4b4d;
}

.contBgGrey .commonLinkTitle2 {
  background-color: #fff;
}

.mailTo {
  color: #4b4b4d;
}

.pannelCont {
  position: relative;
}

.pannelCont+.pannelCont {
  margin-top: 30px;
}

.pannelContImg {
  position: absolute;
  top: 0;
  right: 0;
}

.yellowPro {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  margin-top: 30px;
  font-size: 20px;
  color: #7b7c7e;
}

.yellowSign1 {
  margin-right: 50px;
}

.yellowSign2 {
  margin-left: 50px;
}

.panelViewWrap {
  display: -webkit-flex;
  display: flex;
}

.panelViewimg {
  width: 160px;
  font-size: 14px;
}

.panelViewimg:hover {
  animation: btn_animated .3s linear;
  -webkit-animation: btn_animated .3s linear;
}

.panelViewimg+.panelViewimg {
  margin-left: 30px;
}

.contactHead {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  line-height: 26px;
  background-color: #eceded;
}

.contactList+.contactList {
  margin-top: 20px;
}

.contactNum {
  width: 40px;
  font-size: 20px;
  text-align: center;
  background-color: #e2001a;
  color: #fff;
}

.contactWhich {
  padding-left: 15px;
  font-size: 15px;
}

.contactCity {
  font-size: 15px;
  color: #808080;
}

.contactCont {
  border: 1px solid #eceded;
  padding: 15px;
}

.contactTel {
  padding-top: 15px;
  font-size: 18px;
  color: #e2001a;
}

.contactTelIcon {
  margin-right: 5px;
}

.contactDetail {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
}

.contactDetailList {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-top: 30px;
  padding: 30px;
  width: calc((100% - 30px)/2);
  background-color: #4b4b4d;
  color: #fff;
}

.contactDetailText1 {
  padding-bottom: 20px;
  font-size: 20px;
}

.contactDetailText2+.contactDetailText2 {
  padding-top: 10px;
}

.favorite {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  font-size: 16px;
  cursor: pointer;
}

.favorite img {
  margin-right: 5px;
}

.favoriteText2 {
  color: #7b7c7e;
}

/* 培训中心 */
.trainingCont {
  margin-top: -65px;
}

.trainingMenu {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainingNav {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  height: 90px;
  background-color: #fff;
}

.trainingNavLink {
  position: relative;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
  font-size: 18px;
  white-space: nowrap;
}

.trainingNavLink.active {
  color: #e2001a;
}

.trainingNavLink.active::after {
  content: "";
  position: absolute;
  top: calc(100% - 4px);
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #e2001a;
}

.trainingSort {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.trainingSortText1 {
  margin-right: 75px;
}

.trainingSortText2+.trainingSortText2 {
  margin-left: 40px;
}

.trainingWrap {
  margin-top: 30px;
}

.trainingPro {
  background-color: #999;
}

.trainingPro~.kniu_cardBody {
  min-height: 200px;
}

.trainingProList {
  display: flex;
  display: -webkit-flex;
}

.trainingProList+.trainingProList {
  margin-top: 60px;
}

.trainingProLink {
  width: calc((100% - 30px*2)/3);
}

.trainingProLink+.trainingProLink {
  margin-left: 30px;
}

.trainingPhoto {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.trainingProText1 {
  margin-top: 30px;
  font-size: 18px;
  color: #333;
}

.trainingProText2 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin: 20px 0;
}

.trainingUser {
  color: #222;
  opacity: .8;
}

.trainingProText3 {
  font-size: 14px;
  color: #666;
  opacity: .8;
}

.trainingPages {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  margin-top: 80px;
}

.trainingPageLink {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  min-width: 30px;
  min-height: 30px;
  background-color: #f4f4f5;
  color: #333;
}

.trainingPageLink+.trainingPageLink {
  margin-left: 10px;
}

.trainingPageLink.active {
  background-color: #e2001a;
  color: #fff;
}

.trainingPageLink img {
  margin-right: 0;
}

.trainingVideoHead {
  display: flex;
  display: -webkit-flex;
}

.trainingVideoUser {
  padding: 20px;
  width: 230px;
  background-color: #2f3237;
  color: #fff;
}

.trainingVideoPhoto {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 85px;
  height: 85px;
}

.trainingVideoName {
  border-bottom: 1px solid #44474b;
  margin: 20px 0;
  padding-bottom: 35px;
  font-size: 18px;
  opacity: .8;
}

.trainingVideoNote {
  font-size: 14px;
  opacity: .8;
}

.trainingVideoTitle {
  padding: 30px;
  font-size: 26px;
  background-color: #4b4b4d;
  color: #fff;
}

.trainingDoc {
  background-color: #fff;
}

.trainingDoc+.trainingDoc {
  margin-top: 30px;
}

.trainingDocHead {
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #ddd;
  padding: 30px;
}

.trainingDocLink {
  position: relative;
  font-size: 20px;
}

.trainingDocLink+.trainingDocLink {
  margin-left: 110px;
}

.trainingDocLink.active::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #e2001a;
}

.trainingDocBody {
  padding: 30px;
}

.trainingDocType1 .LH30 {
  margin-top: 30px;
}

.trainingDown {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 20px;
  font-size: 14px;
  background-color: #f6f6f6;
}

.trainingDownName img {
  margin-right: 10px;
  width: 30px;
}

.trainingDownLink {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  width: 90px;
  height: 35px;
  background-color: #999;
  color: #fff;
  transition: background-color .13s;
  -webkit-transition: background-color .13s;
  -moz-transition: background-color .13s;
  -ms-transition: background-color .13s;
  -o-transition: background-color .13s;
}

.trainingDownLink:hover {
  background-color: #e2001a;
  color: #fff;
}

.trainingDownLink img {
  margin-right: 10px;
}

.trainingDown+.trainingDown {
  margin-top: 10px;
}

.trainingDocType2 {
  overflow: hidden;
  height: 500px;
}

.trainingViewPdf {
  width: 100%;
  height: 100%;
}

.trainingExerciseList {
  position: relative;
  border: 1px dashed #bbb;
  padding: 60px 30px 30px 30px;
}

.trainingExerciseList+.trainingExerciseList {
  margin-top: 30px;
}

.trainingQuestionHead {
  position: absolute;
  top: -1px;
  left: -8px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 40px;
}

.trainingQuestionIcon {
  position: absolute;
  bottom: -8px;
  left: 0;
}

.trainingQuestionNum,
.trainingQuestionType {
  z-index: 0;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  height: 100%;
}

.trainingQuestionNum {
  width: 40px;
  background-color: #e2001a;
  color: #fff;
}

.trainingQuestionType {
  border: 1px solid #e2001a;
  padding: 0 20px;
}

.trainingQuestion {
  padding-left: 10px;
  font-size: 14px;
}

.trainingQuestionTitle {
  margin-bottom: 10px;
}

.trainingAnswer {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 20px;
  padding: 20px;
  background-color: #f4f4f4;
}

.trainingNetDisk {
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.trainingDiskTitle {
  border-bottom: 1px solid #e0e0e0;
  padding: 20px;
  font-size: 20px;
}

.trainingDiskCont {
  padding: 0 20px;
}

.trainingDiskCont+.trainingDiskCont {
  margin-top: 0;
}

.trainingDiskCont .KN_PANELUP {
  border: none;
  padding: 20px 0;
  background-color: transparent;
  color: #333;
}

.trainingDiskCont+.trainingDiskCont .KN_PANELUP {
  border-top: 1px solid #e8e8e8;
}

.trainingDiskIcon {
  margin-right: 20px;
}

.trainingDiskCont .KN_PANELUP[n-show="true"] .KN_PANELUPICON {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
}

.trainingDiskCont .KN_PANELDOWN {
  border: none;
}

.trainingDiskLink {
  display: block;
  margin-left: 45px;
  padding-bottom: 10px;
  color: #666;
}

.trainingDiskLink+.trainingDiskLink {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}

.trainingDiskLink.active {
  color: #e2001a;
}

.trainingDiskCont.active {
  border-bottom: 1px solid #e8e8e8;
  background-color: #f6f6f6;
}

.trainingDiskCont.active:last-child {
  border-bottom: none;
}

.trainingDiskCont.active+.trainingDiskCont .KN_PANELUP {
  border-top: none;
}

.trainingDiskDoc {
  display: flex;
  display: -webkit-flex;
  line-height: 75px;
}

.trainingDiskDocLink {
  position: relative;
  width: calc(100%/3);
  text-align: center;
  background-color: #8797b4;
  color: #fff;
}

.trainingDiskDocLink:hover {
  color: #fff;
}

.trainingDiskDocLink+.trainingDiskDocLink {
  border-left: 2px solid #fff;
}

.trainingDiskDocLink:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.trainingDiskDocLink:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.trainingDiskDocLink.active {
  background-color: #4b4b4d;
}

.trainingDiskDocLink.active::after {
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  background-image: url(../img/trainingCenter/icon10.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  background-color: transparent;
}

.trainingDiskDocCont {
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 10px;
}

.trainingDiskCheckNon,
.trainingDiskCheckYes {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  animation: FORMCHECKED_ANIMATED .13s ease-in;
  -webkit-animation: FORMCHECKED_ANIMATED .13s ease-in;
}

.trainingDiskCheckbox,
.trainingDiskCheckYes,
.trainingDiskCheckHov,
.trainingDiskCheck:hover .trainingDiskCheckNon,
.trainingDiskCheckbox:checked~.trainingDiskCheckNon,
.trainingDiskCheck:hover .trainingDiskCheckbox:checked~.trainingDiskCheckHov {
  display: none;
}

.trainingDiskCheck:hover .trainingDiskCheckHov,
.trainingDiskCheckbox:checked~.trainingDiskCheckYes {
  display: inline-flex;
}

.trainingDiskDocHead,
.trainingDiskDocList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 0 30px;
  height: 60px;
  background-color: #f9f9f9;
}

.trainingDiskDocList {
  border-top: 1px solid #e8e8e8;
  background-color: #fff;
}

.trainingDiskCheck {
  margin-right: 30px;
  cursor: pointer;
}

.trainingDiskDocItem1,
.trainingDiskDocItem2,
.trainingDiskDocName,
.trainingDiskShare {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainingDiskDocItem1 {
  width: 70%;
}

.trainingDiskDocName span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trainingDiskDateWrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  flex-grow: 1;
  padding-left: 4%;
}

.trainingDiskDocIcon {
  margin-right: 10px;
}

.trainingDiskDocItem2 {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  height: 30px;
}

.trainingDiskSearch {
  padding-left: 15px;
  height: 100%;
}

.trainingDiskSearchSubmit {
  border-left: 1px solid #e8e8e8;
  width: 30px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
}

.trainingDiskDate {
  color: #999;
}

.trainingRecommendImgWrap {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  overflow: hidden;
  border: 1px solid #ddd;
  width: 100%;
  min-height: 210px;
  background-color: #fff;
  transition: border-color .3s;
  -webkit-transition: border-color .3s;
  -moz-transition: border-color .3s;
  -ms-transition: border-color .3s;
  -o-transition: border-color .3s;
}

.trainingRecommendTitle {
  padding-top: 20px;
  text-align: center;
}

.trainingRecommendProNote {
  position: relative;
  border: 1px solid #c2c2c2;
  padding: 30px;
  background-color: #fff;
}

.trainingRecommendProNote::after {
  content: "";
  position: absolute;
  top: calc(210px/2 - 13px);
  left: -14px;
  display: block;
  width: 15px;
  height: 26px;
  background-image: url(../img/trainingCenter/icon18.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.contBgGrey .trainingRecommendProNote::after {
  background-image: url(../img/trainingCenter/icon19.png);
}

.trainingProNoteText2 {
  color: #666;
}

.trainingUserMenu,
.trainingUserInfo {
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.trainingUserLink {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 0 30px;
  line-height: 60px;
}

.trainingUserLink.active,
.trainingUserHead {
  background-color: #f6f6f6;
}

.trainingUserLink+.trainingUserLink {
  border-top: 1px solid #e5e5e5;
}

.trainingUserHead {
  padding: 0 30px;
  line-height: 60px;
}

.trainingUserBody {
  padding: 30px;
}

.trainingUserMain {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
}

.trainingUserPhoto {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  margin-right: 30px;
  width: 60px;
  height: 60px;
}

.trainingUserInfoList1,
.trainingUserInfoList2,
.trainingUserInfoList3,
.trainingUserText {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.trainingUserInfoList2,
.trainingUserInfoList3,
.trainingUserInfoList1.layui-upload {
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  font-size: 14px;
}

.trainingUserUpload {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  background-color: transparent;
  opacity: 0;
  cursor: pointer;
}

.layui-upload-list:hover .trainingUserPhoto {
  opacity: .8;
}

.trainingUserName {
  font-size: 20px;
}

.trainingUserHello {
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}

.trainingUserModify {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  color: #ff6700;
}

.trainingUserText {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainingUserText img {
  margin-right: 5px;
}

.trainingUserInput {
  border-bottom: 1px solid #e8e8e8;
}

.layui-upload-img.trainingUserPhoto {
  margin-right: 0;
}

.layui-upload-list {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  margin: 0;
}

.trainingPhotoSize {
  padding-top: 10px;
}

.trainingCont .commonList3_2 {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.trainingFavoritePro {
  display: flex;
  display: -webkit-flex;
  margin-top: 20px;
}

.trainingFavoriteLink {
  width: calc((100% - 20px*2)/3);
}

.trainingFavoriteLink+.trainingFavoriteLink {
  margin-left: 20px;
}

.trainingFavoriteLink:hover .trainingRecommendImgWrap {
  border-color: #e2001a;
}

.trainingUserHistory .commonGroup3 {
  margin-top: 20px;
}

.trainingHistoryCont {
  position: relative;
}

.trainingProgressbar {
  position: absolute;
  top: 0;
  right: 3px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainingProgressLine {
  position: relative;
  border: 1px solid #e5e5e5;
  margin-left: 15px;
  width: 85px;
  height: 5px;
}

.trainingProgressIcon {
  position: absolute;
  top: -8px;
  transform: translateX(-3px);
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
  -o-transform: translateX(-3px);
}

.trainingProgressBg {
  height: 100%;
  background-color: #4b4b4d;
}

.trainingProgressText {
  font-size: 14px;
  color: #666;
}

.trainingLoginWrap {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 100%;
  height: 100%;
}

.trainingLoginForm,
.trainingRegForm {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 30px;
  font-size: 14px;
  background-color: #fff;
}

.trainingLoginNote {
  margin-bottom: 10px;
  text-align: center;
  color: #f00;
}

.trainingLoginTitle {
  margin-bottom: 30px;
  font-size: 26px;
  text-align: center;
  color: #333;
}

.trainingLoginForm .kniu_formInput,
.trainingRegForm .kniu_formInput,
.trainingRegStep {
  width: 360px;
}

.trainingLoginForm .kniu_formInput,
.trainingRegForm .kniu_formInput,
.trainingRegSecurity {
  border: none;
  height: 40px;
  background-color: #eceded;
}

.trainingRegForm .kniu_formInput {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.trainingLoginForm .kniu_iconPrepend {
  background-position: 6% center;
  background-size: auto auto;
}

.trainingLoginForm .kniu_userIcon {
  background-image: url(../img/trainingCenter/icon26.png);
}

.trainingLoginForm .kniu_passIcon {
  background-image: url(../img/trainingCenter/icon27.png);
}

.trainingLoginForm .kniu_formControl+.kniu_formControl,
.trainingRegForm .kniu_formControl+.kniu_formControl,
.trainingLoginRemember,
.trainingLoginReg,
.trainingRegStep {
  margin-top: 20px;
}

.trainingRegStep {
  margin-bottom: 30px;
}

.trainingLoginRemember {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainingLoginRemember .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText::before {
  position: relative;
  top: 1px;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background-image: url(../img/trainingCenter/icon11.png);
}

.trainingLoginRemember .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText::before,
.trainingLoginRemember .kniu_formCheckGroup:hover>label>input[type="checkbox"]:checked+.kniu_formText::before {
  background-image: url(../img/trainingCenter/icon12.png);
}

.trainingLoginRemember .kniu_formCheckGroup:hover>label>input[type="checkbox"]+.kniu_formText::before {
  background-image: url(../img/trainingCenter/icon13.png);
}

.trainingLoginReg {
  text-align: left;
}

.trainingLogin .kniu_cardImg {
  min-height: 768px;
}

.trainingRegLink {
  font-weight: 700;
  color: #e2001a;
}

.trainingRegVerification .kniu_formInput {
  width: 100%;
}

.trainingRegVerification label {
  width: calc(100% - 115px - 20px);
}

.trainingRegGetcode {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-left: 20px;
  width: 115px;
  background-color: #e2001a;
  color: #fff;
  cursor: pointer;
}

.trainingRegForm .kniu_selectIcon {
  padding-left: 20px;
}

.trainingRegSucceed {
  padding: 30px 0 60px 0;
  font-size: 30px;
  text-align: center;
}

.trainingRegSucceed~.kniu_btnGroup {
  margin-top: 0;
}

.trainingRegTime {
  position: relative;
  top: 1px;
}

.weldingProDetail .proCont {
  width: 100%;
}

.weldingProDetail .KN_PANELDOWN .commonTextGroup {
  display: flex;
  display: -webkit-flex;
}

.weldingProDetail .proPanelCont1 {
  width: calc(100% - 230px - 20px);
}

.weldingProDetail .proPanelCont1+.proPanelCont2,
.weldingProDetail .proPanelCont2+.proPanelCont1 {
  margin-left: 20px;
}

.weldingProDetail .proPanelCont1+.proPanelCont2 {
  width: 230px;
}

.layui-tree-entry {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  padding: 20px 0;
  height: auto;
}

.layui-icon-addition:before,
.layui-icon-subtraction:before,
.layui-tree-line .layui-tree-set:before,
.layui-tree-line .layui-tree-set .layui-tree-set:after {
  content: none;
}

.layui-tree-icon {
  border: none;
  margin: 0;
  margin-right: 20px;
  width: 25px;
  height: 23px;
  line-height: 1;
  background-image: url(/fns1/Public/static/img/trainingCenter/icon08.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.layui-tree-pack .layui-tree-set .layui-tree-entry {
  padding: 0;
  padding-bottom: 10px;
}

.layui-tree-pack .layui-tree-set .layui-tree-entry+.layui-tree-entry {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}

.layui-tree-entry~.layui-tree-pack {
  padding-left: 0;
}

.layui-tree-spread {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background-color: #f6f6f6;
}

.layui-tree-spread:last-child {
  border-bottom: none;
}

.layui-tree-set {
  padding: 0 20px;
}

.layui-tree-main {
  padding-right: 0;
  width: 100%;
}

.layui-tree-set+.layui-tree-set .layui-tree-entry {
  border-top: 1px solid #e8e8e8;
}

.layui-tree-spread:first-child,
.layui-tree-spread+.layui-tree-spread,
.layui-tree-set.layui-tree-spread+.layui-tree-set .layui-tree-entry,
.layui-tree-set+.layui-tree-set.layui-tree-spread .layui-tree-entry {
  border-top: none;
}

.layui-tree-entry:hover,
.layui-tree-entry:hover .layui-tree-txt {
  text-decoration: none !important;
}

.layui-tree-set .layui-tree-set .layui-tree-set {
  padding-left: 0;
}

.layui-tree>.layui-tree-set>.layui-tree-entry>.layui-tree-main::after {
  content: "";
  float: right;
  display: inline-flex;
  width: 17px;
  height: 24px;
  background-image: url(../img/trainingCenter/icon09.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  transition: transform .3s;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
}

.layui-tree>.layui-tree-set.layui-tree-spread>.layui-tree-entry>.layui-tree-main::after {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
}

.welducationShots {
  display: flex;
  display: -webkit-flex;
}

.welducationShots a+a {
  margin-left: 30px;
}

.kniu_textLeft {
  text-align: left;
}

.kniu_textRight {
  text-align: right;
}

.pages .layui-laypage .layui-laypage-spr {
  border: none;
  margin: 0;
  padding: 0 10px;
  color: #4b4b4d;
  background-color: transparent;
}

.centerUserManagement_slideimgWrap,
.centerUserManagement_slideimgWrap img {
  width: 100%;
}

.KN_ROW {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
}

.imgWrap6 .commonLink2 {
  width: calc((100% - 30px*3)/4);
}

.commonLink2 .commonLinkBody .weldRecommendimg {
  width: auto;
}

.weldcubeList {
  display: flex;
  display: -webkit-flex;
}

.weldcubeTextWrap {
  padding: 30px;
  width: calc((100% - 30px)/2);
}

.weldcubeList:nth-child(odd) .weldcubeTextWrap {
  background-color: #eceded;
}

.weldcubeTextWrap+.weldcubeTextWrap {
  margin-left: 30px;
}

.commonLinkBody6 {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-grow: 1;
}

.richargingTable {
  display: flex;
  display: -webkit-flex;
}

.richargingTableList {
  padding: 0 30px;
  width: calc(100%/3);
  line-height: 30px;
}

.richargingTableList+.richargingTableList {
  border-left: 2px solid #fff;
}

.trainingLoginForm .kniu_formLabel,
.trainingRegForm .kniu_formLabel,
.viewPassLabel {
  width: 100%;
}

.trainingLoginForm .viewPass,
.trainingRegForm .viewPass {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% - 35px);
}

.trainingLoginForm .isViewPassWrap {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.isViewPassWrap {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 35px;
  background-color: #eceded;
}

.isViewPass1,
.isViewPass2 {
  cursor: pointer;
}

.showPass .isViewPass1,
.isViewPass2 {
  display: none;
}

.showPass .isViewPass2 {
  display: block;
}

.home .main5 .commonGroup5 {
  max-height: 278px;
}

.home .main5 .commonList5 {
  background-color: #fff;
}

.isSend {
  background-color: #eceded;
}

.type12Main1 {
  min-height: 720px;
}

.kniu_table14>tbody>tr>td {
  padding: 9px;
  font-size: 15px;
}

.kniu_table14>tbody>tr>td+td {
  border-left: 2px solid #fff !important;
}

.hasCol4 {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  max-height: none;
}

.hasCol4 .commonList5+.commonList5 {
  margin-left: 0;
}

.hasCol4 .commonList5 {
  margin-top: 30px;
  margin-right: 30px;
}

.hasCol4 .commonList5:nth-child(4) {
  margin-right: 0;
}

.menuVideoContQrcode {
  width: 26%;
}

.sliderPro {
  position: relative;
  width: 100%;
}

.sliderProTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  background-color: rgba(255, 255, 255, .8);
}

.caseDetail .kniu_swiperButtonPrev6,
.caseDetail .kniu_swiperButtonNext6 {
  z-index: 1 !important;
}

.caseDetail .kniu_swiperButtonPrev6 {
  left: 0;
}

.caseDetail .kniu_swiperButtonNext6 {
  right: 0;
}

.kniu_group12 .commonList7_2 {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_group12 .kniu_btnGroup {
  margin-top: 0;
}

.kniu_swiperContainer21 {
  max-height: 400px;
  height: auto;
}

.kniu_swiperSlide21 {
  height: 100%;
}

.welding .kniu_swiperSlide23.swiper-slide-active .commonGroup3,
.welding .kniu_swiperSlide23.swiper-slide-duplicate-active .commonGroup3 {
  padding: 10px;
  min-width: auto;
  width: 300px;
  min-height: 250px;
}

.welding .slideProlist {
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: border-color .13s ease-in;
  -webkit-transition: border-color .13s ease-in;
  -moz-transition: border-color .13s ease-in;
  -ms-transition: border-color .13s ease-in;
  -o-transition: border-color .13s ease-in;
}

.welding .slideProlist:hover {
  border-color: #e2001a;
}

.welding .slideProImg {
  width: 100%;
  height: 190px;
  background-color: #d9d9d9;
}

.welding .slideProImg>img {
  object-fit: cover;
  max-width: none;
  width: 90%;
  height: 90%;
}

@media (min-width: calc(1024px - 60px)) {
  .kniu_swiperContainer21 {
    max-height: none;
  }

  .welding .slideProlist {
    min-width: 240px;
    min-height: 240px;
  }
}

.caseDetail thead {
  background-color: #e2001a;
}

.caseDetail thead>tr>th {
  color: #fff;
}

.caseType {
  display: flex;
  display: -webkit-flex;
}

.caseType1 {
  width: 50%;
}

.caseType1+.caseType1 {
  margin-left: 30px;
}

.showCase .commonGroup12 .kniu_cardImgGroup {
  max-height: 300px;
  background-color: #eceded;
}

.weldingGroup14 .commonLinkBody img {
  width: 100%;
}

.newsText1,
.newsTitle {
  text-transform: uppercase;
}

.blogSlider {
  height: 280px;
}

.blogSlider .swiper-slide {
  overflow: hidden;
}

.blogSlider img {
  height: 100%;
}

.menuLogoLink img {
  width: 120px;
}

.sustainability .commonVideoGroup .kniu_container {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
}

.kniu_layout+.kniu_layout {
  margin-top: 30px;
}

.type4Main4 .kniu_layoutType2 .kniu_layoutImgGroup,
.type4Main4 .kniu_layoutType3 .kniu_layoutImgGroup {
  width: auto;
}

.type4Main4 .kniu_layoutType2 .kniu_layoutImgGroup {
  left: 0;
  margin-left: 0;
}

.magazine .commonList3_2 .LH30 {
  line-height: 20px;
}

.automotive .type7link1 {
  width: calc((100% - 30px*3)/4);
}

.footCopyright {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.copyrightLink {
  margin-left: 10px;
}

.kniu_mb30 {
  margin-bottom: 30px;
}

.mmaType1 {
  padding-left: 32%;
}

.mmaType2 {
  padding-left: 40%;
}

.weldcubeType1 {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
}

.weldcubeType2 {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.weldingTotallist .commonList5 {
  max-height: 270px;
}

.weldingTotallist .commonLinkImg {
  max-width: none;
  width: auto;
  height: 100%;
}

.trainingList {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  border: 1px solid #e8e8e8;
  padding: 30px 0 0 30px;
}

.trainMenuList {
  border: 0;
  padding: 0;
}

.trainingItem {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin: 0 30px 30px 0;
  padding: 40px 30px 30px;
  width: calc((100% - 60px)/2);
  background-color: #f2f4f5;
}

.trainMenuList .trainingItem {
  margin: 15px;
  width: calc((100% - 90px)/3);
}

.shopItem {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  padding: 30px;
}

.trainingStatus {
  position: absolute;
  top: 0;
  right: 0;
}

.trainingTextWrap1 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  margin-bottom: 30px;
}

.trainingTextWrap3,
.trainingTextWrap4 {
  margin-top: 30px;
}

.trainingPriceWrap {
  text-align: right;
}

.trainingPrice1 {
  font-size: 30px;
  color: #e2001a;
}

.trainingPrice2,
.trainingNote {
  font-size: 14px;
  color: #999;
}

.trainingNote {
  display: flex;
  display: -webkit-flex;
}

.trainingNoteItem {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 3px 15px;
  font-size: 13px;
  background-color: #8797b4;
  color: #fff;
}

.trainingNoteItem~.trainingNoteItem {
  margin-left: 10px;
}

.trainingTitle {
  margin-bottom: 10px;
  font-size: 24px;
}

.trainingTextWrap3 {
  flex-grow: 1;
  line-height: 30px;
}

.trainingTextWrap4 .kniu_btn {
  border: 2px solid #e2001a;
  background-color: transparent;
  color: #e2001a;
}

.trainingSubMenuWrap {
  background-color: #ebeced;
}

.trainingSubMenu {
  padding: 20px 0;
}

.trainingSubNav {
  display: flex;
  display: -webkit-flex;
}

.trainingSubNavLink {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px 20px;
  height: 40px;
}

.trainingSubNavLink.active {
  background-color: #e2001a;
  color: #fff;
}

.trainingRiliTab {
  margin-top: 5%;
}

.trainingRiliSearchWrap .kniu_dateIcon {
  width: 200px;
}

.trainingRiliSearchWrap .kniu_selectIcon {
  width: 300px;
  background-color: #c6c7c8;
}

.trainingRiliTableWrap {
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 30px;
}

.trainingRiliTableWrap th,
.trainingRiliTableWrap td {
  height: 60px;
}

.trainingRiliTableWrap th {
  background-color: #eceded;
  color: #808080;
}

.trainingRiliTableText {
  color: #4b4b4d;
}

.trainingRiliTableWrap .kniu_btnText {
  color: #fff;
}

.modApply {
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
}

.modApplyWrap {
  position: relative;
  overflow-y: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 30px;
  width: 40%;
  height: 80%;
  background-color: #fff;
  color: #333;
}

.modApplyTitle {
  padding-bottom: 30px;
  font-size: 26px;
  text-align: center;
  border-bottom: 1px dashed #ccc;
}

.modApplyList,
.modApply .kniu_formText {
  font-size: 14px;
}

.modApplyText {
  display: inline-flex;
  display: -webkit-inline-flex;
  padding: 5px 20px;
  background-image: url(../img/trainRili/bg01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: #fff;
}

.modApplyList,
.modApply .kniu_formControl {
  margin-top: 4%;
}

.modApply .kniu_formLabelTop {
  width: 50%;
}

.modApply .kniu_formInput {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background-color: #c6c7c8;
}

.modApply .kniu_formRadioGroup+.kniu_formLabel,
.modApply .kniu_formLabel+.kniu_formLabel {
  margin-left: 20px;
}

.modApplyTableWrap {
  width: 100%;
}

.modApplyTable th,
.modApplyTable td {
  border: none !important;
  height: 50px;
}

.modApplyTable thead {
  background-color: #c6c7c8;
  color: #666;
}

.modApplyTable tbody>tr>td {
  padding: 10px;
}

.modApplyTable .KN_TABLEBTNTXT {
  color: #fff;
}

.modApplyTableText {
  display: inline-flex;
  display: -webkit-inline-flex;
  padding: 10px 20px;
  width: 100%;
  background-color: #c6c7c8;
  color: #4b4b4d;
}

.modApplyTable tbody>tr {
  border-top: none;
}

.modApplyTable .kniu_table {
  border: 0;
}

.modApplyTable .kniu_btnGroup {
  margin-top: 0;
  padding: 10px 0 20px 0;
}

.modApplyTable .kniu_btnBlock {
  border: 2px solid #e2001a;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  width: calc(100% - 20px);
  background-color: transparent;
  color: #e2001a;
}

.modApplyTable {
  border: 1px solid #e8e8e8;
}

.modApply .kniu_formStar {
  margin-right: 5px;
}

.applyWrap {
  display: none;
}

.modApply .kniu_formTextarea,
.modApply .modApplyCheckWrap {
  width: 100%;
}

.modApplyClose {
  position: fixed;
  top: 10%;
  right: calc(30% + 10px);
  font-size: 30px;
  color: #999;
  cursor: pointer;
}

.modApplyClose:hover {
  color: #333;
}

.modApplyCheckWrap .kniu_formCheck {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
}

.modApplyCheckWrap .kniu_formLabel {
  width: calc(100%/4);
}

.modApplyCheckWrap .kniu_formLabel+.kniu_formLabel {
  margin-left: 0;
}

.modApplySubmit {
  width: 50%;
}

.trainWrap,
.trainShopWrap {
  padding: 8% 0 4% 0;
}

.trainShopWrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}

.shopTrolleyWrap {
  position: relative;
}

.shopTrolleyNum {
  position: absolute;
  top: -15%;
  right: -20%;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  padding: 5px;
  min-width: 26px;
  min-height: 20px;
  font-size: 13px;
  background-color: #8797b4;
  color: #fff;
}

.trainMenuWrap {
  margin-top: 6%;
}

.trainingItem .kniu_formCheckGroup {
  position: absolute;
  top: 1%;
  right: 2%;
}

.trainingItem .kniu_formCheckGroup>label>input[type="checkbox"]+.kniu_formText::before {
  margin-right: 0;
  width: 24px;
  height: 24px;
  background-image: url(../img/trainTrolley/img01.png);
}

.trainingItem .kniu_formCheckGroup>label>input[type="checkbox"]:checked+.kniu_formText::before {
  background-image: url(../img/trainTrolley/img02.png);
}

.trainCheckallWrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-top: 4%;
}

.trainCheckallBtns {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.trainCheckall,
.trainChecknan {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 0 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.trainCheckall {
  background-color: #e2001a;
  color: #fff;
}

.trainChecknan {
  border: 1px solid #e2001a;
  margin-left: 10px;
  background-color: transparent;
  color: #e2001a;
}

.trainCheckallWrap .kniu_btn {
  width: 20%;
}

.trainDetailTitleWrap,
.trainBackWrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.trainDetailNote p,
.trainDetailBtn {
  margin-top: 4%;
}

.modApplyTable .KN_TABLEBTNGROUP,
.modApplyTableDelete,
.trainDetailNote img {
  width: 100%;
}

.trainDetailBtn .kniu_btn {
  width: 20%;
}

.modMenu .modApplyWrap {
  width: 30%;
  height: auto;
}

.modMenu .modApplyClose {
  position: absolute;
  top: 0;
  right: 10px;
}

.noMod {
  background-color: #999;
  cursor: not-allowed;
}

.layui-laypage .layui-laypage-spr {
  border: none;
  margin: 0;
}

.kniu_text_white {
  color: #fff !important;
}

.kniu_text_center {
  text-align: center !important;
}

.kniu_relative {
  position: relative !important;
}

.common_main_boby {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: none;
}

@media (min-width: 1280px) {
  .common_main_boby {
    pointer-events: auto;
    display: block;
  }
}

.common_main_point {
  z-index: 1;
  position: absolute;
  border: 6px solid rgba(226, 0, 26, .3);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 45px;
  height: 45px;
  cursor: pointer;
  transition: transform .3s;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
}

.common_main_point:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.common_main_point_num {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
  background-color: #e2001a;
  color: #fff;
}

.common_main_point::after {
  content: "X";
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 20px;
  background-color: #fff;
}

.common_main_point_body {
  position: absolute;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 15px;
  width: 270px;
  background-color: #fff;
  display: none;
}

.common_main_point_group.active .common_main_point {
  z-index: 3;
  animation: rotateY_animated .3s ease-in;
  -webkit-animation: rotateY_animated .3s ease-in;
}

@keyframes rotateY_animated {
  0% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
  }
}

.common_main_point_group.active .common_main_point::after {
  display: flex;
  display: -webkit-flex;
}

.common_main_point_group.active .common_main_point_body {
  z-index: 2;
  display: block;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  animation: from_left_animated .18s ease-in;
  -webkit-animation: from_left_animated .18s ease-in;
}

@keyframes from_left_animated {
  0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
  }
}

.common_main_point_body::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  border-top: 2px dotted #4b4b4d;
  width: 45%;
  animation: fadein_animated .36s ease-in;
  -webkit-animation: fadein_animated .36s ease-in;
}

@keyframes fadein_animated {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.common_main_point_note_group .LH30,
.common_main_point_note_group a {
  display: block;
  text-align: left;
}

.common_main_point_group_1 .common_main_point {
  top: 53%;
  left: 33%;
}

.common_main_point_group_1 .common_main_point_body {
  top: 47%;
  left: 0;
}

.common_main_point_group_2 .common_main_point {
  top: 72%;
  left: 30%;
}

.common_main_point_group_2 .common_main_point_body {
  top: 66%;
  left: 0;
}

.common_main_point_group_3 .common_main_point {
  top: 35%;
  left: 49%;
}

.common_main_point_group_3 .common_main_point_body {
  top: 24%;
  right: 0;
}

.common_main_point_group_3 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 116%;
}

.common_main_point_group_4 .common_main_point {
  top: 52%;
  left: 51%;
}

.common_main_point_group_4 .common_main_point_body {
  top: 44%;
  right: 0;
}

.common_main_point_group_4 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 116%;
}

.common_main_point_group_5 .common_main_point {
  top: 71%;
  left: 50%;
}

.common_main_point_group_5 .common_main_point_body {
  top: 65%;
  right: 0;
}

.common_main_point_group_5 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 116%;
}

.common_main_point_group_6 .common_main_point {
  top: 87%;
  left: 60%;
}

.common_main_point_group_6 .common_main_point_body {
  top: 76%;
  right: 0;
}

.common_main_point_group_6 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 70%;
}

.common_main_point_group_7 .common_main_point {
  top: 10%;
  left: 61%;
}

.common_main_point_group_7 .common_main_point_body {
  top: 2%;
  right: 0;
}

.common_main_point_group_7 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 70%;
}

.common_main_point_group_8 .common_main_point {
  top: 41%;
  left: 72%;
}

.common_main_point_group_8 .common_main_point_body {
  top: 33%;
  right: 0;
}

.common_main_point_group_8 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 18%;
}

.common_main_point_group_2_1 .common_main_point {
  top: 21%;
  left: 64%;
}

.common_main_point_group_2_1 .common_main_point_body {
  top: 13%;
  right: 0;
}

.common_main_point_group_2_1 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 50%;
}

.common_main_point_group_2_2 .common_main_point {
  top: 25%;
  left: 58%;
}

.common_main_point_group_2_2 .common_main_point_body {
  top: 19%;
  right: 0;
}

.common_main_point_group_2_2 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 75%;
}

.common_main_point_group_2_3 .common_main_point {
  top: 39%;
  left: 60%;
}

.common_main_point_group_2_3 .common_main_point_body {
  top: 20%;
  right: 0;
}

.common_main_point_group_2_3 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 75%;
}

.common_main_point_group_2_4 .common_main_point {
  top: 50%;
  left: 63%;
}

.common_main_point_group_2_4 .common_main_point_body {
  top: 29%;
  right: 0;
}

.common_main_point_group_2_4 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 50%;
}

.common_main_point_group_2_5 .common_main_point {
  top: 54%;
  left: 36%;
}

.common_main_point_group_2_5 .common_main_point_body {
  top: 34%;
  left: 0;
}

.common_main_point_group_2_5 .common_main_point_body::after {
  left: 100%;
  width: 60%;
}

.common_main_point_group_2_6 .common_main_point {
  top: 62%;
  left: 29%;
}

.common_main_point_group_2_6 .common_main_point_body {
  top: 59%;
  left: 0;
}

.common_main_point_group_2_6 .common_main_point_body::after {
  left: 100%;
  width: 40%;
}

.common_main_point_group_2_7 .common_main_point {
  top: 58%;
  left: 68%;
}

.common_main_point_group_2_7 .common_main_point_body {
  top: 50%;
  right: 0;
}

.common_main_point_group_2_7 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 30%;
}

.common_main_point_group_2_8 .common_main_point {
  top: 66%;
  left: 68%;
}

.common_main_point_group_2_8 .common_main_point_body {
  top: 55%;
  right: 0;
}

.common_main_point_group_2_8 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 30%;
}

.common_main_point_group_2_9 .common_main_point {
  top: 67%;
  left: 58%;
}

.common_main_point_group_2_9 .common_main_point_body {
  top: 47%;
  right: 0;
}

.common_main_point_group_2_9 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 80%;
}

.common_main_point_group_2_10 .common_main_point {
  top: 69%;
  left: 48%;
}

.common_main_point_group_2_10 .common_main_point_body {
  top: 65%;
  left: 0;
}

.common_main_point_group_2_10 .common_main_point_body::after {
  left: 100%;
  width: 120%;
}

.common_main_point_group_3_1 .common_main_point {
  top: 33%;
  left: 43%;
}

.common_main_point_group_3_1 .common_main_point_body {
  top: 29.5%;
  left: 0;
}

.common_main_point_group_3_1 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_3_2 .common_main_point {
  top: 47%;
  left: 53%;
}

.common_main_point_group_3_2 .common_main_point_body {
  top: 40.5%;
  right: 0;
  left: auto;
}

.common_main_point_group_3_2 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 100%;
}

.common_main_point_group_3_3 .common_main_point {
  top: 62%;
  left: 32%;
}

.common_main_point_group_3_3 .common_main_point_body {
  top: 53.5%;
  left: 0;
}

.common_main_point_group_3_3 .common_main_point_body::after {
  width: 50%;
}

.common_main_point_group_3_4 .common_main_point {
  top: 77%;
  left: 60%;
}

.common_main_point_group_3_4 .common_main_point_body {
  top: 71%;
  right: 0;
  left: auto;
}

.common_main_point_group_3_4 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 70%;
}

.common_main_point_group_3_5 .common_main_point {
  top: 14%;
  left: 32%;
}

.common_main_point_group_3_5 .common_main_point_body {
  top: 8%;
  left: 0;
}

.common_main_point_group_3_5 .common_main_point_body::after {
  width: 50%;
}

.common_main_point_group_4_1 .common_main_point {
  top: 66%;
  left: 44%;
}

.common_main_point_group_4_1 .common_main_point_body {
  top: 65%;
  left: 0;
}

.common_main_point_group_4_1 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_4_2 .common_main_point {
  top: 58%;
  left: 53%;
}

.common_main_point_group_4_2 .common_main_point_body {
  top: 54%;
  right: 0;
  left: auto;
}

.common_main_point_group_4_2 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 100%;
}

.common_main_point_group_4_3 .common_main_point {
  top: 71%;
  left: 48%;
}

.common_main_point_group_4_3 .common_main_point_body {
  top: 67.5%;
  left: 0;
}

.common_main_point_group_4_3 .common_main_point_body::after {
  width: 120%;
}

.common_main_point_group_4_4 .common_main_point {
  top: 58%;
  left: 41.5%;
}

.common_main_point_group_4_4 .common_main_point_body {
  top: 54.5%;
  left: 0;
}

.common_main_point_group_4_4 .common_main_point_body::after {
  width: 95%;
}

.common_main_point_group_4_5 .common_main_point {
  top: 58%;
  left: 45.8%;
}

.common_main_point_group_4_5 .common_main_point_body {
  top: 54.5%;
  left: 0;
}

.common_main_point_group_4_5 .common_main_point_body::after {
  width: 110%;
}

.common_main_point_group_4_6 .common_main_point {
  top: 36%;
  left: 43.5%;
}

.common_main_point_group_4_6 .common_main_point_body {
  top: 32.5%;
  left: 0;
}

.common_main_point_group_4_6 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_4_7 .common_main_point {
  top: 71%;
  left: 43.8%;
}

.common_main_point_group_4_7 .common_main_point_body {
  top: 65%;
  left: 0;
}

.common_main_point_group_4_7 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_4_8 .common_main_point {
  top: 71%;
  left: 52.5%;
}

.common_main_point_group_4_8 .common_main_point_body {
  top: 65%;
  right: 0;
  left: auto;
}

.common_main_point_group_4_8 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 100%;
}

.common_main_point_group_5_1 .common_main_point {
  top: 53%;
  left: 24.8%;
}

.common_main_point_group_5_1 .common_main_point_body {
  top: 47%;
  left: 0;
}

.common_main_point_group_5_1 .common_main_point_body::after {
  width: 15%;
}

.common_main_point_group_5_2 .common_main_point {
  top: 65%;
  left: 26.8%;
}

.common_main_point_group_5_2 .common_main_point_body {
  top: 48.5%;
  left: 0;
}

.common_main_point_group_5_2 .common_main_point_body::after {
  width: 25%;
}

.common_main_point_group_5_3 .common_main_point {
  top: 43%;
  left: 33.8%;
}

.common_main_point_group_5_3 .common_main_point_body {
  top: 32.5%;
  left: 0;
}

.common_main_point_group_5_3 .common_main_point_body::after {
  width: 60%;
}

.common_main_point_group_5_4 .common_main_point {
  top: 60%;
  left: 36.8%;
}

.common_main_point_group_5_4 .common_main_point_body {
  top: 44.5%;
  left: 0;
}

.common_main_point_group_5_4 .common_main_point_body::after {
  width: 70%;
}

.common_main_point_group_5_5 .common_main_point {
  z-index: 2;
  top: 57.3%;
  left: 43%;
}

.common_main_point_group_5_5 .common_main_point_body {
  z-index: 1;
  top: 53.5%;
  left: 0;
}

.common_main_point_group_5_5 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_5_6 .common_main_point {
  top: 34.5%;
  left: 48%;
}

.common_main_point_group_5_6 .common_main_point_body {
  top: 16.5%;
  left: 0;
}

.common_main_point_group_5_6 .common_main_point_body::after {
  width: 120%;
}

.common_main_point_group_5_7 .common_main_point {
  top: 38.3%;
  left: 59.5%;
}

.common_main_point_group_5_7 .common_main_point_body {
  top: 25%;
  right: 0;
  left: auto;
}

.common_main_point_group_5_7 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 70%;
}

.common_main_point_group_5_8 .common_main_point {
  top: 33.5%;
  left: 66.5%;
}

.common_main_point_group_5_8 .common_main_point_body {
  top: 7.5%;
  right: 0;
  left: auto;
}

.common_main_point_group_5_8 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 40%;
}

.common_main_point_group_5_9 .common_main_point {
  top: 43%;
  left: 72%;
}

.common_main_point_group_5_9 .common_main_point_body {
  top: 32.5%;
  right: 0;
  left: auto;
}

.common_main_point_group_5_9 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 15%;
}

@media (min-width: 1280px) {
  .preview_img_iwave .type7link1 {
    width: calc((100% - 30px*2)/3);
  }
}

@media (min-width: 1440px) {
  .common_main_point_group_2_9 .common_main_point_body {
    top: 48%;
  }
}

@media (min-width: 1600px) {
  .common_main_point_group_5 .common_main_point_body {
    top: 63%;
  }

  .common_main_point_group_2_4 .common_main_point_body {
    top: 26.8%;
  }

  .common_main_point_group_2_7 .common_main_point_body {
    top: 47%;
  }

  .common_main_point_group_3_3 .common_main_point_body {
    top: 51.5%;
  }
}

@media (min-width: 1920px) {
  .common_main_point_group_3_4 .common_main_point_body {
    top: 68.5%;
  }
}

.imaveSvgWrap .commonSvg {
  fill: #fff;
}

.imave_panel_group .kniu_cardImgGroup {
  align-items: flex-start;
  flex-flow: column;
}

.imave_panel_group .kniu_cardBody {
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
}

.imave_panel_group .imgs_group {
  padding-top: 10px;
}

.imave_panel_group .imgs {
  display: flex;
  flex-flow: row wrap;
  margin: -10px 0 0 -10px;
}

.imave_panel_group .img_group {
  display: flex;
  flex-flow: column;
  margin: 10px 0 0 10px;
  width: calc((100% - 10px*4)/4);
}

.imave_panel_group .img_head {
  padding: 10px;
  background-color: #8797b4;
  color: #fff;
}

.imave_panel_group .img_foot {
  flex: 1;
  padding: 10px;
  background-color: #eceded;
}

.kniu_cardImgInSide_t2 .kniu_cardImgGroup {
  max-width: none;
  width: 50%;
}

.imave_panel_group .commonLinkImg6 {
  width: auto;
}

.imave_panel_group .commonList6 .kniu_cardImgGroup {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin: auto;
}

.kniu_swiper_container_iwave .img_group {
  margin: 0;
  width: 100%;
  height: 100%;
}

.imave_panel_group .commonList5:hover .commonLinkCover5 {
  transform: translate(0, 100%) translate(0, -60px);
  -webkit-transform: translate(0, 100%) translate(0, -60px);
  -moz-transform: translate(0, 100%) translate(0, -60px);
  -ms-transform: translate(0, 100%) translate(0, -60px);
  -o-transform: translate(0, 100%) translate(0, -60px);
}

.kniu_swiper_container_iwave .commonList5 {
  width: 100%;
  line-height: 1.3;
}

.to_cantact {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

video.type4Img1 {
  object-fit: cover;
  min-height: 405px;
}

.iwave_video_cover {
  background-color: rgba(0, 0, 0, .6);
}

@media (max-width: 1600px) {
  .kniu_group6 {
    height: 480px;
  }

  .kniu_group6 .kniu_container {
    padding: 2% 0;
  }

  .kniu_group6 .link1>.textLg {
    font-size: 120px;
  }

  .kniu_group6 .link2>.textLg {
    font-size: 70px;
  }

  .kniu_group6 .link3>.textLg {
    font-size: 90px;
  }

  .kniu_group6 .link1 {
    top: 68px;
    left: 132px;
    width: 279px;
    height: 277px;
  }

  .kniu_group6 .link2 {
    top: 27px;
    left: 490px;
    width: 220px;
    height: 220px;
  }

  .kniu_group6 .link3 {
    top: 91px;
    right: 133px;
    width: 252px;
    height: 252px;
  }

  .weldingGroup16 .link1 {
    top: 91px;
    left: 28px;
    width: 208px;
    height: 206px;
  }

  .weldingGroup16 .link2 {
    top: 8px;
    left: 326px;
    width: 292px;
    height: 295px;
  }

  .weldingGroup16 .link3 {
    top: 153px;
    left: 694px;
    width: 171px;
    height: 170px;
  }

  .weldingGroup16 .link4 {
    top: 11px;
    left: 935px;
    width: 237px;
    height: 233px;
  }

  .weldingGroup16 .link1>.textLg,
  .weldingGroup16 .link4>.textLg {
    font-size: 60px;
  }

  .weldingGroup16 .link3>.textLg {
    font-size: 50px;
  }

  .weldingGroup16 .link3>.textNormal {
    font-size: 13px;
  }

  .weldingGroup16 .textNormal {
    font-size: 20px;
  }

  .scrollWrap1 .kniu_cardImg,
  .scrollWrap2 .kniu_cardImg {
    max-width: none;
    height: 100%;
  }
}

@media (max-width: 1440px) {
  .kniu_group6 {
    height: 440px;
  }

  .kniu_group1,
  .kniu_group2,
  .kniu_group3,
  .kniu_group4 {
    padding: 2% 0 4%;
  }

  .kniu_group6 .link1 {
    top: 51px;
  }

  .kniu_group6 .link2 {
    top: 11px;
  }

  .kniu_group6 .link3 {
    top: 73px;
    right: 133px;
  }

  .perfect .commonListBody8 .LH30,
  .perfect .commonListBody9 .LH30 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .weldingGroup16 .link1 {
    top: 95px;
  }

  .weldingGroup16 .link2 {
    top: 11px;
  }

  .weldingGroup16 .link3 {
    top: 156px;
  }

  .weldingGroup16 .link4 {
    top: 15px;
  }

  .commonItem10_2 img {
    height: 100%;
  }

  .scrollWrap1 {
    height: 400px;
  }

  .scrollWrap1 .kniu_cardImg {
    max-width: none;
    height: 100%;
  }

  .FS36 {
    font-size: 30px;
  }

  .FS30 {
    font-size: 24px;
  }

  .kniu_group2 .text1 {
    margin-top: 10px;
    font-size: 20px;
  }

  .modApplyWrap {
    width: 60%;
  }

  .modApplyClose {
    right: calc(20% + 10px);
  }

  .modApply textarea {
    min-height: 100px;
  }
}

@media (max-width: 1366px) {
  .weldingGroup16 .link1 {
    top: 96px;
  }

  .weldingGroup16 .link3 {
    top: 157px;
  }

  .weldingGroup16 .link4 {
    top: 16px;
  }
}

@media (max-width: 1280px) {
  .kniu_group6 .link1 {
    top: 55px;
    left: 133px;
  }

  .kniu_group6 .link2 {
    top: 14px;
    left: 490px;
  }

  .kniu_group6 .link3 {
    top: 76px;
    right: 133px;
  }

  .standfor .textNormal {
    font-size: 36px;
  }

  .weldingGroup16 .link1 {
    top: 98px;
    left: 10px;
  }

  .weldingGroup16 .link2 {
    top: 15px;
    left: 307px;
  }

  .weldingGroup16 .link3 {
    top: 160px;
    right: auto;
    left: 676px;
  }

  .weldingGroup16 .link4 {
    top: 18px;
    left: 916px;
  }

  .menuDropLink .kniu_cardBody {
    font-size: 12px;
  }

  .textWrap4 .FS36,
  .textWrap4_2 .FS36 {
    margin-bottom: 20px;
  }

  .textWrap4 .FS18,
  .textWrap4_2 .FS18 {
    margin-top: 20px;
  }

  .kniu_swiperButtonNext24 {
    right: -3%;
  }

  .kniu_swiperButtonPrev24 {
    left: -3%;
  }

  .scrollLinkHead img {
    width: 150px;
    height: 150px;
  }

  .commonGroup4 {
    max-height: 268px;
  }

  .kniu_layoutType2+.kniu_layoutType2 .kniu_textGroup,
  .kniu_layoutType3 .kniu_textGroup {
    width: 85%;
  }

  .intralogistics2 .imgBanner .kniu_cardImg {
    min-height: 300px;
  }

  .kniu_layoutType2+.kniu_layoutType2 .kniu_container,
  .kniu_layoutType3 .kniu_container {
    width: calc(50% - (100% - 1200px)/ 2);
  }

  .showProducts .commonList1_2 {
    width: 640px;
  }

  .showProducts .commonList1_1 {
    width: calc(100% - 640px);
  }

  .showImg,
  .showContImg {
    height: 130px;
  }

  .modApplyWrap {
    width: 70%;
  }

  .modApplyClose {
    right: calc(15% + 10px);
  }
}

@media (max-width: 1024px) {
  .kniu_swiperSlide1 {
    overflow: visible;
  }

  .kniu_swiperSlide1>img {
    transform: translate3d(0, 0, 0);
    /*transform: translate(-35%, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        */
  }

  .kniu_group6 .kniu_cardImg {
    max-width: none;
    width: auto;
  }

  .textEN {
    font-size: 16px;
  }

  .textCN,
  .FS36 {
    font-size: 30px;
  }

  .kniu_group6 .linkGroup {
    background-size: auto 200px;
  }

  .kniu_group6 .link1 {
    top: 106px;
    left: 173px;
    width: 179px;
    height: 176px;
  }

  .kniu_group6 .link2 {
    top: 79px;
    left: 401px;
    width: 140px;
    height: 140px;
  }

  .kniu_group6 .link3 {
    top: 120px;
    right: 173px;
    width: 163px;
    height: 159px;
  }

  .kniu_group6 .link1>.textLg {
    font-size: 90px;
  }

  .kniu_group6 .link2>.textLg {
    font-size: 60px;
  }

  .kniu_group6 .link3>.textLg {
    font-size: 70px;
  }

  .kniu_group6 .textNormal {
    font-size: 20px;
  }

  .kniu_swiperPagination2.swiper-pagination-bullets {
    bottom: 17px;
  }

  .menu {
    border-bottom: 1px solid #eceded;
    height: 60px;
  }

  .menuLink,
  .menuDownload,
  .sideNav {
    display: none;
  }

  /* .KN_APPHD,
    .kniu_container,
    .kniu_layoutType2+.kniu_layoutType2 .kniu_container,
    .kniu_layoutType3 .kniu_container {
        width: calc(100% - 8%);
    } */

  /* .KN_APPHD {
        padding: 0;
    } */

  .KN_PCHDLANGTITLE {
    color: #fff;
  }

  .KN_APPHDDOWNLINK {
    background-color: #111;
  }

  .KN_APPHDDOWNDROPLINK {
    background-color: #000;
    color: #666;
  }

  .KN_APPHDDOWNLINK>.KN_APPHDNAVTITLE {
    pointer-events: none;
    cursor: not-allowed;
  }

  .KN_PCHDLANGDOWN {
    left: -20px;
    width: 180px;
  }

  .KN_PCHDLANGLINK {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    padding-left: 20px;
    line-height: 40px;
  }

  .downloadIcon {
    margin-right: 5px;
  }

  .KN_APPHDLANG {
    margin-right: 30px;
    margin-left: 0;
  }

  .menuContact,
  .menuMsg {
    display: inline-flex;
    margin-left: 5px;
    font-size: 16px;
  }

  .contactActive .contactDrop,
  .msgActive .msgDrop {
    display: flex;
  }

  .sideText1>i {
    margin-right: 10px;
  }

  .sideForm .kniu_formInput {
    background-color: #c6c7c8;
  }

  .menuLogoLink {
    width: 80%;
  }

  .menuVideoContLink {
    min-width: auto;
  }

  .standfor .textNormal {
    font-size: 30px;
  }

  .commonGroup10 {
    min-height: 0;
  }

  .commonList10_1 .kniu_cardImg {
    max-width: none;
  }

  .KN_SCROLLMENU {
    display: none;
  }

  .scrollWrap {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
  }

  .imgBanner .kniu_cardImgGroup {
    height: 320px;
  }

  .imgBanner .kniu_cardImg {
    max-width: none;
    height: 100%;
  }

  .kniu_swiperSlide23.swiper-slide-active .commonGroup3,
  .kniu_swiperSlide23.swiper-slide-duplicate-active .commonGroup3 {
    padding: 20px;
    min-width: auto;
  }

  .weldingGroup11 {
    margin-left: 60px;
  }

  .kniu_swiperSlide23 .imgWrap4,
  .kniu_swiperButtonNext23,
  .kniu_swiperButtonPrev23 {
    width: 120px;
    height: 120px;
  }

  .kniu_swiperSlide23 .imgWrap4 {
    padding: 8%;
  }

  .scrollWrap1,
  .scrollWrap2 {
    height: 390px;
  }

  .scrollWrap1 .kniu_cardImg,
  .scrollWrap2 .kniu_cardImg {
    max-width: none;
    height: 100%;
  }

  .showImg,
  .showContImg {
    height: 140px;
  }

  .weldingGroup16 .link1 {
    top: 131px;
    left: 101px;
    width: 135px;
    height: 135px;
  }

  .weldingGroup16 .link2 {
    top: 77px;
    left: 291px;
    width: 193px;
    height: 192px;
  }

  .weldingGroup16 .link3 {
    top: 171px;
    left: 532px;
    width: 111px;
    height: 111px;
  }

  .weldingGroup16 .link4 {
    top: 79px;
    left: 688px;
    width: 154px;
    height: 153px;
  }

  .weldingGroup16 .link1>.textLg,
  .weldingGroup16 .link4>.textLg {
    font-size: 60px;
  }

  .weldingGroup16 .link3>.textLg {
    font-size: 50px;
  }

  .weldingGroup16 .link3>.textNormal {
    font-size: 12px;
  }

  .commonList8_1,
  .commonList9_2 {
    position: relative;
    padding: 0;
    height: auto;
  }

  .commonLinkImg8,
  .commonLinkImg9,
  .commonTextGroup8,
  .commonTextGroup9,
  .commonList6,
  .commonList6+.commonList6,
  .kniu_layoutType2,
  .kniu_layoutType3,
  .kniu_layoutType2+.kniu_layoutType2 .kniu_textGroup,
  .kniu_layoutType3 .kniu_textGroup,
  .showList .commonList1_1,
  .showList .commonList1_2,
  .commonList2_1,
  .commonList2_2,
  .weldingProDetail .proPanelCont1,
  .weldingProDetail .proPanelCont1+.proPanelCont2,
  .weldingProDetail .proPanelCont2+.proPanelCont1,
  .weldingProDetail .weldingGroup15 .KN_COL2,
  .caseType1,
  .caseType1+.caseType1,
  .KN_COL4,
  .weldingGroup14 .KN_COL4+.KN_COL4,
  .KN_ROW4>.KN_COL4+.KN_COL4,
  .type4Item1,
  .type4Item2,
  .type4Item3,
  .type4Item4,
  .type4Item6,
  .commonList12_1,
  .commonList12_2,
  .commonList1_1,
  .commonList1_2,
  .type6Item7_1,
  .type6Item7_2,
  .commonList3_1,
  .commonList3_2,
  .commonList5,
  .commonList5+.commonList5,
  .commonList4,
  .commonList4+.commonList5,
  .commonList12,
  .commonList12+.commonList12,
  .commonList11_1,
  .commonList11_2,
  .commonItem10_1,
  .commonItem10_2,
  .type7link1 {
    margin-left: 0;
    width: 100%;
    min-width: auto;
  }

  .kniu_layoutType2+.kniu_layoutType2 .kniu_container,
  .kniu_layoutType3 .kniu_container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 30px);
  }

  .commonList8_2,
  .commonList9_2,
  .commonGroup8+.commonGroup9,
  .commonGroup9+.commonGroup8,
  .commonList6+.commonList6,
  .commonGroup9+.kniu_layout,
  .kniu_layoutType3+.kniu_layoutType3,
  .showList .commonList1_2,
  .commonList2_2,
  .weldingProDetail .proPanelCont1+.proPanelCont2,
  .weldingProDetail .proPanelCont2+.proPanelCont1,
  .caseType1+.caseType1,
  .weldingGroup14 .KN_COL4+.KN_COL4,
  .KN_ROW4>.KN_COL4+.KN_COL4,
  .type4Item2,
  .type4Main4 .kniu_cardImgInSide+.kniu_cardImgInSide,
  .type4Item6+.type4Item6,
  .commonList12_2,
  .commonList1_2,
  .type6Item7_2,
  .commonList3_2,
  .hasCol4 .commonList5+.commonList5,
  .commonList5+.commonList5,
  .commonList12+.commonList12,
  .commonList11_2,
  .commonList4+.commonList4,
  .type7link1+.type7link1 {
    margin-top: 4%;
  }

  .commonGroup2,
  .commonGroup6,
  .commonGroup10,
  .kniu_layout,
  .showList .commonGroup1,
  .weldingProDetail .KN_PANELDOWN .commonTextGroup,
  .caseType,
  .KN_ROW,
  .type4Main4 .kniu_cardImgInSide,
  .type4Item5,
  .commonGroup1,
  .type6Group7,
  .commonGroup3,
  .kniu_swiperSlide22,
  .commonGroup4,
  .commonGroup5,
  .commonGroup12,
  .commonTextGroup10,
  .automotiveType1 .kniu_cardImgInSide,
  .foodType2 .kniu_cardImgInSide,
  .type7Main3>.commonMainList,
  .trainDetailTitleWrap,
  .trainBackWrap {
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
  }

  .welducationShots {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
  }

  .commonLinkBody6 .LH30,
  .weldingProDetail .proPanelCont1+.proPanelCont2,
  .weldingProDetail .proPanelCont2+.proPanelCont1 {
    text-align: center;
  }

  .weldingProDetail .proPanelCont1+.proPanelCont2 .commonLinkImg,
  .weldingProDetail .proPanelCont2+.proPanelCont1 .commonLinkImg {
    width: auto;
  }

  .kniu_group3 .commonGroup4,
  .commonGroup4,
  .home .main5 .commonGroup5 {
    max-height: none;
  }

  .showLink+.showLink,
  .showContLink {
    margin-left: 20px;
  }

  .showLink {
    width: calc((100% - 20px*4)/5);
  }

  .showContLink {
    width: calc((100% - 20px*5)/5);
  }

  .showContList {
    padding: 20px 20px 0 0;
  }

  .kniu_layout+.kniu_layout,
  .trainBackWrap .kniu_btn {
    margin-top: 4%;
  }

  .kniu_layout+.kniu_layout,
  .kniu_layoutType1+.kniu_layoutType1,
  .kniu_layoutType2+.kniu_layoutType2,
  .kniu_layoutType3+.kniu_layoutType3,
  .kniu_layoutType4+.kniu_layoutType4,
  .kniu_layoutType5+.kniu_layoutType5,
  .kniu_layoutType6+.kniu_layoutType6,
  .commonGroup4+.commonGroup5,
  .commonGroup5+.commonGroup5,
  .commonList4+.commonList5,
  .type4Item4+.type4Item1 {
    margin-top: 4%;
  }

  .kniu_swiperSlide23.swiper-slide-next .imgWrap4 {
    margin-left: 80%;
  }

  .kniu_swiperSlide23.swiper-slide-prev .imgWrap4 {
    margin-left: -80%;
  }

  .hasCol4 .commonList5 {
    margin-right: 0;
  }

  .commonList4,
  .commonList5,
  .commonList12 {
    height: 390px;
  }

  .commonItem10_2 {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    margin-top: 4%;
    min-height: 400px;
  }

  .commonGroup10 {
    padding-bottom: 10%;
  }

  .parterType1 .commonGroup3,
  .kniu_swiperSlide23 .commonGroup3,
  .magazine .commonGroup3,
  .news .commonGroup3 {
    flex-flow: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
  }

  .parterType1 .commonList3_1,
  .kniu_swiperSlide23 .commonList3_1,
  .magazine .commonList3_1 {
    width: 270px;
  }

  .parterType1 .commonList3_2,
  .kniu_swiperSlide23 .commonList3_2,
  .magazine .commonList3_2 {
    margin-left: 30px;
    width: calc(100% - 270px - 30px);
  }

  .magazine .commonList2_2 {
    width: 50%;
  }

  .foodType1 .commonTextGroup10 {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
  }

  .foodType1 .commonItem10_2 {
    display: none;
  }

  .welducationShots .type7link1 {
    margin-top: 0;
    margin-bottom: 30px;
    width: calc((100% - 30px*2)/3);
  }

  .welducationShots .type7link1:nth-child(4) {
    margin-left: 0;
  }

  .newsList .commonList3_1 {
    width: 35%;
  }

  .newsList .commonList3_2 {
    margin-top: 0;
    margin-left: 20px;
    width: calc(100% - 35% - 20px);
  }

  .newsText3 {
    line-height: 20px;
  }

  .modApplyWrap {
    width: 80%;
  }

  .modApplyClose {
    right: calc(10% + 10px);
  }

  .trainMenuList .trainingItem {
    width: calc((100% - 30px)/2);
  }
}

@media (max-width: 768px) {
  .kniu_group6 {
    height: 870px;
  }

  .kniu_group6 .linkGroup {
    background-image: url(../img/img37.png);
    background-size: 210px auto;
  }

  .weldingGroup16 .kniu_group6 {
    height: 950px;
  }

  .weldingGroup16 .linkGroup {
    background-image: url(../img/weldingPerfect/bg2.png);
    background-size: 260px auto;
  }

  .kniu_group6 .link1 {
    left: calc(50% - 106px);
    width: 187px;
    height: 189px;
  }

  .kniu_group6 .link2 {
    top: 350px;
    left: calc(50% - 39px);
    width: 145px;
    height: 149px;
  }

  .kniu_group6 .link3 {
    top: 566px;
    right: auto;
    left: calc(50% - 103px);
    width: 168px;
    height: 172px;
  }

  .weldingGroup16 .link1 {
    top: 80px;
    left: calc(50% - 98px);
    width: 152px;
    height: 155px;
  }

  .weldingGroup16 .link2 {
    top: 270px;
    left: calc(50% - 101px);
    width: 214px;
    height: 215px;
  }

  .weldingGroup16 .link3 {
    top: 523px;
    right: auto;
    left: calc(50% - 114px);
    width: 124px;
    height: 126px;
  }

  .weldingGroup16 .link4 {
    top: 662px;
    left: calc(50% - 59px);
    width: 171px;
    height: 174px;
  }

  .showLink {
    width: calc((100% - 20px*2)/3);
  }

  .showContList {
    overflow: hidden;
    overflow-x: auto;
  }

  .showContItem {
    padding: 0 20px 0 0;
    width: 1024px;
  }

  .commonList4,
  .commonList5,
  .kniu_group3 .commonList4,
  .kniu_group3 .commonList5,
  .home .main5 .commonList5,
  .commonList12 {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    flex-flow: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
    max-height: none;
    height: auto;
    background-color: transparent;
  }

  .commonList4 .kniu_cardImgGroup,
  .commonList5 .kniu_cardImgGroup,
  .commonList12 .kniu_cardImgGroup {
    width: 90px;
    height: 90px;
    background-color: #f9f9f9;
  }

  .commonList4 .kniu_cardImg,
  .commonList5 .kniu_cardImg,
  .commonList12 .kniu_cardImg {
    max-width: none;
    width: auto;
    height: 100%;
  }

  .commonLinkCover4,
  .commonLinkCover5,
  .commonLinkCover12 {
    position: relative;
    margin-left: 4%;
    padding: 0;
    width: calc(100% - 90px - 4%);
    transform: none;
    background-color: transparent;
    opacity: 1;
  }

  .commonLinkText4,
  .commonLinkText5 {
    margin: 0;
    min-height: auto;
    max-height: none;
  }

  .commonLinkText4+.commonLinkText4,
  .commonLinkText5+.commonLinkText5,
  .commonLinkCover4~.KN_ICON1,
  .commonLinkCover4~.KN_ICON2,
  .commonLinkCover5~.KN_ICON1,
  .commonLinkCover5~.KN_ICON2,
  .commonLinkCover12~.KN_ICON1,
  .commonLinkCover12~.KN_ICON2,
  .commonList4:hover .KN_ICON1,
  .commonList4:hover .KN_ICON2,
  .commonList5:hover .KN_ICON1,
  .commonList5:hover .KN_ICON2,
  .kniu_group1 .commonLinkText5 {
    display: none;
  }

  .kniu_group1 .commonLinkText5+.commonLinkText5 {
    display: block;
    margin-bottom: 0;
  }

  .welding .main4 .commonLinkText5 {
    color: #fff;
  }

  /* .KN_APPHD {
        padding: 0 15px;
    } */

  .trainWrap,
  .trainShopWrap {
    padding: 15% 0 4% 0;
  }

  .trainDetailTitle+.trainDetailTitle {
    margin-top: 10px;
  }

  .trainingItem,
  .trainingRiliSearchWrap .kniu_dateIcon,
  .trainingRiliSearchWrap .kniu_selectIcon,
  .modApply .kniu_formLabelTop {
    width: 100%;
  }

  .modApply .kniu_formRadioGroup+.kniu_formLabel,
  .modApply .kniu_formLabel+.kniu_formLabel {
    margin-top: 4%;
  }

  .modApply .kniu_formRadio .kniu_formLabel+.kniu_formLabel {
    margin-top: 0;
    margin-left: 10px;
  }

  .trainingRiliSearchWrap .kniu_formDateGroup,
  .modApply .kniu_formControl {
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
  }

  .modApply .kniu_formRadioGroup+.kniu_formLabel,
  .modApply .kniu_formLabel+.kniu_formLabel,
  .trainingRiliSearchWrap .kniu_formLabel+.kniu_formLabel {
    margin-left: 0;
  }

  .trainingRiliSearchWrap .kniu_formLabel+.kniu_formLabel {
    margin-top: 10px !important;
  }

  .trainingRiliTableWrap,
  .modApplyTable {
    overflow-x: auto;
  }

  .trainingRiliTableWrap .kniu_table,
  .modApplyTable .kniu_table,
  .modApplyTable .kniu_btnGroup {
    width: 1024px;
  }

  .modApplyWrap {
    width: 100%;
    height: 100%;
  }

  .modApplyClose {
    top: 1%;
    right: calc(1% + 10px);
  }

  .trainMenuList .trainingItem {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .trainDetailBtn .kniu_btn {
    width: auto;
  }

  .trainWrap,
  .trainShopWrap {
    padding: 20% 0 4% 0;
  }
}

@media (max-width: 480px) {
  /* .KN_APPHD {
        width: calc(100% - 30px);
    } */

  .kniu_swiperContainer1 {
    overflow: visible;
    height: auto;
  }

  .kniu_swiperContainer1 .swiper-wrapper {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
  }

  .slideCont {
    position: relative;
    height: calc(100% - 250px);
  }

  .kniu_swiperSlide1>img,
  .commonVideoGroup .kniu_cardImg {
    /* height: 250px; */
    height: auto;
  }

  .kniu_swiperPagination1.swiper-pagination-bullets {
    bottom: 45%;
  }

  .kniu_swiperPagination1>.swiper-pagination-bullet,
  .kniu_swiperPagination2>.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .kniu_swiperPagination1>.swiper-pagination-bullet+.swiper-pagination-bullet,
  .kniu_swiperPagination2>.swiper-pagination-bullet+.swiper-pagination-bullet,
  .kniu_swiperPagination3>.swiper-pagination-bullet+.swiper-pagination-bullet,
  .kniu_swiperPagination4>.swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 5px !important;
  }

  .slideNote1,
  .slideNote2 {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    text-align: left;
  }

  .slideText1,
  .slideText2 {
    font-size: 23px;
  }

  .slideText1>span,
  .slideText2>span {
    padding: 0;
    background-color: transparent;
  }

  .slideText3 {
    margin-top: 15px;
  }

  .kniu_group2 .linkGroup,
  .commonGroup4,
  .commonGroup5,
  .kniu_group4 .slideCont,
  .kniu_group1 .linkGroup,
  .menuVideoCont,
  .KN_FOOTER>.kniu_container,
  .footLink,
  .commonGroup3,
  .commonGroup2,
  .KN_MOD .timelineNote,
  .commonTextGroup10,
  .kniu_cardImgInSide,
  .type4Item5,
  .commonGroup6,
  .commonGroup7,
  .type6Group7,
  .commonGroup1,
  .careerEnvironment .type7Main3>.commonMainList,
  .commonGroup10,
  .kniu_formDateGroup,
  .kniu_swiperSlide6,
  .kniu_swiperSlide7,
  .kniu_swiperSlide8,
  .commonGroup12,
  .kniu_group10 .kniu_formControl,
  .showCaseList,
  .commonTextGroup1,
  .commonTextGroup10,
  .commonGroup13,
  .kniu_group10 .kniu_formCheckGroup,
  .proSelect,
  .contactDetail,
  .trainingProList,
  .trainingVideoHead,
  .trainingUserMain,
  .trainingFavoritePro,
  .weldingProDetail .KN_PANELDOWN .commonTextGroup,
  .welducationShots,
  .weldcubeList,
  .parterType1 .commonGroup3,
  .kniu_swiperSlide23 .commonGroup3,
  .magazine .commonGroup3,
  .footCopyright,
  .trainCheckallWrap {
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
  }

  .contactGroup5 .kniu_formControl+.kniu_formRadioGroup,
  .selectList {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
  }

  .kniu_group2 .textCN,
  .kniu_group3 .textCN,
  .kniu_group4 .textCN,
  .kniu_group6 .textCN,
  .kniu_group1 .textCN {
    font-size: 23px;
  }

  .kniu_group2 .text1 {
    font-size: 18px;
  }

  .kniu_group2 .textEN,
  .kniu_group3 .textEN,
  .kniu_group4 .textEN,
  .kniu_group6 .textEN,
  .kniu_group1 .textEN {
    font-size: 14px;
  }

  .kniu_group2 .linkGroup,
  .kniu_group2 .link+.link,
  .kniu_group3 .commonGroup4,
  .kniu_group4 .slideCont,
  .kniu_group1 .linkGroup,
  .menuVideoContList2,
  .menuVideoContList3 {
    margin-top: 8%;
  }

  .kniu_group4 .slideCont {
    padding: 0;
  }

  .commonList4,
  .commonList5,
  .kniu_card0_2,
  .kniu_group1 .link,
  .menuVideoContLink .kniu_cardImg,
  .kniu_group4 .slideTextBox,
  .showCase .searchList1,
  .showCaseResult,
  .commonList13_1,
  .commonList13_2,
  .contactDetailList,
  .trainingProLink,
  .trainingVideoUser,
  .trainingFavoriteLink,
  .weldingProDetail .proPanelCont1,
  .weldingProDetail .proPanelCont2,
  .trainCheckallBtns,
  .trainCheckallWrap .kniu_btn {
    width: 100%;
  }

  .kniu_group4 .slideTextBox,
  .kniu_group1 .link+.link,
  .footShare,
  .kniu_swiperSlide6>.commonLink2+.commonLink2,
  .kniu_swiperSlide7>.commonLink2+.commonLink2,
  .kniu_swiperSlide8>.commonLink2+.commonLink2,
  .type14Main1 .KN_COL4+.KN_COL4,
  .type14Main1 .KN_COL3+.KN_COL3,
  .trainingProLink+.trainingProLink,
  .weldingProDetail .proPanelCont2,
  .KN_ROW4>.KN_COL4+.KN_COL4,
  .commonList4+.commonList5 {
    margin-left: 0;
  }

  .commonList4+.commonList4,
  .commonList5+.commonList5,
  .kniu_card0_2+.kniu_card0_2,
  .kniu_group3 .commonGroup5,
  .kniu_group4 .text1,
  .kniu_group1 .link+.link,
  .footLink,
  .footShare,
  .kniu_swiperSlide6>.commonLink2+.commonLink2,
  .kniu_swiperSlide7>.commonLink2+.commonLink2,
  .kniu_swiperSlide8>.commonLink2+.commonLink2,
  .commonList13_1+.commonList13_2,
  .contactDetailList+.contactDetailList,
  .trainingUserText,
  .trainingFavoriteLink+.trainingFavoriteLink,
  .commonList12+.commonList12,
  .copyrightLink {
    margin-top: 4%;
    margin-left: 0;
  }

  .kniu_group4 .slideImgBox {
    max-width: none;
    min-width: auto;
    min-height: 230px;
  }

  .kniu_swiperSlide2.swiper-slide {
    height: 100%;
  }

  .kniu_group6 {
    height: 870px;
  }

  .kniu_group6 .linkGroup {
    background-image: url(../img/img37.png);
    background-size: 210px auto;
  }

  .weldingGroup16 .linkGroup {
    background-image: url(../img/weldingPerfect/bg2.png);
    background-size: 260px auto;
  }

  .weldingGroup16 .kniu_group6 {
    height: 950px;
  }

  .kniu_group6 .link1 {
    top: 108px;
    left: 114px;
    width: 187px;
    height: 189px;
  }

  .kniu_group6 .link2 {
    top: 348px;
    left: 181px;
    width: 145px;
    height: 149px;
  }

  .kniu_group6 .link3 {
    top: 566px;
    right: auto;
    left: 117px;
    width: 168px;
    height: 172px;
  }

  .weldingGroup16 .link1 {
    top: 73px;
    left: 120px;
    width: 159px;
    height: 162px;
  }

  .weldingGroup16 .link2 {
    top: 266px;
    left: 117px;
    width: 223px;
    height: 218px;
  }

  .weldingGroup16 .link3 {
    top: 520px;
    left: 105px;
    width: 129px;
    height: 127px;
  }

  .weldingGroup16 .link4 {
    top: 659px;
    left: 160px;
    width: 176px;
    height: 175px;
  }

  .kniu_group2,
  .kniu_group3,
  .kniu_group4,
  .kniu_group1,
  .kniu_group6 .kniu_container,
  .slideCont,
  .menuVideo,
  .menuBottom,
  .commonMainList,
  .commonVideoGroup .kniu_container,
  .imgBanner .kniu_container,
  .type4Main3,
  .type4Main6,
  .type9Main2,
  .type10Main2,
  .type10Main3,
  .type10Main4,
  .kniu_group1,
  .kniu_group2,
  .kniu_group3,
  .kniu_group4,
  .kniu_group5,
  .kniu_group7,
  .kniu_group9,
  .kniu_group10,
  .chargingGroup3 {
    padding: 4% 0;
  }

  .menuVideoContLink {
    max-width: 100%;
  }

  .menuBottom>.menuVideoCont,
  .perfect .kniu_cardImgInSide,
  .customers .kniu_cardImgInSide {
    flex-flow: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
  }

  .perfect .kniu_cardImgInSide,
  .trainingDiskDocHead,
  .trainingDiskDocList,
  .trainingUserHead,
  .trainingUserLink {
    padding: 0 4%;
  }

  .menuBottom .menuVideoContList2,
  .menuBottom .menuVideoContList3,
  .trainingCont {
    margin-top: 0;
  }

  .KN_FOOTER {
    padding: 4% 0;
    height: auto;
  }

  .KN_CONTENT {
    height: calc(100% - 120px);
  }

  .menuVideo .menuVideoContText2,
  .menuVideoContList1,
  .menuVideoContList2,
  .menuVideoContList3,
  .solutions .list {
    width: 100%;
  }

  .menuVideoContList3 {
    padding-left: 0;
  }

  .commonContTitle {
    padding: 10px 0 20px;
    font-size: 24px;
  }

  .FS36 {
    font-size: 24px;
  }

  .FS30 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .FS24 {
    margin-bottom: 10px;
    font-size: 19px;
  }

  .FS18 {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .commonList1_1,
  .commonList1_2,
  .commonList2_1,
  .commonList2_2,
  .slide2ImgBox,
  .slide2ImgBox>img,
  .KN_MOD .timelineImg,
  .KN_MOD .timelineCont,
  .commonItem10_1,
  .commonTextGroup8,
  .commonTextGroup9,
  .commonLinkImg8,
  .commonLinkImg9,
  .type4Item1,
  .type4Item2,
  .type4Item3,
  .type4Item4,
  .type4Item6,
  .type4ImgWrap3,
  .type4Item8,
  .commonList3_1,
  .commonList3_2,
  .commonList7_1,
  .commonList7_2,
  .commonList6,
  .commonList6+.commonList6,
  .type6Item7_1,
  .type6Item7_2,
  .type7link1,
  .type7link1 img,
  .commonList11_1,
  .commonList11_2,
  .commonList12_1,
  .commonList12_2,
  .employeestoriesDetail .commonItem10_2,
  .newsList .commonList3_1 img,
  .kniu_swiperSlide6>.commonLink2,
  .kniu_swiperSlide7>.commonLink2,
  .kniu_swiperSlide8>.commonLink2,
  .commonList12,
  .weldingEmailGroup,
  .kniu_group10 .kniu_btn,
  .kniu_swiperSlide23.swiper-slide-active .commonGroup3,
  .kniu_swiperSlide23.swiper-slide-duplicate-active .commonGroup3,
  .type14Main1 .KN_COL7P5,
  .welducationShots a+a,
  .imgWrap6 .commonLink2,
  .weldcubeTextWrap,
  .weldcubeTextWrap+.weldcubeTextWrap,
  .parterType1 .commonList3_1,
  .kniu_swiperSlide23 .commonList3_1,
  .magazine .commonList3_1,
  .parterType1 .commonList3_2,
  .kniu_swiperSlide23 .commonList3_2,
  .magazine .commonList3_2,
  .automotive .type7link1,
  .welducationShots .type7link1 {
    margin-left: 0;
    width: 100%;
    min-width: auto;
  }

  .employeestoriesDetail .commonItem10_2 {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
  }

  .KN_MOD .timelineCont {
    margin-top: 10px;
  }

  .kniu_swiperButtonNext3,
  .kniu_swiperButtonPrev3,
  .kniu_swiperButtonNext4,
  .kniu_swiperButtonPrev4,
  .kniu_swiperButtonNext5,
  .kniu_swiperButtonPrev5,
  .kniu_swiperButtonNext22,
  .kniu_swiperButtonPrev22,
  .commonContPage,
  .nonea,
  .kniu_swiperButtonPrev24,
  .kniu_swiperButtonNext24,
  .trainingHomeImgWrap {
    display: none;
  }

  .kniu_swiperPagination3>.swiper-pagination-bullet,
  .kniu_swiperPagination4>.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .kniu_swiperPagination3.swiper-pagination-bullets,
  .kniu_swiperPagination4.swiper-pagination-bullets {
    bottom: 15%;
  }

  .KN_MOD .timelineImgBox,
  .proMenu,
  .proCont {
    margin-right: 0;
    width: 100%;
  }

  .LH30 {
    line-height: 26px;
    text-align: inherit;
  }

  .commonVideoGroup .kniu_cardCover,
  .commonList8_1,
  .commonList9_2,
  .imgBanner .kniu_cardCover,
  .trainingHomeMenuWrap {
    position: relative;
    padding: 0;
    height: auto;
  }

  .commonItem10_1,
  .commonList8_2,
  .kniu_group17,
  .type4Item2,
  .kniu_cardImgInSide+.kniu_cardImgInSide,
  .type4Item4+.type4Item1,
  .weldingGroup2,
  .type12Main1>.commonMainList {
    padding-top: 4% !important;
  }

  .type4Item6+.type4Item6,
  .commonList3_2,
  .commonGroup3+.commonGroup7,
  .commonList7_2,
  .commonList6+.commonList6,
  .type6TabMain7,
  .type6Item7_2,
  .commonList1_1+.commonList1_2,
  .commonList2_1+.commonList2_2,
  .type7link1+.type7link1,
  .commonList9_1+.commonList9_2,
  .commonGroup8+.commonGroup9,
  .commonGroup9+.commonGroup8,
  .commonList12_1+.commonList12_2,
  .commonItem10_1+.commonItem10_2,
  .kniu_formDateGroup .kniu_formLabel+.kniu_formLabel,
  .searchList2,
  .weldingGroup2,
  .commonList4+.commonList5,
  .weldingGroup3,
  .weldingGroup5,
  .weldingGroup5+.kniu_btnGroup,
  .kniu_group7 .commonGroup4,
  .kniu_group10 .kniu_btn,
  .commonList11_1+.commonList11_2,
  .showCaseResult,
  .showCase,
  .kniu_group11 .commonGroup12+.commonGroup12,
  .kniu_group11,
  .newsCont p+p,
  .contactGroup3 .commonList5+.commonList5,
  .contactGroup4,
  .contactGroup3 .commonLink2+.commonLink2,
  .proSelect,
  .proCont,
  .trainingProLink+.trainingProLink,
  .trainingPages,
  .trainingUserWrap,
  .trainingProgressbar,
  .proPro+.proPro,
  .commonList8_2+.commonList8_1,
  .weldcubeList+.weldcubeList,
  .weldcubeTextWrap+.weldcubeTextWrap,
  .showProducts,
  .parterType1 .commonList3_2,
  .kniu_swiperSlide23 .commonList3_2,
  .magazine .commonList3_2,
  .trainCheckallWrap .kniu_btn {
    margin-top: 4%;
  }

  .type4Main1 .text1,
  .type4Main3 .text3,
  .commonText10 {
    font-size: 14px;
  }

  .trainingNavLink,
  .trainingDocLink {
    font-size: 13px;
  }

  .kniu_group17 {
    flex-flow: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
  }

  .type4Item8,
  .trainingDocBody,
  .trainingUserBody,
  .proWrap,
  .panelGroup .KN_PANELDOWN,
  .weldcubeTextWrap {
    padding: 4%;
  }

  .imgBanner .kniu_cardImgGroup {
    height: 160px;
  }

  .commonVideoGroup video.kniu_cardImg {
    display: none;
  }

  .commonVideoGroup img.kniu_cardImg {
    display: block;
    max-width: none;
  }

  .commonItem10_2 {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
  }

  .employeestoriesDetail .commonGroup10,
  .digital .commonGroup10 {
    min-height: auto;
  }

  .contactGroup5 .kniu_formRadioGroup .kniu_formLabel+.kniu_formLabel,
  .sliderPaginationList+.sliderPaginationList {
    margin-left: 10px;
  }

  .contactGroup5 .kniu_formControl+.kniu_formRadioGroup .kniu_formLabel,
  .proAll,
  .proOnly {
    margin-bottom: 10px;
  }

  .slideProImg {
    max-height: 120px;
    min-height: 120px;
  }

  .sliderPaginationText {
    padding: 10px;
    white-space: nowrap;
  }

  .slideProName {
    margin: 10px 0;
    font-size: 12px;
  }

  .weldingGroup9 .imgWrap3,
  .weldingGroup9 .FS24,
  .showCaseResult,
  .trainingPhotoSize,
  .trainingUserWrap {
    text-align: center;
  }

  .scrollLinkHead img {
    width: 70px;
    height: 70px;
  }

  .kniu_swiperSlide24 img {
    width: 180px;
    height: auto;
  }

  .showImg {
    min-height: 93px;
  }

  .weldingGroup14 .KN_COL4+.KN_COL4 {
    margin-left: 0;
  }

  .weldingGroup10 .commonGroup1,
  .showCase {
    margin-bottom: 4%;
  }

  .weldingGroup10 .commonGroup1,
  .weldingGroup15,
  .proFilter {
    padding-bottom: 4%;
  }

  .weldingGroup10 .commonGroup1 {
    padding-top: 0 !important;
  }

  .proType {
    margin-top: 0;
    min-width: 70px;
  }

  .selectList {
    padding-top: 9px;
  }

  .proContHead,
  .proContTitle {
    padding: 0 15px;
  }

  .proDown2 {
    position: relative;
    left: 0;
    width: 100%;
  }

  .proDownIcon {
    display: none;
  }

  .aboutusContact .kniu_formRadioGroup>label>input[type="radio"]+.kniu_formText,
  .aboutusContact select.kniu_formInput {
    padding: 0 20px;
  }

  .trainingDocLink+.trainingDocLink {
    margin-left: 30px;
  }

  .trainingExerciseList {
    padding: 60px 4% 4% 4%;
  }

  .trainingDocType2 {
    height: auto;
  }

  .trainingDiskDoc {
    line-height: 40px;
  }

  .trainingDiskCheck {
    margin-right: 20px;
  }

  .trainingDiskDocCont,
  .trainingUserDownload {
    overflow-x: auto;
  }

  .trainingDiskDocHead,
  .trainingDiskDocList {
    min-width: 768px;
  }

  .trainingRecommendProNote::after {
    top: -20px;
    left: calc(50% - 26px/2);
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
  }

  .trainingUserInfoList1 {
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
  }

  .trainingUserPhoto {
    margin-right: 0;
  }

  .trainingProgressbar {
    position: relative;
    right: 0;
  }

  /* .trainingLoginForm .kniu_formInput,
    .trainingRegForm .kniu_formInput, */
  .trainingRegStep {
    width: 260px;
  }

  .trainingLoginForm .viewPass,
  .trainingRegForm .viewPass {
    width: calc(100% - 35px);
  }

  .trainingLoginForm .kniu_formInput,
  .trainingRegForm .kniu_formInput {
    background-color: #eceded;
  }

  .trainingRegVerification .kniu_formInput {
    width: 100%;
  }

  .trainingRegVerification label {
    width: 170px;
  }

  .trainingRegGetcode {
    margin-left: 10px;
    width: 80px;
    font-size: 12px;
  }

  .trainingRegTime {
    top: 0;
  }

  .proPro {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
  }

  .commonItem10_2 img {
    height: 80%;
  }

  .kniu_group3 .commonGroup4,
  .commonGroup4,
  .home .main5 .commonGroup5 {
    max-height: none;
  }

  .commonList4,
  .commonList5 {
    max-height: 250px;
  }

  .showContList {
    overflow: hidden;
    overflow-x: auto;
  }

  .showContItem {
    padding: 0 20px 0 0;
    width: 1024px;
  }

  .showLink+.showLink {
    margin-left: 10px;
  }

  .showLink {
    width: calc((100% - 10px)/2);
  }

  .caseDetail .kniu_group12 .commonList7_2 {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
  }

  .kniu_group2 .link>.kniu_cardImgGroup {
    border: 3px solid #e2001a;
    width: 195px;
    height: 195px;
  }

  .electrodewelding .commonLinkBody {
    display: none;
  }

  .trainingList {
    padding: 4% 0 0 4%;
  }

  .trainingItem {
    margin: 0 4% 4% 0;
  }

  .trainMenuList {
    padding: 0;
  }

  .trainMenuList .trainingItem {
    margin: 30px 0 0 0;
  }

  .trainCheckall,
  .trainChecknan {
    width: 50%;
  }

  .footShare {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
  }

  .KN_SCROLL {
    display: none;
  }
}

@media (max-width: 414px) {
  .kniu_group6 {
    height: 770px;
  }

  .kniu_group6 .link1 {
    top: 59px;
    left: 82px;
    width: 189px;
    height: 190px;
  }

  .kniu_group6 .link2 {
    top: 300px;
    left: 149px;
    width: 147px;
    height: 148px;
  }

  .kniu_group6 .link3 {
    top: 519px;
    left: 87px;
    width: 167px;
    height: 171px;
  }

  .scrollLinkHead img {
    width: 60px;
    height: 60px;
  }

  .kniu_swiperSlide24 img {
    width: auto;
    height: auto;
  }

  .showImg {
    min-height: 91px;
  }

  .weldingGroup16 .kniu_group6 {
    height: 850px;
  }

  .weldingGroup16 .linkGroup {
    background-size: 220px auto;
  }

  .weldingGroup16 .link1 {
    top: 84px;
    left: 104px;
    width: 136px;
    height: 131px;
  }

  .weldingGroup16 .link2 {
    top: 244px;
    left: 100px;
    width: 192px;
    height: 185px;
  }

  .weldingGroup16 .link3 {
    top: 455px;
    left: 89px;
    width: 111px;
    height: 113px;
  }

  .weldingGroup16 .link4 {
    top: 577px;
    left: 137px;
    width: 154px;
    height: 147px;
  }

  .aboutusContact .contactGroup5 {
    padding: 4%;
  }

  .aboutusContact select.kniu_formInput {
    width: 220px;
  }
}

@media (max-width: 375px) {
  .kniu_group6 {
    height: 720px;
  }

  .kniu_group6 .linkGroup {
    background-size: 180px auto;
  }

  .kniu_group6 .link1 {
    top: 78px;
    left: 82px;
    width: 159px;
    height: 163px;
  }

  .kniu_group6 .link2 {
    top: 285px;
    left: 138px;
    width: 126px;
    height: 128px;
  }

  .kniu_group6 .link3 {
    top: 472px;
    left: 86px;
    width: 142px;
    height: 148px;
  }

  .kniu_group6 .link1>.textLg {
    font-size: 80px;
  }

  .kniu_group6 .link2>.textLg {
    font-size: 50px;
  }

  .kniu_group6 .link3>.textLg {
    font-size: 60px;
  }

  .kniu_group6 .textNormal {
    font-size: 18px;
  }

  .menuVideoContText1 {
    font-size: 14px;
  }

  .menuVideoContText2,
  .menuVideoContText1+.menuVideoContText3,
  .menuVideoContText1+.menuVideoContText4 {
    margin-top: 20px;
  }

  .menuVideoContText3+.menuVideoContText3,
  .menuVideoContText4+.menuVideoContText4 {
    margin-top: 10px;
  }

  .standfor .textNormal {
    font-size: 23px;
  }

  .showImg {
    min-height: 82px;
  }

  .showContImg {
    min-height: 75px;
  }

  .weldingGroup16 .kniu_group6 {
    height: 750px;
  }

  .weldingGroup16 .link1 {
    top: 90px;
    left: 104px;
    width: 107px;
    height: 106px;
  }

  .weldingGroup16 .link2 {
    top: 221px;
    left: 103px;
    width: 148px;
    height: 150px;
  }

  .weldingGroup16 .link3 {
    top: 396px;
    left: 94px;
    width: 85px;
    height: 87px;
  }

  .weldingGroup16 .link4 {
    top: 492px;
    left: 132px;
    width: 119px;
    height: 121px;
  }

  .weldingGroup16 .link1>.textLg,
  .weldingGroup16 .link4>.textLg {
    font-size: 50px;
  }

  .weldingGroup16 .link3>.textLg {
    font-size: 50px;
  }

  .aboutusContact select.kniu_formInput {
    width: 200px;
  }

  .footLink .kniu_breadLine {
    margin: 0 2px;
  }
}

@media (max-width: 360px) {
  .kniu_group6 .link1 {
    top: 78px;
    left: 75px;
    width: 159px;
    height: 163px;
  }

  .kniu_group6 .link2 {
    top: 284px;
    left: 130px;
    width: 127px;
    height: 129px;
  }

  .kniu_group6 .link3 {
    top: 471px;
    left: 77px;
    width: 145px;
    height: 149px;
  }

  .weldingGroup16 .link1 {
    top: 90px;
    left: 97px;
    width: 105px;
    height: 108px;
  }

  .weldingGroup16 .link2 {
    top: 222px;
    left: 95px;
    width: 149px;
    height: 151px;
  }

  .weldingGroup16 .link3 {
    top: 397px;
    left: 81px;
    width: 95px;
    height: 88px;
  }

  .weldingGroup16 .link4 {
    top: 493px;
    left: 124px;
    width: 119px;
    height: 122px;
  }
}

.w768 .link1 {
  left: 85px;
}

.w768 .link2 {
  top: 81px;
  left: 315px;
}

.w768 .link3 {
  top: 122px;
  right: 85px;
}

.w948 .link1 {
  top: 54px;
  left: 8px;
}

.w948 .link2 {
  top: 13px;
  left: 364px;
}

.w948 .link3 {
  top: 79px;
  right: 6px;
}

.kniu_pt_20 {
  padding-top: 20px;
}

.kniu_pt_10 {
  padding-top: 10px;
}

.weldingGroup8 .kniu_container {
  position: relative;
  word-break: break-word;
}

.link_yins_group {
  position: relative;
  top: 0;
  right: 0;
  text-align: right;
}

.link_yins+.link_yins {
  margin-top: 5px;
}

@media (min-width: 768px) {

  .main6 .link1,
  .standfor .kniu_group6 .link1,
  .welding .kniu_group6 .link1 {
    left: 85px;
  }

  .main6 .link2,
  .standfor .kniu_group6 .link2,
  .welding .kniu_group6 .link2 {
    top: 81px;
    left: 315px;
  }

  .main6 .link3,
  .standfor .kniu_group6 .link3,
  .welding .kniu_group6 .link3 {
    top: 122px;
    right: 85px;
  }

  .weldingGroup16 .link1 {
    top: 134px;
    left: 18px;
  }

  .weldingGroup16 .link2 {
    top: 77px;
    left: 203px;
  }

  .weldingGroup16 .link3 {
    top: 171px;
    right: auto;
    left: 446px;
  }

  .weldingGroup16 .link4 {
    top: 80px;
    left: 600px;
    width: 154px;
    height: 153px;
  }
}

@media (min-width: 1024px) {
  .weldingGroup16 .linkGroup {
    background-size: 100% auto;
  }

  .main6 .link1,
  .standfor .kniu_group6 .link1,
  .welding .kniu_group6 .link1 {
    top: 54px;
    left: 8px;
  }

  .main6 .link2,
  .standfor .kniu_group6 .link2,
  .welding .kniu_group6 .link2 {
    top: 13px;
    left: 364px;
  }

  .main6 .link3,
  .standfor .kniu_group6 .link3,
  .welding .kniu_group6 .link3 {
    top: 79px;
    right: 6px;
  }

  .weldingGroup16 .link1 {
    top: 117px;
    left: -4px;
    width: 179px;
    height: 174px;
  }

  .weldingGroup16 .link2 {
    top: 49px;
    left: 242px;
    width: 248px;
    height: 248px;
  }

  .weldingGroup16 .link3 {
    top: 171px;
    right: auto;
    left: 549px;
    width: 145px;
    height: 140px;
  }

  .weldingGroup16 .link4 {
    top: 50px;
    left: 751px;
    width: 196px;
    height: 195px;
  }
}

@media (min-width: 1200px) {
  .weldingGroup16 .linkGroup {
    background-size: auto 250px;
  }

  .main6 .link1,
  .standfor .kniu_group6 .link1,
  .welding .kniu_group6 .link1 {
    top: calc(50% - 118px);
    left: calc(50% - 467px);
  }

  .main6 .link2,
  .standfor .kniu_group6 .link2,
  .welding .kniu_group6 .link2 {
    top: calc(50% - 158px);
    left: calc(50% - 110px);
  }

  .main6 .link3,
  .standfor .kniu_group6 .link3,
  .welding .kniu_group6 .link3 {
    top: calc(50% - 95px);
    right: calc(50% - 467px);
  }

  .weldingGroup16 .link1 {
    top: 113px;
    left: 10px;
    width: 172px;
    height: 171px;
  }

  .weldingGroup16 .link2 {
    top: 49px;
    left: 250px;
    width: 241px;
    height: 237px;
  }

  .weldingGroup16 .link3 {
    top: 164px;
    right: auto;
    left: 549px;
    width: 139px;
    height: 138px;
  }

  .weldingGroup16 .link4 {
    top: 50px;
    left: 744px;
    width: 192px;
    height: 190px;
  }
}

@media (min-width: 1280px) {
  .weldingGroup16 .link1 {
    top: 111px;
    left: 135px;
    width: 172px;
    height: 171px;
  }

  .weldingGroup16 .link2 {
    top: 47px;
    left: 374px;
    width: 241px;
    height: 237px;
  }

  .weldingGroup16 .link3 {
    top: 162px;
    right: auto;
    left: 675px;
    width: 139px;
    height: 138px;
  }

  .weldingGroup16 .link4 {
    top: 48px;
    left: 870px;
    width: 192px;
    height: 190px;
  }

  .link_yins_group {
    position: absolute;
    top: -30px;
  }
}

@media (min-width: 1600px) {
  .weldingGroup16 .link1 {
    top: 89px;
  }

  .weldingGroup16 .link2 {
    top: 25px;
  }

  .weldingGroup16 .link3 {
    top: 140px;
  }

  .weldingGroup16 .link4 {
    top: 26px;
  }
}

.KN_FOOTER>.kniu_container {
  height: 100%;
}

.footBottomA {
  position: absolute;
  bottom: 40px;
  right: -20px;
  display: none;
  max-width: 1000px;
  padding: 20px;
  color: #4b4b4d;
  background: #fff;
  cursor: pointer;
}

.footBottomA .footBottomBtn {
  padding: 5px;
}

.footBottomHover .footBottomP {
  line-height: 50px;
}

.footBottomHover:hover .footBottomA {
  display: block;
}

.kniu_table_group {
  background-color: #fff;
}

.kniu_table_group_1 thead th {
  background-color: #e40421;
  color: #fff;
}

.kniu_table_group_1 thead th:not(:nth-child(1)),
.kniu_table_group_1 tbody td:not(:nth-child(1)) {
  border-left: 2px solid #fff !important;
  text-align: center;
}

.imgs_group {
  display: flex;
  display: -webkit-flex;
  margin-left: -20px;
}

.imgs_group .img_group {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  margin-left: 20px;
}

.imgs_group .img_head {
  padding: 10px;
  background-color: #8797b4;
  color: #fff;
}

.imgs_group .img_foot {
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  padding: 10px;
}

.contBgGrey .imgs_group .img_foot {
  background-color: #fff;
}

.kniu_text_right {
  text-align: right;
}

.kniu_left_center {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.kniu_center_bottom {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
}

.kniu_flex_1 {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
}

.kniu_flex_column {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
}

.kniu_pt_30 {
  padding-top: 30px !important;
}

.body_cell_318_2 .point_group {
  background-color: #b4c2a9;
}

.body_cell_318_2 .text_link {
  display: inline-block;
  color: #8797b4;
}

.body_cell_318_2 .common_main_point_group_1 .common_main_point,
.body_cell_318_2 .common_main_point_group_2 .common_main_point,
.body_cell_318_2 .common_main_point_group_3 .common_main_point,
.body_cell_318_2 .common_main_point_group_4 .common_main_point,
.body_cell_318_2 .common_main_point_group_5 .common_main_point,
.body_cell_318_2 .common_main_point_group_6 .common_main_point {
  top: 46%;
}

.body_cell_318_2 .common_main_point_group_1 .common_main_point {
  left: 26%;
}

.body_cell_318_2 .common_main_point_group_1 .common_main_point_body {
  top: calc(40% + 1px);
  left: 0;
}

.body_cell_318_2 .common_main_point_group_1 .common_main_point_body::after {
  width: calc(16% - 1px);
}

.body_cell_318_2 .common_main_point_group_2 .common_main_point {
  left: 35%;
}

.body_cell_318_2 .common_main_point_group_2 .common_main_point_body {
  top: 45%;
  left: 0;
}

.body_cell_318_2 .common_main_point_group_2 .common_main_point_body::after {
  width: calc(56% - 1px);
}

.body_cell_318_2 .common_main_point_group_3 .common_main_point {
  left: 44%;
}

.body_cell_318_2 .common_main_point_group_3 .common_main_point_body {
  top: 45%;
  left: 0;
}

.body_cell_318_2 .common_main_point_group_3 .common_main_point_body::after {
  right: auto;
  left: 100%;
  width: calc(95% + 1px);
}

.body_cell_318_2 .common_main_point_group_4 .common_main_point {
  left: calc(53% - 6px);
}

.body_cell_318_2 .common_main_point_group_4 .common_main_point_body,
.body_cell_318_2 .common_main_point_group_5 .common_main_point_body,
.body_cell_318_2 .common_main_point_group_6 .common_main_point_body {
  top: 45%;
  right: 0;
}

.body_cell_318_2 .common_main_point_group_4 .common_main_point_body::after {
  width: calc(95% - 1px);
}

.body_cell_318_2 .common_main_point_group_5 .common_main_point {
  left: 61%;
}

.body_cell_318_2 .common_main_point_group_5 .common_main_point_body::after {
  width: calc(57% - 1px);
}

.body_cell_318_2 .common_main_point_group_6 .common_main_point {
  left: 70%;
}

.body_cell_318_2 .common_main_point_group_6 .common_main_point_body::after {
  width: calc(17% - 1px);
}

.body_cell_318_3 .kniu_card_img_bg_sm>.kniu_card_body {
  padding: 35px 0;
}

.body_cell_318_4 .kniu_card_body {
  position: relative;
}

.contactGroup3 .text_link {
  color: #8797b4;
}

.body_cell_319_1 .kniu_swiperPagination5 .swiper-pagination-bullet {
  border: 1px solid #fff;
}

.common_main_point_group292_1 .common_main_point {
  top: 72%;
  left: 29%;
}

.common_main_point_group292_1 .common_main_point_body {
  top: 68.5%;
  left: 0;
}

.common_main_point_group292_1 .common_main_point_body::after {
  width: 40%;
}

.common_main_point_group292_2 .common_main_point {
  top: 48%;
  left: 35%;
}

.common_main_point_group292_2 .common_main_point_body {
  top: 40%;
  left: 0;
}

.common_main_point_group292_2 .common_main_point_body::after {
  width: 68%;
}

.common_main_point_group292_3 .common_main_point {
  top: 32%;
  left: 42%;
}

.common_main_point_group292_3 .common_main_point_body {
  top: 21.5%;
  left: 0;
}

.common_main_point_group292_3 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group292_4 .common_main_point {
  top: 63%;
  left: 42%;
}

.common_main_point_group292_4 .common_main_point_body {
  top: 52.5%;
  left: 0;
}

.common_main_point_group292_4 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group292_5 .common_main_point {
  top: 46%;
  left: 45%;
}

.common_main_point_group292_5 .common_main_point_body {
  top: 40.3%;
  left: 0;
}

.common_main_point_group292_5 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group292_6 .common_main_point {
  top: 11.5%;
  left: 68.5%;
}

.common_main_point_group292_6 .common_main_point_body {
  top: 3%;
  right: 0;
}

.common_main_point_group292_6 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 30%;
}

.common_main_point_group292_7 .common_main_point {
  top: 56.5%;
  left: 68.5%;
}

.common_main_point_group292_7 .common_main_point_body {
  top: 50.3%;
  right: 0;
}

.common_main_point_group292_7 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 30%;
}

.commonSvgWrap292_1 .commonSvg {
  fill: #fff;
}

.simulator_tab1 {
  margin-top: calc(80/var(--kniu_vw));
}

.simulator_tab_head1 {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

.simulator_tab_head_cell1 {
  position: relative;
  padding-bottom: calc(12/var(--kniu_vw));
  font-weight: 700;
  cursor: pointer;
}

.simulator_tab_head_cell1+.simulator_tab_head_cell1 {
  margin-left: calc(60/var(--kniu_vw));
}

.simulator_tab_head_cell1.kniu_tab_active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e2001a;
}

.simulator_tab_head_cell1.kniu_tab_active {
  color: #000;
}

.simulator_tab_body1 {
  margin-top: calc(30/var(--kniu_vw));
}

.simulator_tab_main1,
.additive_main1 {
  background-image: url(../img/WeldingSimulator/bg01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.common_main_point_group_simulator11 .common_main_point {
  top: 33.5%;
  left: 50.5%;
}

.common_main_point_group_simulator11 .common_main_point_body {
  top: 25%;
  right: 0;
}

.common_main_point_group_simulator11 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 110%;
}

.common_main_point_group_simulator12 .common_main_point {
  top: 78.5%;
  left: 62.5%;
}

.common_main_point_group_simulator12 .common_main_point_body {
  top: 65.5%;
  right: 0;
}

.common_main_point_group_simulator12 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 60%;
}

.common_main_point_group_simulator13 .common_main_point {
  top: 9%;
  left: 38%;
}

.common_main_point_group_simulator13 .common_main_point_body {
  top: 1%;
  left: 0;
}

.common_main_point_group_simulator13 .common_main_point_body::after {
  width: 70%;
}

.common_main_point_group_simulator14 .common_main_point {
  top: 58.5%;
  left: 62.5%;
}

.common_main_point_group_simulator14 .common_main_point_body {
  top: 38.5%;
  right: 0;
}

.common_main_point_group_simulator14 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 60%;
}

.common_main_point_group_simulator15 .common_main_point {
  top: 64%;
  left: 41%;
}

.common_main_point_group_simulator15 .common_main_point_body {
  top: 51%;
  left: 0;
}

.common_main_point_group_simulator15 .common_main_point_body::after {
  width: 90%;
}

.common_main_point_group_simulator21 .common_main_point {
  top: 57%;
  left: 36%;
}

.common_main_point_group_simulator21 .common_main_point_body {
  top: 55.8%;
  left: 0;
}

.common_main_point_group_simulator21 .common_main_point_body::after {
  width: 70%;
}

.common_main_point_group_simulator22 .common_main_point {
  top: 74%;
  left: 43%;
}

.common_main_point_group_simulator22 .common_main_point_body {
  top: 72.8%;
  left: 0;
}

.common_main_point_group_simulator22 .common_main_point_body::after {
  width: 100%;
}

.common_main_point_group_simulator23 .common_main_point {
  top: 9.5%;
  left: 55.5%;
}

.common_main_point_group_simulator23 .common_main_point_body {
  top: 8%;
  right: 0;
}

.common_main_point_group_simulator23 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 90%;
}

.common_main_point_group_simulator24 .common_main_point {
  top: 34.5%;
  left: 64.5%;
}

.common_main_point_group_simulator24 .common_main_point_body {
  top: 33%;
  right: 0;
}

.common_main_point_group_simulator24 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 50%;
}

.common_main_point_group_simulator25 .common_main_point {
  top: 69%;
  left: 69.5%;
}

.common_main_point_group_simulator25 .common_main_point_body {
  top: 67.7%;
  right: 0;
}

.common_main_point_group_simulator25 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 27%;
}

.artis_tab_main1 {
  background-image: url(../img/WeldingSimulator/bg01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.common_main_point_group_artis11 .common_main_point {
  top: 75.5%;
  left: 49%;
}

.common_main_point_group_artis11 .common_main_point_body {
  top: 69.3%;
  right: 0;
}

.common_main_point_group_artis11 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 115%;
}

.common_main_point_group_artis12 .common_main_point {
  top: 78%;
  left: 32%;
}

.common_main_point_group_artis12 .common_main_point_body {
  top: 72%;
  left: 0;
}

.common_main_point_group_artis12 .common_main_point_body::after {
  width: 50%;
}

.common_main_point_group_artis13 .common_main_point {
  top: 78%;
  left: 65.5%;
}

.common_main_point_group_artis13 .common_main_point_body {
  top: 74.3%;
  right: 0;
}

.common_main_point_group_artis13 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 45%;
}

.common_main_point_group_artis14 .common_main_point {
  top: 62%;
  left: 58.5%;
}

.common_main_point_group_artis14 .common_main_point_body {
  top: 58.3%;
  right: 0;
}

.common_main_point_group_artis14 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 76%;
}

.common_main_point_group_artis15 .common_main_point {
  top: 62%;
  left: 39%;
}

.common_main_point_group_artis15 .common_main_point_body {
  top: 58.3%;
  left: 0;
}

.common_main_point_group_artis15 .common_main_point_body::after {
  width: 82%;
}

.imave_panel_group .KN_PANELUPLEFT {
  max-width: 80%;
}

.weldcubenavigator_point_group11 .common_main_point {
  top: 39%;
  left: 25%;
}

.weldcubenavigator_point_group11 .common_main_point_body {
  top: 35.5%;
  left: 0;
}

.weldcubenavigator_point_group11 .common_main_point_body::after {
  width: 19%;
}

.weldcubenavigator_point_group12 .common_main_point {
  top: 39%;
  left: 52.5%;
}

.weldcubenavigator_point_group12 .common_main_point_body {
  top: 33%;
  right: 0;
}

.weldcubenavigator_point_group12 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 100%;
}

.weldcubenavigator_point_group13 .common_main_point {
  top: 90%;
  left: 25%;
}

.weldcubenavigator_point_group13 .common_main_point_body {
  top: 81.5%;
  left: 0;
}

.weldcubenavigator_point_group13 .common_main_point_body::after {
  width: 19%;
}

.weldcubenavigator_point_group14 .common_main_point {
  top: 90%;
  left: 52.5%;
}

.weldcubenavigator_point_group14 .common_main_point_body {
  top: 86.2%;
  right: 0;
}

.weldcubenavigator_point_group14 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 100%;
}

.weldcubenavigator_point_group21 .common_main_point {
  top: 44%;
  left: 32%;
}

.weldcubenavigator_point_group21 .common_main_point_body {
  top: 38%;
  left: 0;
}

.weldcubenavigator_point_group21 .common_main_point_body::after {
  width: 50%;
}

.weldcubenavigator_point_group22 .common_main_point {
  top: 61%;
  left: 33%;
}

.weldcubenavigator_point_group22 .common_main_point_body {
  top: 57.5%;
  left: 0;
}

.weldcubenavigator_point_group22 .common_main_point_body::after {
  width: 55%;
}

.weldcubenavigator_point_group23 .common_main_point {
  top: 46%;
  left: 56%;
}

.weldcubenavigator_point_group23 .common_main_point_body {
  top: 44.6%;
  right: 0;
}

.weldcubenavigator_point_group23 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 88%;
}

.weldcubenavigator_point_group24 .common_main_point {
  top: 61%;
  left: 62%;
}

.weldcubenavigator_point_group24 .common_main_point_body {
  top: 57.3%;
  right: 0;
}

.weldcubenavigator_point_group24 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 61%;
}

.tigDynamicwire_point_group1 .common_main_point {
  top: 17%;
  left: 55.5%;
}

.tigDynamicwire_point_group1 .common_main_point_body {
  top: 0;
  right: 0;
}

.tigDynamicwire_point_group1 .common_main_point_body::after {
  top: 24.1%;
  right: 100%;
  left: auto;
  width: 90%;
}

.tigDynamicwire_point_group2 .common_main_point {
  top: 33%;
  left: 38%;
}

.tigDynamicwire_point_group2 .common_main_point_body {
  top: 0;
  left: 0;
}

.tigDynamicwire_point_group2 .common_main_point_body::after {
  top: 47.6%;
  width: 78%;
}

.tigDynamicwire_point_group3 .common_main_point {
  top: 33%;
  left: 51.8%;
}

.tigDynamicwire_point_group3 .common_main_point_body {
  top: 27%;
  right: 0;
}

.tigDynamicwire_point_group3 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 106%;
}

.col1 {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.col_img1 {
  margin: 0 15px;
}

.common_main_bg {
  pointer-events: none;
}

.app_main_point_group {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}

.app_main_point_group+.app_main_point_group {
  margin-top: 20px;
}

.app_main_point {
  border: 3px solid rgba(226, 0, 26, .3);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  margin-right: 15px;
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.app_main_point_num {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
  background-color: #e2001a;
  color: #fff;
}

.tpsirobotics_tab1 .common_main_boby {
  display: block;
}

.tpsirobotics_tab1 .common_main_point {
  border-width: 3px;
  width: 32px;
  height: 32px;
}

.tpsirobotics_point_group11 .common_main_point {
  top: 37%;
  left: 10.5%;
}

.tpsirobotics_point_group11 .common_main_point_body {
  top: 26.5%;
  left: 0;
}

.tpsirobotics_point_group11 .common_main_point_body::after {
  width: 40%;
}

.tpsirobotics_point_group12 .common_main_point {
  top: 7%;
  left: 23.5%;
}

.tpsirobotics_point_group12 .common_main_point_body {
  top: 1.1%;
  left: 0;
}

.tpsirobotics_point_group12 .common_main_point_body::after {
  width: 75%;
}

.tpsirobotics_point_group13 .common_main_point {
  top: 76.5%;
  left: 57.5%;
}

.tpsirobotics_point_group13 .common_main_point_body {
  top: 70.4%;
  right: 0;
}

.tpsirobotics_point_group13 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 81%;
}

.tpsirobotics_point_group14 .common_main_point {
  top: 36.5%;
  left: 53.5%;
}

.tpsirobotics_point_group14 .common_main_point_body {
  top: 32.7%;
  right: 0;
}

.tpsirobotics_point_group14 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 98%;
}

.tpsirobotics_point_group15 .common_main_point {
  top: 36%;
  left: 40.5%;
}

.tpsirobotics_point_group15 .common_main_point_body {
  top: 23.1%;
  left: 0;
}

.tpsirobotics_point_group15 .common_main_point_body::after {
  width: 111%;
}

.tpsirobotics_point_group16 .common_main_point {
  top: 52%;
  left: 53.5%;
}

.tpsirobotics_point_group16 .common_main_point_body {
  top: 41.7%;
  right: 0;
}

.tpsirobotics_point_group16 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 98%;
}

.tpsirobotics_point_group21 .common_main_point {
  top: 61%;
  left: 50.5%;
}

.tpsirobotics_point_group21 .common_main_point_body {
  top: 48.1%;
  right: 0;
}

.tpsirobotics_point_group21 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 110%;
}

.tpsirobotics_point_group22 .common_main_point {
  top: 16.5%;
  left: 82.8%;
}

.tpsirobotics_point_group22 .common_main_point_body {
  top: 6.1%;
  right: 0;
}

.tpsirobotics_point_group22 .common_main_point_body::after {
  right: 100%;
  left: auto;
  width: 39%;
}

.tpsirobotics_point_group23 .common_main_point {
  top: 47%;
  left: 26.5%;
}

.tpsirobotics_point_group23 .common_main_point_body {
  top: 41.2%;
  left: 0;
}

.tpsirobotics_point_group23 .common_main_point_body::after {
  width: 80%;
}

.tpsirobotics_point_group24 .common_main_point {
  top: 62%;
  left: 10.5%;
}

.tpsirobotics_point_group24 .common_main_point_body {
  top: 56.2%;
  left: 0;
}

.tpsirobotics_point_group24 .common_main_point_body::after {
  width: 40%;
}

.tpsirobotics_point_group25 .common_main_point {
  top: 48%;
  left: -0.2%;
}

.tpsirobotics_point_group25 .common_main_point_body {
  top: 37.4%;
  left: 0;
}

.tpsirobotics_point_group25 .common_main_point_body::after {
  width: 15%;
}

@media (min-width: calc(1024px - 60px)) {
  .col1+.col1 {
    border-left: 1px solid #28323c33;
  }

  .body_cell_318_4 .kniu_card_body {
    position: absolute;
  }

  .body_cell_319_1 .type7link1 {
    width: calc((100% - 30px*3)/4);
  }

  .app_main_points_group {
    display: none;
  }

  .common_main_point_num {
    font-size: 20px;
  }

  .tpsirobotics_tab1 .common_main_point {
    border-width: 6px;
    width: 45px;
    height: 45px;
  }

  .tpsirobotics_point_group11 .common_main_point {
    left: 29.5%;
  }

  .tpsirobotics_point_group12 .common_main_point {
    left: 37.5%;
  }

  .tpsirobotics_point_group15 .common_main_point {
    left: 45.5%;
  }

  .tpsirobotics_point_group22 .common_main_point {
    left: 66.8%;
  }

  .tpsirobotics_point_group23 .common_main_point {
    left: 38.5%;
  }

  .tpsirobotics_point_group24 .common_main_point {
    left: 29.5%;
  }

  .tpsirobotics_point_group25 .common_main_point {
    left: 23.8%;
  }
}

.menuLinkIconGroup {
  margin-bottom: 20px;
  text-align: center;
}

.menuLinkIcon {
  width: auto;
}