* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.clear {
  clear: both;
}

body {
  font-size: 17px;
  line-height: 1.8;
}

.centere {
  min-width: 1200px !important;
  width: 1200px !important;
  margin: 0 auto;
  overflow: hidden;
}

.headtitle {
  padding-top: 84px;
  text-align: center;
}

.headtitle h3 {
  font-size: 30px;
}

.headtitle p {
  font-size: 14px;
  color: #C3C5D4;
}

#spea_app .banner {
  color: #fff;
  position: relative;
  overflow: hidden;
}

#spea_app .banner .banerimg {
  width: 100%;
  height: 600px;
  display: block;
}

#spea_app .banner .centere {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

#spea_app .banner .centere h2 {
  margin-top: 218px;
  font-size: 45px;
}

#spea_app .banner .centere p {
  font-size: 24px;
}

#spea_app .banner .centere .headbtn1 {
  display: inline-block;
  margin-top: 46px;
  margin-right: 10px;
  width: 160px;
  height: 50px;
  background: #FFFFFF;
  border: 2px solid #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 46px;
  color: #156CB8;
}

#spea_app .banner .centere .headbtn2 {
  display: inline-block;
  margin-top: 46px;
  width: 160px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 46px;
}

#spea_app .transformation {
  background-image: url(../img/bg_1.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 75px;
}

#spea_app .transformation .titxt {
  text-align: center;
  color: #5B5E77;
  font-size: 16px;
}

#spea_app .transformation .content {
  margin-top: 60px;
  overflow: hidden;
}

#spea_app .transformation .content .cont_left {
  float: left;
  width: 250px;
  height: 420px;
  background: #FFFFFF;
  border-radius: 12px;
}

#spea_app .transformation .content .cont_left ul {
  padding-top: 47px;
}

#spea_app .transformation .content .cont_left ul li {
  width: 250px;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  padding-left: 35px;
  margin-bottom: 13px;
  display: flex;
  align-items: center;
}

#spea_app .transformation .content .cont_left ul li img {
  width: 19px;
  height: 23px;
  object-fit: contain;
}

#spea_app .transformation .content .cont_left ul li img:nth-of-type(2) {
  display: none;
}

#spea_app .transformation .content .cont_left ul li span {
  margin-left: 15px;
}

#spea_app .transformation .content .cont_left ul li.active {
  color: #fff;
  background: linear-gradient(90deg, #2681AF 0%, #38DCD1 100%);
}

#spea_app .transformation .content .cont_left ul li.active img:nth-of-type(1) {
  display: none;
}

#spea_app .transformation .content .cont_left ul li.active img:nth-of-type(2) {
  display: inline-block;
}

#spea_app .transformation .content .cont_right {
  float: right;
  width: 930px;
  height: 420px;
  background: #FFFFFF;
  border-radius: 12px;
}

#spea_app .transformation .content .cont_right ul li {
  display: none;
}

#spea_app .transformation .content .cont_right ul li img {
  margin-top: 50px;
  float: left;
  width: 50%;
}

#spea_app .transformation .content .cont_right ul li div {
  margin-top: 118px;
  width: 50%;
  float: left;
}

#spea_app .transformation .content .cont_right ul li div h3 {
  color: #222432;
  font-size: 30px;
}

#spea_app .transformation .content .cont_right ul li div p {
  margin-top: 41px;
  width: 325px;
  font-size: 18px;
  color: #5B5E77;
}

#spea_app .transformation .content .cont_right ul li.active {
  display: block;
}

#spea_app .scene {
  position: relative;
}

#spea_app .scene img {
  width: 100%;
}

#spea_app .scene .centere .concenter {
  position: absolute;
  left: 0;
  top: 32%;
  right: 0;
  margin: auto;
  text-align: center;
  height: 115px;
}

#spea_app .scene .centere .concenter h4 {
  color: #02B2B5;
  font-size: 30px;
}

#spea_app .scene .centere .concenter span {
  color: #C3C5D4;
  font-size: 14px;
}

#spea_app .scene .centere .concenter p {
  color: #5B5E77;
  font-size: 16px;
}

#spea_app .scene .centere .point {
  z-index: 1;
  position: absolute;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 7px 7px 18px 0px rgba(65, 126, 141, 0.31);
  color: #87899C;
  text-align: center;
}

#spea_app .scene .centere .point:hover {
  color: #fff;
  background: linear-gradient(0deg, #006A9A 0%, #29FCFF 100%);
}

#spea_app .scene .centere .point:hover::after {
  z-index: -1;
  position: absolute;
  content: '';
  background-image: url(../img/sefoot.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 40%;
  bottom: -36%;
  left: 0;
}

#spea_app .choice {
  background-color: #F7F9FD;
  background-image: url(../img/bg_3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#spea_app .choice .centere {
  height: 557px;
}

#spea_app .choice .centere .headtitle {
  color: #fff;
}

#spea_app .choice .centere .cho_cont {
  margin-top: 82px;
}

#spea_app .choice .centere .cho_cont ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#spea_app .choice .centere .cho_cont ul li {
  transition: all .3s;
  width: 290px;
  height: 240px;
  background: #FFFFFF;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#spea_app .choice .centere .cho_cont ul li img {
  margin-top: 44px;
  width: 43px;
}

#spea_app .choice .centere .cho_cont ul li h4 {
  margin-top: 25px;
  font-size: 20px;
}

#spea_app .choice .centere .cho_cont ul li p {
  margin-top: 20px;
  width: 240px;
  color: #5B5E77;
  font-size: 14px;
}

#spea_app .choice .centere .cho_cont ul li:hover {
  margin-top: -20px;
}

#spea_app .mized {
  background-color: #F7F9FD;
}

#spea_app .mized .headtitle {
  padding-top: 0;
}

#spea_app .mized .probox {
  margin-top: 52px;
  position: relative;
  height: 600px;
}

#spea_app .mized .probox .nav {
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}

#spea_app .mized .probox .nav li {
  position: relative;
  padding: 0 17px;
  font-size: 18px;
  color: #303030;
  transition: all 0.2s linear;
}

#spea_app .mized .probox .nav li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 1px;
  height: 15px;
  background-color: #222222;
}

#spea_app .mized .probox .nav li:first-child {
  padding-left: 0;
}

#spea_app .mized .probox .nav li:last-child::after {
  content: none;
}

#spea_app .mized .probox .nav .active {
  color: #02B2B5;
}

#spea_app .mized .probox .btn_box {
  position: absolute;
  right: 0;
  top: 14px;
  display: flex;
}

#spea_app .mized .probox .btn_box li {
  margin-left: 5px;
  width: 18px;
  height: 5px;
  background: #02B2B5;
  opacity: 0.5;
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
  transition: all 0.2s linear;
}

#spea_app .mized .probox .btn_box .active {
  width: 56px;
  background: linear-gradient(90deg, #2681AF 0%, #38DCD1 100%);
  opacity: 0.85;
}

#spea_app .mized .probox .conimg {
  position: absolute;
  top: 50px;
  left: 0;
  width: 840px;
  height: 480px;
}

#spea_app .mized .probox .conimg li {
  transition: all 0.2s linear;
  display: none;
}

#spea_app .mized .probox .conimg img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

#spea_app .mized .probox .conimg .active {
  display: block;
}

#spea_app .mized .probox .contxt {
  position: absolute;
  right: 0;
  top: 100px;
  width: 520px;
  height: 380px;
  background: linear-gradient(68deg, #2681AF 0%, #38DCD1 100%);
  color: #ffffff;
  border-radius: 20px;
}

#spea_app .mized .probox .contxt li {
  display: none;
  padding: 80px 63px;
}

#spea_app .mized .probox .contxt li .titletxt {
  margin-bottom: 28px;
}

#spea_app .mized .probox .contxt li p {
  font-size: 16px;
}

#spea_app .mized .probox .contxt li span {
  font-size: 30px;
  margin-right: 13px;
}

#spea_app .mized .probox .contxt .active {
  display: block;
}

#spea_app .cooperation {
  background-color: #F7F9FD;
  overflow: hidden;
}

#spea_app .cooperation .headtitle {
  padding-top: 0;
}

#spea_app .cooperation .cooper_cont {
  margin-top: 60px;
  position: relative;
}

#spea_app .cooperation .cooper_cont .cobg {
  display: block;
  width: 100%;
}

#spea_app .cooperation .cooper_cont ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

#spea_app .cooperation .cooper_cont ul li {
  position: relative;
  width: 17.2%;
}

#spea_app .cooperation .cooper_cont ul li .bg_color {
  transition: background .3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  height: 100%;
  background: black;
  opacity: 0.5;
  transition: all .6s;
  transform: skew(354deg, 0);
  -ms-transform: skew(354deg, 0);
  -webkit-transform: skew(354deg, 0);
  transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
}

#spea_app .cooperation .cooper_cont ul li .coercont {
  transition: top .3s;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  width: 200px;
  color: #fff;
  text-align: center;
}

#spea_app .cooperation .cooper_cont ul li .coercont img {
  width: 115px;
  transition: opacity .3s;
  opacity: 0;
}

#spea_app .cooperation .cooper_cont ul li:hover .bg_color {
  background: #30b5c2;
}

#spea_app .cooperation .cooper_cont ul li:hover .coercont {
  top: 100px;
}

#spea_app .cooperation .cooper_cont ul li:hover .coercont img {
  opacity: 1;
}

#spea_app .service {
  background-color: #F7F9FD;
}

#spea_app .service .service_cont {
  margin-top: 60px;
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}

#spea_app .service .service_cont .service_cont_last {
  display: inline-block;
  white-space: nowrap;
  animation: myhfitemone 50s linear infinite;
  -webkit-animation: myhfitemone 50s linear infinite;
}

#spea_app .service .service_cont ul {
  min-width: 100%;
  white-space: nowrap;
  display: inline-block;
  color: black;
  margin: 0 auto;
  text-align: center;
}

#spea_app .service .service_cont ul li {
  padding: 0 10px;
  display: inline-block;
}

#spea_app .service .service_cont ul li img {
  width: 200px;
}

#spea_app .offer {
  background-color: #F7F9FD;
  background-image: url(../img/bg_4.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 100px;
}

#spea_app .offer .contact {
  margin-top: 26px;
  text-align: center;
}

#spea_app .offer .contact p {
  padding: 0 20px;
  display: inline-block;
  background-image: url(../img/phone.svg);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 20px;
  text-indent: 30px;
}

#spea_app .offer .offer_cont {
  width: 800px;
  height: 97px;
  background: #FFFFFF;
  box-shadow: 7px 7px 18px 0px rgba(65, 126, 141, 0.05);
  border-radius: 10px;
  padding-top: 25px;
  text-align: center;
  margin: 42px auto 0;
}

#spea_app .offer .offer_cont .st_input {
  display: inline-block;
  width: 250px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 20px;
  padding: 0 30px;
}

#spea_app .offer .offer_cont .st_input input {
  height: 40px;
  border: none;
  outline: none;
  background: none;
}

#spea_app .offer .offer_cont .offer_btn {
  display: inline-block;
  width: 110px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(43deg, #2681AF 0%, #38DCD1 100%);
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

#spea_app .dialog {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#spea_app .dialog .alertlog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 430px;
  padding-bottom: 23.7px;
  border-radius: 18.17px;
  background-color: #fff;
}

#spea_app .dialog .alertlog .off {
  position: absolute;
  top: 6.32px;
  right: 6.32px;
  width: 26px;
  z-index: 1;
}

#spea_app .dialog .alertlog .po_title {
  position: relative;
}

#spea_app .dialog .alertlog .po_title img {
  width: 100%;
}

#spea_app .dialog .alertlog .po_title h3 {
  position: absolute;
  top: 22px;
  left: 31.6px;
  width: 316px;
  color: #fff;
  font-size: 22px !important;
}

#spea_app .dialog .alertlog .Oh3 {
  text-align: center;
  margin-top: 28.44px;
  font-size: 20px !important;
  color: #000  !important;
}

#spea_app .dialog .alertlog .hz_cenword {
  font-size: 14px;
  padding-top: 15.8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#spea_app .dialog .alertlog .hz_cenword i {
  display: inline-block;
  width: 118.5px;
  height: 9.48px;
}

#spea_app .dialog .alertlog .hz_cenword .icon1 {
  background: url(https://4g.kuleiman.com/Public/Images//hz_imgl.png) repeat;
  background-size: 100% 100%;
}

#spea_app .dialog .alertlog .hz_cenword .icon2 {
  background: url(https://4g.kuleiman.com/Public/Images//hz_imgr.png) repeat;
  background-size: 100% 100%;
}

#spea_app .dialog .alertlog input[type="text"] {
  display: block;
  width: 311.26px;
  height: 41.87px;
  line-height: 41.87px;
  background: #ffffff;
  border: 1px solid #c1c1c1;
  border-radius: 7.9px;
  margin: 17.38px auto 0;
  text-indent: 1em;
  outline: none;
}

#spea_app .dialog .alertlog input[type="button"] {
  display: block;
  margin: 17.38px auto 0;
  width: 311.26px;
  height: 41.87px;
  background: linear-gradient(-90deg, #ff5300 0%, #ffba00 100%);
  border-radius: 7.9px;
  line-height: 41.87px;
  color: #fff;
  font-size: 14px;
  outline: none;
  border: none;
}

#spea_app .dialog .alertlog p {
  margin-top: 18.96px;
  text-align: center;
  font-size: 12px;
  color: #1A1A1A;
  opacity: 0.6;
}

#spea_app .alert_log {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: none;
}

#spea_app .alert_log .alert_container {
  font-size: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  width: 398px;
  height: 182px;
}

#spea_app .alert_log .alert_container .alert_cont_top {
  background-color: #f5f5f5;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #efefef;
}

#spea_app .alert_log .alert_container .alert_cont_top .alert_close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  float: right;
  margin-top: 10px;
  background: url(https://n3w.kuleiman.com/app/resource/image/ly-close.png) 0 0 no-repeat;
}

#spea_app .alert_log .alert_container .alert_cont_top .labels {
  padding-left: 28px;
  background: url(https://n3w.kuleiman.com/app/resource/image/ly-01.png) 0 center no-repeat;
}

#spea_app .alert_log .alert_container .alert_cont_wrap {
  line-height: 22px;
  margin-top: 31px;
  padding: 0 10px 0 130px;
  min-height: 81px;
  background: url(https://n3w.kuleiman.com/app/resource/image/ly-02.png) 20px center no-repeat;
}

#spea_app .alert_log .alert_container .alert_cont_wrap i {
  color: #ed6a11;
  font-style: normal;
}

@keyframes myhfitemone {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}