body,
p {
  padding: 0;
  margin: 0;
}
#latest_features .banner {
  width: 100%;
  margin: 0 auto;
}
#latest_features img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
#latest_features .introduce {
  height: 857px;
  margin: 0 auto;
  overflow: hidden;
}
#latest_features .title_title {
  height: 70px;
  font-size: 36px;
  font-weight: 600;
  color: #333;
  line-height: 70px;
  margin-top: 108px;
  text-align: center;
}
#latest_features .content {
  width: 1198px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 33px;
  margin: 20px auto;
  text-align: center;
}
#latest_features .introduce_img {
  width: 1130px;
  margin: 80px auto;
}
#latest_features .capacity {
  height: 936px;
  background: #f8fbff;
  overflow: hidden;
}
#latest_features .capacity_carousel {
  width: 1146px;
  margin: 80px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#latest_features .capacity_carousel > div {
  cursor: pointer;
  position: relative;
}
#latest_features .capacity_carousel .capacity_carousel_img1 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_69b633e43e876e933eb70928fc49861b.png")
    no-repeat 100%/100%;
}
#latest_features .capacity_carousel .capacity_carousel_img1_1 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_e5b174bdb10f64c895d993fa22363a1c.png")
    no-repeat 100%/100%;
}
#latest_features .capacity_carousel .capacity_carousel_img2 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_d8a89b63b9dec37ccfc8a32e47c94948.png")
    no-repeat 100%/100%;
}
#latest_features .capacity_carousel .capacity_carousel_img2_2 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_6c881cab33e6d34e3f6e7bc276404d8b.png")
    no-repeat 100%/100%;
}
#latest_features .capacity_carousel .capacity_carousel_img3 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_23532d9c5ade65ac54ef61ec6338277e.png")
    no-repeat 100%/100%;
}
#latest_features .capacity_carousel .capacity_carousel_img3_3 {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  background: url("https://qiniu.htknow.com/44893_4e363ef77797ba942ca6334c2b6cce81.png")
    no-repeat 100%/100%;
}
#latest_features .checkcolor {
  color: #206cfe !important;
}
#latest_features .checkicon::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #206cfe;
  border-radius: 2px;
  position: absolute;
  bottom: -20px;
  left: 43px;
}
#latest_features .capacity_carousel .capacity_carousel_text {
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 28px;
  margin-top: 20px;
}
#latest_features .capacity_slideshow {
  margin: 98px auto;
  width: 1197px;

  overflow: hidden;
}
#latest_features .transform1 {
  transform: translateX(0);
}
#latest_features .transform2 {
  transform: translateX(-1197px);
}
#latest_features .transform3 {
  transform: translateX(-2394px);
}
.capacity_slideshow .capacity_slideshow_list {
  height: 322px;
  display: flex;
  flex-wrap: nowrap;
  transition: 0.5s;
}
#latest_features .capacity_slideshow .capacity_slideshow_list .item {
  width: 1197px;
  height: 322px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
#latest_features .capacity_slideshow .capacity_slideshow_list .item .item_img1 {
  width: 444px;
  height: 322px;
}
#latest_features .capacity_slideshow .capacity_slideshow_list .item .item_img2 {
  width: 273px;
  height: 314px;
}
#latest_features .capacity_slideshow .capacity_slideshow_list .item .item_img3 {
  width: 441px;
  height: 294px;
}
#latest_features
  .capacity_slideshow
  .capacity_slideshow_list
  .item
  .item_title {
  height: 45px;
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  line-height: 45px;
}
#latest_features
  .capacity_slideshow
  .capacity_slideshow_list
  .item
  .item_Introduction {
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
  width: 552px;
  margin-top: 28px;
}

#latest_features .skd_capacity {
  height: 866px;
  overflow: hidden;
}
#latest_features .capacity_list {
  height: 153px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#latest_features .capacity_item {
  width: 400px;
  text-align: center;
}
#latest_features .capacity_img {
  width: 74px;
  height: 74px;
  margin: 3px auto;
}
#latest_features .capacity_text {
  margin-top: 22px;
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 28px;
}
#latest_features .line {
  width: 1px;
  height: 100%;
  background: #eeeeee;
}
#latest_features .btn {
  width: 255px;
  height: 52px;
  line-height: 52px;
  background: #3671ff;
  border-radius: 26px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  margin: 39px auto;
  cursor: pointer;
}
#latest_features .btn1 {
  width: 180px;
  height: 52px;
  background: #3671ff;
  border-radius: 26px;
  text-align: center;
  color: #ffffff;
  margin-top: 60px;
  cursor: pointer;
  line-height: 52px;
}
#latest_features .btn2 {
  width: 255px;
  height: 52px;
  line-height: 52px;
  background: #3671ff;
  border-radius: 26px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  margin: 102px auto;
  cursor: pointer;
}
#latest_features .serve {
  height: 624px;
  background: #f8fbff;
  overflow: hidden;
}
#latest_features .serve_swiper {
  width: 1335px;
  height: 302px;
  margin: 71px auto;
  position: relative;
}
#latest_features .right_mc {
  background-color: #f8fbff;
  z-index: 99;
  height: 100%;
  width: 70px;
  position: absolute;
  left: 0;
  top: 0;
}
#latest_features .left_mc {
  background-color: #f8fbff;
  z-index: 99;
  height: 100%;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
}
#latest_features .serve_swiper .swiper {
  width: 100%;
  height: 100%;
  padding: 0 70px;
  box-sizing: border-box;
  overflow: hidden;
}

#latest_features .serve_swiper .swiper-slide > div {
  height: 275px;
  margin-top: 27px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-shadow: 0px 0px 26px 0px rgba(187, 207, 245, 0.23);
  border-radius: 12px;
}
#latest_features .serve_swiper .swiper-slide .slide_img {
  width: 105px;
  height: 94px;
  transform: translateY(-27px);
}
#latest_features .serve_swiper .swiper-slide .slide_title {
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  line-height: 28px;
  margin-top: 19px;
}
#latest_features .slide_content {
  width: 190px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 20px;
  word-break: break-all;
  text-align: center;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 30px !important;
}

#latest_features .case {
  height: 856px;
  overflow: hidden;
}
#latest_features .case_item {
  width: 1200px;
  margin: 79px auto;
  display: flex;
  justify-content: space-between;
}
#latest_features .case_item_content {
  width: 390px;
}
#latest_features .iconfont {
  margin-top: 46px;
  width: 36px;
  height: 6px;
  background: #3671ff;
  border-radius: 6px;
}
#latest_features .case_title {
  height: 45px;
  font-size: 32px;
  font-weight: 600;
  color: #333;
  line-height: 45px;
  margin-top: 22px;
}
#latest_features .case_introduce {
  margin-top: 50px;
}
#latest_features .case_introduce p {
  width: 360px;
  font-size: 18px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
}

#latest_features .case_item_img {
  width: 570px;
  height: 498px;
}
#latest_features .case_item_img1 {
  width: 458px;
  height: 433px;
}

#latest_features .case1 {
  height: 769px;
  background: #f8fbff;
  overflow: hidden;
}
header {
  position: fixed !important;
  right: 0;
  left: 0;
}

.about-box {
  position: relative;
  transition: all 0.3s;
}

.about-box:hover .about {
  height: 100px;
}

.about-box:hover .about-b {
  height: 210px !important;
}

.about {
  transition: all 0.3s;
  position: absolute;
  z-index: 9;
  top: 70px;
  left: -7px;
  width: 92px;
  height: 0px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

.about-a {
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  color: #333;
}

.about-a:hover {
  color: #206cfe;
}

.about-box:hover .iconyou {
  transform: rotate(270deg) !important;
}

.iconyou {
  transition: all 0.2s;
  display: inline-block;
  font-size: 12px !important;
  transform: rotate(90deg) !important;
}

.solutionItme-z {
  padding: 15px 10px 10px !important;
  display: flex;
}

.solutionItme-z img {
  width: 16px;
  height: 16px;
  margin-right: 14px;
  margin-top: 3px;
}

.solutionItme-z .solutionItme-z-r {
  display: flex;
  flex-direction: column;
  
  font-size: 12px;
  line-height: normal;
  color: #666666;
}
.title-namer:hover {
  color: #206cfe !important;
}
.solutionItme-z .solutionItme-z-r .title-namer {
  color: #333333;
  font-size: 16px;
  margin-bottom: 6px;
}
header .logo a {
  background-image: url(https://qiniu.htknow.com/37376_8c1382b9a0bd6322df2a7e44fbbffe18.png) !important;
}
header.white_nav .logo a,
header:hover .logo a {
  background-image: url(https://qiniu.htknow.com/37376_e6c44cc67249531dc04bbc1f44853c32.png) !important;
}
.reg_btn_log {
  background: #ffffff !important;
  color: #206cfe !important;
}
header.white_nav .reg_btn_log {
  background: #206cfe !important;
  color: #ffffff !important;
}
header:hover .reg_btn_log {
  background: #206cfe !important;
  color: #ffffff !important;
}

.input-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.3s;
}
.input-icons {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: 0.3s;
}
.input-icon img,
.input-icons img {
  width: 14px;
  height: 8px;
}

.options-list {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  transition: 0.3s;
}

.options-item {
  width: 100%;
  margin-top: 16px;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}

.options-item:hover {
  color: #206cfe;
}

.options-item-text {
  width: 100%;
}
.options-item-right,
.options-item-right img {
  width: 12px;
  height: 8px;
}

.input-icon2 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.3s;
}
.input-icons2 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: 0.3s;
}
.input-icon2 img,
.input-icons2 img {
  width: 14px;
  height: 8px;
}

.options-list2 {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 0px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  transition: 0.3s;
}

.options-item2 {
  width: 100%;
  margin-top: 16px;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}

.options-item2:hover {
  color: #206cfe;
}

.options-item-text2 {
  width: 100%;
}
.options-item-right2,
.options-item-right2 img {
  width: 12px;
  height: 8px;
}

/* style.css */
@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_167357_syzbgja94s.eot?t=1607999914249');
  src: url('//at.alicdn.com/t/font_167357_syzbgja94s.eot?t=1607999914249#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMwAAsAAAAAB3AAAALkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDGgqCLIIUATYCJAMUCwwABCAFhG0HQxuDBsieA+7mMhojLB9evDQZJtciqPb77Fn4945RESh0XJ5QH8ugUYmyESpKxLMR+d+5/Ac4QpkRHckhK9ZdmvR6lL5cRo7Ioid0c9hZIL2pvbmpe1PYC05fyBIgQOTi0jQVKCB17SwutXRMKBPAcOUAltrJ/oVejH/Q3YggfrWbQIcZ5QxHrd19YFcEgwLxpioS2FsuRWHRRmiNzCwQX6Fq0qLxFsCX/PfjH/iyg6RmCEYeP7TIUP8Tf1DTxP+E+xQF7PMMYPPIWAUKcTsaOmcSjGDSETJbBO/qFPyk///8xKlGvPUfXpIVogVBZhfYg+HCTxwjBD9lhMRPgpD5STk/I7OCjnbkDHjF+FlxhBcMp2dksKWdzIG+vaWLybLBw+WS/v2J4pUtPGA4mLzEDOg+nyjuI4KDBZwx0T4Ws0WSMsEcyd/Yiu3UN/SHMD7H0+xJjcUyfk6yUqondUOH/xfH5vr7u6E8tyL5+izgJxfyckM7YMMw64aCVHfaw/2DnirZhg6d2VPweZjTZB3nuNFvdBFOnodPgqPyjtELQB43FgKQvhkP878IBOt/x5VU/WXHDPDjr/EAqIr14UaCsX89e2VZsdxAXYsujlnaUg2vHJjQoQP/IbANeDtHMry6ldDssLSZriFrzKILfhWqThvQ0tiFDiva5ncaxJlEcQDLZgGEPqeQ9PgOWZ87dMG/QjXiE1r6MkGHy0hbsdN8qrOJE0kQGQ2NIxWzCI20wllk9xBlOCTxJjcnDhAeVb3I6/J0o20kQvgZY6Ijik8IiihnYdQK9iOhEEMaZwGChcsvhFbpdtOxL7kwC4PTIY6QCIQMGTIOUWFMBE2rC87ez/cgFMNCJHympKEdQHBRavuIl4tnBbpNFFlV8i33RI1Q+AgChVAcE4a0AgMRCkMMoo13CyAwwcW/I6Cp5EaV6FqR635J+BvXQIfgAzWMBpPBbLAYrJDfMc0ss9GIhauKX5hDhAoA') format('woff2'), url('//at.alicdn.com/t/font_167357_syzbgja94s.woff?t=1607999914249') format('woff'), url('//at.alicdn.com/t/font_167357_syzbgja94s.ttf?t=1607999914249') format('truetype'), url('//at.alicdn.com/t/font_167357_syzbgja94s.svg?t=1607999914249#iconfont') format('svg')
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-top:before {
  content: "\e663"
}

.icon-down:before {
  content: "\e664"
}

.icon-right:before {
  content: "\e665"
}

.icon-left:before {
  content: "\e666"
}

.header{
  position: relative;
    z-index: 9;
}