.w {
  width: 1200px;
}

.centerBox, .scence_wrapper .scence_box, .scence_wrapper, .production_wrapper .pro_card_box, .production_wrapper, .model_wrapper .model_box, .model_wrapper, .support_wrapper .sup_box .sup_right, .support_wrapper, .software_intro .intro_wrapper .intro_banner .intro_banner_dec, .software_intro, .banner_top .banner_content .banner_content_left a, .banner_top .banner_content, .banner_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner_top {
  width: 100%;
  height: 900px;
  margin-top: 116px;
  background: url(https://res.callmysoft.com/wm-static-resource/index/KingshiperPc/product/103/images/bg.png) no-repeat center/cover;
}
.banner_top .banner_content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.banner_top .banner_content .banner_content_left {
  width: 460px;
  margin-bottom: 30px;
}
.banner_top .banner_content .banner_content_left h1 {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: Microsoft YaHei;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 31.818% */
  margin-bottom: 50px;
}
.banner_top .banner_content .banner_content_left p {
  color: #000;
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */
  margin-bottom: 50px;
}
.banner_top .banner_content .banner_content_left a {
  width: 308px;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #5381ff;
  margin-bottom: 30px;
}
.banner_top .banner_content .banner_content_left a img {
  margin-right: 20px;
  width: 24px;
}
.banner_top .banner_content .banner_content_left a span {
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 157%; /* 37.68px */
}
.banner_top .banner_content .banner_content_left > span {
  color: #000;
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 70% */
  opacity: 0.5;
}
.banner_top .banner_content .banner_content_right {
  position: absolute;
  left: 40%;
}

.software_intro {
  width: 100%;
  height: 967px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 80px;
  background: #f9fbff;
}
.software_intro > p {
  color: #565656;
  text-align: center;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 29.934px */
  width: 796px;
  margin-top: 40px;
}
.software_intro .intro_wrapper {
  margin-top: 150px;
  -webkit-box-shadow: 0 5px 10px 2px #e5eafa;
          box-shadow: 0 5px 10px 2px #e5eafa;
  border-radius: 8px;
  position: relative;
}
.software_intro .intro_wrapper .intro_banner {
  position: relative;
  display: none;
}
.software_intro .intro_wrapper .intro_banner .intro_banner_dec {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-left: 50px;
  position: absolute;
  top: -100px;
  z-index: 99;
  width: 565px;
  height: 331px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(269deg, rgba(255, 255, 255, 0.18) 100%, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: -3px 10px 10.3px 0px #fff inset, 40px 34px 51.4px 0px rgba(181, 197, 240, 0.4);
          box-shadow: -3px 10px 10.3px 0px #fff inset, 40px 34px 51.4px 0px rgba(181, 197, 240, 0.4);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
}
.software_intro .intro_wrapper .intro_banner .intro_banner_dec h2 {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 66.519px */
  margin-bottom: 25px;
}
.software_intro .intro_wrapper .intro_banner .intro_banner_dec p {
  margin-bottom: 15px;
}
.software_intro .intro_wrapper .intro_banner .intro_banner_dec p img {
  margin-right: 8px;
}
.software_intro .intro_wrapper .intro_banner .intro_banner_dec p span {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 29.934px */
}
.software_intro .intro_wrapper .intro_banner > img {
  opacity: 80%;
  height: 505px;
  width: 1200px;
  border-radius: 8px;
}
.software_intro .intro_wrapper .intro_pagenation {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 8px;
  background: #f0f4fc;
}
.software_intro .intro_wrapper .intro_pagenation .intro_page {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  width: 236px;
  height: 67px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  background: #f0f4fc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  text-align: center;
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 67px; /* 29.934px */
}

.font_active {
  color: #fff !important;
  background: #5381ff !important;
}

.intro_banner_active {
  display: block !important;
}

.support_wrapper {
  background: #ffffff;
}
.support_wrapper .sup_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 641px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.support_wrapper .sup_box .sup_left img {
  padding-top: 80px;
  width: 652px;
}
.support_wrapper .sup_box .sup_right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-left: 50px;
}
.support_wrapper .sup_box .sup_right h1 {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%; /* 66.519px */
  margin-bottom: 60px;
}
.support_wrapper .sup_box .sup_right h1 span {
  color: #5381ff;
  font-family: Microsoft YaHei;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%;
}
.support_wrapper .sup_box .sup_right h3 {
  margin-bottom: 15px;
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%; /* 39.911px */
}
.support_wrapper .sup_box .sup_right p {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 26.608px */
}

.model_wrapper {
  background: #f9fbff;
}
.model_wrapper .model_box {
  height: 666px;
}
.model_wrapper .model_box .mod_left {
  padding-right: 60px;
}
.model_wrapper .model_box .mod_left h1 {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%; /* 66.519px */
  margin-bottom: 60px;
}
.model_wrapper .model_box .mod_left h1 span {
  color: #5381ff;
  font-family: Microsoft YaHei;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%;
}
.model_wrapper .model_box .mod_left h5 {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%; /* 39.911px */
}
.model_wrapper .model_box .mod_left p {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 26.608px */
  margin-bottom: 30px;
}
.model_wrapper .model_box .mod_right img {
  border-radius: 20px;
}

.production_wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 980px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 80px;
  background: #ffffff;
}
.production_wrapper > img {
  margin-bottom: 60px;
}
.production_wrapper .pro_card_box {
  width: 1200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.production_wrapper .pro_card_box img {
  margin-bottom: 32px;
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.production_wrapper .pro_card_box img:hover {
  -webkit-transform: scale(1.019);
      -ms-transform: scale(1.019);
          transform: scale(1.019);
}

.scence_wrapper {
  height: 632px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9fbff;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scence_wrapper > img {
  margin-bottom: 60px;
}
.scence_wrapper .scence_box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.scence_wrapper .scence_box .scence_item h5 {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 166.298%; /* 33.26px */
  margin-top: 44px;
  margin-bottom: 26px;
}
.scence_wrapper .scence_box .scence_item p img {
  margin-right: 10px;
}
.scence_wrapper .scence_box .scence_item p span {
  color: #233049;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.298%; /* 26.608px */
}