@charset "utf-8";


/*初始化样式*/
* {
  -webkit-tap-highlight-color: transparent;
}

/*html5设置*/
html {
  overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

html,
body,
div,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #201c38;
  font:
    400 16px/1.5em "SourceHanSansCN",
    "Microsoft Yahei";
  overflow-x: hidden;
  width: 100%;
  word-wrap: break-word;
}

a {
  text-decoration: none;
  outline: none;
  color: #201c38;
}

a:focus {
  outline: none;
  -moz-outline: none;
}

/* a:hover {
  color: #014099;
} */

a img {
  border: none;
}

li {
  list-style: none;
}

select,
input,
textarea,
button {
  border-radius: 0;
  -webkit-border-radius: 0;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-family: Arial, "Microsoft Yahei";
}

input:focus {
  outline: none;
}

textarea {
  resize: none;
}

input[type="text"]::-moz-placeholder {
  opacity: 1;
}

input[type="text"]:-moz-placeholder {
  opacity: 1;
}

input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
}

input[type="text"]:-ms-input-placeholder {
  opacity: 1;
}

table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
  border-top: solid 1px #e4e4e4;
  border-left: solid 1px #e4e4e4;
  box-sizing: border-box;
}

table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;
}

table td,
table th {
  padding: 1%;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}

/*全局样式*/
.inner {
  /* width: 87.5%; */
  width: 91.5%;
  max-width: 1220px;
  margin: 0 auto;
}

.inner1280 {
  width: 87.5%;
  max-width: 1280px;
  margin: 0 auto;
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

.pic {
  overflow: hidden;
  position: relative;
}

.pic img {
  display: block;
  width: 100%;
  height: auto;
}

.pic .bg {
  background: no-repeat center center;
  background-size: contain;
  display: block;
  overflow: hidden;
  transition: all 0.3s;
}

.rows {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Slider */
.slick-load {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  font-size: 0;
  line-height: normal;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  overflow: hidden;
  text-indent: -99999em;
  font-size: 0;
  background: no-repeat 0 0;
  background-size: 100% auto;
  cursor: pointer;
}

.slick-dots {
  font-size: 0;
  line-height: normal;
}

.slick-dots button {
  display: block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.slick-style .slick-dots {
  text-align: center;
}

.slick-style .slick-dots li {
  display: inline-block;
  margin: 0 7px;
}

.slick-style .slick-dots button {
  text-indent: -9999em;
  line-height: 0;
  width: 12px;
  height: 12px;
  background-color: #c2c2c2;
  border-radius: 50%;
}

.slick-style .slick-dots .slick-active button {
  background-color: #00a5e5;
}

/*bottom*/
#bottom {
  background-color: #1e1b32;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.875em;
  padding: 1.30208333% 0;
}

#bottom a {
  color: rgba(255, 255, 255, 0.5);
}

#bottom a:hover {
  color: #fff;
}

#bottom .inner {
  display: table;
  table-layout: fixed;
}

#bottom .td {
  display: table-cell;
  vertical-align: top;
}

/*pagelist*/
#pagelist {
  width: 250px;
}

#pagelist ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#pagelist li {
  display: inline-block;
  font-size: 14px;
  line-height: 1.875em;
  margin: 0 6px;
}

/*copyright*/
#copyright {
  font-weight: 700;
  font-family: "liangzihuohuaHLight";
}

/*icp*/
#icp {
  text-align: right;
}

/*footer*/
#footer {
  background-color: #0FAC4B;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  padding: 4.42708333% 0 5.46875%;
}

#footer .inner {
  overflow: hidden;
}

#footer .inner2 {
  display: flex;
}



#footer a {
  color: #fff;
}

#footer a:hover {
  color: #7b7598;
}

/*social*/
#social {
  float: right;
  width: 24.59016393%;
  font-size: 14px;
  line-height: 22px;
}

#social ul {
  padding: 5px 0;
}

#social li {
  margin-bottom: 35px;
  overflow: hidden;
}

#social li:last-child {
  margin-bottom: 0;
}

#social a {
  background: no-repeat left 0;
  padding-left: 34px;
  display: block;
  float: left;
}

#social a:hover {
  opacity: 0.7;
  color: #fff;
}

#social .fb {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_fb.png);
}

#social .ytb {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_ytb.png);
}

/*btmNav*/
#btmNav {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

#btmNav dl {
  float: left;
  /* max-width: 130px; */
}

#btmNav dt {
  font-size: 16px;
  color: #7b7598;
  line-height: 1.5em;
  margin-bottom: 28px;
}

#btmNav dt a {
  color: #ffffff;
}

#btmNav dt a:hover {
  color: #fff;
}

#btmNav dd {
  padding: 10px 0;
}

/*hmIntro*/
.hmIntro {
  margin-bottom: 3.85245902%;
}

.hmIntro h2 {
  text-align: center;
  color: #201c38;
  font: 700 42px/1.125em "liangzihuohuaHLight";
}

.hmIntro .intro {
  font-size: 14px;
  line-height: 24px;
  max-width: 940px;
  margin: 1.63934426% auto 0;
  text-align: justify;
  text-align-last: center;
}

/*partners*/
#partners {
  background-color: #f7f7f7;
  padding: 5.05208333% 0;
}

#partners .list {
  padding: 0.81967213%;
}

#partners ul {
  width: 100.25%;
  overflow: hidden;
}

#partners li {
  float: left;
  width: 33.08395677%;
  padding-right: 0.24937656%;
  padding-bottom: 0.24937656%;
}

#partners .box {
  padding-bottom: 32.66331658%;
  position: relative;
  background-color: #fff;
}

#partners .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#partners img {
  display: block;
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 70%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*overlap*/
.overlap {
  padding: 1.63934426%;
  overflow: hidden;
}

.overlap .gallery {
  width: 55.93220339%;
  float: left;
}

.overlap .box {
  padding-bottom: 60.60606061%;
  position: relative;
}

.overlap .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s;
  background: no-repeat center center;
  background-size: cover;
}

.overlap #bg1 {
  z-index: 4;
  opacity: 1;
  transform: scale(1) translate(0px);
}

.overlap #bg2 {
  z-index: 3;
  opacity: 0.4;
  transform: scale(0.95) translate(0px, 5%);
}

.overlap #bg3 {
  z-index: 2;
  opacity: 0.16;
  transform: scale(0.85) translate(0px, 15%);
}

.overlap #bg4 {
  z-index: 1;
  opacity: 0;
  transform: scale(0.85) translate(0px, 15%);
}

.overlap .list {
  width: 39.83050847%;
  float: right;
}

.overlap h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.overlap time {
  display: block;
  font-size: 13px;
  line-height: 24px;
  transition: all 0.3s;
}

.overlap ul {
  margin-bottom: 4.05405405%;
}

.overlap li {
  padding: 3.40425532% 0;
}

.overlap li a {
  display: block;
  overflow: hidden;
  color: rgba(25, 25, 25, 0.5);
}

.overlap .on a {
  color: #323232;
}

.overlap .on h3 {
  font-size: 18px;
}

.overlap .on time {
  color: rgba(103, 103, 103, 0.79);
  font-size: 16px;
}

.overlap .more {
  overflow: hidden;
}

.overlap .more a {
  font-size: 16px;
  color: #000;
  float: left;
  display: block;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_arrow.png) no-repeat left center;
  padding-left: 40px;
  transition: background 0.3s;
}

.overlap .more a:hover {
  background-position: 5px center;
}

/*news*/
#news {
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_01.jpg) no-repeat center center;
  background-size: cover;
  padding: 4.27083333% 0 7.29166667%;
}

/*hotRobots*/
#hotRobots {
  padding: 4.79166667% 0 7.8125%;
  background-color: #f7f7f7;
}

#hotRobots .hmIntro {
  margin-bottom: 8.19672131%;
}

#hotRobots ul {
  width: 100.90163934%;
}

#hotRobots li {
  float: left;
  width: 24.12672624%;
  padding-right: 0.81234768%;
  padding-bottom: 0.81234768%;
}

#hotRobots .info {
  position: relative;
  transition: all 0.3s;
  border-radius: 5px;
  overflow: hidden;
}

#hotRobots .pic {
  padding-bottom: 157.91245791%;
  background: no-repeat center center;
  background-size: cover;
}

#hotRobots .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 10.1010101%;
}

#hotRobots .icon {
  width: 50.50505051%;
  margin: 0 auto 16.83501684%;
}

#hotRobots .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 33.33333333%;
  background: no-repeat center center;
  background-size: contain;
}

#hotRobots .more a {
  display: block;
  width: 101px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  font-weight: 300;
  font-size: 14px;
  margin: 0 auto;
  border-radius: 15.5px;
}

#hotRobots li:hover .info {
  transform: translateY(-5%);
}

#hotRobots li:nth-child(4n + 1) .more a:hover {
  color: #02a5e5;
}

#hotRobots li:nth-child(4n + 2) .more a:hover {
  color: #7b51a0;
}

#hotRobots li:nth-child(4n + 3) .more a:hover {
  color: #ec008c;
}

#hotRobots li:nth-child(4n + 4) .more a:hover {
  color: #201c38;
}

/*industrial*/
#industrial {
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_02.jpg) no-repeat center center;
  background-size: cover;
  padding: 5.20833333% 0;
}

#industrial .hmIntro h2,
#industrial .hmIntro .intro {
  color: #fff;
}

#industrial .slick-load {
  width: 68.03278689%;
  margin: 0 auto;
}

#industrial .slick-list {
  overflow: visible;
}

#industrial .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  color: #757575;
  transform: scale(0.845);
  transition: all 0.3s;
  border-radius: 5px;
  overflow: hidden;
}

#industrial .info:hover {
  background-color: #201c38;
  color: #fff;
}

#industrial .pic {
  display: table-cell;
  vertical-align: middle;
  width: 55.6626506%;
}

#industrial .bg {
  padding-bottom: 101.73160173%;
  background-size: cover;
}

#industrial .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 6.02409639%;
}

#industrial h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25em;
  max-height: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 9.32835821%;
}

#industrial .rows {
  font-size: 14px;
  line-height: 20px;
  max-height: 60px;
  -webkit-line-clamp: 3;
  margin-bottom: 22.3880597%;
}

#industrial .more a {
  display: block;
  width: 52.23880597%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #e4007f;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

#industrial .slick-current .info {
  color: #201c38;
  transform: scale(1);
}

#industrial .slick-current .info:hover {
  background-color: #201c38;
  color: #fff;
}

#industrial .slick-dots {
  width: 72.28915663%;
  position: relative;
  margin: 5.06024096% auto 0;
  overflow: hidden;
}

#industrial .slick-dots:before {
  width: 100%;
  padding-bottom: 0.66666667%;
  background-color: rgba(255, 255, 255, 0.42);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#industrial .slick-dots li {
  display: block;
  float: left;
  padding-bottom: 1.20481928%;
  position: relative;
  transition: width 0.3s;
}

#industrial .slick-dots button {
  display: block;
  text-indent: -8888em;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  transition: width 0.8s;
}

#industrial .slick-dots .slick-active button {
  width: 100%;
}

#industrial .loading {
  padding-bottom: 42.62295082%;
}

/*education*/
#education {
  padding: 5.98958333% 0 5.98958333%;
  background-color: #f7f7f7;
}

#education .inner {
  max-width: 1560px;
}

#education .hmIntro .intro {
  max-width: 410px;
}

#education .item {
  width: 48.52564103%;
  float: left;
  padding: 1.47435897% 0;
  position: relative;
}

#education .item:nth-child(2n) {
  float: right;
}

#education .item:before {
  content: "";
  display: block;
  position: absolute;
  width: 90%;
  left: 5%;
  padding-bottom: 55.48216645%;
  bottom: 9%;
  box-shadow: 0px 0px 50px #707070;
}

#education .item a {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  z-index: 2;
  color: #241f3c;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.3s;
}

#education .pic {
  display: table-cell;
  vertical-align: middle;
  width: 55.48216645%;
}

#education .bg {
  padding-bottom: 111.9047619%;
  background-size: cover;
}

#education .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 6.60501982%;
}

#education h3 {
  font-size: 26px;
  margin-bottom: 8.43881857%;
  font-weight: 500;
  line-height: 34px;
  max-height: 102px;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

#education .rows {
  font-size: 14px;
  line-height: 20px;
  max-height: 140px;
  -webkit-line-clamp: 7;
}

#education .item a:hover {
  background-color: #201c38;
  color: #fff;
  background-image: radial-gradient(#7965a0, #201c38);
}

/*slides*/
#slides .slick-load {
  position: relative;
  padding: 0.3125% 0 5.41666667%;
}

#slides .slick-load:after {
  width: 100%;
  height: 100%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/slides_mask.png) no-repeat center center;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#slides .pic {
  width: 67.70833333%;
  margin-left: 24.32291667%;
}

#slides .bg {
  padding-bottom: 45.38461538%;
}

#slides .loading {
  padding-bottom: 36.45833333%;
  background-color: #201c38;
}

/*header*/
.nav_top .bar_box {
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
}
.nav_top #header {
  position: relative;
  top: unset;
}
.nav_top .nav_height {
  display: none;
}
#header {
  background-color: #0fac4c;
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
}

#header a {
  color: #fff;
}

#header a:hover {
  color: #e8c500;
}

/*logo*/
#logo {
  padding: 16px 0;
  float: left;
  position: relative;
  z-index: 5;
  width: 120px;
}

#logo h1 {
  padding-bottom: 25%;
  position: relative;
}

#logo a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /* text-indent: -99999em;
  background: url(https://dwebsite.ubtrobot.com/cn/images/logo.png) no-repeat left center;
  background-size: contain; */
}
#logo a img{
  display: block;
  position: relative;
  top: 0;
}

/*topBtn*/
#topBtn {
  float: right;
  padding: 13px 0;
  font: 400 14px/18px "liangzihuohuaHLight";
}

#topBtn .btn {
  float: left;
  padding: 9px 0 9px 20px;
}

#loginBtn a,
#searchBtn a {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: no-repeat 0 0;
  background-size: 100% auto;
  text-indent: -99999em;
}

#loginBtn a:hover,
#searchBtn a:hover {
  background-position: 0 100%;
}

/*loginBtn*/
#loginBtn a {
  width: 16px;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_uc.png);
}

/*searchBtn*/
#searchBtn {
  position: relative;
}

#searchBtn a {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_search.png);
}

/*language*/
#language {
  position: relative;
  cursor: pointer;
}

#language span {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 25px;
  padding-right: 13px;
  color: #fff;
}

#language span:before,
#language span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: no-repeat 0 0;
  background-size: 100% auto;
}

#language span:before {
  width: 18px;
  height: 18px;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_language.png);
  left: 0;
}

#language span:after {
  width: 9px;
  height: 6px;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_01.png);
  right: 0;
}

#language span:hover {
  color: #00b3e8;
}

#language span:hover:before,
#language span:hover:after {
  background-position: 0 100%;
}

#language ul {
  position: absolute;
  width: 100px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  z-index: 5;
  top: 100%;
  left: 10px;
  padding: 5px 0;
  display: none;
}

#language ul:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translateX(-50%);
}

#language li {
  line-height: 24px;
}

#language li a {
  color: #1b1d1f;
  padding: 5px;
  display: block;
  overflow: hidden;
}

/*contactBtn*/
#contactBtn {
  float: left;
  padding-right: 5px;
}

#contactBtn a {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  height: 34px;
  line-height: 34px;
  width: 108px;
  text-align: center;
}

#contactBtn a:hover {
  border-color: #00b3e8;
}

/*navBtn*/
#navBtn {
  /* display: none; */
}

/*search*/
#search {
  position: absolute;
  right: -18px;
  top: 100%;
  width: 300px;
  display: block;
  padding-top: 15px;
  display: none;
}

#search:before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 9px;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translateX(-50%);
}

#search .form {
  background-color: #fff;
  position: relative;
  border-radius: 5px;
}

#search .input {
  margin-right: 40px;
  overflow: hidden;
}

#search .submit {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#search .submit:before {
  width: 18px;
  height: 18px;
  background: no-repeat 0 0;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_search.png) no-repeat 0 100%;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}

#search .text {
  text-indent: 12px;
  display: block;
  width: 90%;
  font: 400 14px/28px "liangzihuohuaHLight";
  height: 26px;
  padding: 5px 5%;
  color: #1b1d1f;
}

/*nav*/
#nav {
  /* margin:0 290px 0 128px; */
  margin: 0 80px 0 128px;
}

#nav ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#nav .parent {
  display: inline-block;
  font: 400 14px/32px "liangzihuohuaHLight";
  /* margin:0 3.36658354%; */
  margin: 0 1.3%;
  padding: 15px 0;
}

#nav .on > a {
  color: #00b3e8;
}

#nav li ul {
  text-align: left;
}

#nav em {
  display: none;
}

/*navBox*/
.navBox {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #131121;
  width: 100%;
  padding: 1.04166667% 0 1.5625%;
  display: none;
  height: auto !important;
}

/*subNav*/
.subNav ul {
  position: relative;
}

.subNav ul:after {
  background-color: rgba(255, 255, 255, 0.1);
  height: 1px;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.subNav li {
  display: inline-block;
  font: 500 14px/1.5em "SourceHanSansCN";
  margin-right: 3.19672131%;
}

.subNav li:last-child {
  margin-right: 0;
}

.subNav a {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 25px 0;
  cursor: default;
}

.subNav a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-radius: 2.5px;
  background-color: #00a5e5;
  width: 0;
  transition: width 0.3s;
}

.subNav .cur a:after {
  width: 100%;
}

/*proThree*/
.proThree {
  overflow: hidden;
  text-align: left;
  font-family: "SourceHanSansCN";
  margin-top: 2.5%;
}

.proThree .box {
  width: 102%;
  overflow: hidden;
  display: none;
}

.proThree .box:first-child {
  display: block;
}

.proThree .list {
  overflow: hidden;
}

.proThree .item {
  width: 31.333%;
  padding: 2.41157556% 2% 2.41157556% 0;
  float: left;
  display: table;
  table-layout: fixed;
}

.proThree .pic {
  display: table-cell;
  vertical-align: top;
  width: 39.26701571%;
}

.proThree .pic img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.proThree .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 5.23560209%;
}

.proThree dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25em;
  margin-bottom: 6.16113744%;
}

.proThree dd {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.proThree dd a {
  opacity: 0.5;
  display: block;
}

.proThree dd a:hover {
  opacity: 1;
}

/*levelThree*/
.levelThree {
  margin-top: 1.7%;
}

.levelThree .box {
  display: none;
}

.levelThree .box:first-child {
  display: block;
}

.levelThree ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.levelThree li {
  font: 400 14px/1.25em "SourceHanSansCN";
  width: 31.333%;
  padding: 1%;
  float: left;
}

.levelThree a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.levelfour {
  margin-top: 1.7%;
  display: none;
}

.levelfour .box {
  display: none;
}

.levelfour .box:first-child {
  display: block;
}

.levelfour ul {
  overflow: hidden;
}

.levelfour li {
  font: 400 18px/1.25em "SourceHanSansCN";
  width: 31.333%;
  padding: 1%;
  float: left;
}

.levelfour a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*subMenu*/
.subMenu {
  padding: 2.5% 0;
}

.subMenu .inner {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

.subMenu span {
  display: inline-block;
  font: 400 18px/1.5em "SourceHanSansCN";
  padding: 0 2.5%;
}

.subMenu a {
  position: relative;
  display: block;
  padding: 10px 0;
}

.subMenu a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #00a5e5;
  transition: all 0.3s;
}

.subMenu a:hover:after {
  width: 100%;
}

/*banner*/
#banner {
  background: no-repeat center center;
  background-size: cover;
}

#banner i {
  display: block;
  overflow: hidden;
  padding-bottom: 49.18032787%;
}

#banner img {
  display: block;
  width: 100%;
  height: auto;
}

/*solutionItem*/
.solutionItem .inner {
  display: table;
  table-layout: fixed;
}

.solutionItem .td {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.solutionItem .pic {
  width: 157.37704918%;
}

.solutionItem .bg {
  padding-bottom: 72.91666667%;
  background-size: cover;
}

.solutionItem .text {
  padding-right: 3.27868852%;
  color: #201c38;
  overflow: hidden;
}

.solutionItem .title {
  font: 700 42px/1.125em "liangzihuohuaHLight";
  margin-bottom: 5.26315789%;
}

.solutionItem .title a {
  color: #201c38;
}

.solutionItem .intro {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 2.63157895%;
}

.solutionItem .dots {
  width: 105%;
}

.solutionItem .dots ul {
  overflow: hidden;
}

.solutionItem .dots li {
  float: left;
  width: 45%;
  padding: 5% 5% 0 0;
  font-size: 16px;
  line-height: 22px;
}

.solutionItem .dot {
  position: relative;
  padding-left: 37px;
}

.solutionItem .dot:before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #0daae6;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}

.solutionItem:nth-child(2n) .pic {
  float: right;
}

.solutionItem:nth-child(2n) .text {
  padding-right: 0;
  padding-left: 3.27868852%;
}

/*boxTitle*/
.boxTitle {
  font: 700 42px/1.25em "liangzihuohuaHLight";
  margin-bottom: 5.86630286%;
  color: #201c38;
  text-align: center;
}

/*research*/
#research {
  color: #201c38;
  padding: 3.54166667% 0 2.08333333%;
}

#research .inner {
  display: table;
  table-layout: fixed;
}

#research .pic {
  display: table-cell;
  vertical-align: top;
  padding: 0 5.73770492%;
  width: 40.73770492%;
}

#research .text {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5.73770492%;
  font-size: 14px;
  line-height: 24px;
}

#research .boxTitle {
  text-align: left;
}

/*statistics*/
#statistics {
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_03.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 4.0625% 0 4.16666667%;
}

#statistics ul {
  overflow: hidden;
}

#statistics li {
  width: 18%;
  text-align: center;
  padding: 0 1%;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: uppercase;
  float: left;
  position: relative;
}

#statistics li:after {
  width: 1px;
  height: 45px;
  background-color: #cbcbcb;
  content: "";
  display: block;
  position: absolute;
  right: -0.5px;
  top: 50%;
  transform: translateY(-50%);
}

#statistics li:last-child:after {
  display: none;
}

#statistics .num {
  margin-bottom: 3px;
}

#statistics span {
  font: 700 60px/1em "liangzihuohuaHLight";
  display: inline-block;
  letter-spacing: 5px;
}

#statistics sup {
  font: 300 30px/1em "liangzihuohuaHLight";
  display: inline-block;
  vertical-align: top;
}

/*core*/
#core {
  padding: 5.72916667% 0 6.77083333%;
}

#core .title {
  font: 700 48px/1.25em "liangzihuohuaHLight";
  color: #201c38;
  text-align: center;
  margin-bottom: 3.68852459%;
}

#core .intro {
  font-size: 14px;
  color: #626262;
  line-height: 24px;
  max-width: 1000px;
  margin: 0 auto;
}

/*technologies*/
#technologies {
  background-color: #f4f6fb;
  padding: 5.72916667% 0 4.16666667%;
}

#technologies .list {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#technologies .info {
  padding: 8.41836735% 7.65306122% 4.59183673%;
}

#technologies .title {
  display: table;
  margin-bottom: 6.74846626%;
}

#technologies .icon {
  display: table-cell;
  vertical-align: middle;
}

#technologies .icon img {
  display: block;
  width: auto;
  height: auto;
  max-width: 48px;
  max-height: 48px;
}

#technologies h3 {
  font: 500 24px/30px "SourceHanSansCN";
  color: #201c38;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0 5px 15px;
}

#technologies li {
  font-size: 14px;
  color: #626262;
  position: relative;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 20px;
  line-height: 22px;
}

#technologies li:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #bdbdbd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
}

#technologies .item {
  width: 32.13114754%;
  margin-bottom: 1.80327869%;
  background-color: #fff;
  border-radius: 13px;
}

#technologies .item:first-child ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#technologies .item:first-child li {
  width: 48%;
}

#technologies .item:first-child li:before {
  width: 10px;
  height: 10px;
  border-width: 1px;
}

#technologies .item:first-child li:last-child {
  width: auto;
}

#technologies .item:nth-child(3) h3,
#technologies .item:nth-child(4) h3 {
  font-size: 18px;
}
#technologies img {
  max-width: 100%;
}

/*upcoming*/
#upcoming {
  padding: 4.6875% 0 5.46875%;
}

#upcoming .boxTitle {
  margin-bottom: 4.67213115%;
}

/*cooperation*/
#cooperation {
  background-color: #f4f6fb;
  color: #201c38;
}

#cooperation .inner {
  display: table;
  table-layout: fixed;
}

#cooperation .td {
  display: table-cell;
  vertical-align: middle;
}

#cooperation .figure {
  width: 54.91803279%;
}

#cooperation .pic {
  width: 154.92537313%;
  float: right;
}

#cooperation .bg {
  padding-bottom: 58.38150289%;
  background-size: cover;
}

#cooperation .text {
  padding-left: 4.50819672%;
}

#cooperation .boxTitle {
  margin-bottom: 8.68686869%;
  text-align: left;
}

#cooperation .intro {
  font-size: 14px;
  line-height: 22px;
}

/*technical*/
#technical {
  padding: 2.86458333% 0;
}

/*features*/
#features {
  padding: 2.86458333% 0;
}

#features .boxTitle {
  margin-bottom: 2.45901639%;
}

#features ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}

#features li {
  width: 32.13114754%;
  background-color: #f4f6fb;
  border-radius: 13px;
  margin-top: 1.80327869%;
}

#features .info {
  padding: 7.77202073% 9.06735751% 10.3626943%;
}

#features .icon {
  width: 14.0625%;
  margin-bottom: 4.375%;
}

#features .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 111.11111111%;
  background: no-repeat center center;
  background-size: contain;
}

#features h3 {
  font-size: 24px;
  font-weight: 400;
  color: #333;
  margin-bottom: 3.125%;
}

#features .intro {
  font-size: 14px;
  line-height: 22px;
  color: #626262;
}

/*achievements*/
#achievements {
  padding: 2.86458333% 0;
}

/*joinus*/
@keyframes dot {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(1.9);
    opacity: 0;
  }
}

#joinus {
  background-color: #f4f6fb;
  padding: 2.60416667% 0;
}

#joinus .boxTitle {
  margin-bottom: 0.81967213%;
}

#joinus .intro {
  font-size: 14px;
  line-height: 26px;
  max-width: 830px;
  margin: 0 auto 1.63934426%;
}

#joinus .btn {
  width: 190px;
  line-height: 34px;
  text-align: center;
  margin: 0 auto 3.85245902%;
  font-size: 16px;
}

#joinus .btn a {
  display: block;
  background-color: #00a5e5;
  color: #fff;
  border-radius: 17px;
}

#joinus .world {
  position: relative;
  width: 735px;
  margin: 0 auto;
}

#joinus .map {
  background-size: contain;
  padding-bottom: 46.66666667%;
}

#joinus .dot {
  position: absolute;
  top: 17px;
  left: 0;
}

#joinus .dot:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  animation: dot 3s linear infinite 0s;
}

#joinus .dot i {
  display: block;
  overflow: hidden;
  background-color: #fff;
  width: 6px;
  height: 6px;
  border: 4px solid #cd5249;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}

#joinus .text {
  background-color: #fff;
  box-shadow: 0px 4px 10px rgba(71, 71, 71, 0.17);
  font-size: 14px;
  line-height: 22px;
  padding: 12px;
  border-radius: 8px;
  position: relative;
}

#joinus .text:after {
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: -12px;
}

#joinus li {
  position: absolute;
  padding-left: 30px;
  width: 36.73469388%;
  top: 0;
}

#joinus li:first-child {
  padding-left: 0;
  padding-right: 33px;
  right: 84.3537415%;
  margin-top: 14.28571429%;
  width: 46.2585034%;
}

#joinus li:first-child .dot {
  left: auto;
  right: 0;
}

#joinus li:first-child .text:after {
  left: auto;
  right: -12px;
}

#joinus li:nth-child(2) {
  left: 76.8707483%;
  margin-top: 10.47619048%;
  padding-left: 40px;
}

#joinus li:nth-child(3) {
  left: 78.23129252%;
  margin-top: 19.04761905%;
}

#joinus li:nth-child(3) .dot {
  top: 0;
}

#joinus li:nth-child(3) .text:after {
  border-bottom: none;
  border-top: 12px solid #fff;
}

/*achievements*/
#achievements .inner {
  overflow: hidden;
}

#achievements .boxTitle {
  margin-bottom: 2.95081967%;
}

#achievements h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 13px;
}

#achievements .box {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
}

#achievements .more {
  margin-top: 5%;
}

#achievements .more a {
  display: block;
  font-size: 14px;
  text-align: center;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  margin: 0 auto;
  color: #fff;
  background-color: #00a5e5;
}

#achievements .more a:hover {
  opacity: 0.85;
}

/*bigTalk*/
#bigTalk {
  width: 428px;
  float: left;
}

#bigTalk .box {
  padding: 7.71028037%;
}

#bigTalk .pic {
  border-radius: 10px;
  margin-bottom: 6.11111111%;
}

#bigTalk .bg {
  padding-bottom: 55.55555556%;
  background-size: cover;
}

#bigTalk .text {
  height: 94px;
  margin-bottom: 12.22222222%;
}

#bigTalk h4 {
  font-size: 20px;
  font-weight: 400;
  color: #363636;
  line-height: 1.5em;
  max-height: 3em;
  -webkit-line-clamp: 2;
  letter-spacing: -0.5px;
  margin-bottom: 13px;
}

#bigTalk time {
  display: block;
  font: 400 18px/1.125em "liangzihuohuaHLight";
  color: #666;
}

#bigTalk a {
  display: block;
  overflow: hidden;
}

/*academic*/
#academic {
  margin-left: 428px;
  overflow: hidden;
  padding-left: 2.45901639%;
}

#academic .box {
  padding: 0 5.51181102% 33px;
}

#academic .item {
  border-bottom: 1px solid #d2d2d2;
  padding: 23px 0 18px;
}

#academic h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 1.5em;
  color: #333;
  font-weight: 400;
  margin-bottom: 23px;
}

#academic .meta {
  font-size: 18px;
  position: relative;
  padding: 6px 163px 6px 0;
  line-height: 26px;
}

#academic .eccv {
  float: left;
}

#academic .eccv span {
  display: block;
  border: 1px solid #c1c1c1;
  border-radius: 14px;
  padding: 0 26px;
  color: #333;
}

#academic .num {
  font-family: "liangzihuohuaHLight";
  color: #666;
  padding: 1px 5.59284116%;
  float: left;
}

#academic .btn {
  width: 163px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#academic .btn a {
  display: block;
  overflow: hidden;
  line-height: 38px;
  border: 1px solid #c1c1c1;
  border-radius: 20px;
  color: #333;
  text-align: center;
}

#academic .btn a:hover {
  color: #628ded;
  border-color: #628ded;
}

#academic .btn i {
  display: inline-block;
  font-style: normal;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_file.png) no-repeat left center;
  padding-left: 38px;
}

/*proBox*/
.proBox {
  background: no-repeat center center;
  background-size: cover;
  overflow: hidden;
}

/*proText*/
.proText {
  text-align: center;
  color: #201c38;
  margin-bottom: 3.1147541%;
}
.proText .title *,
.proText .title {
  font: 700 42px/1.25em "liangzihuohuaHLight";
}

.proText .intro {
  font-size: 14px;
  line-height: 24px;
  max-width: 940px;
  margin: 0.81967213% auto 0;
  color: #333;
}

.proText.white,
.proText.white .intro {
  color: #fff;
}

.proText.left {
  text-align: left;
}

.proText.left .intro {
  margin-left: 0;
  margin-right: 0;
}

.proText.mb {
  margin-bottom: 0;
}

/*parameters*/
.parameters table {
  border: none;
  table-layout: fixed;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
}

.parameters th,
.parameters td {
  border: none;
  padding: 3% 0.5% 1.5%;
}

.parameters td strong {
  padding-left: 9.83606557%;
}

.parameters tr {
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_dashed.png) repeat-x left bottom;
}

.parameters ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
}

.parameters li {
  width: 25%;
  padding: 3% 0.5% 1.5%;
  box-sizing: border-box;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_dashed.png) repeat-x left bottom;
}

.parameters .name {
  font-weight: bold;
  padding-left: 2.45901639%;
}

/*cameraParameters*/
.cameraParameters {
  margin-bottom: 4.94791667%;
}

.cameraParameters .proText {
  margin-bottom: 2.95081967%;
}

/*applications*/
.applications {
  margin-bottom: 7.29166667%;
}

.applications .proText {
  margin-bottom: 9.83606557%;
}

.applications ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

.applications li {
  width: 49.18032787%;
  margin-bottom: 1.63934426%;
  border-radius: 5px;
  overflow: hidden;
  color: #fff;
  position: relative;
}

.applications li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #333 no-repeat center bottom;
  background-size: cover;
}

.applications .purple:nth-child(4n + 1):before {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/applications_bg_01.png);
}

.applications .purple:nth-child(4n + 2):before {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/applications_bg_02.png);
}

.applications .purple:nth-child(4n + 3):before {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/applications_bg_03.png);
}

.applications .purple:nth-child(4n + 4):before {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/applications_bg_04.png);
}

.applications .info {
  position: relative;
  z-index: 2;
}

.applications .bg {
  padding-bottom: 53.33333333%;
  background-size: cover;
}

.applications h3 {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.6em;
  padding: 4.33333333%;
}

.applications li:hover .bg {
  transform: scale(1.1);
}

/*AimbotDensity*/
#AimbotDensity {
  margin-bottom: 5.57291667%;
  padding-top: 5.57291667%;
}

#AimbotDensity .pic {
  width: 48.27868852%;
  margin: 0 auto;
}

#AimbotDensity .bg {
  padding-bottom: 100%;
}

#AimbotDensity .proText .intro {
  max-width: 480px;
}

/*AimbotPromotion*/
#AimbotPromotion {
  padding: 5.20833333% 0 2.60416667%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/Aimbot_Promotion_bg.jpg);
}

#AimbotPromotion .inner {
  display: table;
  table-layout: fixed;
}

#AimbotPromotion .text {
  width: 55%;
  display: table-cell;
  vertical-align: middle;
}

#AimbotPromotion .proText {
  margin-bottom: 9.68703428%;
}

#AimbotPromotion .proText .intro {
  width: 71.53502235%;
  margin-top: 2.68256334%;
}

#AimbotPromotion .effect {
  width: 71.53502235%;
}

#AimbotPromotion .effect ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#AimbotPromotion .effect li {
  width: 25%;
  padding: 1% 0;
  text-align: center;
}

#AimbotPromotion .effect li .icon {
  width: 56.66666667%;
}

#AimbotPromotion .effect li:nth-child(3n-1) {
  width: 48%;
  padding: 1%;
}

#AimbotPromotion .effect li:nth-child(3n-1) .icon {
  width: 28.33333333%;
}

#AimbotPromotion .effect h3 {
  font-size: 20px;
  font-weight: 400;
  color: #666;
  line-height: 1.5em;
}

#AimbotPromotion .icon {
  margin: 0 auto 16px;
}

#AimbotPromotion .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#AimbotPromotion .show {
  display: table-cell;
  vertical-align: middle;
}

#AimbotPromotion .show li {
  position: absolute;
  top: 0;
  background-color: #5b96f8;
  background-image: linear-gradient(105deg, #5c97f8 30%, #9539f3);
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  border-radius: 100px;
  width: 53.18761384%;
}

#AimbotPromotion .info {
  position: relative;
}

#AimbotPromotion .pic {
  width: 61.02003643%;
  margin: 0 auto;
}

#AimbotPromotion .bg {
  padding-bottom: 194.02985075%;
}

#AimbotPromotion .item {
  padding: 4px 10px;
}

#AimbotPromotion .li1 {
  right: -3.64298725%;
  margin-top: 39.52641166%;
  text-align: right;
}

#AimbotPromotion .li1 .item {
  padding: 8px;
}

#AimbotPromotion .li2 {
  width: 50.09107468%;
  left: -18.21493625%;
  margin-top: 55.55555556%;
}

#AimbotPromotion .li3 {
  left: 3.64298725%;
  margin-top: 89.25318761%;
  z-index: 2;
}

#AimbotPromotion .li3 .item {
  padding: 4px 20px;
}

/*videoBtn*/
.videoBtn a {
  display: block;
  overflow: hidden;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 22.5px;
  background-color: #5b96f8;
  background-image: linear-gradient(105deg, #5c97f8 30%, #9539f3);
}

/*moreBtn*/
.moreBtn a {
  width: 158px;
  height: 45px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_more.png) no-repeat center center;
  background-size: 100% 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  line-height: 45px;
  font-size: 22px;
  color: #090909;
}

/*AimbotAbout*/
#AimbotAbout {
  position: relative;
  padding-bottom: 46.875%;
}

#AimbotAbout .info {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}

#AimbotAbout .text {
  width: 50%;
}

#AimbotAbout .logo {
  width: 38.03278689%;
}

#AimbotAbout .title {
  margin-bottom: 11.47540984%;
}

#AimbotAbout .figure {
  display: table-cell;
  vertical-align: bottom;
}

/*coreFunction*/
.coreFunction {
  padding: 6.25% 0 3.80208333%;
}

.coreFunction .proText {
  margin-bottom: 0.81967213%;
}

.coreFunction ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

.coreFunction li {
  width: 31.333%;
  padding: 4.91803279% 1%;
  text-align: center;
}

.coreFunction li:nth-child(4) {
  margin-left: 16%;
}

.coreFunction li:nth-child(5) {
  margin-right: 16%;
}

.coreFunction .icon {
  width: 31.39306736%;
  margin: 0 auto 4.7089601%;
}

.coreFunction .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

.coreFunction h3 {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  font-weight: 400;
}

/*maskBox*/
.maskBox {
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #f7f7f7, #fff);
  padding: 6.25% 0;
}

.maskBox .inner {
  display: table;
  table-layout: fixed;
}

.maskBox .text {
  padding-right: 3.27868852%;
  display: table-cell;
  vertical-align: middle;
}

.maskBox .proText .intro {
  margin-top: 3.10344828%;
}

.maskBox .mask {
  width: 50.81967213%;
  display: table-cell;
  vertical-align: middle;
}

.maskBox .mask ul {
  background-color: #fff;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  padding: 1.61290323%;
}

.maskBox .mask li {
  width: 46.66666667%;
  padding: 1.66666667%;
}

.maskBox .mask .bg {
  padding-bottom: 78.57142857%;
  background: no-repeat center center;
  background-size: cover;
}

.maskBox .mask h3 {
  background-color: #666;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 2em;
  padding: 6px;
}

.maskBox .nh .bg {
  padding-bottom: 100%;
}

/*AimbotDisinfection*/
#AimbotDisinfection {
  position: relative;
  color: #fff;
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/Aimbot_Disinfection_bg.jpg) no-repeat center center;
  background-size: cover;
}

#AimbotDisinfection .pic {
  width: 76.61458333%;
}

#AimbotDisinfection .bg {
  padding-bottom: 57.78382053%;
}

#AimbotDisinfection .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 1.5625%;
  z-index: 2;
}

#AimbotDisinfection .text {
  width: 50%;
  float: right;
}

#AimbotDisinfection .proText {
  margin-bottom: 12.29508197%;
  padding-left: 40px;
}

#AimbotDisinfection .proText .intro {
  margin-top: 2.98245614%;
  margin-right: 19.29824561%;
}

#AimbotDisinfection .effect ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#AimbotDisinfection .effect li {
  width: 50%;
  padding: 17px 0;
}

#AimbotDisinfection .effect .box {
  max-width: 170px;
}

#AimbotDisinfection .icon {
  margin: 0 auto 6px;
  width: 38.23529412%;
}

#AimbotDisinfection .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#AimbotDisinfection h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

/*slickGallery*/
.slickGallery {
  overflow: hidden;
  width: 81.1965812%;
  padding: 15px 8.54700855% 11.11111111%;
  margin-left: -8.54700855%;
}

.slickGallery .pic {
  border-radius: 5px;
  opacity: 0.57;
  transition: all 0.3s;
}

.slickGallery .bg {
  padding-bottom: 51.78947368%;
}

.slickGallery .slick-list {
  overflow: visible;
  box-shadow: 0px 0.83333333vw 2.39583333vw rgba(12, 30, 82, 0.64);
}

.slickGallery .slick-current .pic {
  transform: scale(1.05);
  transform-origin: center bottom;
  z-index: 5;
  opacity: 1;
}

/*temperatureMeta*/
.temperatureMeta ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

.temperatureMeta li {
  width: 50%;
  padding: 3.41880342% 0;
}

.temperatureMeta h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.temperatureMeta .data {
  font-size: 24px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 2.73504274%;
}

.temperatureMeta span {
  font-size: 42px;
  line-height: 1em;
}

.temperatureMeta i {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
}

/*AimbotTemperature*/
#AimbotTemperature {
  padding-top: 1.82291667%;
  margin-bottom: 13.02083333%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/AimbotTemperature_bg.jpg) no-repeat center center;
  background-size: cover;
}

#AimbotTemperature .figure {
  width: 49.18032787%;
  float: left;
}

#AimbotTemperature .figure .pic {
  width: 87.66666667%;
  margin: 0 auto -46.66666667%;
}

#AimbotTemperature .figure .bg {
  padding-bottom: 192.39543726%;
}

#AimbotTemperature .text {
  width: 47.95081967%;
  float: right;
  color: #fff;
}

#AimbotTemperature .proText {
  margin-bottom: 10.25641026%;
}

/*proInfo*/
.proInfo {
  position: relative;
}

.proInfo .box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.proInfo .logo {
  margin-bottom: 5.15625%;
}

.proInfo .logo img {
  display: block;
  width: 100%;
  height: auto;
}

.proInfo .title {
  font: 700 42px/1.2em "liangzihuohuaHLight";
  text-transform: uppercase;
  margin-bottom: 3.4375%;
}

.proInfo .intro {
  font-size: 24px;
  color: #bdddfd;
  line-height: 1.41666667em;
}

/*EAlphaminiAbout*/
#EAlphaminiAbout {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/E_Alpha_mini_bg.jpg);
  color: #fff;
  padding-bottom: 41.61458333%;
}

#EAlphaminiAbout .pic {
  position: absolute;
  width: 49.47916667%;
  right: 1.5625%;
  bottom: 0;
}

#EAlphaminiAbout .bg {
  padding-bottom: 82.63157895%;
}

#EAlphaminiAbout .text {
  width: 50%;
}

#EAlphaminiAbout .logo {
  width: 46.09375%;
}

/*videoBox*/
.videoBox .video {
  padding-bottom: 56.25%;
  position: relative;
}

.videoBox video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.videoBox .playBtn,
.videoBox .playBtn2,
.videoBox .playBtn3 {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s;
  background: no-repeat center center;
  background-size: contain;
}

.videoBox .playBtn:hover,
.videoBox .playBtn2:hover,
.videoBox .playBtn3:hover {
  transform: scale(0.85);
}

.videoBox .playBtn {
  width: 13.69791667%;
  padding-bottom: 13.69791667%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_play.png);
  margin: -6.84895833% 0 0 -6.84895833%;
}

.videoBox .playBtn2 {
  width: 6.09375%;
  padding-bottom: 6.97916667%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_play_02.png);
  margin: -3.48958333% 0 0 -3.046875%;
}

.videoBox .playBtn3 {
  width: 9.01041667%;
  padding-bottom: 9.01041667%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_play_03.png);
  margin: -4.50520833% 0 0 -4.50520833%;
}

/*EAlphaminiAssistant*/
#EAlphaminiAssistant {
  padding-top: 6.25%;
  position: relative;
  overflow: hidden;
}

#EAlphaminiAssistant:after {
  width: 15.9375%;
  padding-bottom: 15.9375%;
  border: 1.04166667vw solid #3b8ee2;
  content: "";
  display: block;
  position: absolute;
  right: -4.16666667%;
  bottom: 0;
  margin-bottom: -2.91666667%;
  border-radius: 50%;
}

#EAlphaminiAssistant .box {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  z-index: 2;
}

#EAlphaminiAssistant .figure {
  width: 50%;
  display: table-cell;
  vertical-align: bottom;
}

#EAlphaminiAssistant .pic {
  width: 87.70833333%;
}

#EAlphaminiAssistant .bg {
  padding-bottom: 86.57957245%;
}

#EAlphaminiAssistant .text {
  display: table-cell;
  vertical-align: top;
  padding: 7.8125% 0;
}

#EAlphaminiAssistant .proText {
  width: 500px;
  padding: 0 7.29166667%;
  margin-bottom: 0;
}

#EAlphaminiAssistant .intro {
  margin-top: 3.4375%;
  color: #201c38;
}

/*EAlphaminiEngagement*/
#EAlphaminiEngagement .proText {
  width: 39.0625%;
  float: right;
  padding: 7.03125% 0;
  margin-bottom: 4.6875%;
}

#EAlphaminiEngagement .intro {
  margin-top: 4.6%;
}

#EAlphaminiEngagement .pic {
  width: 33.28125%;
  margin-left: 25%;
}

#EAlphaminiEngagement .bg {
  padding-bottom: 77.23004695%;
}

/*imageText*/
.imageText {
  padding: 4.6875% 0;
  background-color: #fff;
}

.imageText .box {
  display: table;
  table-layout: fixed;
}

.imageText .image {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.imageText img {
  display: block;
  width: 100%;
  height: auto;
}

.imageText .text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5.46875%;
}

.imageText .intro {
  color: #201c38;
  margin-top: 5%;
}

.imageText.left .text {
  padding-left: 0;
  padding-right: 5.46875%;
}

/*EAlphaminiCurriculum*/
#EAlphaminiCurriculum {
  padding: 7.29166667% 0 4.16666667%;
}

/*EAlphaminiCreating*/
#EAlphaminiCreating {
  background-color: #f2f1f1;
}

#EAlphaminiCreating .proText {
  margin-bottom: 5%;
}

/*EAlphaminiCreating*/
#EAlphaminiROSA {
  position: relative;
  color: #fff;
  padding: 4.94791667% 0 3.38541667%;
}

#EAlphaminiROSA:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.68);
  z-index: 1;
}

#EAlphaminiROSA .box {
  position: relative;
  z-index: 2;
}

#EAlphaminiROSA .proText {
  max-width: 700px;
  margin: 0 auto 7.03125%;
}

#EAlphaminiROSA .intro {
  margin-top: 3.85714286%;
}

#EAlphaminiROSA ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#EAlphaminiROSA li {
  width: 18%;
  text-align: center;
  padding: 2.5% 1%;
}

#EAlphaminiROSA .icon {
  width: 25.390625%;
  margin: 0 auto 4.6875%;
}

#EAlphaminiROSA i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#EAlphaminiROSA h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
}

/*functions*/
.functions ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.functions li {
  width: 31.333%;
  padding: 2.42105263% 2% 2.42105263% 0;
}

.functions .info {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.functions .icon {
  display: table-cell;
  vertical-align: top;
  width: 33.33333333%;
}

.functions .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

.functions .intro {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding-left: 6.73400673%;
}

/*EAlphaminiFunction*/
#EAlphaminiFunction {
  padding: 3.64583333% 0 1.5625%;
}

#EAlphaminiFunction .box {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#EAlphaminiFunction .figure {
  width: 33.75%;
  display: table-cell;
  vertical-align: middle;
}

#EAlphaminiFunction .bg {
  padding-bottom: 105.70987654%;
}

#EAlphaminiFunction .text {
  display: table-cell;
  vertical-align: middle;
}

/*EyansheeAbout*/
#EyansheeAbout {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/EyansheeAbout_bg.jpg);
  padding-bottom: 52.08333333%;
  position: relative;
}

#EyansheeAbout .pic {
  width: 39.73958333%;
  position: absolute;
  bottom: 0;
  right: 2.60416667%;
}

#EyansheeAbout .bg {
  padding-bottom: 112.7129751%;
}

#EyansheeAbout .text {
  width: 57.37704918%;
  margin-bottom: 8%;
}

#EyansheeAbout .intro {
  color: #d3d3d3;
  margin-bottom: 7.42857143%;
}

#EyansheeAbout .title {
  color: #fff;
  width: 74%;
}

#EyansheeAbout .logo {
  width: 47.57142857%;
}

#EyansheeAbout .for {
  overflow: hidden;
}

#EyansheeAbout .for span {
  display: block;
  float: left;
  background-color: #252525;
  font-size: 24px;
  color: #bdbdbd;
  line-height: 1.5em;
  padding: 1.71428571% 6.14285714%;
  border-radius: 100px;
}

#EyansheeAbout .for i {
  font-style: normal;
  margin: 0 12px;
}

/*EyansheeConvergence*/
@keyframes circle {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(4.8);
  }
}

#EyansheeConvergence {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-top: 8.85416667%;
}

#EyansheeConvergence .figure {
  width: 48.69791667%;
  display: table-cell;
  vertical-align: bottom;
}

#EyansheeConvergence .pic {
  position: relative;
  overflow: visible;
}

#EyansheeConvergence .bg {
  padding-bottom: 68.44919786%;
}

#EyansheeConvergence .text {
  padding-left: 1.5625%;
  display: table-cell;
  vertical-align: top;
}

#EyansheeConvergence .proText {
  max-width: 600px;
}

#EyansheeConvergence .intro {
  color: #201c38;
  margin-top: 3.33333333%;
}

#EyansheeConvergence .list {
  overflow: hidden;
  margin-top: 10%;
}

#EyansheeConvergence .list ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  width: 102%;
}

#EyansheeConvergence .list li {
  width: 49%;
  padding-right: 1%;
  position: relative;
  font-size: 16px;
  line-height: 30px;
  margin-top: 1.63398693%;
}

#EyansheeConvergence .list li:before {
  width: 6px;
  height: 6px;
  background-color: #4b4b4b;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
}

#EyansheeConvergence .list p {
  padding-left: 7.33333333%;
}

#EyansheeConvergence .des {
  position: absolute;
  top: -36px;
  left: 61.4973262%;
  width: 37.43315508%;
}

#EyansheeConvergence .des li {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 4.28571429% 0;
}

#EyansheeConvergence .des .icon {
  width: 33px;
  display: table-cell;
  vertical-align: middle;
}

#EyansheeConvergence .des i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#EyansheeConvergence .des .name {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  line-height: 1.875em;
  padding-left: 7.14285714%;
}

#EyansheeConvergence .line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42.85714286%;
  height: 2px;
  background-color: #34c7fb;
  right: 100%;
  margin-right: 7.14285714%;
}

#EyansheeConvergence .line span {
  display: block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: #34c7fb;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

#EyansheeConvergence .line span:before,
#EyansheeConvergence .line span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #34c7fb;
}

#EyansheeConvergence .line span:before {
  animation: circle 3s linear 0s infinite;
}

#EyansheeConvergence .line span:after {
  animation: circle 3s linear 1.5s infinite;
}

/*EyansheeEnvironment*/
#EyansheeEnvironment {
  background-color: #f2f2f2;
  overflow: hidden;
  padding-top: 3.64583333%;
}

#EyansheeEnvironment .proText {
  margin: 0 auto 9.42622951%;
  max-width: 640px;
}

#EyansheeEnvironment .intro {
  margin-top: 3.59375%;
}

#EyansheeEnvironment .pic {
  width: 56.8852459%;
  margin: 0 auto;
}

#EyansheeEnvironment .bg {
  padding-bottom: 56.62824207%;
}

/*EyansheeCarrier*/
#EyansheeCarrier {
  padding-bottom: 41.66666667%;
  position: relative;
}

#EyansheeCarrier .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 5.46875%;
}

#EyansheeCarrier .proText {
  max-width: 720px;
  margin: 0 auto;
}

#EyansheeCarrier .intro {
  margin-top: 2.77777778%;
}

/*EyansheeCoding*/
#EyansheeCoding {
  padding-top: 4.16666667%;
}

#EyansheeCoding .text {
  width: 51.2295082%;
  float: left;
  padding: 4.91803279% 0;
}

#EyansheeCoding .intro {
  margin-top: 3.52%;
}

#EyansheeCoding .figure {
  width: 48.7704918%;
  float: right;
}

#EyansheeCoding .pic {
  width: 123.69747899%;
}

#EyansheeCoding .bg {
  padding-bottom: 97.41847826%;
}

#EyansheeCoding .code {
  font-size: 30px;
  color: #333;
  line-height: 1.25em;
  font-weight: 500;
  border-left: 3px solid #515151;
  padding-left: 5.12%;
  margin-top: 10.88%;
}

#EyansheeCoding .code li {
  margin-bottom: 4.40677966%;
}

#EyansheeCoding .code li:last-child {
  margin-bottom: 0;
}

/*EyansheeSoftware*/
#EyansheeSoftware {
  background-color: #e4e4e4;
  overflow: hidden;
  padding: 8.07291667% 0 6.77083333%;
  display: table;
  table-layout: fixed;
  width: 100%;
}

#EyansheeSoftware .figure,
#EyansheeSoftware .text {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

#EyansheeSoftware .pic {
  width: 78.64583333%;
  margin: 0 auto;
}

#EyansheeSoftware .bg {
  padding-bottom: 68.34437086%;
}

#EyansheeSoftware .proText {
  margin-bottom: 5%;
  max-width: 550px;
}

#EyansheeSoftware .intro {
  margin-top: 5.45454545%;
  color: #201c38;
}

/*EyansheeFunction*/
#EyansheeFunction {
  padding-top: 7.03125%;
}

#EyansheeFunction .pic {
  float: right;
  width: 53.90625%;
}

#EyansheeFunction .bg {
  padding-bottom: 64.05797101%;
}

#EyansheeFunction .text {
  width: 46.09375%;
  float: left;
}

#EyansheeFunction ul {
  width: 520px;
  float: right;
}

#EyansheeFunction li {
  width: 48%;
  padding-top: 5.57692308%;
  padding-bottom: 5.57692308%;
}

/*banner*/
.banner a {
  display: block;
  overflow: hidden;
}

.banner .pic {
  padding-bottom: 41.66666667%;
  background: no-repeat center center;
  background-size: cover;
}

.banner .wap {
  display: none;
}

/*ScoreBotAbout*/
#ScoreBotAbout {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_06.jpg);
  padding: 6.92708333% 0 3.38541667%;
}

#ScoreBotAbout .proText {
  margin-bottom: 4.03508772%;
}

#ScoreBotAbout .intro {
  font-size: 16px;
}

#ScoreBotAbout .year {
  overflow: hidden;
  margin-bottom: 15%;
}

#ScoreBotAbout .year span {
  display: block;
  float: left;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  background-color: #e3933f;
  background-image: linear-gradient(90deg, #e3933f, #d85748);
  padding: 0 8px;
  font-weight: 500;
}

/*ScoreBotFC*/
#ScoreBotFC {
  background-color: #f4f7ff;
  padding-bottom: 41.66666667%;
  position: relative;
}

#ScoreBotFC .proText {
  width: 42.62295082%;
  padding-left: 2.45901639%;
}

#ScoreBotFC .pic {
  width: 55.20833333%;
  position: absolute;
  bottom: 0;
  right: 3.54166667%;
}

#ScoreBotFC .bg {
  padding-bottom: 70.75471698%;
}

#ScoreBotFC .info {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  margin-top: 9.375%;
  z-index: 2;
}

#ScoreBotFC .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 1.92307692%;
}

/*ScoreBot3D*/
#ScoreBot3D {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_04.jpg);
  padding: 9.63541667% 0 9.11458333%;
}

#ScoreBot3D .proText {
  margin-bottom: 5%;
}

#ScoreBot3D .image img {
  box-shadow: -71px 71px 91px rgba(0, 0, 0, 0.35);
  border-radius: 22px;
}

#ScoreBot3D .intro {
  font-size: 16px;
}

#ScoreBot3D .border {
  border: 5px solid #fff;
  border-radius: 10px;
}

/*ScoreBotModes*/
#ScoreBotModes {
  padding-bottom: 57.96875%;
  position: relative;
}

#ScoreBotModes:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}

#ScoreBotModes .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 15.88541667%;
}

#ScoreBotModes .proText {
  max-width: 760px;
  margin: 0 auto;
}

#ScoreBotModes .intro {
  margin-top: 1.71052632%;
}

/*ScoreBotPRP*/
#ScoreBotPRP {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/ScoreBotPRP_bg.jpg);
  padding: 5.20833333% 0 10px;
  position: relative;
  overflow: visible;
  z-index: 2;
}

#ScoreBotPRP:after {
  width: 14.01041667%;
  padding-bottom: 18.48958333%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/ball.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -3.64583333%;
}

#ScoreBotPRP .inner {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 3;
}

#ScoreBotPRP .pic {
  width: 60.6557377%;
  display: table-cell;
  vertical-align: middle;
}

#ScoreBotPRP .proText {
  display: table-cell;
  vertical-align: top;
  padding-left: 6.96721311%;
  padding-top: 9.83606557%;
  margin-bottom: 0;
}

#ScoreBotPRP .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 5.82278481%;
}

/*ScoreBotWorld*/
#ScoreBotWorld {
  background-color: #51b2c2;
  position: relative;
  padding-bottom: 45.05208333%;
}

#ScoreBotWorld .pic {
  width: 68.02083333%;
  position: absolute;
  right: 0;
  bottom: 0;
}

#ScoreBotWorld .bg {
  padding-bottom: 66.23277182%;
}

#ScoreBotWorld .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.25%;
}

#ScoreBotWorld .proText {
  width: 44.26229508%;
  padding: 0 2.86885246%;
  margin-bottom: 0;
}

#ScoreBotWorld .intro {
  font-size: 16px;
  width: 90%;
  margin-top: 2.96296296%;
}

/*ScoreBotBox*/
#ScoreBotBox {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_05.jpg);
  padding: 5.20833333% 0 1.30208333%;
}

#ScoreBotBox .image {
  width: 56.47540984%;
}

#ScoreBotBox .intro {
  font-size: 16px;
  color: #201c38;
}

#ScoreBotBox .text {
  display: table-cell;
  vertical-align: top;
  padding-top: 9.83606557%;
}

#ScoreBotBox .proText {
  margin-bottom: 0;
}

/*proSlick*/
.proSlick {
  padding: 5.98958333% 0 6.77083333%;
}

.proSlick .proText {
  margin-bottom: 6.55737705%;
}

.proSlick .slick-load {
  padding: 0 2.86885246%;
}

.proSlick .item h3 {
  font: 700 24px/1.5em "liangzihuohuaHLight";
  background-color: #fff;
  max-width: 54.6875%;
  margin: 5.20833333% auto 36px;
  border-radius: 25px;
  text-align: center;
  color: #737479;
  box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.14);
}

.proSlick .item h3 span {
  display: block;
  padding: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.proSlick .item a {
  display: block;
  overflow: hidden;
}

.proSlick .pic {
  width: 76.82291667%;
  margin: 0 auto;
}

.proSlick .bg {
  padding-bottom: 100%;
}

.proSlick .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.95081967%;
  opacity: 0.38;
}

.proSlick .slick-arrow:after {
  padding-bottom: 194.44444444%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/proSlick_arrow.png) no-repeat 0 0;
  background-size: 100% auto;
  content: "";
  display: block;
}

.proSlick .slick-arrow:hover {
  opacity: 1;
}

.proSlick .slick-prev {
  left: 0;
}

.proSlick .slick-next {
  right: 0;
}

.proSlick .slick-next:after {
  background-position: 0 100%;
}

/*CAlphaEbotVideo*/
#CAlphaEbotVideo {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/CAlphaEbotVideo_bg.jpg);
  padding-bottom: 47.91666667%;
  color: #fff;
}

#CAlphaEbotVideo .pic {
  position: absolute;
  right: 20.05208333%;
  bottom: 0;
  margin-bottom: 5.20833333%;
  width: 22.65625%;
}

#CAlphaEbotVideo .bg {
  padding-bottom: 163.2183908%;
}

#CAlphaEbotVideo .text {
  width: 48.19672131%;
}

#CAlphaEbotVideo .logo {
  width: 68.19727891%;
}

#CAlphaEbotVideo .title {
  font-family: "SourceHanSansCN";
  font-weight: 400;
  margin-bottom: 14.45578231%;
}

#CAlphaEbotVideo .btn {
  overflow: hidden;
}

#CAlphaEbotVideo .btn a {
  display: block;
  overflow: hidden;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  padding: 0 25px 0 50px;
}

#CAlphaEbotVideo .btn a:before {
  width: 30px;
  height: 30px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_02.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

/*aboutGallery*/
.aboutGallery {
  background-image: linear-gradient(90deg, #f3f3f3, #fff);
  padding: 6.25% 0 5.72916667%;
}

.aboutGallery .inner {
  overflow: hidden;
}

.aboutGallery .gallery {
  float: left;
  width: 49.18032787%;
}

.aboutGallery .pic {
  max-width: 52.66666667%;
  margin: 0 auto;
}

.aboutGallery .slick-arrow {
  width: 11.16666667%;
  padding-bottom: 14.66666667%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.38;
  z-index: 5;
}

.aboutGallery .slick-arrow:after {
  width: 50.74626866%;
  padding-bottom: 98.50746269%;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/proSlick_arrow.png) no-repeat 0 0;
  background-size: 100% auto;
  transform: translateY(-50%);
  margin-left: -25.37313433%;
}

.aboutGallery .slick-arrow:hover {
  opacity: 1;
}

.aboutGallery .slick-prev {
  left: 0;
}

.aboutGallery .slick-next {
  right: 0;
}

.aboutGallery .slick-next:after {
  background-position: 0 100%;
}

.aboutGallery .text {
  float: right;
  width: 45.08196721%;
  padding-top: 5.73770492%;
}

.aboutGallery .proText {
  margin-bottom: 0;
}

.aboutGallery .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 4.18181818%;
}

/*CAlphaEbotCoding*/
#CAlphaEbotCoding {
  padding-bottom: 46.875%;
  position: relative;
}

#CAlphaEbotCoding .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 3.64583333%;
}

#CAlphaEbotCoding .intro {
  margin-top: 1.8852459%;
}

/*CAlphaEbotServo*/
#CAlphaEbotServo {
  overflow: hidden;
  padding-top: 5.20833333%;
}

#CAlphaEbotServo .proText {
  margin-bottom: 1.47540984%;
}

#CAlphaEbotServo .intro {
  color: #201c38;
  margin-top: 1.63934426%;
}

#CAlphaEbotServo .pic {
  margin: 0 auto;
  width: 91.39344262%;
}

/*CAlphaEbotVoice*/
#CAlphaEbotVoice {
  padding-bottom: 42.70833333%;
  position: relative;
}

#CAlphaEbotVoice .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.40625%;
}

#CAlphaEbotVoice .proText {
  width: 30.32786885%;
}

#CAlphaEbotVoice .intro {
  color: #201c38;
  margin-top: 5.94594595%;
}

/*CAlphaEbotDetails*/
#CAlphaEbotDetails {
  padding: 4.16666667% 0 2.60416667%;
}

#CAlphaEbotDetails .image {
  width: 42.13114754%;
}

#CAlphaEbotDetails .text {
  padding-left: 8.19672131%;
}

#CAlphaEbotDetails .proText {
  margin-bottom: 0;
}

#CAlphaEbotDetails .intro {
  color: #333;
  line-height: 22px;
}

/*TrackbotAbout*/
#TrackbotAbout {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_07.jpg);
  padding: 3.64583333% 0 1.5625%;
}

#TrackbotAbout .image {
  width: 61.14754098%;
}

#TrackbotAbout .text {
  padding-left: 10px;
}

#TrackbotAbout .intro {
  font-size: 16px;
}

/*Trackbot3D*/
#Trackbot3D {
  padding-bottom: 46.875%;
  position: relative;
}

#Trackbot3D .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.66666667%;
}

#Trackbot3D .proText {
  width: 40.98360656%;
  padding: 0 2.86885246%;
}

#Trackbot3D .intro {
  font-size: 16px;
  margin-top: 2%;
}

#Trackbot3D .download {
  margin-top: 5%;
}

/*TrackbotPRP*/
#TrackbotPRP {
  padding-bottom: 47.91666667%;
  position: relative;
}

#TrackbotPRP .info {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

#TrackbotPRP .proText {
  width: 42.62295082%;
  padding: 0 4.50819672%;
}

#TrackbotPRP .intro {
  font-size: 16px;
  margin-top: 2.30769231%;
  color: #201c38;
}

/*TrackbotEasy*/
#TrackbotEasy {
  padding-bottom: 41.66666667%;
  position: relative;
}

#TrackbotEasy .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 2.86458333%;
}

#TrackbotEasy .proText {
  width: 50%;
  margin: 0 auto;
}

#TrackbotEasy .intro {
  font-size: 16px;
  margin-top: 2.13114754%;
}

/*TrackbotConnect*/
#TrackbotConnect {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_08.jpg);
  padding: 5.72916667% 0;
}

#TrackbotConnect .text {
  padding: 0 4.09836066% 0 2.86885246%;
}

#TrackbotConnect .proText {
  margin-bottom: 0;
}

#TrackbotConnect .image {
  width: 43.03278689%;
}

#TrackbotConnect .intro {
  font-size: 16px;
  margin-top: 2.13114754%;
}

#TrackbotConnect .pic {
  width: 110.85714286%;
  position: relative;
  overflow: visible;
}

#TrackbotConnect .pic:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: -70px 70px 90px rgba(0, 0, 0, 0.29);
  border-radius: 50px;
}

#TrackbotConnect .pic img {
  position: relative;
  z-index: 2;
}

/*TrackbotBox*/
#TrackbotBox {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_09.jpg);
  padding: 9.11458333% 0 7.55208333%;
}

#TrackbotBox .image {
  width: 69.50819672%;
}

#TrackbotBox .text {
  padding-left: 5.73770492%;
}

#TrackbotBox .proText {
  margin-bottom: 0;
}

#TrackbotBox .intro {
  font-size: 16px;
  line-height: 2em;
}

/*ERoboGoAbout*/
#ERoboGoAbout {
  padding: 11.71875% 0 14.32291667%;
}

#ERoboGoAbout .image {
  width: 49.18032787%;
  padding: 0 3.7704918%;
}

#ERoboGoAbout .image img {
  width: auto;
  max-width: 100%;
}

#ERoboGoAbout .text {
  vertical-align: top;
}

/*ERoboGoDriving*/
#ERoboGoDriving {
  background: no-repeat center bottom;
  background-size: cover;
  padding: 4.42708333% 0 28.54166667%;
}

#ERoboGoDriving .proText {
  max-width: 585px;
  margin: 0 auto 8.03278689%;
}

#ERoboGoDriving .intro {
  color: #201c38;
  margin-top: 4.27350427%;
}

#ERoboGoDriving .list ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#ERoboGoDriving .list li {
  width: 16.66666667%;
  text-align: center;
  padding: 1% 0;
}

#ERoboGoDriving .list h3 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  font-weight: 400;
}

#ERoboGoDriving .info {
  padding: 0 3%;
}

#ERoboGoDriving .pic {
  padding-bottom: 26.17801047%;
  position: relative;
  margin-bottom: 13.08900524%;
}

#ERoboGoDriving .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#ERoboGoDriving img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

/*ERoboGoSoftware*/
#ERoboGoSoftware {
  padding: 4.16666667% 0 0.88541667%;
}

#ERoboGoSoftware .pic {
  width: 74.67213115%;
  margin: 0 auto;
}

#ERoboGoSoftware .proText {
  margin-bottom: 6.55737705%;
}

#ERoboGoSoftware .intro {
  max-width: 700px;
  margin-top: 1.47540984%;
  color: #201c38;
}

/*ERoboGoLevel*/
#ERoboGoLevel {
  background-color: #eee;
  overflow: hidden;
  padding-top: 4.16666667%;
}

#ERoboGoLevel .proText {
  max-width: 660px;
  margin: 0 auto 5.72916667%;
}

#ERoboGoLevel .pic {
  width: 66.5625%;
  max-width: 1278px;
  margin: 0 auto;
}

/*ERoboGoPackage*/
#ERoboGoPackage {
  padding-top: 4.16666667%;
  overflow: hidden;
}

#ERoboGoPackage .proText {
  max-width: 580px;
  margin: 0 auto 7.37704918%;
}

#ERoboGoPackage .intro {
  margin-top: 2.93103448%;
  color: #201c38;
}

/*projects*/
.projects {
  overflow: hidden;
  padding: 4.32291667% 0;
}

.projects .proText {
  margin-bottom: 3.7704918%;
}

.projects ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.projects li {
  width: 18%;
  padding: 1%;
  text-align: center;
}

.projects .pic {
  width: 37.27272727%;
  margin: 0 auto 9.09090909%;
}

.projects .bg {
  padding-bottom: 100%;
}

.projects h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
}

/*ERoboGoProject*/
#ERoboGoProject {
  background-color: #eee;
}

#ERoboGoProject .pic {
  width: auto;
  margin-bottom: 12.27272727%;
}

#ERoboGoProject .bg {
  padding-bottom: 37.72727273%;
}

/*specification*/
.specification {
  padding: 4.42708333% 0 6.51041667%;
}

.specification table {
  border: none;
  color: #333;
  table-layout: fixed;
}

.specification th {
  border: none;
  border-bottom: 1px solid #bfbfbf;
  background-color: transparent;
  font-size: 24px;
  text-align: left;
  line-height: 1.5em;
  padding: 1.14754098% 2.45901639%;
  font-weight: 500;
}

.specification td {
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  border-left: none;
  font-size: 14px;
  line-height: 1.5em;
  padding: 1.14754098% 2.45901639%;
}

.specification td:last-child {
  border-right: none;
}

.specification span {
  display: block;
  padding: 0 3.125vw;
}

/*ERoboGoSpecification*/
#ERoboGoSpecification th:first-child {
  width: 19.67213115%;
}

#ERoboGoSpecification th:nth-child(2) {
  width: 29.50819672%;
}

/*ERoboGoStrong*/
#ERoboGoStrong {
  padding-bottom: 41.66666667%;
  position: relative;
}

#ERoboGoStrong .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 2.1875%;
}

#ERoboGoStrong .intro {
  max-width: 610px;
  margin-top: 1.72131148%;
}

/*courtbotBanner*/
#courtbotBanner .pc {
  padding-bottom: 39.0625%;
}

/*CourtBotAbout*/
#CourtBotAbout {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_06.jpg);
  padding: 5.20833333% 0 3.90625%;
}

#CourtBotAbout .box {
  width: 100%;
}

#CourtBotAbout .image {
  overflow: hidden;
}

#CourtBotAbout .image img {
  max-width: 83.33333333%;
  float: right;
}

#CourtBotAbout .text {
  padding-left: 1.5625%;
}

#CourtBotAbout .proText {
  margin-bottom: 4.03508772%;
  max-width: 565px;
}

#CourtBotAbout .intro {
  font-size: 16px;
}

#CourtBotAbout .year {
  overflow: hidden;
  margin-bottom: 15%;
}

#CourtBotAbout .year span {
  display: block;
  float: left;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  background-color: #e3933f;
  background-image: linear-gradient(90deg, #e3933f, #d85748);
  padding: 0 8px;
  font-weight: 500;
}

/*CourtBotPlay*/
#CourtBotPlay {
  padding-bottom: 46.875%;
  position: relative;
}

#CourtBotPlay .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 8.75%;
}

#CourtBotPlay .proText {
  width: 40.98360656%;
  padding: 0 2.45901639%;
}

#CourtBotPlay .intro {
  font-size: 16px;
  margin-top: 4.6%;
}

/*CourtBotInfo*/
.CourtBotInfo {
  position: relative;
}

.CourtBotInfo .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 9.63541667%;
}

.CourtBotInfo .proText {
  float: right;
  width: 32.78688525%;
  padding: 0 7.37704918%;
}

.CourtBotInfo .intro {
  font-size: 16px;
  margin-top: 5.75%;
}

/*CourtBotShot*/
#CourtBotShot {
  padding-bottom: 47.91666667%;
}

/*CourtBotGrab*/
#CourtBotGrab {
  padding-bottom: 44.27083333%;
}

#CourtBotGrab .download {
  margin-top: 5%;
}

/*CourtBotDiy*/
#CourtBotDiy {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_10.jpg);
  overflow: hidden;
  padding: 5.72916667% 0;
}

#CourtBotDiy .list {
  width: 105.90163934%;
  margin-left: -2.95081967%;
}

#CourtBotDiy ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#CourtBotDiy li {
  width: 33.333%;
  padding: 1.5% 0;
}

#CourtBotDiy .pic {
  margin: 0 auto;
  width: 98.92023685%;
}

#CourtBotDiy .bg {
  padding-bottom: 81.22065728%;
}

#CourtBotDiy h3 {
  font-weight: 400;
  color: #aee5f6;
  font-size: 28px;
  line-height: 1.5em;
  text-align: center;
  margin-top: -8.35945664%;
}

/*CourtBotBox*/
#CourtBotBox {
  background-color: #edf2f5;
}

#CourtBotBox .image {
  width: 65.57377049%;
}

#CourtBotBox .image img {
  width: 83.375%;
  margin: 0 auto;
}

#CourtBotBox .text {
  vertical-align: top;
  padding: 10% 2.45901639% 0;
}

#CourtBotBox .intro {
  font-size: 16px;
}

/*CruzrEpCamera*/
#CruzrEpCamera li {
  padding: 2.5% 0.5% 2%;
  width: 28%;
}

#CruzrEpCamera li:nth-child(2) {
  width: 40%;
}

#CruzrEpCamera .name {
  padding-left: 0;
  width: 16%;
}

/*CruzrEpRemote*/
#CruzrEpRemote {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_11.jpg);
  margin-bottom: 6.25%;
  padding: 1.82291667% 0 0;
}

#CruzrEpRemote .text {
  padding-left: 2.21311475%;
}

#CruzrEpRemote .proText {
  max-width: 500px;
  margin-bottom: 7.37564322%;
}

#CruzrEpRemote .pic img {
  width: auto;
  max-width: 100%;
}

#CruzrEpRemote .image {
  vertical-align: bottom;
}

#CruzrEpRemote .image img {
  width: 120.16393443%;
  width: 38.17708333vw;
  min-width: 100%;
  float: right;
}

/*CruzrEpVoice*/
#CruzrEpVoice {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/CruzrEpVoice_bg.jpg);
  padding: 4.16666667% 0 0;
}

#CruzrEpVoice .image {
  width: 44.01639344%;
  padding: 0 7.37704918%;
}

#CruzrEpVoice .text {
  padding-left: 0;
}

#CruzrEpVoice .proText {
  max-width: 540px;
  margin-bottom: 20%;
}

/*CruzrEpConsultation*/
#CruzrEpConsultation {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/CruzrEpConsultation_bg.jpg);
  color: #fff;
  padding: 8.85416667% 0;
}

#CruzrEpConsultation .image img {
  max-width: 100%;
  width: auto;
}

#CruzrEpConsultation .text {
  padding-left: 2.21311475%;
}

#CruzrEpConsultation .proText {
  max-width: 470px;
  margin-bottom: 10.16393443%;
}

#CruzrEpConsultation .list {
  max-width: 480px;
}

#CruzrEpConsultation .list ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#CruzrEpConsultation .list li {
  width: 110px;
  padding: 1% 0;
  text-align: center;
}

#CruzrEpConsultation .list li:nth-child(3n) {
  width: 170px;
}

#CruzrEpConsultation .list h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
}

#CruzrEpConsultation .icon {
  width: 55px;
  margin: 0 auto 18px;
}

#CruzrEpConsultation .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

/*CruzrEpTemperature*/
#CruzrEpTemperature {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_12.jpg);
  color: #fff;
  padding: 5px 0;
}

#CruzrEpTemperature .image {
  width: 43.85245902%;
}

#CruzrEpTemperature .image img {
  width: 115.14018692%;
  margin-left: -15.14018692%;
}

#CruzrEpTemperature .text {
  padding-left: 8.52459016%;
}

#CruzrEpTemperature .proText {
  margin-bottom: 10.25641026%;
}

#CruzrEpTemperature .intro {
  margin-top: 2.56410256%;
}

#CruzrEpTemperature .slickGallery {
  padding-bottom: 8.54700855%;
}

#CruzrEpTemperature .slick-list {
  box-shadow: 0px 0.8vw 2vw rgba(12, 30, 82, 0.64);
}

#CruzrEpTemperature .temperatureMeta {
  margin-bottom: 8.60585198%;
}

#CruzrEpTemperature .temperatureMeta li {
  width: 45%;
}

#CruzrEpTemperature .temperatureMeta li:nth-child(2n) {
  width: 55%;
}

#CruzrEpTemperature .effect ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  width: 140%;
  float: right;
}

#CruzrEpTemperature .effect li {
  width: 33.333%;
  text-align: center;
}

#CruzrEpTemperature .effect .icon {
  margin: 0 auto 4.77941176%;
  width: 33.82352941%;
}

#CruzrEpTemperature .effect i {
  display: block;
  overflow: hidden;
  background: no-repeat center center;
  background-size: contain;
  padding-bottom: 100%;
}

#CruzrEpTemperature .effect h3 {
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 400;
}

/*CruzrEpFunction*/
#CruzrEpFunction {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/coreFunction.jpg);
}

/*CruzrEPAbout*/
#CruzrEPAbout {
  position: relative;
  padding: 2.60416667% 0 0;
}

#CruzrEPAbout .inner {
  display: table;
  table-layout: fixed;
}

#CruzrEPAbout .text {
  padding-left: 0;
  padding-bottom: 4.09836066%;
}

#CruzrEPAbout .logo {
  width: 27.86885246%;
}

#CruzrEPAbout .title {
  margin-bottom: 9.18032787%;
}

#CruzrEPAbout .image {
  width: 57.37704918%;
}

#CruzrEPAbout .bg {
  padding-bottom: 121.28571429%;
}

/*features*/
.features {
  background-color: #bc464b;
  color: #fff;
  text-align: center;
  padding: 3.02083333% 0 2.60416667%;
}

.features ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.features li {
  width: 25%;
  padding: 2% 0;
}

.features .pic {
  width: 70px;
  margin: 0 auto 20px;
}

.features .bg {
  padding-bottom: 78.57142857%;
}

.features h2 {
  font: 400 25px/1.32em "liangzihuohuaHLight";
}

/*CFireBlazerFeatures*/
#CFireBlazerFeatures li {
  max-width: 190px;
}

#CFireBlazerFeatures li:nth-child(4n) {
  max-width: 290px;
}

/*CFireBlazerAbout*/
#CFireBlazerAbout .gallery {
  width: 51.63934426%;
}

#CFireBlazerAbout .intro {
  font-size: 14px;
}

#CFireBlazerAbout .pic {
  max-width: 73.49206349%;
}

/*CFireBlazerControl*/
.CFireBlazerBox {
  padding-bottom: 44.27083333%;
  position: relative;
}

.CFireBlazerBox .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.16666667%;
}

/*CFireBlazerExp*/
#CFireBlazerExp .proText {
  padding: 0 2.45901639%;
  width: 36.8852459%;
}

#CFireBlazerExp .info {
  margin-top: 13%;
}

/*CFireBlazer3D*/
#CFireBlazer3D .proText {
  width: 45.08196721%;
  float: right;
}

#CFireBlazer3D .info {
  margin-top: 8%;
}

#CFireBlazer3D .download {
  margin-top: 8%;
}

/*CFireBlazerMode*/
#CFireBlazerMode {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_13.jpg);
  padding: 1.82291667% 0 4.6875%;
}

#CFireBlazerMode .inner {
  display: table;
  table-layout: fixed;
}

#CFireBlazerMode .proText {
  position: relative;
  z-index: 2;
  width: 50%;
  display: table-cell;
  vertical-align: bottom;
}

#CFireBlazerMode .title {
  padding-left: 9.01639344%;
}

#CFireBlazerMode .intro {
  margin-top: 13.1147541%;
}

#CFireBlazerMode .intro img {
  width: 72.29508197%;
  display: block;
  height: auto;
}

#CFireBlazerMode .image {
  display: table-cell;
  vertical-align: middle;
}

#CFireBlazerMode .image img {
  display: block;
  width: 154.91803279%;
  margin-left: -20%;
}

/*CFireBlazerIn*/
#CFireBlazerIn {
  padding: 10.15625% 0 5.20833333%;
}

#CFireBlazerIn .image {
  width: 66.47540984%;
}

#CFireBlazerIn .text {
  vertical-align: top;
  padding: 0.81967213% 0;
}

/*EAIBoxAbout*/
#EAIBoxAbout {
  padding: 10.15625% 0 9.375%;
}

#EAIBoxAbout .intro {
  line-height: 2.14285714em;
}

#EAIBoxAbout .text {
  padding: 0 1.63934426%;
}

#EAIBoxAbout .intro {
  margin-top: 2.63157895%;
}

#EAIBoxAbout .image {
  padding: 0 2.86885246%;
}

#EAIBoxAbout .image img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

/*EAIBoxPower*/
#EAIBoxPower {
  position: relative;
}

#EAIBoxPower .proBox {
  padding-bottom: 41.66666667%;
}

#EAIBoxPower .wap {
  display: none;
}

#EAIBoxPower .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 2.60416667%;
}

#EAIBoxPower .proText {
  max-width: 740px;
  margin: 0 auto;
}

#EAIBoxPower .intro {
  margin-top: 2.43243243%;
}

/*EAIBoxAlgorithm*/
#EAIBoxAlgorithm {
  background-color: #f6f6f6;
  padding: 7.03125% 0 0.52083333%;
}

#EAIBoxAlgorithm .image img {
  width: 112.78688525%;
}

#EAIBoxAlgorithm .text {
  padding: 8.19672131% 2.04918033% 0;
  vertical-align: top;
}

#EAIBoxAlgorithm .proText {
  max-width: 380px;
}

#EAIBoxAlgorithm .intro {
  font-size: 16px;
  line-height: 26px;
}

/*EAIBoxResources*/
#EAIBoxResources {
  padding: 3.125% 0 1.5625%;
}

#EAIBoxResources .box {
  width: 100%;
}

#EAIBoxResources .image img {
  max-width: 89.58333333%;
  float: right;
}

#EAIBoxResources .text {
  padding-left: 0;
}

#EAIBoxResources .proText {
  max-width: 540px;
  margin-bottom: 10%;
}

/*EAIBoxProject*/
#EAIBoxProject {
  background-color: #fafafa;
  background-image: linear-gradient(90deg, #f9f9f9, #fafafa);
  padding: 3.38541667% 0 6.77083333%;
}

#EAIBoxProject .proText {
  margin-bottom: 4.59016393%;
}

/*EAIBoxSpecification*/
#EAIBoxSpecification th,
#EAIBoxSpecification td {
  border-right: none;
}

#EAIBoxSpecification th:first-child {
  width: 35.24590164%;
}

/*EAIBoxCycle*/
#EAIBoxCycle {
  padding: 3.95833333% 0 8.33333333%;
}

#EAIBoxCycle .proText {
  max-width: 730px;
  margin: 0 auto 5.90163934%;
}

#EAIBoxCycle .intro {
  color: #201c38;
  margin-top: 2.73972603%;
}

#EAIBoxCycle .process {
  position: relative;
}

#EAIBoxCycle .process:before {
  width: 100%;
  height: 13px;
  background-color: #00a5e5;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#EAIBoxCycle .process .inner {
  position: relative;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#EAIBoxCycle .item {
  width: 109px;
  padding: 40px 0;
  position: relative;
}

#EAIBoxCycle .pic {
  border-radius: 50%;
  overflow: visible;
}

#EAIBoxCycle .pic:before,
#EAIBoxCycle .pic:after {
  display: block;
  content: "";
  clear: both;
  width: 100%;
  overflow: hidden;
}

#EAIBoxCycle svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#EAIBoxCycle path {
  stroke-width: 13;
  stroke: #00a5e5;
  fill: none;
}

#EAIBoxCycle .icon {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 6px 18px rgba(29, 144, 189, 0.23);
  margin: 13px;
  position: relative;
  z-index: 2;
}

#EAIBoxCycle .bg {
  padding-bottom: 100%;
}

#EAIBoxCycle .text {
  font-size: 20px;
  color: #00a5e5;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.5em;
  bottom: 0;
}

#EAIBoxCycle .item:nth-child(2n) .text {
  bottom: auto;
  top: 0;
}

#EAIBoxCycle .item:nth-child(2n) .icon {
  box-shadow: 0px -6px 18px rgba(29, 144, 189, 0.23);
}

#EAIBoxCycle .item:nth-child(2n) svg {
  transform: rotate(180deg);
}

/*EuKitseriesAbout*/
#EuKitseriesAbout {
  padding-bottom: 23.4375%;
  position: relative;
}

#EuKitseriesAbout .inner {
  overflow: hidden;
}

#EuKitseriesAbout .proText {
  width: 55.73770492%;
  float: right;
  padding: 6.55737705% 11.47540984% 0 0;
}

#EuKitseriesAbout .logo {
  width: 27.5%;
  margin-bottom: 4.85294118%;
}

#EuKitseriesAbout .logo img {
  display: block;
  width: 100%;
  height: auto;
}

#EuKitseriesAbout .intro {
  margin-top: 2.5%;
}

/*EuKitseriesDesign*/
#EuKitseriesDesign {
  padding: 4.16666667% 0 29.25%;
  background: #fff no-repeat center bottom;
  background-size: 100% auto;
}

#EuKitseriesDesign .proText {
  max-width: 500px;
  margin: 0 auto 2%;
}

#EuKitseriesDesign .intro {
  color: #201c38;
  margin-top: 4%;
}

/*EuKitseriesLevel*/
#EuKitseriesLevel {
  padding: 10.9375% 0 21.875%;
}

#EuKitseriesLevel .proText {
  width: 53.27868852%;
}

#EuKitseriesLevel .intro {
  margin-top: 2.76923077%;
}

/*EuKitseriesCurriculum*/
#EuKitseriesCurriculum {
  overflow: hidden;
  padding-top: 3.80208333%;
}

#EuKitseriesCurriculum .proText {
  max-width: 760px;
  margin: 0 auto 7.37704918%;
}

#EuKitseriesCurriculum .intro {
  margin-top: 2.36842105%;
  color: #201c38;
}

#EuKitseriesCurriculum .pic {
  width: 83.33333333%;
  margin: 0 auto;
}

/*EuKitseriesParts*/
#EuKitseriesParts {
  padding: 13.54166667% 0 25%;
  position: relative;
}

#EuKitseriesParts .proText {
  padding: 0 2.04918033%;
  width: 51.63934426%;
}

#EuKitseriesParts .intro {
  margin-top: 3.10344828%;
  color: #201c38;
}

/*specificationList*/
.specificationList .item {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #f9f9f9;
}

.specificationList .pic,
.specificationList .text {
  display: table-cell;
  width: 50%;
}

.specificationList .pic {
  vertical-align: top;
}

.specificationList .text {
  vertical-align: middle;
  padding: 1.96721311% 2.86885246% 1.96721311% 1.96721311%;
}

.specificationList h3 {
  font: 700 24px/1.5em "liangzihuohuaHLight";
  color: #333;
}

.specificationList .content {
  font-size: 14px;
  color: #666;
  line-height: 2.14285714em;
  margin-top: 3.08529946%;
}

.specificationList .item:nth-child(2n) .text {
  padding-left: 2.86885246%;
  padding-right: 1.96721311%;
}

/*EuKitseriesSpecifications*/
#EuKitseriesSpecifications {
  padding: 4.16666667% 0 5.72916667%;
}

#EuKitseriesSpecifications .proText {
  margin-bottom: 7.37704918%;
}

/*CMocoolFeatures*/
#CMocoolFeatures {
  background-color: #576788;
}

/*CMocoolExp*/
#CMocoolExp {
  position: relative;
  padding: 4.6875% 0 9.11458333%;
  overflow: hidden;
}

#CMocoolExp .pic {
  position: absolute;
  width: 68.54166667%;
  right: 1.82291667%;
  top: 50%;
  transform: translateY(-50%);
}

#CMocoolExp .bg {
  padding-bottom: 50.98784195%;
}

#CMocoolExp .proText {
  width: 34.42622951%;
  margin: 0 2.04918033% 6.96721311%;
}

#CMocoolExp .intro {
  color: #201c38;
  margin-top: 5.95238095%;
}

#CMocoolExp .image {
  width: 31.06557377%;
  margin: 0 2.04918033%;
  position: relative;
}

#CMocoolExp .image:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px;
  box-shadow: -1.25vw -1.25vw 2.39583333vw rgba(0, 0, 0, 0.29);
}

#CMocoolExp .image img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

/*CMocool3D*/
#CMocool3D {
  padding: 2.70833333% 0 2.34375%;
}

#CMocool3D .pic {
  width: 50.81967213%;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

#CMocool3D .pic:before {
  width: 90%;
  height: 90%;
  content: "";
  display: block;
  position: absolute;
  left: 5%;
  top: 5%;
  border-radius: 20px;
  box-shadow: 0 0.625vw 1.82291667vw rgba(0, 0, 0, 0.3);
}

#CMocool3D .pic img {
  position: relative;
  z-index: 2;
}

#CMocool3D .proText {
  max-width: 530px;
  margin: 0 auto 2%;
}

#CMocool3D .intro {
  margin-top: 3.5%;
}

#CMocool3D .download {
  margin-bottom: 2%;
}

/*CMocoolTran*/
#CMocoolTran {
  position: relative;
  overflow: hidden;
  padding-bottom: 39.0625%;
}

#CMocoolTran .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  margin-top: 9.89583333%;
}

#CMocoolTran .proText {
  width: 35.6557377%;
  float: right;
  padding-right: 4.09836066%;
}

#CMocoolTran .pic {
  position: absolute;
  left: 3.4375%;
  top: 0;
  width: 70.9375%;
}

#CMocoolTran .intro {
  color: #201c38;
  margin-top: 5.05747126%;
}

/*CMocoolDetails*/
#CMocoolDetails {
  overflow: hidden;
  background-color: #566687;
}

#CMocoolDetails .proText {
  padding: 5.72916667% 0;
}

#CMocoolDetails .details {
  background-color: #fff;
}

#CMocoolDetails .info,
#CMocoolDetails .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#CMocoolDetails .pic {
  background: no-repeat center center;
  background-size: cover;
}

#CMocoolDetails h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 42px;
  font: 400 2.1875vw/1.4285em "liangzihuohuaHLight";
  text-align: center;
  background-color: rgba(48, 68, 112, 0.6);
}

#CMocoolDetails ul {
  overflow: hidden;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#CMocoolDetails li {
  padding-bottom: 20.57291667%;
  position: relative;
  width: 24.73958333%;
  margin-bottom: 0.41666667%;
}

#CMocoolDetails li:nth-child(5n + 1) {
  width: 30.52083333%;
}

#CMocoolDetails li:nth-child(5n + 2) {
  width: 69.0625%;
}

#CMocoolDetails li:nth-child(5n + 3) {
  width: 49.73958333%;
}

#CMocoolDetails li:nth-child(5n + 4) {
  width: 24.6875%;
}

#CMocoolDetails li:nth-child(5n + 5) {
  width: 24.73958333%;
}

/*CMocoolIn*/
#CMocoolIn .intro {
  line-height: 2.28571429em;
}

#CMocoolIn .text {
  width: 28.68852459%;
}

#CMocoolIn .image img {
  width: 113.27319588%;
  margin-left: -9.5%;
}

/*WarriorBotAbout*/
#WarriorBotAbout {
  padding: 6.77083333% 0;
}

#WarriorBotAbout .image {
  width: 57.21311475%;
  padding: 0 1.8852459%;
}

#WarriorBotAbout .text {
  vertical-align: top;
  padding-top: 3.27868852%;
}

#WarriorBotAbout .proText {
  max-width: 430px;
  float: right;
}

#WarriorBotAbout .intro {
  color: #201c38;
  font-size: 16px;
}

/*WarriorBotMeta*/
#WarriorBotMeta {
  color: #fff;
  padding: 7.8125% 0 4.42708333%;
}

#WarriorBotMeta .list {
  max-width: 830px;
  margin: 0 auto;
}

#WarriorBotMeta ul {
  overflow: hidden;
}

#WarriorBotMeta li {
  float: left;
  width: 30.333%;
  text-align: center;
  padding: 3.5% 1.5%;
}

#WarriorBotMeta .icon {
  margin: 0 auto 10px;
  width: 139px;
}

#WarriorBotMeta i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#WarriorBotMeta h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
}

/*WarriorBot12IN*/
#WarriorBot12IN {
  padding-bottom: 47.91666667%;
  position: relative;
  color: #fff;
}

#WarriorBot12IN .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  margin-top: 5.20833333%;
}

#WarriorBot12IN h2 {
  font: 700 4.1666vw/1.25em "liangzihuohuaHLight";
  padding: 0 2.04918033%;
}

/*WarriorBotSystem*/
#WarriorBotSystem {
  padding: 6.25% 0 7.08333333%;
  background-color: #f5f5f5;
}

#WarriorBotSystem .proText {
  max-width: 690px;
  margin: 0 auto 5.16393443%;
}

#WarriorBotSystem .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 2.89855072%;
}

#WarriorBotSystem .level {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#WarriorBotSystem .item {
  text-align: center;
  width: 26.2295082%;
}

#WarriorBotSystem .top {
  color: #fff;
  border-radius: 10px;
  font-size: 42px;
  font: 700 2.1875vw/1.25em "liangzihuohuaHLight";
  text-align: center;
  margin-bottom: 9.375%;
  padding: 6.25%;
}

#WarriorBotSystem h3 {
  font-weight: 500;
  font-size: 24px;
  color: #333;
  line-height: 1.35em;
  margin-bottom: 2.1875%;
}

#WarriorBotSystem h4 {
  font-size: 19px;
  line-height: 1.35em;
  font-weight: 400;
  color: #737479;
  margin-bottom: 3.125%;
}

#WarriorBotSystem .meta {
  margin-bottom: 7.8125%;
}

#WarriorBotSystem .dots {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#WarriorBotSystem .dots i {
  display: inline-block;
  width: 4.0625%;
  padding-bottom: 4.0625%;
  border-radius: 50%;
  background-color: #a4ce6b;
  vertical-align: middle;
  margin: 0 4.6875%;
}

#WarriorBotSystem .level1 .top {
  background-color: #c2e78f;
}

#WarriorBotSystem .level2 .top {
  background-color: #a4ce6b;
}

#WarriorBotSystem .level3 .top {
  background-color: #88b846;
}

/*WarriorBotPRP*/
#WarriorBotPRP {
  padding-bottom: 42.70833333%;
  position: relative;
}

#WarriorBotPRP .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 3.64583333%;
}

#WarriorBotPRP .proText {
  width: 37.70491803%;
  padding: 0 1.8852459%;
}

#WarriorBotPRP .intro {
  font-size: 16px;
  margin-top: 4.34782609%;
}

#WarriorBotPRP .download {
  margin-top: 4.34782609%;
}

/*WarriorBotBlocks*/
#WarriorBotBlocks {
  padding-bottom: 42.70833333%;
  position: relative;
}

#WarriorBotBlocks .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.51041667%;
}

#WarriorBotBlocks .proText {
  width: 32.78688525%;
  float: right;
  padding-right: 2.13114754%;
}

#WarriorBotBlocks .intro {
  font-size: 16px;
  margin-top: 4.34782609%;
  color: #353535;
}

/*WarriorBotGame*/
#WarriorBotGame {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_12.png);
  position: relative;
  overflow: hidden;
  padding: 7.29166667% 0 5.20833333%;
}

#WarriorBotGame .pic {
  width: 58.85416667%;
  float: right;
  padding-right: 5.46875%;
}

#WarriorBotGame .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.51041667%;
}

#WarriorBotGame .proText {
  width: 25.40983607%;
  padding: 0 1.8852459%;
  color: #353535;
}

#WarriorBotGame .intro {
  color: #353535;
  font-size: 16px;
  margin-top: 5%;
}

/*WarriorBotEndless*/
#WarriorBotEndless {
  padding-bottom: 40.625%;
  position: relative;
}

#WarriorBotEndless .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 8.59375%;
}

#WarriorBotEndless .proText {
  width: 45.08196721%;
  float: right;
}

#WarriorBotEndless .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 3.91304348%;
}

/*WarriorBotVictory*/
#WarriorBotVictory {
  padding-bottom: 39.32291667%;
  position: relative;
}

#WarriorBotVictory .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 5.20833333%;
}

#WarriorBotVictory .proText {
  padding: 0 1.8852459%;
  width: 65.57377049%;
}

#WarriorBotVictory .intro {
  font-size: 16px;
  color: #201c38;
  margin-top: 1.75%;
}

/*WarriorBotIn*/
#WarriorBotIn {
  padding: 5.20833333% 0 0;
}

#WarriorBotIn .text {
  width: 39.3442623%;
  vertical-align: top;
  padding: 2.95081967% 0 2.95081967% 3.68852459%;
}

#WarriorBotIn .intro {
  font-size: 16px;
  line-height: 2em;
  color: #201c38;
}

#WarriorBotIn .image img {
  width: 112.33980227%;
  float: right;
}

/*AstrobotBanner*/
#AstrobotBanner .pc {
  padding-bottom: 39.0625%;
}

/*AstrobotAbout*/
#AstrobotAbout {
  padding: 5.20833333% 0;
  background-color: #fff;
  background-image: none;
}

#AstrobotAbout .gallery {
  width: 59.01639344%;
}

#AstrobotAbout .pic {
  max-width: 80.55555556%;
}

#AstrobotAbout .slick-arrow {
  width: 9.30555556%;
  padding-bottom: 12.22222222%;
}

#AstrobotAbout .text {
  width: 40.98360656%;
  padding-top: 0;
}

#AstrobotAbout .proText {
  float: right;
  width: 115%;
}

#AstrobotAbout .intro {
  font-size: 16px;
  color: #737479;
}

/*AstrobotCharacter*/
#AstrobotCharacter {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_15.jpg);
  padding: 6.77083333% 10.41666667% 0;
}

#AstrobotCharacter .image {
  width: 60.92105263%;
}

#AstrobotCharacter .text {
  padding-left: 0;
}

#AstrobotCharacter .proText {
  max-width: 530px;
  margin-left: -15%;
}

#AstrobotCharacter .intro {
  font-size: 16px;
}

/*AstrobotBox*/
.AstrobotBox {
  padding-bottom: 42.70833333%;
  position: relative;
}

.AstrobotBox .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 6.40625%;
}

.AstrobotBox .proText {
  width: 38.52459016%;
}

.AstrobotBox .intro {
  margin-top: 5.94594595%;
}

/*Astrobot3D*/
#Astrobot3D .download {
  margin-top: 5.94594595%;
}

/*AstrobotPRP*/
#AstrobotPRP {
  padding-bottom: 47.91666667%;
  position: relative;
}

#AstrobotPRP .info {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

#AstrobotPRP .proText {
  width: 47.54098361%;
  float: right;
  color: #353535;
}

#AstrobotPRP .intro {
  color: #353535;
  margin-top: 2.06896552%;
}

/*AstrobotConnect*/
#AstrobotConnect {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_16.jpg);
  padding: 7.8125% 0 7.29166667%;
}

#AstrobotConnect .image {
  width: 53.27868852%;
}

#AstrobotConnect .pic {
  width: 108.76923077%;
  float: right;
  overflow: visible;
}

#AstrobotConnect .pic:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: -70px 70px 90px rgba(0, 0, 0, 0.29);
  border-radius: 50px;
}

#AstrobotConnect .pic img {
  position: relative;
  z-index: 2;
}

#AstrobotConnect .intro {
  margin-top: 8.19672131%;
  color: #353535;
}

/*AstrobotIn*/
#AstrobotIn {
  padding-bottom: 39.0625%;
}

/*CruzrBanner*/
#CruzrBanner .pc {
  padding-bottom: 46.875%;
}

/*CruzrSolution*/
#CruzrSolution {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_17.jpg);
  color: #fff;
  padding: 6.51041667% 0 6.77083333%;
}

#CruzrSolution .intro {
  font-size: 24px;
  line-height: 1.5em;
  max-width: none;
  margin-top: 1.31147541%;
}

#CruzrSolution .list {
  overflow: hidden;
}

#CruzrSolution .list ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#CruzrSolution .list li {
  width: 145px;
  margin-top: 4%;
}

#CruzrSolution .icon {
  width: 90px;
  margin: 0 auto 33px;
}

#CruzrSolution .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: rgba(255, 255, 255, 0.9) no-repeat center center;
  background-size: 64.44444444% auto;
  border-radius: 50%;
}

#CruzrSolution .name {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

/*CruzrDesign*/
#CruzrDesign {
  padding: 6.51041667% 0 0;
}

#CruzrDesign .box {
  width: 100%;
}

#CruzrDesign .image {
  width: 60.9375%;
  padding-left: 6.09375%;
  vertical-align: bottom;
  padding-top: 1.5625%;
}

#CruzrDesign .text {
  vertical-align: top;
  padding-left: 0;
}

#CruzrDesign .info {
  max-width: 560px;
  margin-left: -22.66666667%;
}

#CruzrDesign .proText {
  margin-bottom: 7.5%;
}

#CruzrDesign .intro {
  color: #201c38;
  margin-top: 1.33333333%;
}

#CruzrDesign .data li {
  margin-bottom: 2.85714286%;
}

#CruzrDesign .num {
  font-size: 72px;
  font-size: 3.75vw;
  color: #00b2e9;
  line-height: 1em;
}

#CruzrDesign .num i {
  font-style: normal;
  line-height: 0.7em;
}

#CruzrDesign .name {
  font-size: 24px;
  font-size: 1.25vw;
  color: #333;
  font-weight: 500;
  line-height: 1.5em;
}

/*CruzrFunctions*/
#CruzrFunctions {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_18.jpg);
  color: #fff;
  padding: 5.20833333% 0 6.51041667%;
}

#CruzrFunctions .list {
  padding: 0 9.42622951%;
}

#CruzrFunctions ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#CruzrFunctions li {
  width: 20.95959596%;
  display: inline-block;
  margin: 4.44444444% 2.02020202%;
  border-radius: 25px;
  border-radius: 1.30208333vw;
  text-align: center;
  padding: 3.03030303% 0 2.52525253%;
  position: relative;
  box-shadow: 12px 12px 43px rgba(0, 157, 210, 0.79);
}

#CruzrFunctions li:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  box-shadow: -8px -8px 21px rgba(255, 255, 255, 0.5);
  border-radius: 25px;
  border-radius: 1.30208333vw;
}

#CruzrFunctions .icon {
  width: 32.85024155%;
  margin: 0 auto 8.69565217%;
}

#CruzrFunctions .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#CruzrFunctions .name {
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px;
  line-height: 1.71428571em;
}

/*CruzrFont*/
.CruzrFont .intro {
  font-family: "liangzihuohuaHLight";
  font-weight: 400;
}

/*CruzrGR*/
#CruzrGR {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_19.jpg);
}

#CruzrGR .pic {
  width: 89.73958333%;
  margin: 0 auto;
}

#CruzrGR .bg {
  padding-bottom: 33.54614045%;
}

#CruzrGR .proText {
  padding: 3.52459016% 0;
}

#CruzrGR .intro {
  color: #201c38;
  margin-top: 2.45901639%;
}

/*CruzrGRItem*/
.CruzrGRItem .inner {
  display: table;
  table-layout: fixed;
}

.CruzrGRItem .td {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.CruzrGRItem .pic {
  width: 157.37704918%;
  width: 50vw;
  float: right;
}

.CruzrGRItem .bg {
  padding-bottom: 89.58333333%;
  background-size: cover;
}

.CruzrGRItem .text {
  padding-left: 8.19672131%;
  color: #000;
  overflow: hidden;
}

.CruzrGRItem .proText {
  margin-bottom: 19.60784314%;
}

.CruzrGRItem .title {
  color: #000;
}

.CruzrGRItem .intro {
  margin-top: 6.49122807%;
}

.CruzrGRItem .fun ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.CruzrGRItem .fun li {
  width: 17.64705882%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.CruzrGRItem .icon {
  margin-bottom: 18.88888889%;
}

.CruzrGRItem .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

.CruzrGRItem .name {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  line-height: 1.25em;
}

.CruzrGRItem:nth-child(2n) .pic {
  float: none;
}

.CruzrGRItem:nth-child(2n) .text {
  padding-left: 0;
  padding-right: 8.19672131%;
}

/*CruzrPromotion*/
#CruzrPromotion {
  padding-bottom: 50%;
  position: relative;
}

#CruzrPromotion .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 12.5%;
}

#CruzrPromotion .proText {
  width: 47.54098361%;
}

#CruzrPromotion .intro {
  margin-top: 5.17241379%;
}

/*CruzrModal*/
#CruzrModal {
  padding-bottom: 50%;
  position: relative;
}

#CruzrModal .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 7.8125%;
}

#CruzrModal .intro {
  max-width: 600px;
  margin-top: 2.70491803%;
}

/*CruzrIOT*/
#CruzrIOT {
  background-color: #e8ebf0;
  padding: 6.25% 0 12.76041667%;
}

#CruzrIOT .box {
  width: 100%;
}

#CruzrIOT .image {
  width: 52.03125%;
  padding-left: 3.125%;
}

#CruzrIOT .text {
  padding: 0 3.125%;
}

#CruzrIOT .proText {
  max-width: 490px;
}

#CruzrIOT .intro {
  max-width: 430px;
  margin-top: 6.53061224%;
  color: #201c38;
}

/*CruzrCheck*/
#CruzrCheck {
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_20.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}

#CruzrCheck .pic {
  margin-top: -7.55208333%;
}

#CruzrCheck .bg {
  padding-bottom: 57.55208333%;
}

#CruzrCheck .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  margin-bottom: 8.59375%;
}

#CruzrCheck .intro {
  max-width: 625px;
  margin-top: 2.45901639%;
}

/*CruzrAuto*/
#CruzrAuto {
  padding-bottom: 56.25%;
  position: relative;
}

#CruzrAuto .pic {
  width: 41.19791667%;
  position: absolute;
  right: 11.35416667%;
  bottom: 0;
  margin-bottom: 3.85416667%;
}

#CruzrAuto .proText {
  position: absolute;
  left: 18.22916667%;
  top: 0;
  width: 27.08333333%;
  margin-top: 16.04166667%;
}

#CruzrAuto .intro {
  margin-top: 5.76923077%;
  color: #201c38;
}

/*CruzrParameters*/
#CruzrParameters {
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 3.64583333% 0 9.53125%;
}

#CruzrParameters .proText {
  margin-bottom: 5.16393443%;
}

#CruzrParameters .pic {
  margin-bottom: 7.37704918%;
}

#CruzrParameters .pic img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

/*CruzrMeta*/
.CruzrMeta ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

.CruzrMeta li {
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_dotted.png) repeat-x left bottom;
  font-size: 14px;
  line-height: 24px;
  width: 25.40983607%;
  padding: 1.47540984% 0;
}

.CruzrMeta .name {
  width: 16.39344262%;
  padding-right: 1.63934426%;
  font-weight: 500;
}

.CruzrMeta .large {
  width: 38.52459016%;
}

.CruzrMeta .long {
  width: 81.96721311%;
}

/*CruzrEmpower*/
#CruzrEmpower {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_21.jpg);
  overflow: hidden;
  padding: 5.46875% 0 2.23958333%;
}

#CruzrEmpower .proText {
  margin-bottom: 5.98360656%;
}

#CruzrEmpower .more {
  margin-top: 4.09836066%;
}

#CruzrEmpower .more a {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 20px;
  width: 130px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  margin: 0 auto;
  background-color: #00bcff;
  background-image: linear-gradient(120deg, #a2b7ff 30%, #00bcff);
  transition: width 0.3s;
}

#CruzrEmpower .more a:hover {
  width: 160px;
}

#CruzrEmpower .box {
  width: 69.3442623%;
  margin: 0 auto;
}

#CruzrEmpower .slick-list {
  overflow: visible;
}

#CruzrEmpower .pic {
  border-radius: 10px;
  margin: 0 1.1820331%;
}

#CruzrEmpower .bg {
  padding-bottom: 52.54237288%;
}

#CruzrEmpower .load {
  padding-bottom: 51.30023641%;
}

#CruzrEmpower .btn {
  margin-top: 4.09836066%;
}

#CruzrEmpower .btn ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#CruzrEmpower .btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #201c38;
  padding: 14px;
}

#CruzrEmpower .btn span {
  display: block;
  overflow: hidden;
  border-radius: 20px;
  padding: 0 19px;
  cursor: pointer;
}

#CruzrEmpower .btn .cur {
  color: #fff;
}

#CruzrEmpower .btn .cur span {
  background-color: #00bcff;
  background-image: linear-gradient(120deg, #a2b7ff 30%, #00bcff);
}

/*WalkerXParameters*/
#WalkerXParameters {
  background-color: #eff2f7;
  padding: 5.10416667% 0 1.92708333%;
}

#WalkerXParameters .inner {
  overflow: hidden;
}

#WalkerXParameters .proText {
  margin-bottom: 4.59016393%;
}

#WalkerXParameters .pic {
  margin-bottom: 6.96721311%;
}

#WalkerXParameters .pic img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

/*WalkerXMeta*/
.WalkerXMeta {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.WalkerXMeta table,
.WalkerXMeta th,
.WalkerXMeta td {
  border: none;
}

.WalkerXMeta table {
  table-layout: fixed;
  color: #333;
  min-width: 672px;
}

.WalkerXMeta td {
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_dotted.png) repeat-x left bottom;
  font-size: 14px;
  line-height: 24px;
  padding: 1.31147541% 0.81967213%;
  vertical-align: top;
}

.WalkerXMeta .name {
  width: 16.39344262%;
  padding-right: 1.63934426%;
  font-weight: 500;
}

/*WalkerXPlatform*/
#WalkerXPlatform {
  padding: 8.59375% 0 0;
}

#WalkerXPlatform .text {
  padding-left: 0;
  width: 34.42622951%;
  vertical-align: top;
  padding-bottom: 5%;
}

#WalkerXPlatform .image {
  width: 65.57377049%;
}

#WalkerXPlatform .image img {
  width: 155.375%;
  position: relative;
  margin-left: -14%;
}

#WalkerXPlatform .proText {
  margin-bottom: 4.76190476%;
}

/*WalkerXPList*/
.WalkerXPList li {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 4.76190476% 0;
}

.WalkerXPList .icon {
  width: 14.28571429%;
  display: table-cell;
  vertical-align: middle;
}

.WalkerXPList .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

.WalkerXPList .name {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  padding-left: 4.76190476%;
}

/*WalkerXPartners*/
#WalkerXPartners {
  background-color: #e3e6ec;
  padding: 4.94791667% 0 6.25%;
}

#WalkerXPartners .inner {
  position: relative;
}

#WalkerXPartners .inner:before {
  width: 74.42622951%;
  height: 52.57731959%;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  box-shadow: 0px 0.625vw 2.24vw rgba(181, 189, 203, 0.84);
}

#WalkerXPartners .proText {
  margin-bottom: 4.59016393%;
}

/*resPartners*/
.resPartners {
  background-color: #f1f2f5;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

.resPartners ul {
  width: 100.24590164%;
  overflow: hidden;
  margin-bottom: -0.24590164%;
}

.resPartners li {
  float: left;
  width: 24.75470155%;
  padding-right: 0.24529845%;
  padding-bottom: 0.24529845%;
}

.resPartners .box {
  padding-bottom: 46.24277457%;
  position: relative;
  background-color: #fff;
}

.resPartners .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.resPartners img {
  display: block;
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 70%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*WalkerXApp*/
#WalkerXApp {
  background-color: #eff2f7;
  padding: 8.22916667% 0 4.79166667%;
}

#WalkerXApp .proText {
  margin-bottom: 1.63934426%;
}

#WalkerXApp .tabBtn {
  margin-bottom: 5.73770492%;
}

#WalkerXApp .tabBtn ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#WalkerXApp .tabBtn li {
  display: inline-block;
  font-size: 24px;
  line-height: 1.5em;
  color: #333;
  opacity: 0.3;
  font-weight: 500;
  cursor: pointer;
  margin: 0 3.1147541%;
}

#WalkerXApp .tabBtn .cur {
  color: #00a5e5;
  opacity: 1;
}

#WalkerXApp .box {
  width: 102.1857377%;
  display: none;
}

#WalkerXApp .item {
  float: left;
  width: 22.86097479%;
  padding-right: 2.1389851%;
  padding-bottom: 3.44919971%;
}

#WalkerXApp .pic {
  border-radius: 10px;
  padding-bottom: 149.47368421%;
  background: no-repeat center center;
  background-size: cover;
  box-shadow: 0px 0.625vw 2.24vw rgba(181, 189, 203, 0.84);
}

#WalkerXApp h3 {
  position: absolute;
  left: 5%;
  top: 0;
  width: 90%;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #00a5e5;
  line-height: 1.3em;
  margin-top: 15.0877193%;
}

/*WalkerXAIoT*/
#WalkerXAIoT {
  background: #febec8 url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_22.jpg) no-repeat center center;
  background-size: cover;
  padding: 8.33333333% 10.9375% 9.375%;
}

#WalkerXAIoT .image {
  width: 59%;
}

#WalkerXAIoT .text {
  padding-left: 4%;
}

#WalkerXAIoT .proText {
  max-width: 415px;
}

/*WalkerXMult*/
#WalkerXMult {
  padding: 0;
  background-color: #fbfbfb;
}

#WalkerXMult .text {
  padding-left: 0;
  width: 37.70491803%;
  padding: 5% 0 10%;
}

#WalkerXMult .proText {
  margin-bottom: 14.28571429%;
}

#WalkerXMult .WalkerXPList {
  max-width: 420px;
}

#WalkerXMult .image {
  width: 62.29508197%;
}

#WalkerXMult .image img {
  width: 126.31578947%;
  width: 50vw;
  position: relative;
}

/*WalkerXPerception*/
#WalkerXPerception {
  padding-bottom: 46.875%;
  position: relative;
}

#WalkerXPerception .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.6875%;
}

#WalkerXPerception .title {
  max-width: 500px;
  margin: 0 auto;
}

#WalkerXPerception .intro {
  max-width: 720px;
  margin-top: 2.04918033%;
}

/*WalkerXUSLAM*/
#WalkerXUSLAM {
  background-color: #eff2f7;
  padding: 11.45833333% 11.19791667%;
}

#WalkerXUSLAM .box {
  width: 100%;
}

#WalkerXUSLAM .image {
  width: 55.10067114%;
}

#WalkerXUSLAM .image img {
  position: relative;
  z-index: 2;
}

#WalkerXUSLAM .pic {
  position: relative;
  overflow: visible;
}

#WalkerXUSLAM .pic:before {
  width: 82.21680877%;
  height: 98.92008639%;
  content: "";
  display: block;
  position: absolute;
  left: 8.89159562%;
  bottom: 0;
  box-shadow: 0px 1.71875vw 3.646vw rgba(106, 114, 126, 0.63);
}

#WalkerXUSLAM .text {
  padding-left: 4.69798658%;
}

#WalkerXUSLAM .proText {
  max-width: 470px;
}

#WalkerXUSLAM .intro {
  color: #201c38;
}

/*WalkerXSafe*/
#WalkerXSafe {
  background-color: #ffbfc9;
  position: relative;
  overflow: hidden;
}

#WalkerXSafe .pic {
  padding-bottom: 46.875%;
  background: no-repeat center bottom;
  background-size: 100% auto;
}

#WalkerXSafe .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 10.41666667%;
  z-index: 2;
}

#WalkerXSafe .proText {
  width: 51.63934426%;
  float: right;
}

#WalkerXSafe .intro {
  margin-top: 3.17460317%;
}

/*WalkerXHandEye*/
#WalkerXHandEye {
  background-color: #ffbfc9;
  position: relative;
  overflow: hidden;
}

#WalkerXHandEye .pic {
  padding-bottom: 46.875%;
  background: no-repeat center bottom;
  background-size: cover;
}

#WalkerXHandEye .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 8.85416667%;
  z-index: 2;
}

#WalkerXHandEye .proText {
  max-width: 500px;
}

#WalkerXHandEye .intro {
  margin-top: 4.6%;
}

/*WalkerXControl*/
#WalkerXControl {
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/WalkerXControl_bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding: 10.9375% 0 6.51041667%;
}

#WalkerXControl .pic {
  position: absolute;
  bottom: 0;
  right: 5.46875%;
  width: 51.04166667%;
}

#WalkerXControl .inner {
  position: relative;
  z-index: 2;
}

#WalkerXControl .proText {
  width: 51.2295082%;
  margin-bottom: 2.29508197%;
}

#WalkerXControl ul {
  width: 25.40983607%;
}

#WalkerXControl li {
  padding: 10% 0;
}

#WalkerXControl .des {
  font-size: 14px;
  line-height: 24px;
  color: #2f2f2f;
}

#WalkerXControl .icon {
  max-width: 19.35483871%;
  margin-bottom: 4.19354839%;
}

#WalkerXControl .icon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

/*bdnum*/
.bdnum {
  font-size: 60px;
  line-height: 1em;
  font-family: "liangzihuohuaHLight";
  font-weight: 700;
  color: transparent;
  -o-text-shadow:
    1px 0px 0px #18bbff,
    0px 2px 0px #18bbff,
    -2px 0px 0px #18bbff,
    0px -2px 0px #18bbff;
  -ms-text-shadow:
    1px 0px 0px #18bbff,
    0px 2px 0px #18bbff,
    -2px 0px 0px #18bbff,
    0px -2px 0px #18bbff;
  -moz-text-shadow:
    2px 0px 0px #18bbff,
    0px 2px 0px #18bbff,
    -2px 0px 0px #18bbff,
    0px -2px 0px #18bbff;
  -webkit-text-shadow:
    2px 0px 0px #18bbff,
    0px 2px 0px #18bbff,
    -2px 0px 0px #18bbff,
    0px -2px 0px #18bbff;
  color: #eff2f7;
  text-shadow:
    2px 0px 0px #18bbff,
    0px 2px 0px #18bbff,
    -2px 0px 0px #18bbff,
    0px -2px 0px #18bbff;
  margin-bottom: 2.54452926%;
}

/*WalkerXStable*/
#WalkerXStable {
  background-color: #eff2f7;
  padding: 0 0 5.98958333%;
  overflow: hidden;
}

#WalkerXStable .text {
  width: 32.21311475%;
  vertical-align: top;
  padding: 13.1147541% 0;
}

#WalkerXStable .intro {
  color: #201c38;
}

#WalkerXStable .image {
  width: 67.78688525%;
}

#WalkerXStable .pic {
  overflow: visible;
  padding-bottom: 17.53325272%;
}

#WalkerXStable .bg {
  width: 75.45344619%;
  padding-bottom: 71.58403869%;
  position: relative;
  z-index: 2;
  float: right;
}

#WalkerXStable .floor {
  width: 90.32648126%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -4.23216445%;
}

#WalkerXStable .floor i {
  display: block;
  overflow: hidden;
  padding-bottom: 44.97991968%;
  background: no-repeat center center;
  background-size: contain;
}

#WalkerXStable .item {
  display: none;
}

#WalkerXStable .item:first-child {
  display: block;
}

#WalkerXStable .tabBtn {
  position: relative;
  z-index: 2;
}

#WalkerXStable .tabBtn ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#WalkerXStable .tabBtn li {
  display: inline-block;
  font-size: 24px;
  color: #999;
  line-height: 36px;
  margin: 0 1.20918984%;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.3s;
}

#WalkerXStable .tabBtn .cur {
  font-weight: 700;
  font-size: 30px;
  color: #18bbff;
}

/*WalkerXStructured*/
#WalkerXStructured {
  padding-bottom: 46.875%;
  position: relative;
  color: #fff;
}

#WalkerXStructured .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 8.33333333%;
  z-index: 2;
}

#WalkerXStructured .bdnum {
  color: #b6b6b4;
  font-size: 62px;
}

#WalkerXStructured .proText {
  width: 44.26229508%;
  margin-bottom: 2.86885246%;
}

#WalkerXStructured .intro {
  margin-top: 3.7037037%;
}

#WalkerXStructured .data {
  font-size: 14px;
  line-height: 24px;
}

#WalkerXStructured .data li {
  margin-bottom: 3.14814815%;
}

#WalkerXStructured .num {
  font-family: "liangzihuohuaHLight";
  font-weight: 700;
}

#WalkerXStructured .num span {
  font-size: 65px;
  line-height: 1em;
}

#WalkerXStructured .num i {
  font-size: 36px;
  font-style: normal;
}

/*WalkerXComplex*/
#WalkerXComplex {
  padding-bottom: 46.875%;
  position: relative;
  color: #fff;
}

#WalkerXComplex .text {
  width: 50%;
}

#WalkerXComplex .info {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

#WalkerXComplex .proText {
  margin-bottom: 9.3442623%;
}

#WalkerXComplex .white {
  margin-bottom: 1.63934426%;
}

#WalkerXComplex .intro {
  margin-top: 3.7704918%;
}

#WalkerXComplex .bdnum {
  color: #c6c5ca;
  font-size: 72px;
}

#WalkerXComplex .data {
  font-size: 14px;
  line-height: 24px;
}

#WalkerXComplex .data li {
  margin-bottom: 3.14814815%;
}

#WalkerXComplex .num {
  font-family: "liangzihuohuaHLight";
  font-weight: 700;
}

#WalkerXComplex .num span {
  font-size: 65px;
  line-height: 1em;
}

#WalkerXComplex .num i {
  font-size: 36px;
  font-style: normal;
}

/*WalkerXUpgrades*/
#WalkerXUpgrades {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_23.jpg);
  padding: 5.20833333% 0 1.82291667%;
}

#WalkerXUpgrades ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#WalkerXUpgrades li {
  width: 25%;
  text-align: center;
  padding: 12px 0;
}

#WalkerXUpgrades .icon {
  width: 60px;
  margin: 0 auto 3.27868852%;
}

#WalkerXUpgrades .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  width: 57px;
}

#WalkerXUpgrades .name {
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

/*WalkerXNew*/
#WalkerXNew {
  padding-bottom: 46.875%;
  position: relative;
}

#WalkerXNew .info {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

#WalkerXNew .text {
  width: 50%;
}

#WalkerXNew .proText {
  margin-bottom: 8.19672131%;
}

#WalkerXNew li {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 2.62295082% 0;
}

#WalkerXNew .icon {
  width: 12.29508197%;
  display: table-cell;
  vertical-align: middle;
}

#WalkerXNew .icon img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 42px;
}

#WalkerXNew .name {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  color: #333;
  line-height: 1.5em;
}

/*WalkerXbuilder*/
#WalkerXbuilder {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_24.jpg);
  padding-top: 5.20833333%;
}

#WalkerXbuilder .icon {
  width: 29.67213115%;
  margin: 0 auto 1.06557377%;
}

#WalkerXbuilder .icon img {
  display: block;
  width: 100%;
  height: auto;
}

#WalkerXbuilder .proText {
  margin-bottom: 8.19672131%;
}

#WalkerXbuilder .intro {
  margin-top: 1.63934426%;
  color: #201c38;
}

#WalkerXbuilder .pic {
  width: 72.13114754%;
  margin: 0 auto;
}

/*WalkerXVideo*/
#WalkerXVideo {
  padding-bottom: 46.875%;
  position: relative;
}

#WalkerXVideo .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.42708333%;
}

#WalkerXVideo img {
  display: block;
  width: 100%;
  height: auto;
}

#WalkerXVideo .expo {
  width: 28.27868852%;
  margin-bottom: 8.85245902%;
}

#WalkerXVideo .icon {
  width: 20.6557377%;
  margin-bottom: 2.45901639%;
}

#WalkerXVideo .proText {
  margin-bottom: 7.37704918%;
}

#WalkerXVideo .title {
  font-size: 32px;
  line-height: 1.35em;
}

#WalkerXVideo .sub {
  font: 400 30px/1.35em "liangzihuohuaHLight";
}

#WalkerXVideo .intro {
  font-size: 16px;
  letter-spacing: 1.1px;
  margin-top: 0;
  line-height: 1.875em;
}

#WalkerXVideo .btn {
  overflow: hidden;
}

#WalkerXVideo .btn a {
  display: block;
  overflow: hidden;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  padding: 0 25px 0 40px;
}

#WalkerXVideo .btn a:before {
  width: 30px;
  height: 30px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_02.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

.walkerxin .intro {
  font-size: 26px;
  line-height: 1.5;
}

.walkerxxin {
}

.walkerxxin #WalkerXVideo .expo {
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.walkerxxin #WalkerXVideo .icon {
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}

.walkerxxin #WalkerXVideo {
}

.walkerxxin #WalkerXVideo .proText {
  padding-left: 0;
  text-align: center;
}

.walkerxxin #WalkerXVideo .inner {
  max-width: 700px;
  margin: 0;
}

.walkerxxin .info {
  margin-left: auto;
}

.walkerxxin #WalkerXVideo .info {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -0%);
  text-align: center;
}

.walkerxxin #WalkerXVideo .info .btn {
  text-align: center;
  display: flex;
  justify-content: center;
}

/*YS*/

/* MAR */
#AMRTxt {
  position: relative;
  padding-bottom: 50.5%;
}

#AMRTxt .info {
  position: absolute;
  left: 0;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}

#AMRTxt .text {
  width: 100%;
}

#AMRTxt .logo {
  width: 20.6%;
  margin: 0 auto 2%;
}

#AMRTxt .title {
  margin-bottom: 5.5%;
  text-align: center;
  color: #fff;
}

#AMRTxt .btn {
  overflow: hidden;
}

#AMRTxt .btn a {
  display: block;
  overflow: hidden;
  width: 65px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
  border-radius: 50px;
  background-color: #1fb8e2;
  position: relative;
  padding: 0 25px 0 50px;
  margin: 0 auto;
}

#AMRTxt .btn a:before {
  width: 35px;
  height: 35px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/ys/icon_03.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

#AMRCon {
  padding: 5.5% 0;
  background: url(https://dwebsite.ubtrobot.com/cn/images/ys/icon_03.png) no-repeat center center;
  overflow: hidden;
  background-size: cover;
}

#AMRCon .AMRlist {
  display: flex;
  margin: 6% auto;
}

#AMRCon .AMRlist .itme {
  width: 25%;
  text-align: center;
}

#AMRCon .AMRlist .itme .wenz {
  font-size: 18px;
  padding: 10px 0;
}

#AMRCon .AMRlist .itme .number {
  font: 700 48px/1.25em "liangzihuohuaHLight";
  color: #1fb8e2;
  line-height: 50px;
}

#AMRCon .txt-list {
  display: flex;
  overflow: hidden;
}

#AMRCon .txt-list .itme {
  width: 32.666%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 40px 20px;
  cursor: pointer;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.5s;
}

#AMRCon .txt-list .itme:nth-child(3n) {
  margin-right: 0;
}

#AMRCon .txt-list .itme .title {
  margin-bottom: 10px;
}

#AMRCon .txt-list .itme .wenb {
  font-size: 14px;
  font-family: "SourceHanSansCN";
  line-height: 25px;
}

#AMRCon .txt-list .itme:hover {
  background: rgba(191, 191, 191, 0.2);
}

#Driving {
  padding: 5.5% 0 1%;
  overflow: hidden;
  background-size: cover;
  text-align: center;
}

#Driving .intro span {
  display: inline-block;
  vertical-align: middle;
}

#Driving .Img {
  margin-top: 3%;
  width: 100%;
}

#Driving .Img img {
  max-width: 100%;
}

#Parameters {
  padding: 5.5% 0;
}

.Parameters-con {
  display: flex;
  width: 100%;
}

.Parameters-con .box-shell {
  width: 25%;
}

.Parameters-con .MaxLoad-shell {
  width: 75%;
}

.Parameters-con .pic {
  margin-top: 40px;
}

.Parameters-con .pic img {
  width: auto;
}

.Parameters-con .img-box {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 70px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.Parameters-con .tiwl span {
  line-height: 50px;
  font-weight: 700;
  font-size: 55px;
  color: #1fb8e2;
  display: inline-block;
  vertical-align: middle;
}

.Parameters-con .tiwl em {
  margin-top: 10px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  background: #1fb8e2;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 2px;
}

.Parameters-con .liy {
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 37px 25px;
  color: #333333;
  text-align: center;
  border-radius: 6px;
}

.Parameters-con .lit {
  margin-right: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 35px 25px;
  color: #333333;
  text-align: center;
  border-radius: 6px;
}

.Parameters-con .MaxLoad-noe {
  display: flex;
}

.Parameters-con .box-Load1 {
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 33.333%;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  text-align: center;
}

.Parameters-con .box-Load1 span {
  font-weight: 700;
}

.Parameters-con .box-Load1 .wenz {
  font-weight: 700;
  font-size: 24px;
  color: #1fb8e2;
}

.Parameters-con .box-Load1 .icon {
  width: 130px;
  height: 130px;
  line-height: 150px;
  text-align: center;
  margin: 20px auto;
  position: relative;
}

.Parameters-con .box-Load1 .icon span {
  display: inline-block;
  vertical-align: middle;
}

.Parameters-con .box-Load2 {
  width: 66.666%;
}

.Parameters-con .box-Load2 .one-Load {
  width: 49%;
  float: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 22px 25px;
  text-align: center;
  font-weight: 700;
}

.Parameters-con .box-Load2 .one-Load .loia {
  font-size: 14px;
  margin: 0 0 15px;
}

.Parameters-con .box-Load2 .one-Load .TheBar {
  position: relative;
  width: 160px;
  margin: 0 auto;
  margin-top: 10px;
}

.Parameters-con .box-Load2 .one-Load .TheBar::after {
  content: "";
  display: block;
  height: 8px;
  background-color: #ebebeb;
  border-radius: 8px;
  overflow: hidden;
}

.Parameters-con .box-Load2 .one-Load .TimeBall {
  position: absolute;
  height: 8px;
  background-color: #1fb8e2;
  border-radius: 8px;
  animation-name: wol;
  -webkit-animation-name: wol;
  width: 50%;
}

.Parameters-con .box-Load2 .one-Load .TimeBall::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: -5px;
  top: -5px;
  background-color: #1fb8e2;
  border-radius: 50%;
}

.Parameters-con .box-Load2 .two-Load {
  width: 49%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 20px 25px;
  float: right;
  font-weight: 700;
  text-align: center;
}

.Parameters-con .box-Load2 .two-Load .TheBar {
  line-height: 42px;
}

.Parameters-con .box-Load2 .two-Load .TheBar .TimeBall {
  display: inline-block;
  vertical-align: middle;
  background: url(https://dwebsite.ubtrobot.com/cn/images/ys/Rotation-tu.png) no-repeat center;
  min-width: 130px;
  padding: 0 40px;
}

.Parameters-con .box-Load2 .two-Load .loia {
  font-size: 14px;
  margin: 0 0 15px;
}

.Parameters-con .box-Load2 .two-Load:nth-child(2n) {
  margin-right: 0;
}

.padd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.Parameters-con .circular {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -8px;
  left: -8px;
  border: 8px solid #e1e1e1;
  border-radius: 50%;
}

.Parameters-con .circular::after {
  width: 65px;
  height: 130px;
  border: 8px solid #e1e1e1;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.5s;
  top: -8px;
  left: -8px;
  border-radius: 100% 0 0 100%/50%;
  border-right: none;
  z-index: 1;
}

.Parameters-con .circular1::before {
  width: 65px;
  height: 130px;
  border: 8px solid #1fb8e2;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.5s;
  top: -8px;
  right: -8px;
  border-radius: 0 100% 100% 0/50%;
  border-left: none;
  z-index: -1;
}

.Parameters-con .circular1 {
  -webkit-animation-name: circular;
  animation-name: circular;
  animation-fill-mode: both;
}

.Parameters-con .circular1::after {
  display: none;
}

@-webkit-keyframes circular {
  0% {
    opacity: 0;
    transform: rotate(180deg);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@keyframes circular {
  0% {
    opacity: 0;
    transform: rotate(180deg);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes wol {
  0% {
    opacity: 0;
    width: 0;
  }

  100% {
    opacity: 1;
    width: 50%;
  }
}

@keyframes wol {
  0% {
    opacity: 0;
    width: 0;
  }

  100% {
    opacity: 1;
    width: 50%;
  }
}

.Parameters-con .MaxLoad-thr {
  display: flex;
  width: 100%;
}

.MaxLoad-two .Tata-ol {
  padding: 0 35px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 33.333%;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
}

.MaxLoad-two .Tata-ol .lia {
  padding: 25px 0;
  border-bottom: solid 1px #e1e1e1;
}

.MaxLoad-two .Tata-ol .lia:last-child {
  border-bottom: none;
}

.MaxLoad-two .Tata-ol .lia em {
  font-style: normal;
  font-weight: bold;
}

.MaxLoad-two .Tata-two {
  width: 66.666%;
}

.MaxLoad-two .Tata-two .lpa {
  width: 49%;
  float: left;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 25px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}

.MaxLoad-two .Tata-two .lpa:nth-child(2n) {
  margin-right: 0;
  float: right;
}

.MaxLoad-two .Tata-two .lpa .olaq span {
  font-weight: 500;
}

.MaxLoad-two .Tata-sil {
  overflow: hidden;
  width: 100%;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 10px 35px;
  text-align: center;
  font-size: 14px;
}

.MaxLoad-two .Tata-sil .olaq span {
  display: inline-block;
  vertical-align: middle;
}

.MaxLoad-four {
  padding: 20px 0;
  text-align: center;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  border-radius: 6px;
}

.MaxLoad-four .olaq {
  margin-top: 5px;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

#Real-time {
  padding: 5% 0 34.3333%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Real-time .intro {
  font-weight: 700;
}

#Real-time .intro span {
  display: inline-block;
  vertical-align: middle;
}

#Real-time .Real-Img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 39.73%;
  margin-left: -21%;
}

#Real-time .Real-Img img {
  display: block;
  max-width: 100%;
}

#Intelligent {
  padding: 5% 0 37.544%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Intelligent .intro {
  font-weight: 500;
}

#Intelligent .intro span {
  display: inline-block;
  vertical-align: middle;
}

#Intelligent .Real-Img {
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 37.52%;
  margin-left: -17%;
}

#Intelligent .Real-Img img {
  display: block;
  max-width: 100%;
}

#Smooth {
  padding: 5% 0 30.66%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Smooth .intro {
  font-weight: 700;
}

#Smooth .intro span {
  display: block;
}

#Smooth .Real-Img {
  position: absolute;
  bottom: 44%;
  left: 50%;
  width: 7.357%;
  margin-left: -3.3%;
}

#Smooth .Real-Img img {
  display: block;
  max-width: 100%;
}

#Smooth .Smoothlist {
  font-size: 0;
  margin: 3% auto 0;
  text-align: center;
}

#Smooth .Smoothlist .itme {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}

#Smooth .Smoothlist .itme .number {
  text-align: center;
  font: 700 48px/1.25em "liangzihuohuaHLight";
  color: #1fb8e2;
  line-height: 50px;
}

#Detection {
  padding: 15% 0 26.5%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Detection .proText {
  position: relative;
  z-index: 3;
  width: 37%;
  float: right;
  padding: 0;
  margin-bottom: 0;
}

#Detection .intro {
  font-weight: 500;
  margin-top: 3%;
}

#Detection .Real-Img {
  position: absolute;
  bottom: 47%;
  left: 26.5%;
  width: 22.2%;
  margin-left: -3.3%;
}

#Detection .Real-Img img {
  display: block;
  max-width: 100%;
}

#Automatic {
  padding: 18% 0 23.35%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Automatic .proText {
  position: relative;
  z-index: 3;
  width: 37%;
  float: left;
  padding: 0;
  margin-bottom: 0;
}

#Automatic .intro {
  font-weight: 500;
  margin-top: 3%;
}

#Automatic .Real-Img {
  position: absolute;
  bottom: 18%;
  right: 26.5%;
  width: 32.4%;
  margin-left: -3.3%;
}

#Automatic .Real-Img img {
  display: block;
  max-width: 100%;
}

#RMS {
  padding: 5% 0 37.67%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#RMS .proText {
  color: #fff;
}

#RMS .intro {
  color: #fff;
}

#RMS .intro span {
  display: block;
}

#RMS .Real-Img {
  position: absolute;
  bottom: 0%;
  right: 5%;
  width: 51.4%;
  margin-left: -3.3%;
}

#RMS .Real-Img img {
  display: block;
  max-width: 100%;
}

#Algorithm {
  padding: 12.5% 0 27.22%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#Algorithm .proText {
  position: relative;
  z-index: 3;
  width: 50%;
  float: left;
  padding: 0;
  margin-bottom: 0;
}

#Algorithm .proText .title {
  margin-bottom: 3%;
}

#Algorithm .intro {
  line-height: 35px;
  font-size: 24px;
}

#Algorithm .intro span {
  display: inline-block;
  vertical-align: middle;
}

#Algorithm .Real-Img {
  position: absolute;
  bottom: 0%;
  right: 5%;
  width: 51.4%;
  margin-left: -3.3%;
}

#Algorithm .Real-Img img {
  display: block;
  max-width: 100%;
}

#Automated {
  padding: 5% 0 8%;
  background-color: #ebebeb;
}

#Automated .proText {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 0;
  margin-bottom: 5%;
}

#Automated .proText .title {
  margin-bottom: 3%;
}

#Automated .proText .intro span {
  display: block;
}

#Automated img {
  width: auto;
  max-width: 100%;
}

#Automated .Automated-list {
  display: flex;
}

#Automated .Automated-list .itme {
  background-color: #fff;
  width: 41.3333%;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 6px;
}

#Automated .Automated-list .itme:nth-child(2n) {
  background: none;
  width: 58.5%;
  margin-right: 0;
  margin-bottom: 0;
}

#Automated .one-shl .text {
  padding: 70px 50px;
  text-align: center;
}

#Automated .one-shl .text span {
  display: inline-block;
  vertical-align: middle;
}

#Automated .two-shl {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
}

#Automated .two-shl:nth-child(2n) {
  margin-bottom: 0;
}

#Automated .two-shl .three-shl {
  display: flex;
}

#Automated .two-shl .pic {
  width: 49.5%;
}

#Automated .two-shl .text {
  padding: 30px;
  width: 51%;
  display: table;
}

#Automated .two-shl .text .table-cell {
  display: table-cell;
  vertical-align: middle;
}

#Automated .ilt {
  margin-bottom: 30px;
  font-size: 24px;
  color: #201c38;
  font-weight: 600;
}

#Automated .wenz {
  line-height: 36px;
}

/* MAR end*/

/*  */
#Walker {
  /* background-color: #000; */
}

#Walker .box {
  z-index: 3;
  color: #333;
  top: 28%;
}

#Walker .title {
  margin-bottom: 20px;
  text-transform: inherit;
}

#Walker .wenz {
  font: 500 42px/1.2em "liangzihuohuaHLight";
  color: #333;
}

#Walker .logo {
  margin-bottom: 5%;
}

#Walker .logo img {
  width: auto;
}

#Walker .bg {
  /* padding-bottom: 52.549%; */
  background-position: center right;
}

#Walker .btn {
  margin-top: 25px;
}

#Walker .btn a {
  margin-right: 25px;
  background: linear-gradient(#4198e9, #58c4f4);
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding: 0 30px;
  border-radius: 40px;
}

#Walker .btn a span {
  display: inline-block;
  background: url(https://dwebsite.ubtrobot.com/cn/images/ys/Walker-icon.png) no-repeat center right;
  padding-right: 30px;
}

#Walker .btn a:nth-child(2n) {
  margin-right: 0;
}

.Walker-menu {
  margin-top: 0px;
  padding: 12px 0;
  background: rgba(51, 51, 51, 0.8);
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5;
}

.Walker-menu .inner {
  display: flex;
}

.Walker-menu .lowi {
  width: 20%;
}

.Walker-menu .list-box {
  font-size: 0;
  line-height: 30px;
  width: 80%;
  float: right;
  text-align: right;
}

.Walker-menu .list-box .itme {
  margin: 0 5px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.Walker-menu .list-box .itme a {
  padding: 0 10px;
  font-size: 14px;
  color: #999999;
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
}

.Walker-menu .list-box .itme:hover a,
.Walker-menu .list-box .itme.active a {
  background: transparent;
  color: #fff;
}

#Humanoid {
  padding: 17% 0 22%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Humanoid .proText {
  width: 55%;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Humanoid .title {
  margin: 2% 0;
  color: #fff;
}

#Humanoid .intro {
  font-weight: 500;
}

#Humanoid .Real-Img {
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 39.73%;
  margin-left: -21%;
}

#Humanoid .Real-Img img {
  display: block;
  max-width: 100%;
}

#Core {
  padding: 6% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Core .Core-list {
  margin: 8% 0 5%;
}

#Core .Core-list .ila {
  margin-bottom: 6%;
  display: flex;
}

#Core .Core-list .ila:last-child {
  margin-bottom: 0;
}

#Core .Core-list .itme {
  padding: 0 1%;
  width: 25%;
  text-align: center;
}

#Core .Core-list .itme .txt {
  margin-top: 8%;
  color: #666666;
}

#Core .Core-list .itme .pic span {
  width: 46.5%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: solid 1px #211d39;
}

#Core .Core-list img {
  width: auto;
  max-width: 100%;
}

#Flexible {
  padding: 14.5% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Flexible .list-ol .icon-box {
  text-align: center;
  display: inline-block;
  text-align: center;
}

#Flexible .pic img {
  width: auto;
  max-width: 100%;
}

#Flexible .intro {
  margin: 5% 0;
}

#Flexible .proText {
  width: 50%;
  float: right;
  color: #fff;
  margin-bottom: 0;
}

#Flexible .proText .intro {
  color: #fff;
}

#Flexible .list-ol .icon-box {
  margin-right: 3%;
}

#Flexible .list-ol .icon-box:last-child {
  margin-right: 0;
}

#Flexible .icon-box span {
  background-color: #8d8b88;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

#Flexible .icon-box .wenz {
  padding-top: 10px;
}

#Modulation {
  padding: 18.3% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Modulation .proText {
  width: 51%;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Modulation .title {
  margin: 2% 0;
}

#Modulation .intro {
  font-weight: 500;
}

#Modulation .Real-Img {
  position: absolute;
  bottom: 0;
  right: 15%;
  width: 26.5%;
}

#Modulation .Real-Img img {
  display: block;
  max-width: 100%;
}

#Hand-eye {
  padding: 23.7% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Hand-eye .proText {
  width: 48%;
  margin-bottom: 0;
  float: right;
  color: #fff;
}

#Hand-eye .title {
  margin-bottom: 30px;
}

#Hand-eye .intro {
  color: #fff;
}

#Full-body {
  padding: 6% 0 31%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Full-body .intro {
  font-weight: 500;
}

#Full-body .proText .title {
  margin-bottom: 3%;
}

#Full-body .Real-Img {
  position: absolute;
  bottom: 0;
  right: 16%;
  width: 66.1%;
}

#Full-body .Real-Img img {
  display: block;
  max-width: 100%;
}

#Avoidance {
  padding: 5.5% 0 39%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Avoidance .intro {
  font-weight: 500;
}

#Avoidance .proText .title {
  margin-bottom: 2%;
}

#Recognition {
  padding: 18.3% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Recognition .proText {
  width: 48%;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Recognition .intro {
  margin-top: 3%;
}

#Recognition .Real-Img {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 42%;
}

#Recognition .Real-Img img {
  display: block;
  max-width: 100%;
  width: auto;
}

#Multimodal {
  padding: 6% 0 8%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(#c4d1e3, #d8e1ec);
}

#Multimodal .intro {
  font-weight: 500;
}

.Multimodal-list {
  margin: 10% 0 0;
  display: flex;
}

.Multimodal-list .itme {
  width: 25%;
  text-align: center;
}

.Multimodal-list .pic span {
  margin-bottom: 25px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 50%;
}

.Multimodal-list .pic img {
  width: auto;
  max-width: 100%;
}

.Multimodal-list .itme .txt {
  font-size: 24px;
}

#Control {
  padding: 6% 0 41%;
  position: relative;
  overflow: hidden;
}

#Control .Real-Img {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 42%;
}

#Control .Real-Img img {
  display: block;
  max-width: 100%;
  width: auto;
}

#Control .proText {
  color: #333;
}

#Control .proText .title {
  margin-bottom: 2%;
}

#Control .intro {
  color: #333;
  font-weight: 500;
}

#Control .Real-Img {
  position: absolute;
  bottom: 0;
  right: 15%;
  width: 69%;
}

#Control .Real-Img img {
  display: block;
  max-width: 100%;
  width: auto;
}

#Robot {
  background: #546171;
  overflow: hidden;
}

#Robot .Robot-list {
  width: 100%;
  display: flex;
  padding: 10px;
  padding-bottom: 0;
}

#Robot .whbox {
  padding-right: 10px;
}

#Robot .whbox:last-child {
  padding-right: 0;
}

#Robot .whbox .itme {
  padding-bottom: 10px;
}

#Robot .whbox img {
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}

#Service {
  padding: 23.85% 0;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Service .proText {
  float: right;
  color: #fff;
  width: 52%;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Service .proText .title em {
  padding: 3px 6px;
  color: #00a5e5;
  background: #fff;
  border-radius: 20px;
  font-size: 14px;
  font-style: normal;
}

#Service .intro {
  font-size: 14px;
  color: #fff;
  margin-top: 2%;
}

#Business {
  padding: 9% 0 38%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Business .proText {
  width: 43%;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Business .proText .title em {
  padding: 3px 6px;
  color: #fff;
  background: #00a5e5;
  font-size: 14px;
  font-style: normal;
  border-radius: 20px;
}

#Business .intro {
  font-weight: 500;
}

#Business .Real-Img {
  position: absolute;
  bottom: 0;
  right: 13%;
  width: 46.6%;
}

#Business .Real-Img img {
  display: block;
  max-width: 100%;
  width: auto;
}

#Research {
  padding: 6% 0 39.7%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#Research .proText {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Research .proText .title {
  line-height: 40px;
}

#Research .proText .title em {
  padding: 3px 6px;
  color: #fff;
  background: #00a5e5;
  font-size: 14px;
  font-style: normal;
  border-radius: 20px;
}

#Research .intro {
  padding-top: 2%;
  max-width: 700px;
  color: #fff;
  margin: 0 auto;
}

#Details {
  padding: 6% 0;
}

#Details .pic {
  margin: 0 auto;
  max-width: 1080px;
  border-bottom: solid 1px #cccccc;
}

#Details .list {
  width: 100%;
  margin: 0 auto;
  max-width: 1080px;
  padding: 60px 0 0;
}

#Details .list li {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  padding: 15px 0;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #d1d1d1;
}

#Details .list .name {
  width: 210px;
  float: left;
}

#Details .list .wenz {
  width: calc(100% - 210px);
  float: left;
}

#Adibot .logo {
  margin-bottom: 3%;
}

#Adibot .title {
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 7%;
}

#Adibot .logo img {
  max-width: 100%;
  width: auto;
}

#Adibot .pic .bg {
  padding-bottom: 47.3%;
  background-size: cover;
}

#Adibot .box {
  z-index: 5;
  top: 45%;
}

#Adibot .btn a {
  display: block;
  overflow: hidden;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  padding: 0 25px 0 50px;
}

#Adibot .btn a:before {
  width: 30px;
  height: 30px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_02.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

/*  */
#Adibot-Born {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-Born .proText {
  color: #fff;
  padding: 7% 0 9%;
  margin-bottom: 0;
}

#Adibot-Born .proText .title {
  text-align: center;
  text-transform: uppercase;
  font: 700 100px/1em "liangzihuohuaHLight";
}

#Adibot-Born .intro {
  margin: 4% auto 0;
  line-height: 50px;
  font-size: 36px;
  color: #fff;
  text-align: center;
}

#Adibot-two {
  padding: 8% 0 0;
  overflow: hidden;
  position: relative;
}

#Adibot-two .proText {
  padding-top: 2%;
  margin-left: 9%;
  width: 41%;
  float: right;
  margin-bottom: 0;
}

#Adibot-two .top-ol {
  padding-top: 9%;
}

#Adibot-two .proText .intro {
  margin: 8% auto;
}

#Adibot-two .inner {
  display: flex;
  direction: rtl;
}

#Adibot-two .Real-Img {
  width: 53%;
}

#Adibot-two .Real-Img img {
  display: block;
  max-width: 100%;
}

#Adibot-two .lits-ol .itme {
  margin-right: 10%;
  width: 21%;
  text-align: center;
  float: left;
}

#Adibot-two .lits-ol .itme span {
  display: inline-block;
  vertical-align: middle;
  background: linear-gradient(to bottom right, #a3b7ff, #00bcff);
  border-radius: 50%;
}

#Adibot-two .lits-ol .itme img {
  width: auto;
  max-width: 100%;
}

#Adibot-two .lits-ol .itme .txt {
  margin-top: 20px;
}

#Adibot-two .lits-ol .itme:last-child {
  margin-right: 0;
}

#Adibot-four {
  padding: 6% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-four .proText {
  text-align: center;
  color: #fff;
}

#Adibot-four .intro {
  color: #fff;
  margin: 3% auto;
  max-width: 750px;
  text-align: center;
}

#Adibot-four .number {
  padding: 3% 0;
  text-align: center;
  color: #fff;
}

#Adibot-four .number img {
  width: auto;
  max-width: 100%;
}

#Adibot-four .wenzi {
  margin-top: 3%;
  color: #d8d8d8;
  font-size: 14px;
  text-align: center;
}

#Adibot-five {
  position: relative;
  padding: 19.3% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#Adibot-five .proText {
  color: #fff;
  max-width: 480px;
  margin-bottom: 0;
}

#Adibot-five .title {
  margin-bottom: 4%;
}

#Adibot-five .intro {
  color: #fff;
}

#Adibot-five .Real-Img {
  position: absolute;
  bottom: 0;
  width: 69.6%;
  right: 15%;
}

#Adibot-five .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
}

#Adibot-Thirteen {
  position: relative;
  padding: 12.1% 0 9%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#Adibot-Thirteen .Push-txt {
  width: 50%;
  float: right;
}

#Adibot-Thirteen .Push-txt .des {
  min-height: 50vh;
}

#Adibot-Thirteen .Push-txt .intro,
#Adibot-Thirteen .Push-txt .title {
  color: #201c38;
}

#Adibot-Thirteen .Push-txt .but_a {
  margin-top: 2%;
  color: #00a5e5;
}

#Adibot-Thirteen .Push-txt .weniz {
  font-size: 12px;
  color: #9ea1a4;
}

#Adibot-Thirteen .Push-txt .weniz .poa {
  position: relative;
}

#Adibot-Thirteen .Push-txt .weniz i {
  font-style: normal;
  position: absolute;
  top: 3px;
  left: -15px;
}

#Adibot-fifteen {
  position: relative;
  padding: 19.5% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

#Adibot-fifteen .proText {
  color: #201c38;
  max-width: 500px;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

#Adibot-fifteen .title {
  margin-bottom: 4%;
}

#Adibot-fifteen .intro {
  color: #201c38;
}

#Adibot-fifteen .Real-Img {
  position: absolute;
  bottom: 10%;
  width: 30.35%;
  right: 15%;
}

#Adibot-fifteen .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
}

#Adibot-six {
  text-align: center;
  position: relative;
  padding: 7% 0 36%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-six .proText .intro {
  margin-top: 20px;
}

#Adibot-seven {
  position: relative;
  padding: 17% 0 23%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-seven .title {
  margin-bottom: 3%;
}

#Adibot-eight {
  text-align: center;
  position: relative;
  padding: 7% 0 28%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-eight .list-con {
  position: relative;
  z-index: 3;
  display: flex;
  text-align: center;
}

#Adibot-eight .list-con .itme {
  margin: 0 10px;
  background: linear-gradient(to bottom right, #a3b7ff, #00bcff);
  padding: 10px 5px;
  width: 14%;
  font-size: 14px;
  color: #fff;
  border-radius: 10px;
}

#Adibot-eight .list-con .itme img {
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 100%;
}

#Adibot-eight .list-con .itme .txt {
  padding-top: 10%;
  line-height: 20px;
}

#Adibot-eight .list-con .itme .txt span {
  display: block;
}

#Adibot-eight .Real-Img {
  position: absolute;
  bottom: 0;
  width: 69.6%;
  right: 15%;
}

#Adibot-eight .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
}

#Adibot-fourteen {
  text-align: center;
  position: relative;
  padding: 6% 0 33.6%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-fourteen .proText {
  position: relative;
  z-index: 3;
}

#Adibot-fourteen .list-con {
  position: relative;
  z-index: 3;
  display: flex;
  text-align: center;
}

#Adibot-fourteen .list-con .itme {
  margin: 0 10px;
  background: linear-gradient(to bottom right, #a3b7ff, #00bcff);
  padding: 10px 5px;
  width: 14%;
  font-size: 14px;
  color: #fff;
  border-radius: 10px;
}

#Adibot-fourteen .list-con .itme img {
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 100%;
}

#Adibot-fourteen .list-con .itme .txt {
  padding-top: 10%;
  line-height: 20px;
}

#Adibot-fourteen .list-con .itme .txt span {
  display: block;
}

#Adibot-fourteen .Real-Img {
  position: absolute;
  bottom: 0;
  width: 69.6%;
  right: 15%;
}

#Adibot-fourteen .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#Adibot-Nine {
  position: relative;
  padding: 6% 0 7.35%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Adibot-Nine .title {
  color: #fff;
}

#Adibot-Nine .color2 {
  color: #201c38;
}

#Adibot-Nine .Operation-list .itme {
  display: flex;
  direction: ltr;
}

#Adibot-Nine .Operation-list .itme .pic {
  width: 50%;
}

#Adibot-Nine .Operation-list .itme .txt {
  color: #201c38;
  font-size: 14px;
  direction: ltr;
  background-color: #fff;
  padding: 0 5%;
  width: 50%;
  display: table;
}

#Adibot-Nine .Operation-list .itme .table-cell {
  display: table-cell;
  vertical-align: middle;
}

#Adibot-Nine .Operation-list .itme:nth-child(2n) {
  direction: rtl;
}

#Adibot-Nine .Operation-list .itme .tiel {
  margin-bottom: 5%;
  font-size: 24px;
  color: #201c38;
}

#Adibot-Nine .Operation-list .itme .Serial {
  padding-bottom: 30px;
  font-size: 172px;
  line-height: 150px;
  font-family: "liangzihuohuaHLight";
  font-weight: 600;
}

#Adibot-Nine .Operation-list .itme:nth-child(1) .Serial {
  color: #88ddff;
}

#Adibot-Nine .Operation-list .itme:nth-child(2) .Serial {
  color: #d87fba;
}

#Adibot-Nine .Operation-list .itme:nth-child(3) .Serial {
  color: #e5c4db;
}

#Adibot-Nine .Operation-list .itme:nth-child(4) .Serial {
  color: #dac3eb;
}

#Adibot-Nine .Operation-list .itme .wenb {
  font-weight: 500;
}

#Adibot-Nine .proText {
  margin-bottom: 5%;
}

#Adibot-Ten {
  padding: 5% 0;
  overflow: hidden;
}

#Adibot-Ten .proText {
  margin-bottom: 1%;
}

#Adibot-Ten .intro {
  margin-bottom: 4%;
  text-align: center;
  font-size: 14px;
  color: #201c38;
}

#Adibot-Ten .intro .br {
  display: block;
}

#Adibot-Ten .Adibot-list {
  width: 100%;
  display: flex;
  padding: 10px;
  padding-right: 0;
  padding-bottom: 0;
}

#Adibot-Ten .whbox {
  width: 29%;
  padding-right: 10px;
}

#Adibot-Ten .whbox:nth-child(2) {
  width: 29%;
}

#Adibot-Ten .whbox:last-child {
  width: 42.8%;
  padding-right: 0;
}

#Adibot-Ten .whbox:last-child .itme {
  padding-right: 10px;
  width: 50%;
}

#Adibot-Ten .whbox:last-child .itme:first-child {
  width: 100%;
}

#Adibot-Ten .whbox .itme {
  padding-bottom: 10px;
}

#Adibot-Ten .whbox img {
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}

#Adibot-Ten .whbox .itme {
  float: left;
}

#Adibot-eleven .dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#Adibot-eleven .proText {
  margin-bottom: 4%;
}

.Applications-for .itme .pic {
  margin: 0 2px;
}

.Applications-for .slick-slide img {
  width: auto;
  max-width: 100%;
}

.Applications-nav {
  text-align: center;
  padding: 5% 0;
}

.Applications-nav .slick-slide {
  font-size: 14px;
}

.Applications-nav .txt {
  padding: 0 15px;
}

.Applications-nav .slick-slide span {
  border: solid 1px #eeeeee;
  cursor: pointer;
  color: #999999;
  padding: 0 5px;
  display: block;
  line-height: 25px;
  border-radius: 20px;
  text-transform: uppercase;
}

.Applications-nav .slick-current span {
  border-color: #00bcff;
  background-color: #00bcff;
  color: #fff;
}

#Adibot-twelve {
  padding: 6% 0 10%;
  background-color: #f0f0f0;
}

#Adibot-twelve .proText {
  padding-bottom: 8%;
  margin-bottom: 0;
}

.Specifications {
  display: flex;
}

.Specifications .pic {
  width: 45%;
  text-align: center;
}

.Specifications .pic img {
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}

.Specifications .weikl {
  padding-top: 5%;
}

.Specifications .txt-box {
  width: 55%;
  margin-left: 5%;
}

.Specifications .txt-box li {
  font-size: 14px;
  padding: 16px 0;
  border-bottom: dashed 1px #d8d8d8;
  display: flex;
}

.Specifications .txt-box li .name {
  width: 50%;
}

.Specifications .txt-box li .wenb {
  width: 50%;
}

.Specifications .txt-box li .dots {
  margin: 7px 0;
  display: block;
  background: #707070;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

#CAIpha_mini .title {
  text-transform: initial;
  color: #fff;
  font: 500 66px/1.5em "liangzihuohuaHLight";
}

#CAIpha_mini .box {
  z-index: 5;
  top: 45%;
}

#CAIpha_mini .pic .bg {
  padding-bottom: 47.3%;
  background-size: cover;
}

#CAIphaAlphaMini {
  padding: 5% 0 7%;
  position: relative;
  overflow: hidden;
}

#CAIphaAlphaMini .box {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  z-index: 2;
}

#CAIphaAlphaMini .figure {
  width: 35%;
  padding-left: 5%;
  display: table-cell;
  vertical-align: bottom;
}

#CAIphaAlphaMini .pic {
  width: 71%;
}

#CAIphaAlphaMini .bg {
  padding-bottom: 163.288%;
}

#CAIphaAlphaMini .text {
  display: table-cell;
  vertical-align: top;
  width: 45%;
  padding: 7.8125% 0;
}

#CAIphaAlphaMini .proText {
  padding: 0 7.29166667%;
  margin-bottom: 0;
}

#CAIphaAlphaMini .intro {
  margin-top: 3.4375%;
  color: #201c38;
}

#AlphaMini-two {
  background-color: #f4f4f4;
  padding: 3% 0;
  position: relative;
  overflow: hidden;
}

#AlphaMini-two .proText {
  text-align: center;
  margin-bottom: 0;
}

#AlphaMini-two .list {
  padding-top: 5%;
  display: flex;
  text-align: center;
}

#AlphaMini-two .list .itme {
  width: 25%;
}

#AlphaMini-two .list .itme .pic {
  text-align: center;
}

#AlphaMini-two .list .itme img {
  display: inline-block;
  vertical-align: middle;
}

#AlphaMini-two .list span {
  font-size: 14px;
  color: #333333;
  display: block;
}

#AlphaMini-two .list img {
  width: auto;
  max-width: 100%;
}

#AlphaMini-three {
  overflow: hidden;
  padding: 0.5% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#AlphaMini-three .cell {
  display: table-cell;
}

#AlphaMini-three .proText {
  display: table;
  position: relative;
  z-index: 3;
  width: 41%;
  float: left;
  padding: 0;
  margin-bottom: 0;
}

#AlphaMini-three .proText .cell {
  display: table-cell;
  vertical-align: middle;
}

#AlphaMini-three .inner {
  display: flex;
}

#AlphaMini-three .figure {
  width: 59%;
}

#AlphaMini-three .bg {
  padding-bottom: 110%;
}

#Multi-Model {
  position: relative;
  padding: 5% 0 33%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Multi-Model .Real-Img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#Multi-Model .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#Multi-Model .proText {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}

#Communication {
  position: relative;
  padding: 5% 0 36.1%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Communication .proText .title {
  margin-bottom: 2%;
}

#Communication .proText .intro {
  font-weight: 500;
  color: #201c38;
}

#Communication .Real-Img {
  position: absolute;
  bottom: 7%;
  right: 17%;
  width: 42.4%;
}

#Communication .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#Customization {
  position: relative;
  padding: 5% 0 36.1%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#Customization .proText .title {
  margin-bottom: 2%;
  color: #fff;
}

#Customization .proText .intro {
  font-weight: 500;
  color: #fff;
}

#Customization .Real-Img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 61%;
}

#Customization .Real-Img img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#Robotol {
  padding-bottom: 4%;
}

#Robotol .pic img {
  width: auto;
  max-width: 100%;
}

/*appItem*/
.appItem {
  padding: 30px 0 3.80208333%;
}

.appItem:nth-child(2n) {
  background-color: #f5f5f5;
}

.appItem .title {
  font: 700 42px/1.25em "liangzihuohuaHLight";
  text-align: center;
  margin-bottom: 3.68852459%;
}

.appItem .box {
  background-color: #fdfdfd;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.appItem .pic {
  display: table-cell;
  vertical-align: top;
  width: 62.29508197%;
}

.appItem .text {
  display: table-cell;
  vertical-align: top;
  padding: 4.09836066% 5.32786885% 0 4.50819672%;
}

.appItem li {
  border-bottom: 1px solid #0a0205;
  padding: 13.23529412% 0;
  color: #201c38;
}

.appItem li:last-child {
  border-bottom: none;
}

.appItem h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2em;
}

.appItem .blue {
  color: #00a5e5;
}

.appItem p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5.58823529%;
}

.appItem:last-child li:last-child {
  border-bottom: 1px solid #0a0205;
}

/*abTitle*/
.abTitle {
  font: 700 42px/1.25em "liangzihuohuaHLight";
  text-align: center;
  margin-bottom: 8.60655738%;
}

.abTitle.white {
  color: #fff;
}

/*abBrand*/
#abBrand {
  padding: 4.16666667% 0 9.375%;
}

#abBrand ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#abBrand li {
  width: 31.96721311%;
  text-align: center;
  color: #201c38;
  padding-top: 4.09836066%;
}

#abBrand .icon {
  width: 38.46153846%;
  margin: 0 auto 10.25641026%;
}

#abBrand .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  border-radius: 50%;
}

#abBrand h3 {
  font-size: 24px;
  line-height: 1.35em;
  margin-bottom: 6.15384615%;
}

#abBrand .intro {
  font-size: 16px;
  line-height: 1.75em;
}

/*abSystem*/
#abSystem {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_18.jpg);
  padding: 4.16666667% 0 5.46875%;
}

#abSystem .abTitle {
  margin-bottom: 6.14754098%;
}

#abSystem img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/*abHighlights*/
#abHighlights {
  padding: 4.16666667% 0 5.72916667%;
}

#abHighlights .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #44c8f5;
  color: #fff;
}

#abHighlights .td {
  display: table-cell;
  vertical-align: top;
}

#abHighlights .pic {
  width: 50%;
}

#abHighlights .bg {
  padding-bottom: 85.24590164%;
  background: no-repeat center center;
  background-size: cover;
}

#abHighlights .text {
  padding: 2.62295082% 5.73770492%;
}

#abHighlights .year {
  font: 700 100px/1.125em "liangzihuohuaHLight";
  font-size: 5.20833333vw;
  letter-spacing: 22px;
  letter-spacing: 1.14583333vw;
}

#abHighlights .intro {
  font-size: 16px;
  line-height: 1.625em;
}

#abHighlights .intro p {
  position: relative;
  padding-left: 8px;
  margin-top: 4.28265525%;
}

#abHighlights .intro p:before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11.5px;
}

#abHighlights .slick-dots {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 6.14754098%;
}

#abHighlights .slick-dots li {
  display: inline-block;
  padding: 0 1.47540984%;
}

#abHighlights .slick-dots button {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #999;
  font-size: 0;
  text-indent: -99999em;
  overflow: hidden;
}

#abHighlights .slick-dots .slick-active button {
  background-color: #00a5e5;
}

/*abNever*/
#abNever {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_01.jpg);
  color: #fff;
  padding: 5.46875% 0 4.42708333%;
}

#abNever .abTitle {
  margin-bottom: 6.55737705%;
}

#abNever .slick-list {
  overflow: visible;
}

#abNever .image {
  padding-bottom: 88.45208845%;
  position: relative;
  margin-bottom: 7.37100737%;
}

#abNever .image img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: auto;
  max-width: 95%;
  height: auto;
  max-height: 100%;
  transform: translateX(-50%);
}

#abNever .line {
  width: 100%;
  height: 4px;
  background-color: #ec008c;
  margin-bottom: 9.09090909%;
  position: relative;
}

#abNever .line:after {
  border-radius: 50%;
  background-color: #fff;
  width: 15px;
  height: 15px;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -7.5px;
}

#abNever h3 {
  font: 700 24px/1.35em "liangzihuohuaHLight";
  text-align: center;
  margin-bottom: 5px;
  padding: 0 2.5%;
}

#abNever .intro {
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
  padding: 0 2.5%;
}

#abNever .loading {
  padding-bottom: 42.29508197%;
}

/*abPartner*/
#abPartner {
  background-color: #fafafa;
  padding: 5.72916667% 0 7.29166667%;
}

#abPartner .inner {
  overflow: hidden;
}

#abPartner ul {
  width: 100.40983607%;
  overflow: hidden;
}

#abPartner li {
  float: left;
  width: 19.59183673%;
  padding-right: 0.40816327%;
  padding-bottom: 0.40816327%;
}

#abPartner .box {
  padding-bottom: 50%;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}

#abPartner .icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#abPartner img {
  display: block;
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 70%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*abHonor*/
#abHonor {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_25.jpg);
  padding: 5.20833333% 0 4.16666667%;
  color: #fff;
}

#abHonor .abTitle {
  margin-bottom: 6.96721311%;
}

#abHonor .list {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#abHonor .list li {
  width: 46.31147541%;
  padding: 3.19672131% 0;
  position: relative;
}

#abHonor .list li:before,
#abHonor .list li:after {
  content: "";
  display: block;
  position: absolute;
  width: 9.20353982%;
  padding-bottom: 22.12389381%;
  background: no-repeat center center;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}

#abHonor .list li:before {
  left: 0;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_03.png);
}

#abHonor .list li:after {
  right: 0;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_04.png);
}

#abHonor .info {
  position: relative;
  padding: 0 9.20353982%;
  width: 81.59292035%;
  display: table;
  table-layout: fixed;
}

#abHonor .icon {
  width: 21.69197397%;
  display: table-cell;
  vertical-align: middle;
}

#abHonor .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
  border-radius: 50%;
}

#abHonor .text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4.33839479%;
}

#abHonor h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 5px;
}

#abHonor .intro {
  font-size: 16px;
  line-height: 1.5em;
}

#abHonor .slick-dots {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 4.09836066%;
}

#abHonor .slick-dots li {
  display: inline-block;
  padding: 0 1.47540984%;
}

#abHonor .slick-dots button {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  font-size: 0;
  text-indent: -99999em;
  overflow: hidden;
}

#abHonor .slick-dots .slick-active button {
  opacity: 1;
}

/*abContact*/
#abContact {
  color: #201c38;
  padding: 5.20833333% 0 4.6875%;
}

#abContact .email {
  margin-bottom: 5.49180328%;
}

#abContact .email ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#abContact .email li {
  width: 300px;
  text-align: center;
  line-height: 32px;
  background-color: #eee;
  border-radius: 60px;
  font-family: "liangzihuohuaHLight";
  padding: 2.29508197% 0;
  margin-bottom: 1.63934426%;
}

#abContact .email h3 {
  font-size: 24px;
}

#abContact .email p {
  font-size: 20px;
}

#abContact .info {
  max-width: 600px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.8em;
  text-align: center;
}

#abContact .info h3 {
  font-size: 24px;
  line-height: 1.75em;
}

#abContact .info span {
  font-weight: 500;
}

/*abRelated*/
#abRelated {
  padding: 28.64583333% 0 6.25%;
  background: no-repeat center top;
  background-size: cover;
}

#abRelated .abTitle {
  margin-bottom: 2.45901639%;
  font-family: "SourceHanSansCN";
}

#abRelated .btn a {
  display: block;
  overflow: hidden;
  background-color: #fff;
  width: 166px;
  height: 40px;
  border-radius: 20px;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
  color: #c4e1ee;
  font-size: 22px;
  transition: opacity 0.3s;
}

#abRelated .btn a:hover {
  opacity: 0.75;
}

/*SuperCarrierFeatures*/
#SuperCarrierFeatures {
  background-color: #231e3f;
}

/*SuperCarrierStructure*/
#SuperCarrierStructure {
  padding-bottom: 44.27083333%;
  position: relative;
}

#SuperCarrierStructure .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.0625%;
}

#SuperCarrierStructure .proText {
  max-width: 500px;
  margin: 0 auto;
}

/*SuperCarrierMulti*/
#SuperCarrierMulti {
  background-color: #e5e5e5;
  padding: 4.6875% 0 0.88541667%;
}

#SuperCarrierMulti .proText {
  max-width: 600px;
  margin: 0 auto 5.73770492%;
}

#SuperCarrierMulti .image img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/*SuperCarrierLarge*/
#SuperCarrierLarge {
  position: relative;
  padding: 6.51041667% 0 0.88541667%;
}

#SuperCarrierLarge .proText {
  max-width: 450px;
  float: right;
  margin-bottom: -1.63934426%;
}

#SuperCarrierLarge .pic {
  clear: both;
}

/*SuperCarrierModes*/
#SuperCarrierModes {
  padding-bottom: 53.64583333%;
  background: no-repeat right bottom;
  background-size: cover;
  position: relative;
}

#SuperCarrierModes .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 1.82291667%;
}

#SuperCarrierModes .proText {
  max-width: 600px;
  padding: 0 2.45901639%;
}

/*SuperCarrier3D*/
#SuperCarrier3D {
  background: no-repeat center top;
  background-size: cover;
  position: relative;
  padding: 4.16666667% 0 20.83333333%;
}

/*SuperCarrierIn*/
#SuperCarrierIn {
  background-color: #eee;
  padding: 10.67708333% 0 5.98958333%;
}

#SuperCarrierIn .text {
  width: 31.55737705%;
  padding-left: 0;
  vertical-align: top;
}

#SuperCarrierIn .image img {
  width: 115.92814371%;
  float: right;
  display: block;
  height: auto;
}

/*UKTAI2About*/
#UKTAI2About {
  padding-bottom: 23.4375%;
  position: relative;
}

#UKTAI2About .inner {
  overflow: hidden;
}

#UKTAI2About .proText {
  width: 40.16393443%;
  margin: 0 auto;
  padding-top: 5.32786885%;
}

#UKTAI2About .logo {
  width: 38.16326531%;
  margin-bottom: 7.34693878%;
}

#UKTAI2About .logo img {
  display: block;
  width: 100%;
  height: auto;
}

#UKTAI2About .intro {
  margin-top: 3.46938776%;
  line-height: 26px;
}

/*UKTAI2Voice*/
#UKTAI2Voice {
  padding-bottom: 46.875%;
  position: relative;
}

#UKTAI2Voice .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 3.54166667%;
}

#UKTAI2Voice .proText {
  max-width: 840px;
  margin: 0 auto 2%;
}

#UKTAI2Voice .intro {
  margin-top: 2.38095238%;
}

/*UKTAI2Support*/
#UKTAI2Support {
  padding: 3.38541667% 0;
}

#UKTAI2Support .pic {
  max-width: 1158px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  margin-bottom: 23px;
}

#UKTAI2Support .pic:before {
  width: 83.59240069%;
  padding-bottom: 37.8238342%;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 23px #7c5385;
}

#UKTAI2Support .pic img {
  position: relative;
  z-index: 2;
}

#UKTAI2Support .proText {
  margin-bottom: 4.67213115%;
}

#UKTAI2Support .intro {
  max-width: 745px;
  margin-top: 1.63934426%;
}

/*UKTAI2Vision*/
#UKTAI2Vision {
  position: relative;
  padding-top: 2.60416667%;
}

#UKTAI2Vision .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.84375%;
  z-index: 2;
}

#UKTAI2Vision .intro {
  max-width: 640px;
  margin-top: 1.80327869%;
}

#UKTAI2Vision .pic {
  padding-bottom: 44.27083333%;
  background: no-repeat center bottom;
  background-size: 100% auto;
}

/*UKTAI2Open*/
#UKTAI2Open {
  position: relative;
  padding-bottom: 44.27083333%;
}

#UKTAI2Open .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 4.58333333%;
  z-index: 2;
}

#UKTAI2Open .intro {
  max-width: 640px;
  margin-top: 1.47540984%;
}

/*UKTAI2Specification*/
#UKTAI2Specification {
  padding: 4.16666667% 0 11.45833333%;
}

#UKTAI2Specification .proText {
  margin-bottom: 9.83606557%;
}

#UKTAI2Specification .gallery {
  background: none;
  padding: 0;
  width: 81.96721311%;
  margin: 0 auto 4.50819672%;
}

#UKTAI2Specification .slick-load {
  padding: 0 5.8%;
}

#UKTAI2Specification .slick-arrow {
  width: 5.8%;
  padding-bottom: 10.4%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/proSlick_arrow_02.png) no-repeat 0 0;
  background-size: 100% auto;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#UKTAI2Specification .slick-arrow:hover {
  opacity: 1;
}

#UKTAI2Specification .slick-prev {
  left: 0;
}

#UKTAI2Specification .slick-next {
  right: 0;
  background-position: 0 100%;
}

#UKTAI2Specification .image {
  width: 61.65158371%;
  margin: 0 auto;
}

#UKTAI2Specification .image img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

#UKTAI2Specification .description {
  font-size: 14px;
  line-height: 24px;
  color: #201c38;
  text-align: center;
}

#UKTAI2Specification .description h3 {
  font: 700 24px/1.5em "liangzihuohuaHLight";
  margin-bottom: 1.63934426%;
}

/*aeSolution*/
#aeSolution {
  padding: 4.16666667% 0 8.85416667%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_26.jpg);
}

#aeSolution .proText {
  margin-bottom: 5.16393443%;
}

#aeSolution ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#aeSolution li {
  width: 28%;
  padding: 2.13114754%;
  text-align: center;
}

#aeSolution li:nth-child(4) {
  margin-left: 16%;
}

#aeSolution li:nth-child(5) {
  margin-right: 16%;
}

#aeSolution .icon {
  width: 30.60824068%;
  margin: 0 auto 4.7089601%;
}

#aeSolution .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#aeSolution .text {
  font-size: 24px;
  color: #201c38;
  line-height: 1.25em;
  font-weight: 400;
}

/*aelist*/
.aelist ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.aelist li {
  width: 29.62962963%;
  text-align: center;
}

.aelist .icon {
  width: 57.5%;
  margin: 0 auto 3.75%;
}

.aelist .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

.aelist .text {
  font-size: 18px;
  color: #201c38;
  line-height: 1.33333333em;
}

/*aeADIBOT*/
#aeADIBOT {
  position: relative;
  padding-bottom: 46.875%;
}

#aeADIBOT .info {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}

#aeADIBOT .box {
  width: 44.26229508%;
  float: right;
}

#aeADIBOT .logo {
  width: 42.03703704%;
  margin-bottom: 2.77777778%;
}

#aeADIBOT .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

#aeADIBOT .intro {
  margin-top: 3.33333333%;
  margin-right: 12%;
}

#aeADIBOT .aelist {
  margin-top: 12.22222222%;
}

/*aeCRUZR*/
#aeCRUZR {
  padding-top: 4.6875%;
  background: no-repeat center center;
  background-size: cover;
}

#aeCRUZR .inner {
  display: table;
  table-layout: fixed;
}

#aeCRUZR .info {
  width: 54.09836066%;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 7.37704918%;
}

#aeCRUZR .logo {
  width: 28.48484848%;
  margin-bottom: 1.96969697%;
}

#aeCRUZR .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

#aeCRUZR .image img {
  display: block;
  width: 122.5%;
  margin-left: -10.71428571%;
}

#aeCRUZR .proText {
  margin-bottom: 9.84848485%;
}

#aeCRUZR .aelist {
  margin-bottom: 5.3030303%;
}

#aeCRUZR .aelist li {
  width: 31%;
  padding-bottom: 5.3030303%;
}

#aeCRUZR .aelist li:first-child {
  width: 35%;
}

#aeCRUZR .aelist li:first-child .icon {
  width: 39.82683983%;
}

#aeCRUZR .aelist .icon {
  width: 44.9657869%;
  margin-bottom: 5px;
}

#aeCRUZR .videoBtn,
#aeCRUZR .moreBtn {
  display: inline-block;
}

#aeCRUZR .videoBtn {
  margin-right: 5%;
}

/*aeAIMBOT*/
#aeAIMBOT {
  background: no-repeat center bottom;
  background-size: cover;
  position: relative;
  padding: 6.04166667% 0;
}

#aeAIMBOT .box {
  width: 54.09836066%;
}

#aeAIMBOT .logo {
  width: 35.15151515%;
  margin-bottom: 2.27272727%;
}

#aeAIMBOT .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

#aeAIMBOT .proText {
  margin-bottom: 10.60606061%;
}

#aeAIMBOT .aelist {
  margin-bottom: 4.54545455%;
}

#aeAIMBOT .aelist ul {
  width: 72.72727273%;
}

#aeAIMBOT .aelist li {
  width: 49%;
  padding-bottom: 9.375%;
}

#aeAIMBOT .aelist .icon {
  width: 39.11564626%;
  margin-bottom: 5px;
}

#aeAIMBOT .videoBtn,
#aeAIMBOT .moreBtn {
  display: inline-block;
}

#aeAIMBOT .videoBtn {
  margin-right: 5%;
}

/*slickTab*/
.slickTab {
  margin-bottom: 3.27868852%;
}

.slickTab ul {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

.slickTab li {
  display: inline-block;
  vertical-align: top;
  color: #999;
  text-align: center;
  width: 31.333%;
  padding: 0 1%;
  font: 400 24px/1.35em "liangzihuohuaHLight";
}

.slickTab span {
  display: block;
  cursor: pointer;
}

.slickTab .cur {
  color: #00a5e5;
}

/*slickBox*/
.slickBox {
  clear: both;
}

.slickBox .slick-list {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
}

.slickBox .info {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.slickBox .pic {
  display: table-cell;
  vertical-align: top;
  width: 65.81967213%;
}

.slickBox .bg {
  padding-bottom: 66.99875467%;
}

.slickBox .text {
  display: table-cell;
  vertical-align: middle;
  padding: 3.125% 2.45901639%;
}

.slickBox .name {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25em;
  margin-bottom: 5.6022409%;
  color: #0d0d0d;
}

.slickBox .intro {
  font-size: 12px;
  line-height: 24px;
  color: #666;
}

.slickBox .slick-current .name {
  color: #201c38;
}

.slickBox .slick-current .intro {
  font-size: 14px;
  color: #201c38;
}

/*slickMenu*/
.slickMenu {
  margin-top: 4.3442623%;
  font-size: 0;
  line-height: normal;
  text-align: center;
}

.slickMenu .menu {
  display: inline-block;
  position: relative;
  padding: 12px 50px;
}

.slickMenu .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 36px;
  background: no-repeat 0 0;
  background-size: 100% auto;
}

.slickMenu .slick-arrow:hover {
  background-position: 0 100%;
}

.slickMenu .slick-prev {
  left: 0;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/slickMenu_arrow_left.png);
}

.slickMenu .slick-next {
  right: 0;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/slickMenu_arrow_right.png);
}

.slickMenu .dots ul {
  font-size: 0;
  line-height: normal;
}

.slickMenu .dots li {
  display: inline-block;
  margin: 0 9px;
}

.slickMenu .dots button {
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 6.5px;
  background-color: #fff;
  text-indent: -9999em;
  transition: width 0.3s;
  font-size: 0;
}

.slickMenu .dots .slick-active button {
  width: 33px;
  background-color: #00a5e5;
}

/*aeStudies*/
#aeStudies {
  background-color: #ededed;
  overflow: hidden;
  padding: 5.46875% 0 6.25%;
}

/*eduIntro*/
.eduIntro {
  position: relative;
  padding: 5.98958333% 0 26.82291667%;
}

.eduIntro .intro {
  margin-top: 1.63934426%;
  color: #1f1d36;
}

/*heduValues*/
#heduValues {
  padding: 4.16666667% 0 5.72916667%;
}

#heduValues .proText {
  margin-bottom: 6.14754098%;
}

#heduValues .intro {
  max-width: 1075px;
  margin-top: 1.2295082%;
}

#heduValues .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/*heduDirection*/
#heduDirection {
  overflow: hidden;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_27.jpg);
  padding: 4.16666667% 0 7.8125%;
}

#heduDirection .proText {
  margin-bottom: 5.98360656%;
}
#heduDirection .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#heduDirection .intro {
  max-width: 1075px;
  margin-top: 1.63934426%;
}

#heduDirection .info {
  max-width: 716px;
  margin: 0 auto;
  text-align: center;
}

#heduDirection .top {
  background-color: rgba(255, 255, 255, 0.7);
  color: #7a5cc7;
  border-radius: 10px;
  padding: 2.79329609%;
  margin-bottom: 1.39664804%;
}

#heduDirection h3 {
  font-size: 24px;
  line-height: 1.35em;
  font-weight: 700;
}

#heduDirection h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

#heduDirection ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#heduDirection li {
  width: 49.30167598%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  color: #fff;
  margin-bottom: 1.39664804%;
}

#heduDirection .box {
  padding: 4.5325779% 5.66572238% 14.73087819%;
}

#heduDirection h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.125em;
  margin-bottom: 3.19488818%;
}

#heduDirection .des {
  font-size: 14px;
  line-height: 24px;
}

/*heduContent*/
#heduContent {
  background: #fff url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_28.png) no-repeat center bottom;
  background-size: 100% auto;
  overflow: hidden;
  padding: 4.16666667% 0 3.64583333%;
}

#heduContent .proText {
  margin-bottom: 9.83606557%;
}

#heduContent .intro {
  max-width: 1050px;
  margin-top: 1.39344262%;
}

#heduContent ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#heduContent li {
  max-width: 190px;
  text-align: center;
  margin-bottom: 5%;
}

#heduContent .icon {
  width: 100px;
  margin: 0 auto 15px;
}

#heduContent .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#heduContent .name {
  font-weight: 400;
  font-size: 24px;
  color: #201c38;
  line-height: 1.35em;
}

/*heduCurriculum*/
#heduCurriculum {
  background-color: #ecedf6;
  overflow: hidden;
  padding: 4.16666667% 0 4.67708333%;
}

#heduCurriculum .intro {
  max-width: 600px;
  margin-top: 1.63934426%;
}

#heduCurriculum .slick-list {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 0px 4.98vw rgba(0, 0, 0, 0.15);
}

#heduCurriculum .item {
  color: #797979;
}

#heduCurriculum .info {
  padding: 5.32786885% 0.40983607% 3.68852459%;
}

#heduCurriculum .top {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-bottom: 3.14049587%;
}

#heduCurriculum h3 {
  font-size: 24px;
  display: inline-block;
  color: #7257c1;
  font-weight: 400;
  border: 2px solid #7257c1;
  height: 50px;
  line-height: 50px;
  padding: 0 13px;
  border-radius: 27px;
  position: relative;
}

#heduCurriculum h3:before,
#heduCurriculum h3:after {
  width: 121.21212121%;
  height: 1px;
  background: no-repeat center center;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#heduCurriculum h3:before {
  right: 100%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_line_left.png);
  margin-right: 2px;
}

#heduCurriculum h3:after {
  left: 100%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon_line_right.png);
  margin-left: 2px;
}

#heduCurriculum .btm {
  position: relative;
}

#heduCurriculum .btm li {
  text-align: center;
  width: 48.76033058%;
  margin: 0 auto;
}

#heduCurriculum .btm .li1 {
  margin-bottom: 1.65289256%;
}

#heduCurriculum .btm .li2,
#heduCurriculum .btm .li3 {
  position: absolute;
  top: 22%;
  width: 29%;
}

#heduCurriculum .btm .li4,
#heduCurriculum .btm .li5 {
  position: absolute;
  top: 65%;
  width: 29%;
}

#heduCurriculum .btm .li2,
#heduCurriculum .btm .li4 {
  left: 0;
  text-align: right;
}

#heduCurriculum .btm .li3,
#heduCurriculum .btm .li5 {
  right: 0;
  text-align: left;
}

#heduCurriculum .btm .pic {
  width: 39.66942149%;
  margin-bottom: 1.65289256%;
}

#heduCurriculum .btm .bg {
  padding-bottom: 92.08333333%;
}

#heduCurriculum .num {
  font-size: 24px;
  line-height: 1.25em;
  margin-bottom: 7px;
  font-weight: 500;
}

#heduCurriculum h4 {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-weight: 500;
}

#heduCurriculum .des {
  font-size: 14px;
  line-height: 24px;
}

#heduCurriculum .slick-dots {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 7.78688525%;
}

#heduCurriculum .slick-dots li {
  display: inline-block;
  margin: 0 2.45901639%;
}

#heduCurriculum .slick-dots button {
  display: block;
  font-size: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #9d71e0;
  background-image: linear-gradient(145deg, #9d71e0, #323194);
  opacity: 0.15;
  cursor: pointer;
  transition: all 0.3s;
}

#heduCurriculum .slick-dots .slick-active button {
  opacity: 1;
}

/*heduProducts*/
#heduProducts {
  /* background-image: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_28.jpg); */
  background-image: url(../images/1bg_28.jpg);
  color: #fff;
  padding: 4.42708333% 0 5.45833333%;
}

#heduProducts .proText {
  margin-bottom: 4.09836066%;
}

#heduProducts .proText .intro {
  max-width: 780px;
  margin-top: 1.63934426%;
}

/*heduProTabs*/
.heduProTab {
  margin-bottom: 2.86885246%;
}

.heduProTab .slick-load {
  padding: 0 3.93442623%;
}

.heduProTab span {
  display: block;
  font-size: 20px;
  line-height: 1.5em;
  text-align: center;
  margin: 0 3.93442623%;
  position: relative;
  padding: 14px 0;
  cursor: pointer;
}

.heduProTab span:after {
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.2;
}

.heduProTab .slick-current span:after {
  background-color: transparent;
  background-image: linear-gradient(90deg, #78a6fe, #cda3ff);
  opacity: 1;
}

.heduProTab .slick-arrow {
  width: 18px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://dwebsite.ubtrobot.com/cn/images/proSlick_arrow_03.png) no-repeat 0 0;
  background-size: 100% auto;
}

.heduProTab .slick-prev {
  left: 0;
}

.heduProTab .slick-next {
  right: 0;
  background-position: 0 100%;
}

/*heduProSlick*/
.heduProSlick .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  color: #595757;
  border-radius: 10px;
  overflow: hidden;
}

.heduProSlick .pic {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

.heduProSlick .text {
  display: table-cell;
  vertical-align: middle;
  padding: 3.125% 4.09836066% 3.125% 5.73770492%;
}

.heduProSlick .title {
  margin-bottom: 5.30612245%;
}

.heduProSlick h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35em;
}

.heduProSlick h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
}

.heduProSlick .intro {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 13.26530612%;
}

.heduProSlick .more a {
  display: block;
  background: url(https://dwebsite.ubtrobot.com/cn/images/font_more1.png) no-repeat left center;
  background-size: contain;
  width: 118px;
  height: 15px;
  text-indent: -9999em;

  /* display: block;
  font-size: 18px;
  background-image: linear-gradient(to bottom right, #323194, #9d71e0);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; */
}

/*heduCompetitions*/
#heduCompetitions {
  padding: 4.16666667% 0 9.89583333%;
  color: #333;
}

#heduCompetitions .proText {
  margin-bottom: 8.7704918%;
}

#heduCompetitions .intro {
  max-width: 940px;
  margin-top: 1.39344262%;
}

#heduCompetitions .imageText {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#heduCompetitions .imageText:nth-child(2n) {
  flex-direction: row-reverse;
}

#heduCompetitions .box {
  width: 100%;
}

#heduCompetitions .text {
  padding: 3.125% 4.09836066%;
}

#heduCompetitions h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 3.92156863%;
}

#heduCompetitions .des {
  font-size: 16px;
  color: #424242;
  line-height: 1.625em;
}

/*heduCerts*/
#heduCerts {
  color: #fff;
  padding: 4.16666667% 0 8.33333333%;
}

#heduCerts .proText {
  margin-bottom: 8.03278689%;
}

#heduCerts .intro {
  max-width: 945px;
  margin-top: 1.63934426%;
}
#heduCerts .intro1 {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

#heduCerts .list {
  padding: 0 6.80327869%;
}

#heduCerts ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}

#heduCerts li {
  width: 44.30740038%;
  padding: 2.84629981%;
}

#heduCerts .pic {
  margin-bottom: 5.56745182%;
}

#heduCerts .bg {
  padding-bottom: 70.66381156%;
}

#heduCerts h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35em;
  text-align: center;
}

/*heduService*/
#heduService {
  background-color: #e5e5e5;
  overflow: hidden;
  padding: 5.20833333% 0 8.59375%;
}

#heduService .proText {
  margin-bottom: 6.96721311%;
}

#heduService .box {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

#heduService .pic {
  display: table-cell;
  vertical-align: middle;
  background: no-repeat center center;
  background-size: cover;
  border-left: 1px solid #fff;
}

#heduService .text {
  display: table-cell;
  vertical-align: middle;
  width: 31.55737705%;
}

#heduService li {
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 230px;
  border-top: 1px solid #fff;
  background-color: #877ac5;
}

#heduService li:first-child {
  border-top: none;
  background-image: linear-gradient(145deg, #c192ff, #877ac5);
}

#heduService li:last-child {
  background-image: linear-gradient(145deg, #816ac6 2%, #3f3a9c);
}

#heduService li:last-child .info {
  opacity: 0.6;
}

#heduService .info {
  display: table-cell;
  vertical-align: middle;
  padding: 2% 2% 2% 10.38961039%;
  color: #fff;
}

#heduService h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35em;
  margin-bottom: 5.86252382%;
}

#heduService .des {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.625em;
}

/*heduAvantages*/
#heduAvantages {
  padding: 4.42708333% 0 6.77083333%;
}

#heduAvantages ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#heduAvantages li {
  width: 26.2295082%;
  text-align: center;
  color: #333;
  padding-top: 5.73770492%;
}

#heduAvantages .icon {
  width: 48.75%;
  margin: 0 auto 9.375%;
}

#heduAvantages .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#heduAvantages .name {
  font-size: 24px;
  line-height: 1.125em;
  margin-bottom: 6.25%;
}

#heduAvantages .des {
  font-size: 16px;
  line-height: 1.625em;
}

/*eduCase*/
.eduCase {
  background-color: #f8f8f8;
  overflow: hidden;
  padding: 4.16666667% 0 5.46875%;
}

.eduCase .proText {
  margin-bottom: 6.14754098%;
}

/*scrollList*/
.scrollList {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 11.06557377%;
  -webkit-overflow-scrolling: touch;
}

.scrollList .mCustomScrollBox {
  width: 82.8125vw;
  max-width: none;
  border-radius: 10px;
  font-size: 0;
  line-height: normal;
}

.scrollList .item {
  width: 41.66666667vw;
  display: inline-block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 1.97916667vw;
}

.scrollList .item:last-child {
  margin-right: 0;
}

.scrollList .item:before,
.scrollList .item:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 0.3s;
}

.scrollList .item:before {
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon_bg.png) repeat-x left bottom;
  background-size: auto 17.55555556%;
}

.scrollList .item:after {
  background-image: linear-gradient(0deg, #000, transparent);
  opacity: 0;
  z-index: 3;
}

.scrollList .pic {
  padding-bottom: 56.25%;
  background: no-repeat center center;
  background-size: cover;
  transition: all 0.3s;
}

.scrollList .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 4;
  color: #fff;
  text-align: center;
}

.scrollList .name {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5em;
  padding: 2.25% 5px;
}

.scrollList .des {
  padding: 0 5%;
  font-size: 16px;
  line-height: 1.625em;
  white-space: normal;
  margin-bottom: 5%;
  min-height: 8.125em;
  max-height: 11.375em;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  opacity: 0;
  transition: opacity 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scrollList .item:hover .pic {
  filter: blur(5px);
}

.scrollList .item:hover:before {
  opacity: 0;
}

.scrollList .item:hover:after {
  opacity: 1;
}

.scrollList .item:hover .des {
  opacity: 1;
}

.scrollList .mCSB_scrollTools {
  opacity: 1;
}

.scrollList .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 20px;
  bottom: 0;
}

.scrollList .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  background-color: #d2d2d2;
  border-radius: 2.5px;
  margin: 7.5px 0;
}

.scrollList .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 3.5px 15px #ccc;
  margin: 0;
}

/*education*/
#aEducation {
  padding: 5.20833333% 0 40.260417%;
}

#aEducation .intro {
  font-size: 24px;
  line-height: 1.5em;
  margin-top: 1.2295082%;
}

/*aEduCase*/
#aEduCase .mCustomScrollBox {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/*aEduStrengths*/
#aEduStrengths {
  padding: 5.20833333% 0 7.29166667%;
}

#aEduStrengths ul {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#aEduStrengths li {
  text-align: center;
  width: 22.95081967%;
  padding-top: 4.09836066%;
}

#aEduStrengths .icon {
  width: 35.35714286%;
  margin: 0 auto 11.78571429%;
}

#aEduStrengths .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#aEduStrengths .name {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  margin-bottom: 4.64285714%;
}

#aEduStrengths .des {
  font-size: 16px;
  color: #666;
  line-height: 1.75em;
  font-weight: 300;
}

/*aEduCultivate*/
#aEduCultivate {
  padding: 4.94791667% 0 5.98958333%;
}

#aEduCultivate .proText {
  margin-bottom: 7.21311475%;
}

#aEduCultivate .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/*aEduTool*/
#aEduTool {
  background: #fff url('https://dwebsite.ubtrobot.com/cn/images/bg/bg_29.png') no-repeat center center;
  background-size: cover;
  padding: 5.72916667% 0 7.55208333%;
}

#aEduTool .proText {
  margin-bottom: 6.14754098%;
}

#aEduTool .intro {
  max-width: 750px;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  line-height: 1.75em;
  margin-top: 1.63934426%;
}

#aEduTool .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/*aEduOptions*/
#aEduOptions {
  background-color: #eee;
  padding: 4.16666667% 0 3.64583333%;
}

#aEduOptions .proText {
  margin-bottom: 4.3442623%;
}

#aEduOptions .intro {
  color: #545454;
  max-width: 820px;
  margin-top: 1.47540984%;
}

#aEduOptions .list {
  padding: 0 4.91803279%;
}

#aEduOptions .item {
  overflow: hidden;
  padding: 4% 0;
}

#aEduOptions .pic {
  float: right;
  border-radius: 13px;
  width: 54.54545455%;
}

#aEduOptions .text {
  float: left;
  text-align: right;
  padding: 2.72727273% 3.63636364%;
  width: 38.18181818%;
  color: #545454;
}

#aEduOptions h3 {
  font-size: 32px;
  line-height: 1.35em;
  font-weight: 400;
  margin-bottom: 9.04761905%;
}

#aEduOptions .des {
  font-size: 24px;
  line-height: 1.91666667em;
}

#aEduOptions .item:nth-child(2n) .pic {
  float: left;
}

#aEduOptions .item:nth-child(2n) .text {
  float: right;
  text-align: left;
}

/*aEduActivities*/
#aEduActivities {
  padding: 4.16666667% 0 5.72916667%;
}

#aEduActivities .intro {
  margin-top: 1.63934426%;
  color: #201c38;
}

#aEduActivities .list {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#aEduActivities .item {
  width: 45.49180328%;
  margin-top: 9.01639344%;
  position: relative;
}

#aEduActivities .item:before {
  height: 80%;
  width: 80%;
  content: "";
  display: block;
  position: absolute;
  left: 10%;
  bottom: 0;
  box-shadow: 0px 3.5px 50px rgba(67, 67, 67, 0.4);
  opacity: 0;
  transition: all 0.3s;
}

#aEduActivities .bg {
  padding-bottom: 73.87387387%;
  background-size: cover;
}

#aEduActivities .text {
  padding: 7.57560976%;
}

#aEduActivities .name {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  line-height: 1.35em;
  margin-bottom: 4.30107527%;
}

#aEduActivities .des {
  font-size: 16px;
  color: #626262;
  line-height: 1.625em;
  margin-bottom: 5.80645161%;
}

#aEduActivities .more {
  width: 138px;
  transition: all 0.3s;
  background: linear-gradient( 90deg, #0FAC4B 0%, #62C12F 100%);
border-radius: 22px;
}

#aEduActivities .more span {
  display: block;
  width: 138px;
  height: 46px;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-weight: 300;
  font-size: 20px;
}

#aEduActivities .item a {
  display: block;
  overflow: hidden;
  border-radius: 25px;
  height: 100%;
  background-color: #f6f6f6;
  position: relative;
  z-index: 2;
}

#aEduActivities .item:hover:before,
#aEduActivities .item:hover .more {
  /* opacity: 1; */
}

/*aEduEmphasizes*/
.aEduEmphasizes {
  background-image: url('https://dwebsite.ubtrobot.com/cn/images/bg/bg_30_1.png');
  overflow: hidden;
  padding: 4.42708333% 0 7.29166667%;
}

.aEduEmphasizes .proText {
  /* margin-bottom: 9.83606557%; */
  margin-bottom: 8.19672131%;
}

.aEduEmphasizes .intro {
  margin-top: 2.21311475%;
}

.aEduEmphasizes .slick-load {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 7.5vw rgba(0, 0, 0, 0.3);
}

.aEduEmphasizes .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0.81967213% 0;
}

.aEduEmphasizes .image {
  display: table-cell;
  vertical-align: top;
  width: 54.91803279%;
  padding: 0 1.63934426%;
}

.aEduEmphasizes .figure {
  padding-bottom: 46.71428571%;
  position: relative;
}

.aEduEmphasizes .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.aEduEmphasizes .pic img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.aEduEmphasizes .text {
  display: table-cell;
  vertical-align: middle;
  padding: 3.125% 4.09836066%;
}

.aEduEmphasizes .name {
  font-size: 24px;
  font-weight: 500;
  color: #201c38;
  line-height: 1.35em;
  margin-bottom: 5.55555556%;
}

.aEduEmphasizes .des {
  font-size: 16px;
  color: #666;
  font-weight: 300;
  line-height: 1.75em;
}

.aEduEmphasizes .slick-dots {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 2.45901639%;
}

.aEduEmphasizes .slick-dots li {
  padding: 20px 0;
}

.aEduEmphasizes .slick-dots button {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  line-height: normal;
  box-shadow: 0px 0px 27px rgba(255, 255, 255, 0.3);
  opacity: 0.4;
  transition: all 0.3s;
}

.aEduEmphasizes .slick-dots .slick-active button {
  opacity: 1;
}

/*aEduNeeds*/
#aEduNeeds {
  background-color: #eee;
  padding: 4.27083333% 0 7.55208333%;
}

#aEduNeeds .proText {
  margin-bottom: 8.19672131%;
}

#aEduNeeds .intro {
  color: #666;
  max-width: 950px;
  margin-top: 1.80327869%;
}

/*aEduNeeds*/
.featuredArea {
  padding: 0 2.86885246%;
  position: relative;
}

.featuredArea .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.7826087%;
  opacity: 0.8;
  z-index: 10;
  cursor: pointer;
}

.featuredArea .arrow:hover {
  opacity: 1;
}

.featuredArea .arrow i {
  display: block;
  overflow: hidden;
  padding-bottom: 134.375%;
  background: url(https://dwebsite.ubtrobot.com/cn/images/proSlick_arrow_04.png) no-repeat 0 0;
  background-size: 100% auto;
}

.featuredArea .prev {
  left: 0;
}

.featuredArea .next {
  right: 0;
}

.featuredArea .next i {
  background-position: 0 100%;
}

.featuredArea .box {
  width: 53.04347826%;
  position: relative;
  padding-bottom: 50%;
  margin: 0 auto;
}

.featuredArea .list {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.featuredArea .item {
  height: 100%;
  width: 131.14754098%;
  cursor: pointer;
}

.featuredArea .item:before,
.featuredArea .item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 0.3s;
}

.featuredArea .item:before {
  width: 80%;
  height: 80%;
  left: 10%;
  box-shadow: 0px 0px 1.875vw rgba(55, 102, 167, 0.6);
  z-index: 1;
  opacity: 0;
}

.featuredArea .item:after {
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  z-index: 3;
  border-radius: 1.302vw;
  overflow: hidden;
}

.featuredArea .info {
  position: relative;
  z-index: 2;
  border-radius: 1.302vw;
  overflow: hidden;
}

.featuredArea .pic {
  padding-bottom: 71.875%;
  background: no-repeat center center;
  background-size: cover;
}

.featuredArea .text {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 250px;
  background: url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_31.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  transition: all 0.3s;
}

.featuredArea .cont {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 10px 10px 20px;
}

.featuredArea .top {
  position: relative;
  margin-bottom: 13.63636364%;
  padding-bottom: 5.45454545%;
}

.featuredArea .top:after {
  width: 31.81818182%;
  height: 1px;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.featuredArea h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.35em;
  margin-bottom: 2.27272727%;
}

.featuredArea h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
}

.featuredArea .des {
  font-size: 16px;
  line-height: 24px;
}

.featuredArea .btn {
  position: absolute;
  top: 50%;
  display: none;
}

.featuredArea .roundabout-in-focus:after {
  opacity: 0;
}

.featuredArea .roundabout-in-focus .text {
  opacity: 1;
  z-index: 5;
}

.featuredArea .roundabout-in-focus:before {
  opacity: 1;
}

/*download*/
.download {
  display: table;
}

.download .shadow {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.download .icon,
.download .store {
  display: table-cell;
  vertical-align: bottom;
}

.download .icon {
  width: 120px;
}

.download img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.download .store {
  padding-left: 15px;
}

.download li {
  margin-bottom: 15px;
}

.download li:last-child {
  margin-bottom: 0;
}

.download li a {
  display: block;
  overflow: hidden;
  width: 104px;
  height: 30px;
  background: no-repeat left center;
  background-size: contain;
  text-indent: -9999em;
}

.download .google a {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/store_google.png);
}

.download .google .white {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/store_google_white.png);
}

.download .apple a {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/store_apple.png);
}

.download .apple .white {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/store_apple_white.png);
}

.download .android a {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/store_android.png);
}

.dsDown,
.dsDown .icon,
.dsDown .store {
  display: block;
}

.dsDown {
  width: 325px;
  margin: 0 auto;
}

.dsDown .icon {
  margin: 0 auto 15px;
}

.dsDown .store {
  padding-left: 0;
}

.dsDown ul {
  overflow: hidden;
}

.dsDown li {
  float: left;
  margin: 0;
}

.dsDown li:nth-child(2n) {
  float: right;
}

.dsDown li a {
  width: 155px;
  height: 45px;
}

/* chen */
.levelThree li a {
  display: flex;
  align-items: flex-start;
}

.proThree .box li {
  font: 400 18px/1.25em "SourceHanSansCN";
  width: 31.333%;
  padding: 1%;
  float: left;
}

.basedots .dots li.slick-active {
  background: #ff928f;
}

.aboutxin .pbanner .btxt {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 0;
  bottom: auto;
}

.aboutxin .pbanner .btxt .w1400 {
  height: auto;
}

.aboutxin .gyyx1 .p {
  font-size: calc(83 / 1920 * 100vw);
  color: #fff;
}

.aboutxin .pbanner .btxt .t1 {
  font-size: calc(38 / 1920 * 100vw);
}

@media screen and (max-width: 768px) {
  .aboutxin .pbanner .btxt .txt .p {
    font-size: 20px !important;
  }

  .aboutxin .pbanner .btxt .txt .t1 {
    font-size: 16px;
  }

  .aboutxin .pbanner .btxt {
    top: 10%;
    transform: translate(-50%, -10%);
  }
}

.OurCulture {
}

.OurCulture .abbbtxt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1400px;
}

.OurCulture .abbbtxt ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5%;
}

main.aboutxin {
}

main.aboutxin .pc {
  width: 100%;
}

.OurCulture .abbbtxt ul li {
  width: 28%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}

.OurCulture .abbbtxt ul li .img {
}

.OurCulture .abbbtxt ul li .img img {
  width: auto;
  margin: auto;
}

.aboutxin .p {
  font-size: calc(55 / 1920 * 100vw);
  color: #000;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}

.OurCulture .abbbtxt ul li .abpa {
  font-size: calc(32 / 1920 * 100vw);
  font-weight: 500;
  margin: 20px 0;
}

.OurCulture .abbbtxt ul li .abpb {
  font-size: calc(26 / 1920 * 100vw);
  font-weight: 100;
}

.OurCulture .abbbtxt ul li:not(:last-child) {
  margin-right: 8%;
}

.OurCulture .abbbtxt .p {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .OurCulture .abbbtxt {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    background: url(https://dwebsite.ubtrobot.com/cn/images/ab05mo.jpg) no-repeat;
    background-size: cover;
    padding: 10% 0;
  }

  .aboutxin .p {
    font-size: 20px;
  }

  .OurCulture .abbbtxt ul li:not(:last-child) {
    margin-right: 0;
  }

  .OurCulture .abbbtxt ul li {
    width: 100%;
    margin-bottom: 30px;
  }

  .OurCulture .abbbtxt ul li .img img {
    max-width: 50px;
  }

  .OurCulture .abbbtxt ul li .abpa {
    font-size: 16px;
    margin: 10px 0;
  }

  .OurCulture .abbbtxt ul li .abpb {
    font-size: 14px;
  }
}

.kuang .btxt {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}

.Brief .txt {
  margin-left: auto !important;
  max-width: 50%;
  padding: 5% 0 !important;
}

.Brief .txt .p {
  font-size: calc(55 / 1920 * 100vw) !important;
  color: #333;
  margin-bottom: 3% !important;
}

.Brief .txt .t1 {
  font-size: calc(24 / 1920 * 100vw) !important;
  color: #333333;
  text-align: left;
  line-height: 1.5;
  font-family: "微软雅黑" !important;
}

@media screen and (max-width: 768px) {
  .Brief .txt {
    max-width: 100%;
  }

  .Brief .txt .t1 {
    font-size: 14px !important;
  }
}

.Milestones {
  padding: 5% 0;
}

.Milestones .p {
  margin-bottom: 3% !important;
}

.Milestones .mySwiper2 .swiper-slide .img {
  overflow: hidden;
  border-radius: 10px;
}

.Milestones .mySwiper2 .swiper-slide .wen {
  line-height: 1.5;
  margin-top: 20px;
}

.Milestones .mySwiper2 .swiper-slide .wen .pa {
  font-size: 26px;
  color: #333333;
  font-weight: bold;
}

.Milestones .mySwiper2 .swiper-slide .wen .pb {
  font-size: 24px;
  color: #333333;
}

.Milestones .mySwiper2 {
  margin-top: 4%;
  overflow: visible;
}

.Milestones .mySwiper .num {
  text-align: center;
  font-size: 26px;
  color: #333333;
  padding: 5px 0;
  line-height: 1.5;
}

.Milestones .mySwiper .swiper-slide-thumb-active {
  background: #00a5e5;
  border-radius: 10px 10px 0 0;
}

.Milestones .mySwiper .swiper-slide {
  text-align: center;
}

.Milestones .mySwiper .swiper-slide-thumb-active .num {
  color: #fff;
}

.Milestones .mySwiper .swiper-wrapper {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #979797;
}

.Milestones .mySwiper2 .swiper-slide .img img {
  width: 100%;
}

.kuang {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .Milestones .mySwiper2 .swiper-pagination {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .Milestones .mySwiper .swiper-wrapper {
    display: none;
  }

  .Milestones .mySwiper2 .swiper-slide .wen .pa {
    font-size: 18px;
  }

  .Milestones .mySwiper2 .swiper-slide .wen .pb {
    font-size: 16px;
  }

  .Milestones .mySwiper2 .swiper-slide .wen {
    text-align: center;
  }

  .Milestones .mySwiper2 .swiper-pagination {
    position: relative;
    margin-top: 10px;
  }

  .Milestones .mySwiper2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .Milestones .mySwiper2 .swiper-pagination-bullet-active {
    background: #5ca3e2;
  }
}

.contact {
  padding: 5% 0;
  background: #eeeeee;
}

.contact .dig {
  line-height: 1.5;
  margin-top: 5%;
}

.contact .dig .contactpa {
  font-size: 32px;
  color: #333333;
  font-weight: bold;
  padding: 0 2%;
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid;
}

.contact .dig ul {
  padding: 0 2%;
}

.contact .dig ul li {
  display: flex;
  /* width: 75%; */
  margin-bottom: 4%;
}

.contact .dig ul li .plef {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  width: 25%;
}

.contact .dig ul li .prig {
  width: 75%;
  font-size: 24px;
  color: #333333;
}

.contact .dig .div {
  padding: 0 2%;
  margin-bottom: 3%;
}

.contact .dig .div .po {
  font-size: 26px;
  color: #333333;
  font-weight: bold;
}

.contact .dig .div .pt {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  line-height: 2;
  padding: 5px 0;
}

.contact .dig .div .pt span {
  font-size: 24px;
  color: #333333;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .contact .dig .contactpa,
  .contact .dig .div .po {
    font-size: 18px;
  }

  .contact .dig ul li .plef {
    font-size: 16px;
    width: 30%;
  }

  .contact .dig ul li .prig {
    width: 70%;
    font-size: 16px;
  }

  .contact .dig .div .pt,
  .contact .dig .div .pt span {
    font-size: 16px;
  }

  .contact .dig .div {
    margin-bottom: 20px;
  }
}

.homebanner {
}
.homebanner a {
  display: block;
}
.homebanner .swiper-button-prev {
  left: 5%;
}
.homebanner .swiper-slide {
  height: auto;
}
.homebanner .swiper-slide img {
  /* height: calc(100vh - 80px); */
}

.homebanner .swiper-button-prev::after {
  color: #fff;
  font-weight: bold;
  font-size: calc(50 / 1920 * 100vw);
}

.homebanner .swiper-button-next {
  right: 5%;
}

.homebanner .swiper-button-next::after {
  color: #fff;
  font-weight: bold;
  font-size: calc(50 / 1920 * 100vw);
}

.homebanner .swiper-pagination {
  bottom: 5% !important;
}

.homebanner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1;
  margin: 0 20px !important;
}

.homebanner .swiper-pagination .swiper-pagination-bullet-active {
  background: #00a5e5;
}

@media screen and (max-width: 768px) {
  .homebanner .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
  }

  .homebanner .swiper-button-next::after,
  .homebanner .swiper-button-prev::after {
    font-size: 16px;
  }
}

.home2 {
  background: #fff;
  padding: 5% 0 5% !important;
}

.home2 .pro7 {
  margin-top: 3%;
}

.home2 .desc {
  max-width: 80%;
  margin: auto;
}

.home2 .item {
  padding: 0 20px !important;
  position: relative;
}

.home2 .item .tit {
  position: absolute;
  bottom: 5%;
  z-index: 1;
  color: #fff;
  width: 90%;
  margin: auto;
  left: 0;
  right: 0;
  line-height: 1.3;
}

.home2 .w1400 {
  max-width: 1500px;
}

.btnhome {
  padding: 3px 5px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #666;
  background: #fff;
  margin: 0 5%;
  border-radius: 30px;
  cursor: pointer;
  background: #46affb;
  color: #fff;
  /* width: 100%; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  margin: auto;
  margin-top: 5%;
}

.btnhome .icon {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/ann1.png);
}

.btnhome .btn span {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .home2 .dots li {
    background-color: #e6e6e6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 10px;
  }

  .home2 .dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
  }

  .home2 .dots li button {
    display: none;
  }

  .home2 .dots .slick-active {
    background-color: #5ca3e2;
  }

  .home2 .item .tit {
    position: relative;
    bottom: 0;
    color: #333;
  }
}

.home3 {
  background: url(https://dwebsite.ubtrobot.com/cn/images/home6.jpg) no-repeat;
  background-size: cover;
}

.home3 {
}

.home3 .txt {
  color: #fff;
}

.home3 li {
  position: relative;
}

.home3 li .woe {
  line-height: 1.5;
  position: absolute;
  bottom: 5%;
  width: 90%;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
}

.home3 li .woe img {
  width: auto;
  margin: auto;
}

.home3 li .woe .pa {
  margin-top: 0;
  min-height: 78px;
  font-weight: 500;
}

.home3 ul {
  margin: auto;
  max-width: 1200px;
}

.home04 {
}

.home04 .home04pr7 {
  max-width: 1300px;
  margin: auto;
}

.home04 .home04pr7 {
  margin-top: 3%;
}

.home04 .home04pr7 .item .img {
  border-radius: 10px;
  overflow: hidden;
}

.home04 .item .tit {
  color: #000;
}

@media screen and (max-width: 768px) {
  .home3 li .woe {
    position: relative;
    bottom: 0;
    margin: 20px auto;
  }

  .home3 li .woe .pa {
    min-height: auto;
    color: #fff;
    margin-bottom: 10px;
  }

  .home3 li .woe .poa {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    max-width: 130px;
    margin: auto;
    line-height: 1.5;
    background: #fff;
    border-radius: 50px;
  }

  .home3 li {
    margin-bottom: 20px;
  }
}

.home05 .wpp {
  width: 100%;
}

.home05 .wpp .p {
  color: #333333;
  font-size: calc(45 / 1920 * 100vw) !important;
  margin-bottom: 20px !important;
}

.home05 .wpp .t1 {
  font-size: 23px !important;
}

.home05 .txt {
  margin: auto;
  margin-left: auto !important;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
}

.home05 .btxt .w1400 {
  height: 100%;
}

.home05 .btxt {
  top: 0 !important;
  height: 80%;
  transform: none !important;
  bottom: 0;
  margin: auto;
}

.home05 .icon-contact {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/ann1.png);
}

.home05 .btn {
  background: #46affb;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .home05 .wpp .p {
    font-size: 20px !important;
  }

  .home05 .wpp .t1 {
    font-size: 14px !important;
  }

  .btnhome .icon {
    display: none;
  }

  .btnhome {
    justify-content: center;
  }
}

.home6 .tit {
  position: relative !important;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
}

.home6 .tit .img img {
  width: auto;
  margin: auto;
  margin-bottom: 10px;
}

.home6 {
  position: relative;
  background: url(https://dwebsite.ubtrobot.com/cn/images/homebj1.jpg) no-repeat center;
  background-size: cover;
}

.home6 .tit,
.home6 .desc {
  color: #fff;
}

.home6 .item .tit {
  font-size: 24px;
}

.home6 .btnhome .icon {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/ann3.png);
}

.home6 .btnhome {
  color: #666666;
  background: #fff;
}

.home6 .bjtu img {
  width: 100%;
}

.walkerxxin .intro {
  font-size: 26px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .home6 {
    background: url(https://dwebsite.ubtrobot.com/cn/images/homebj1mo.jpg) no-repeat center;
  }

  .home6 .tit {
    margin-bottom: 10px !important;
  }

  .home6 .tit .img img {
    max-height: 25px;
    max-width: 100px;
  }

  .home6 .item .tit {
    color: #fff;
    margin-top: 20px !important;
  }

  .walkerxin .intro {
    font-size: 14px;
  }

  #Recognition .proText {
    text-align: center;
  }

  .walkerxxin #WalkerXVideo .inner {
    margin: auto;
  }

  #WalkerXVideo .title {
    color: #fff;
  }
}

.newslist {
  background-color: #f4f6fb;
  padding: 70px 0;
}

.newslist .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.newsitem {
  width: 47.5%;
  color: #231f3a !important;
  background-color: #ffffff;
  margin-bottom: 60px;
}
.newsitem .rows.p {
  height: 2.5em;
  overflow: hidden;
  line-height: 1.2;
}

.itemtext {
  padding: 34px 30px 49px;
}

.newsitem .box {
  overflow: hidden;
}

.newsitem .itemimg {
  width: 100%;
  padding-bottom: 57.62711%;
  background-position: center;
  background-size: cover;
  transition: all 0.5s;
}

.newsitem:hover .itemimg {
  transform: scale(1.25);
}

.newsitem .itemtit {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}

.newsitem .itemtit p {
  -webkit-line-clamp: 2;
  font: 500 26px/30px "SourceHanSansCN";
  flex: 1;
  margin-right: 60px;
}

.newsitem .itemtit .date {
  color: #231f3a;
  font-size: 14px;
  white-space: nowrap;
}

.newsitem .itemcon {
  color: #231f3a;
  -webkit-line-clamp: 2;
  font-size: 14px;
  margin-bottom: 30px;
}

.newsitem .itemmore {
  background: url(https://dwebsite.ubtrobot.com/cn/images/icon.png) no-repeat left center;
  padding-left: 40px;
  font-size: 14px;
}
.new_dat1 {
  width: 100%;
  padding: 6% 0;
}
@media (max-width: 900px) {
  .newsitem {
    width: 100%;
  }

  .newsitem .itemtit p {
    margin-right: 30px;
  }
}

/* 2203/6/7 */
.specificationList .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
}
.specificationList .item:nth-child(2n) {
  flex-direction: row;
}
.specificationList .text {
  box-sizing: border-box;
}
.ulitpbb,
.hbpin4 .diow .righ .pa,
.hbpin5 ul li .pa,
.ukpin6 .ul ul li .pa,
.ulitpb,
.ulitpa {
  font-weight: initial;
}
h1,
h2,
h3,
h4 {
  font-weight: initial;
}
.hbpin4 .diow {
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.hbpin4 .diow:nth-child(2n) {
  flex-direction: row;
}
.jjfa2 ul li .pw h3 {
  font-weight: bold;
}
.home6 .btnhome a {
  color: #333;
}

/* 2023.6.8 */
.subNav li {
  font-weight: 700;
}
.proThree dt {
  font-weight: 700;
}

/* 2023.6.9 */
#topBtn #loginBtn {
  display: none;
}

.homebanner .swiper-slide {
  height: auto;
}
.Milestones .mySwiper2 .swiper-slide .wen .pb {
  text-align: left;
}

.xz_clo {
  width: 100%;
  background: #fff;
  padding: 24px 0;
}
.xz_clo.ucur {
  display: none;
}
.xz_clo .rq {
  overflow: hidden;
  transition: all 0.5s;
}
.xz_clo .rq1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.xz_clo .rq1 h3 {
  width: 204px;
  font-size: 16px;
  font-family:
    PingFangSC-Medium,
    PingFang SC;
  font-weight: 700;
  color: #222;
  line-height: 28px;
  text-align: left;
}
.xz_clo .rq1 .p {
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 40px;
  line-height: 26px;
  color: #222;
}
.xz_clo .rq1 .p a {
  text-decoration: underline;
  color: #179bd5;
}
.xz_clo .rq1 .rig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  width: auto;
  float: none;
  font-size: 14px;
  line-height: 32px;
}
.xz_clo .rq1 .rig span {
  display: inline-block;
  background: transparent;
  color: #a0a0a0;
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #dcdcdc;
  padding: 0 16px;
  height: 32px;
  box-sizing: border-box;
  transition: all 0.5s;
}
.xz_clo .rq1 .rig span:hover {
  background: #179bd5;
  color: #fff;
  border: 1px solid #179bd5;
}
@media (max-width: 991px) {
  .xz_clo .rq1 {
    flex-wrap: wrap;
    text-align: center;
  }
  .xz_clo .rq1 h3 {
    width: 100%;
    text-align: center;
  }
  .xz_clo .rq1 .p {
    width: 100%;
    padding: 0;
    font-size: 12px;
    line-height: 1.7;
  }
  .xz_clo .rq1 .rig {
    width: 100%;
    justify-content: center;
    margin-top: 15px;
  }
}

.pbanner .btxt .txt .t2 {
  text-transform: uppercase;
}
#WalkerXParameters h3 {
  font-size: 32px;
  margin-bottom: 40px;
  font-family: "liangzihuohuaHLight";
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 991px) {
  #WalkerXParameters h3 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

.icp {
  position: relative;
  padding-left: 35px;
  margin-right: 5px;
}
.icp::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/footerCircles.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  background-size: contain;
}
#bottom .td#icp {
  display: flex;
  justify-content: flex-end;
}
/* 20230916 */
.fcntel .btn {
  position: absolute;
  right: 0;
  top: 50%;
  width: 84px;
  text-align: center;
  line-height: 36px;
  border: 1px solid #fff;
  font-size: 14px;
  cursor: pointer;
  margin-top: -25px;
  transition: 0.3s;
  display: none;
}

.fcntel .btn:hover {
  border-color: #43aaf4;
  color: #43aaf4;
}
.fctn {
  float: right;
  max-width: 24%;
}

.fctn .tel {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.fctn .tp {
  font-size: 14px;
  padding-bottom: 9px;
}

.fcntel {
  position: relative;
  /* padding-right: 30px; */
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
}

.cnshares {
  font-size: 0;
  margin-top: 10px;
}

.cnshares .i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.cnshares .i .icon {
  padding: 20px;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.cnshares .i .icon-wx {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/wx1.png);
}
.cnshares .i .icon-wb {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/wb1.png);
}
.cnshares .i:hover .icon-wx {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/wx2.png);
}
.cnshares .i:hover .icon-wb {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/wb2.png);
}
.cnshares .i .ipop {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 80px;
  padding: 5px;
  margin-left: -40px;
  background: #fff;
  display: none;
}

.cnshares .i .ipop img {
  display: block;
  width: 100%;
}

.cnshares .i .ipop:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 100%;
}

.cnshares .i:hover .ipop {
  display: block;
}
.kycases .item > .flex {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}

.kycases .item .txt {
  flex: 0 0 auto;
  width: 30.7%;
  font-size: 20px;
  line-height: 2;
  padding-right: 30px;
}

.kycases .item .txt .tit {
  font-size: 26px;
  max-width: 11em;
  line-height: 1.4;
}
.kycases .item .txt .tit2 {
  margin-bottom: 20px;
}
.kycases .item .img {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  flex: 1 1 auto;
  padding-bottom: 39%;
  background: #f1f1f1;
}
.kycases .item .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kycases .item .img .alt {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 20px;
  font-size: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.kycases .slick-list {
  padding: 0 !important;
}

.kycases {
  padding: 7% 0;
  background: #fff;
}
.slider .slick-dots {
  text-align: center;
  margin-top: 7%;
}

.slider .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  width: 10px;
  height: 10px;
  background: #c1c3cd;
  border-radius: 50%;
  cursor: pointer;
}

.slider .slick-dots li * {
  display: none !important;
}

.slider .slick-dots li.slick-active {
  background: #43aaf4;
}
.kangyang .pbanner .btxt.s2 {
  top: 28%;
  text-align: center;
}

.kangyang .pbanner .btxt.s2 .txt {
  width: auto !important;
  text-align: center;
  margin: 0;
}
.gyyx6 .wo .div {
  position: relative;
}

.gyyx6 .wo .div .icon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.gyyx6 .wo .div .icon img {
  max-width: 90%;
  margin: auto;
}

@media (max-width: 1024px) {
  .kycases .item > .flex {
    display: block;
  }
  .kycases .item .img {
    margin-bottom: 20px;
  }
  .kycases .item .txt {
    font-size: 14px;
    width: auto;
  }
  .kycases .item .txt .tit {
    font-size: 16px;
  }
  .kycases .item .txt .tit2 {
    margin-bottom: 10px;
  }
  .slider .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }
  .kycases .item .img .alt {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .fctn {
    float: none;
    max-width: 100%;
  }

  .cnshares .i .ipop {
    left: 0;
    bottom: 100%;
    top: auto;
    margin-left: 0;
  }

  .cnshares .i .ipop:before {
    border-bottom: none;
    border-top: 6px solid #fff;
    left: 20px;
    top: 100%;
    bottom: auto;
  }
  .gyyx6 .wo .div .icon {
    position: static;
    background: #fff;
  }

  .gyyx6 .wo .div {
    background: #fff;
  }
}

@media only screen and (max-width: 1280px) {
  #pagelist {
    width: 200px;
  }
  #bottom,
  #pagelist li {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .icp {
    padding-left: 30px;
  }
  #bottom .td#icp {
    display: table-cell;
  }
  #bottom .inner {
    display: block;
  }
  #bottom .inner {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  #bottom .td#icp {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  #bottom .td#icp {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }
}

/* 2023.9.21 新页面*/
.after1 {
  text-align: center;
}
.after1 .w1400 {
  max-width: 900px;
}
.after1 .w1400 .main {
  margin-top: 45px;
}
.after1 .main .title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
}
.after1 .main .desc {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 18px;
  margin: 20px 0 30px;
}
.after1 .main .qrcode img {
  max-width: 255px;
  width: 100%;
  margin: auto;
}
.after1 .main .qrcode p {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 30px;
}
.after1 .more {
  margin: 48px auto 0;
  padding: 30px;
  border-top: 1px solid #e5e5e5;
}

.after1 .more .sub-title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #000000;
}
.after1 .more .contact-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.after1 .more .contact-list .contact-item {
  margin-right: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.after1 .icon {
  width: 90px;
  height: 90px;
}
.after1 .icon.icon-email {
  background: url(https://assets-new.ubtrobot.com/pc/static/cn/images/service/email.png) no-repeat center center /
    contain;
}
.after1 .icon.icon-phone {
  background: url(https://assets-new.ubtrobot.com/pc/static/cn/images/service/phone.png) no-repeat center center /
    contain;
}
.after1 .more .contact-list .contact-item .title {
  font-size: 14px;
  color: #000000;
  line-height: 26px;
}
.after1 .more .contact-list .contact-item .desc {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 14px;
  opacity: 0.65;
}
.after1 .more .contact-list .contact-item:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1220px) {
  .after1 .container .main {
    margin-top: 80px;
  }
  .after1 .w1400 .main .title {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: #000000;
  }
  .after1 .w1400 .main .desc {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 16px;
    margin: 36px 0;
  }
  .after1 .w1400 .main .qrcode img {
    max-width: 250px;
    margin: auto;
    width: 80%;
  }
  .after1 .w1400 .main .qrcode p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 20px;
    margin-top: 15px;
  }
  .after1 .w1400 .more .contact-item {
    margin-right: 65px;
  }
}

/* 新增板块 */
img {
  max-width: 100%;
}
.aEduEmphasizes.hproBox1 {
  background-image: url("https://qs-statics.oss-cn-shanghai.aliyuncs.com/oss/static/website/webImg/k12_3_bg_1.jpg");
  padding: 5% 0;
}
.aEduEmphasizes.hproBox1 .proText {
  margin-bottom: 0;
}
.aEduEmphasizes.hproBox1 .title {
  color: #fff;
}
.aEduEmphasizes.hproBox2 {
  background-image: url('https://qs-statics.oss-cn-shanghai.aliyuncs.com/oss/static/website/webImg/k12_3_bg.jpg');
  padding: 10% 0;
}
#aEduTool {
  background-image: unset;
}

@media screen and (max-width: 768px) {
  .aEduEmphasizes.hproBox1 .intro br {
    display: none;
  }
  .aEduEmphasizes.hproBox1 {
    padding: 15% 0;
  }
  #aEduEmphasizes.hproBox2.wap .slick-dots {
    display: flex;
    top: unset;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: 0;
  }
  .aEduEmphasizes.hproBox2.wap .slick-dots li {
    margin: 0 5px;
  }
  #aEduEmphasizes.hproBox2.wap .slick-load {
    margin-right: 0;
    margin-top: 40px;
    box-shadow: unset !important;
  }
  .aEduEmphasizes.hproBox2.wap .info {
    padding: 0;
  }
  .aEduEmphasizes.hproBox2.wap .figure {
    padding-bottom: 120%;
  }
  .himg img {
    position: static;
    width: 100%;
  }
  .aEduEmphasizes.hproBox2.wap {
    background-color: #f7f7f7 !important;
    background-image: unset;
  }
  .aEduEmphasizes .slick-dots button {
    opacity: 1;
    background-color: #e5e5e5;
  }
  .aEduEmphasizes .slick-dots .slick-active button {
    background-color: #479fe3;
  }
}

.aEduTool {
  background: #fff url(https://dwebsite.ubtrobot.com/cn/images/bg/bg_29.png) no-repeat center center;
  background-size: cover;
  padding: 5.72916667% 0 7.55208333%;
}
.aEduTool .proText {
  margin-bottom: 6.14754098%;
}
.aEduTool .intro {
  max-width: 750px;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  line-height: 1.75em;
  margin-top: 1.63934426%;
}
.aEduTool .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#aEduTool {
  background-color: #f7f7f7;
}
.cloud01 {
  background-color: #fff;
}
.clist1 {
  margin-top: 5%;
}
.clist1 .citem {
  display: flex;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
  background-image:linear-gradient( 90deg, #0FAC4B 0%, #62C12F 100%);
  margin-bottom: 20px;
}
.clist1 .imgbox {
  width: 50%;
}
.clist1 .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clist1 .text {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 5%;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
}
.clist1 .htit {
  font-size: 29px;
  color: #ffffff;
  line-height: 1.5;
}
.clist1 .hdesc {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.5;
  margin-top: 20px;
}
.clist1 .citem:nth-child(2n) {
  flex-direction: row-reverse;
}
.cloud03 {
  padding: 5.72916667% 0 5.55208333%;
}
.proColor .title,
.proColor .intro {
  color: #fff !important;
}
.clist2 {
  display: flex;
  justify-content: center;
  margin-top: 10%;
}
.clist2 .citem {
  margin: 0 50px;
  text-align: center;
}
.clist2 .htit {
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
  line-height: 1.5;
}
.cloudpadding {
  padding: 5.8% 0;
}

@media (max-width: 1459px) {
  .clist2 .citem img {
    width: 80px;
  }
  .clist2 .citem {
    margin: 0 25px;
  }
  .clist2 .htit {
    font-size: 18px;
  }
  .clist2 {
    margin-top: 5%;
  }
  .clist1 .htit {
    font-size: 28px;
  }
}
@media (max-width: 1280px) {
  .clist1 .htit {
    font-size: 24px;
  }
  .clist1 .hdesc {
    font-size: 14px;
  }
  .clist1 .text {
    padding: 25px;
  }
}
@media (max-width: 1024px) {
  .clist1 .htit {
    font-size: 20px;
  }
}
* {
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .dswiper01 .ditem {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
  }
  .dswiper01 img {
    width: 100%;
  }
  .dswiper01 .text {
    padding: 20px;
    width: 100%;
  }
  .dswiper01 .slick-slide {
    padding: 10px;
  }
  .dswiper01 .citem {
    background-image: unset;
    background-color: #ffffff;
    margin-bottom: 0;
  }

  .dswiper01 .htit {
    font-size: 26px;
    color: #626262;
    line-height: 1.5;
  }
  .dswiper01 .hdesc {
    font-size: 22px;
    color: #626262;
    line-height: 1.5;
  }

  .dswiper01 .swiper-slide {
    padding: 3px;
  }
  .dswiper01 {
    position: relative;
  }
  .dswiper01 .inner {
    overflow: hidden;
  }

  .dswiper01 .swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    bottom: 8%;
    display: flex;
    justify-content: center;
  }
  .dswiper01 .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #e5e5e5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 1;
  }
  .dswiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #479fe3;
    color: #479fe3;
  }
  .clist1 {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  .clist2 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .clist2 .citem {
    margin: 0;
    width: 33.33%;
    margin-bottom: 5%;
  }
  .clist2 .citem img {
    width: 60%;
  }
  .clist2 .htit {
    font-size: 14px;
  }
  .cloudpadding {
    padding: 40px 0;
  }
  .dswiper01 .htit {
    font-size: 18px;
    text-align: center;
  }
  .dswiper01 .hdesc {
    font-size: 14px;
    margin-top: 15px;
  }
  .dswiper01 {
    padding-bottom: 60px;
  }

  .dswiper01 .swiper-pagination {
    bottom: 30px;
  }
  .dswiper01 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}

#aEduActivities {
  background-color: #f7f7f7;
}
#aEduActivities .item a {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#aEduStrengths .name {
  font-size: 34px;
  font-weight: 700;
}
#aEduStrengths .des {
  font-size: 24px;
}

@media (max-width: 640px) {
  #aEduStrengths ul {
    display: flex;
  }
  #aEduStrengths li {
    width: 45%;
  }
}

#aEduStrengths {
  background-color: #f7f7f7;
}

.cloud04 {
  background-color: #ffffff;
  position: relative;
}
.cloud04 .ditem {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cloud04 .swiper-pagination {
  display: none;
}
.cloud04 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #e5e5e5;
  opacity: 1;
}
.cloud04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #479fe3;
}

.cloud04 .inner {
  max-width: 1400px;
}
.cloud04 .imgbox {
  padding-bottom: 71%;
  position: relative;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  overflow: hidden;
}
.cloud04 .imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cloud04 .text {
  margin-top: -110px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  width: 85%;
  border-radius: 0 14px 14px 14px;
  -webkit-border-radius: 0 14px 14px 14px;
  -moz-border-radius: 0 14px 14px 14px;
  -ms-border-radius: 0 14px 14px 14px;
  -o-border-radius: 0 14px 14px 14px;
  padding: 7% 7% 3.5% 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  flex: 1;
}
.cloud04 .ht {
  position: relative;
  padding-left: 40px;
}
.cloud04 .ht::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background-color: #3881dc;
}
.cloud04 .htit {
  font-size: 28px;
  color: #3881dc;
  line-height: 1.5;
  font-weight: 700;
}
.cloud04 .hdesc {
  font-size: 16px;
  line-height: 1.5;
  color: #3881dc;
}
.cloud04 .edit {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding-left: 40px;
  margin-top: 25px;
}
.cloud04 .swiper-slide {
  height: auto;
}

.cloud05 .code .btn {
  background: url(https://dwebsite.ubtrobot.com/cn/images/more_bg.png) no-repeat center center !important;
}

@media (max-width: 1459px) {
  #aEduStrengths .des {
    font-size: 18px;
    margin-top: 35px;
  }
  #aEduStrengths .name {
    font-size: 24px;
  }
  .cloud04 .htit {
    font-size: 20px;
  }
  .cloud04 .ht {
    padding-left: 20px;
  }
  .cloud04 .edit {
    padding-left: 20px;
    margin-top: 20px;
  }
  .cloud04 .hdesc {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (max-width: 640px) {
  .dibuwa2.dibuwa .flex .rig {
    right: 2%;
  }

  .cloud05 {
    overflow: hidden;
  }
  .cloud05 .swiper-wrapper {
    overflow: unset;
  }

  .cloud04 .htit {
    font-size: 15px;
  }
  .cloud04 .hdesc {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
  }
  .cloud04 .edit {
    font-size: 12px;
    padding-left: 15px;
    margin-top: 10px;
    overflow: hidden;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .cloud04 .ht {
    padding-left: 15px;
  }
  .cloud04 .text {
    width: 90%;
    padding: 15px 15px 15px 0;
  }
  .cloud04 .swiper-pagination {
    display: block;
  }
  .cloud05.cntblock .txt .t {
    font-size: 14px !important;
  }
  .cloud05.dibuwa .flex .rig {
    right: 0 !important;
  }
  .cloud05 .code {
    margin-top: 0 !important;
  }
}

.cloud05.dibuwa .flex .rig {
  justify-content: flex-end !important;
}

.cloud04 .imgbox::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
  background-image: linear-gradient(to bottom right, #d755fc, #628df5, #00b3ec);
  opacity: 0.85;
}

.cloud04 .ditem:hover .imgbox::before {
  opacity: 0;
}

.cloud06 {
}
.clist5 .citem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  background-image: linear-gradient(to bottom right, #d755fc, #628df5, #00b3ec);
}
.clist5 .imgbox {
  padding-bottom: 355px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.clist5 .imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clist5 .ptex {
  display: flex;
  padding: 25px;
  align-items: center;
}

.clist5 .ht {
}
.clist5 .htit {
  font-size: 20px;
  color: #ffffff;
  white-space: nowrap;
}
.clist5 .hdesc {
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
.clist5 .hdesc br {
  display: none;
}

.clist5 .edit {
  font-size: 16px;
  color: #fff;
  flex: 1;
  margin-left: 15px;
  border-left: 1px solid #fff;
  padding-left: 20px;
}

@media (max-width: 640px) {
  .clist5 .imgbox {
    padding-bottom: 150px;
  }
  .clist5 .htit {
    font-size: 14px;
  }

  .clist5 .hdesc {
    font-size: 12px;
  }

  .clist5 .ptex {
    padding: 10px;
  }

  .clist5 .edit {
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
  }

  .cloud04 .swiper-slide-active .ditem .imgbox::before {
    opacity: 0;
  }
}
/* 高职教育 */
.cloud07 {
  position: relative;
}
.cloud07 .ht {
  background-image: linear-gradient(to right, #a179dd, #323193);
  position: relative;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cloud07 .htit {
  position: relative;
  font-size: 42px;
  color: #fff;
  font-weight: 700;
}
.cloud07 .pnum {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 130px;
  opacity: 0.04;
}

.cloud08 {
  background-color: #ecedf6;
}
#heduProducts .proText .title {
  color: #fff;
}

@media (max-width: 640px) {
  #heduProSlick h3 {
    text-align: center;
  }
  #heduProSlick h4 {
    text-align: center;
  }
  #heduProSlick .more {
    display: none;
  }
}

.clist3 {
  display: flex;
  flex-wrap: wrap;
}
.clist3 .citem {
  width: 49.5%;
  margin-bottom: 1%;
  position: relative;
  overflow: hidden;
}
.clist3 .citem:not(:nth-child(2n + 1)) {
  margin-left: 1%;
}
.clist3 .tit {
  font-size: 24px;
  color: #ffffff;
  line-height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, #9d71e0, #323194);
  text-align: center;
}
.clist3 .pbox {
  position: absolute;
  background-image: linear-gradient(to right, #9d71e0, #323194);
  top: 100%;
  width: 100%;
  height: 100%;
  padding: 5%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.clist3 .ptit {
  font-size: 24px;
  color: #ffffff;
  font-weight: 700;
}
.clist3 .edit {
  font-size: 24px;
  color: #ffffff;
  margin-top: 30px;
  line-height: 1.5;
}
.clist3 .citem:hover .pbox {
  top: 0;
}

@media (max-width: 1459px) {
  .clist3 .tit {
    font-size: 20px;
    line-height: 45px;
  }
  .clist3 .ptit {
    font-size: 20px;
  }
  .clist3 .edit {
    font-size: 20px;
    margin-top: 15px;
  }
}
@media (max-width: 1024px) {
  .clist3 .tit {
    font-size: 18px;
    line-height: 35px;
  }
  .clist3 .ptit {
    font-size: 18px;
  }
  .clist3 .edit {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .clist3 .tit {
    font-size: 16px;
    line-height: 35px;
  }
}
@media (max-width: 640px) {
  .clist3 .tit {
    font-size: 12px;
    line-height: 25px;
  }
  .clist3 .pbox {
    opacity: 0;
  }
}

.cloud10 {
  background-image: linear-gradient(to bottom right, #9d71e0, #323194);
}

.clist4 {
  display: flex;
  align-items: center;
  height: 420px;
}
.clist4 .swiper-wrapper,
.clist4 .swiper-container {
  height: 100%;
}
.clist4 .left {
  width: 42%;
  height: 100%;
}
.clist4 .right {
  width: 54%;
  margin-left: 4%;
  height: 100%;
  overflow: hidden;
}

.clist4 .pitem img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.clist4 .ditem {
  display: flex;
  cursor: pointer;
}
.clist4 .num {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.clist4 .ptext {
  margin-left: 30px;
}
.clist4 .ptit {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.4;
}
.clist4 .ptime {
  font-size: 12px;
  color: #ffffff;
  margin-top: 5px;
}

.clist4 .left .swiper-slide {
  opacity: 0.5;
}
.clist4 .left .swiper-slide-thumb-active {
  opacity: 1;
}

.clist4 .pitem {
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.clist4 .right .swiper-slide {
  padding-bottom: 40px;
}

.clist4 .right .swiper-slide-active {
  z-index: 999;
}
.clist4 .right .swiper-slide-next {
  opacity: 0.5 !important;
  padding-top: 5%;
}
.clist4 .right .swiper-slide-next .pitem {
  width: 93%;
  margin: 0 auto;
  top: 8%;
}
.clist4 .right .swiper-slide-next + .swiper-slide {
  opacity: 0.3 !important;
}
.clist4 .right .swiper-slide-next + .swiper-slide .pitem {
  width: 87%;
  margin: 0 auto;
  top: 15%;
}

.cloud10 .hmore {
  font-size: 15px;
  color: #fff;
  position: relative;
  padding-left: 30px;
  display: inline-block;
  margin: 10px 0 0 35%;
}

.cloud10 .hmore::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  width: 27px;
  height: 15px;
  filter: grayscale(100%) brightness(800%);
  -webkit-filter: grayscale(100%) brightness(800%);
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 480px) {
  .cloud05.dibuwa .flex .rig {
    right: 5% !important;
  }
}

.clist5 .pitem {
  display: flex;
  margin-bottom: 30px;
}

.clist5 .pitem .left {
  width: 47%;
}
.clist5 .pitem .right {
  width: 50%;
  margin-left: 2%;
}
.clist5 .timer {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #a2b6ec;
  color: #fff;
}
.clist5 .htit {
  white-space: wrap;
}

.cloud10 {
  background-image: linear-gradient(to bottom right, #a25ccc, #6ac5fe, #b481db);
}
@media (max-width: 768px) {
  #heduCompetitions .text {
    padding: 14%;
  }

  #heduCompetitions .slick-dots .slick-active button {
    background-color: #479fe3;
  }

  #heduCompetitions .slick-dots li {
    padding: 20px 0;
  }
  #heduCompetitions .slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -10%;
  }
  #heduCompetitions .slick-dots button {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 0;
    opacity: 1 !important;
    transition: all 0.3s;
    background-color: #afb0bb;
    margin: 0 10px;
  }

  #heduCompetitions .slick-dots .slick-active button {
    opacity: 1;
    background-image: linear-gradient(to right, #9d77da, #393798);
  }
}
@media (max-width: 480px) {
  #heduCompetitions .slick-dots button {
    width: 10px;
    height: 10px;
  }
  .cloud10 .hmore {
    border: 1px solid #fff;
    padding: 5px 30px 5px 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  .cloud10 .hmore::before {
    right: 10px;
    left: unset;
    width: 15px;
  }
  #heduAvantages {
    background-color: #ecedf6;
  }
  #heduService li {
    width: 33.33%;
  }

  #heduService .text ul {
    display: flex;
  }

  #heduService .des {
    font-size: 12px !important;
  }

  #heduService h3 {
    font-size: 14px !important;
  }

  #heduService .info {
    padding: 10px !important;
  }
  #heduCerts .bg {
    padding-bottom: 51.663812%;
  }
  #heduContent li {
    width: 25%;
  }
}

#heduDirection .proText .title,
#heduCerts .proText .title {
  color: #fff !important;
}
.cloud07 .swiper-slide.swiper-slide-active {
  z-index: 10;
}
.cloud07 .swiper-slide {
  position: relative;
  height: auto;
  z-index: 5;
  display: flex;
  align-items: center;
}
.cloud07 .swiper-slide .ditem {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  height: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.cloud07 .swiper-slide.swiper-slide-active .ditem {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.cloud07 .edit {
  padding: 10%;
}

.cloud07 .swiper-slide.swiper-slide {
  opacity: 0.1 !important;
}
.cloud07 .swiper-slide .ditem {
  transform: translate(-12%, 0);
  -webkit-transform: translate(-12%, 0);
  -moz-transform: translate(-12%, 0);
  -ms-transform: translate(-12%, 0);
  -o-transform: translate(-12%, 0);
  height: 80%;
}
.cloud07 .swiper-slide.swiper-slide .edit {
  opacity: 0;
}

.cloud07 .swiper-slide.swiper-slide-prev {
  opacity: 0.3 !important;
  z-index: 6;
}
.cloud07 .swiper-slide.swiper-slide-prev .ditem {
  transform: translate(-6%, 0);
  -webkit-transform: translate(-6%, 0);
  -moz-transform: translate(-6%, 0);
  -ms-transform: translate(-6%, 0);
  -o-transform: translate(-6%, 0);
  height: 88%;
}

.cloud07 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.cloud07 .swiper-slide.swiper-slide-active .ditem {
  transform: unset !important;
  -webkit-transform: unset !important;
  -moz-transform: unset !important;
  -ms-transform: unset !important;
  -o-transform: unset !important;
  height: 100%;
}
.cloud07 .swiper-slide.swiper-slide-active .edit {
  opacity: 1;
}

.cloud07 .swiper-slide.swiper-slide-next {
  opacity: 0.3 !important;
  z-index: 6;
}
.cloud07 .swiper-slide.swiper-slide-next .ditem {
  transform: translate(6%, 0);
  -webkit-transform: translate(6%, 0);
  -moz-transform: translate(6%, 0);
  -ms-transform: translate(6%, 0);
  -o-transform: translate(6%, 0);
  height: 88%;
}
.cloud07 .swiper-slide.swiper-slide-next + .swiper-slide {
  opacity: 0.1 !important;
}
.cloud07 .swiper-slide.swiper-slide-next + .swiper-slide .ditem {
  transform: translate(12%, 0);
  -webkit-transform: translate(12%, 0);
  -moz-transform: translate(12%, 0);
  -ms-transform: translate(12%, 0);
  -o-transform: translate(12%, 0);
  height: 80%;
}
.cloud07 .swiper-pagination {
  bottom: -15%;
}
.cloud07 .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 20px;
  background-color: #cfd0db;
  opacity: 1;
}
.cloud07 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: linear-gradient(to right, #9d77da, #3a3699);
}

@media (max-width: 480px) {
  .cloud07 .pnum {
    font-size: 60px;
  }

  .cloud07 .htit {
    font-size: 20px;
  }

  .cloud07 .ht {
    height: 60px;
  }
  .cloud07 .edit {
    font-size: 14px;
  }
  .cloud07 .swiper-pagination {
    bottom: -10%;
  }

  .cloud07 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}

.specificationw50 .table {
  display: flex;
}
.specificationw50 .table ul {
  width: 50%;
}
.specificationw50 .table ul li {
  width: 100%;
}
.specificationw50 .table li:nth-child(2n) {
  margin-left: 0;
}

@media (max-width: 768px) {
  .specificationw50 .table {
    flex-wrap: wrap;
  }
  .specificationw50 .table ul {
    width: 100%;
  }
}

/* 2023.10.16 */
.hauto_1200 {
  width: 100%;
  padding: 0 30px;
  max-width: 1260px;
  margin: 0 auto;
}
.list14 {
  padding: 140px 0 100px;
}
.list14 .year {
  font-size: 32px;
  color: #04a2dd;
  padding: 30px 35px;
  border-bottom: 2px solid #898989;
}
.list15 {
  padding: 50px 0 40px;
}
.list15 .uitem {
  margin-bottom: 30px;
  display: flex;
}
.list15 .time {
  font-size: 24px;
  color: #333333;
}
.list15 .h_tit {
  font-size: 24px;
  color: #333333;
  margin-left: 60px;
}

@media (max-width: 1280px) {
  .list14 {
    padding: 80px 0;
  }
  .list14 .year {
    font-size: 24px;
    padding: 20px;
  }
  .list15 {
    padding: 25px 0;
  }
  .list15 .h_tit {
    font-size: 18px;
    margin-left: 40px;
  }
  .list15 .time {
    font-size: 18px;
  }
  .list15 .uitem {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .list14 {
    padding: 40px 0;
  }
  .hauto_1200 {
    padding: 0 15px;
  }
}
@media (max-width: 640px) {
  .list14 {
    padding: 20px 0;
  }
  .list15 .h_tit {
    font-size: 14px;
    margin-left: 0;
    margin-top: 5px;
  }
  .list15 .uitem {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .list14 .year {
    font-size: 20px;
    padding: 10px;
  }
}

/* 投资者关系 */
.investor * {
  box-sizing: border-box;
}
.investor01 {
  position: relative;
}
.investor01 img {
  width: 100%;
}
.investor01 .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  max-width: 95%;
  width: 100%;
  text-align: center;
}
.investor01 .pc .title {
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  font-size: 72px;
}
.investor01 .pc .btns {
  margin-top: 19.5%;
  text-align: center;
}
.investor01 .wap .btns {
  margin-top: 125px;
  text-align: center;
}
.investor01 .wap .desc {
  margin-top: 40px;
  font-size: 46px;
  font-family: "SourceHanSansCN-Bold";
}
.investor01 .wap .title {
  font-size: 25px;
  font-family: "SourceHanSansCN-Bold";
}
.investor01 .btns .btn .icon-play {
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/icon-play2.png);
}
@media (max-width: 1440px) {
  .investor01 .pc .title {
    font-size: 48px;
  }

  .investor01 .pc .btns {
    margin-top: 10%;
  }
}

@media (max-width: 1280px) {
  .investor01 .pc .title {
    font-size: 36px;
  }
}

.investor02 {
  padding: 100px 0;
}
.investor02 .title {
  font-size: 45px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  text-align: center;
}
.investor02 .desc {
  font-size: 32px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 45px;
  text-align: center;
}
.investor02 .editor {
  font-size: 22px;
  color: #333333;
  line-height: 1.81;
  text-align: center;
  max-width: 1110px;
  margin: 35px auto 0;
  width: 100%;
}
@media (max-width: 1440px) {
  .investor02 .title {
    font-size: 36px;
  }

  .investor02 .desc {
    font-size: 28px;
  }
}
@media (max-width: 1280px) {
  .investor02 .title {
    font-size: 28px;
  }

  .investor02 .desc {
    font-size: 20px;
    margin-top: 20px;
  }

  .investor02 .editor {
    font-size: 18px;
    margin-top: 20px;
  }

  .investor02 {
    padding: 80px 0;
  }
}

@media (max-width: 768px) {
  .investor02 .title {
    font-size: 20px;
  }
  .investor02 .desc {
    font-size: 18px;
    margin-top: 30px;
  }
  .investor02 .editor {
    font-size: 16px;
    margin: 10px auto 0;
  }
  .investor02 {
    padding: 40px 0;
  }
}
.investor03 {
  background-color: #eee;
  padding: 70px 0;
}
.investor_tit {
  font-size: 32px;
  font-family: "SourceHanSansCN-Bold";
  color: #333333;
  text-align: center;
}
.investor03 .item {
  text-align: center;
  cursor: pointer;
}
.investor03 .tabs_big {
  padding: 0 70px;
}
.investor03 .tabs {
  margin-top: 70px;
  overflow: hidden;
}
.investor03 .tabs .imgbox {
  max-width: 170px;
  margin: 0 auto;
}
.investor03 .tabs .imgbox img {
  width: 100%;
}
.investor03 .tit {
  font-size: 26px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 40px;
}
.investor03 .desc {
  font-size: 24px;
  color: #333333;
  margin-top: 20px;
  font-family: "SourceHanSansCN-Light";
  line-height: 1.33;
}
.investor03 .tab1 {
  overflow: hidden;
}

.investor03 .tb_cpn {
  position: relative;
  padding-top: 105px;
}
.investor03 .swiper_box {
  width: 160px;
  height: 35px;
  position: absolute;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.investor03 .swiper_btn {
  width: 35px;
  height: 35px;
  background-color: #00a5e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.investor03 .swiper_btn.prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  right: 9px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.investor03 .swiper_btn.next::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 14px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.investor03 .citem {
  background-color: #fff;
  padding: 50px;
}
.investor03 .ctop {
  display: flex;
}
.investor03 .tab1 .ctit {
  color: #333333;
  font-size: 26px;
  font-family: "SourceHanSansCN-Bold";
  white-space: nowrap;
}
.investor03 .tab1 .cdesc {
  color: #333333;
  font-size: 24px;
  margin-left: 25px;
}
.investor03 .tab1 .editor {
  margin-top: 20px;
  font-size: 22px;
  color: #333;
  line-height: 1.81;
}
@media (max-width: 1440px) {
  .investor_tit {
    font-size: 28px;
  }
  .investor03 .tit {
    font-size: 24px;
    margin-top: 20px;
  }
  .investor03 .desc {
    font-size: 20px;
    margin-top: 15px;
  }
  .investor03 .tb_cpn {
    padding-top: 80px;
  }
  .investor03 .citem {
    padding: 35px;
  }
}
@media (max-width: 1280px) {
  .investor_tit {
    font-size: 24px;
  }
  .investor03 .tab1 .editor {
    font-size: 18px;
  }
  .investor03 .tab1 .editor {
    font-size: 18px;
  }
  .investor03 .tab1 .ctit {
    font-size: 24px;
  }
  .investor03 .tab1 .cdesc {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .investor03 .citem {
    padding: 15px;
  }
  .investor03 .tab1 .ctit {
    font-size: 20px;
  }
  .investor03 .tab1 .cdesc {
    font-size: 16px;
  }
  .investor03 .tab1 .editor {
    font-size: 14px;
    margin-top: 10px;
  }

  .investor03 .tb_cpn {
    padding-top: 50px;
  }
  .investor05 .tb_cpn {
    padding-top: 30px;
  }
  .investor03 .swiper_btn {
    width: 25px;
    height: 25px;
  }
  .investor03 .swiper_box {
    top: 0;
  }
  .investor03 .swiper_btn.prev::before {
    top: 8px;
    right: 7px;
    width: 7px;
    height: 7px;
  }
  .investor03 .swiper_btn.next::before {
    top: 8px;
    right: 10px;
    width: 7px;
    height: 7px;
  }
  .investor03 .tabs_big {
    padding: 0 5%;
  }
  .investor03 .tit {
    font-size: 18px;
    margin-top: 10px;
  }
  .investor03 .desc {
    font-size: 14px;
    margin-top: 10px;
  }
  .investor03 .tabs {
    margin-top: 40px;
  }
  .investor_tit {
    font-size: 20px;
  }
  .investor03 {
    padding: 40px 0;
  }
  .investor03 .tabs .imgbox {
    max-width: 90px;
  }
}

.investor04 {
  padding: 70px 0 130px;
}
.investor04 .swtichs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
}
.investor04 .switch {
  font-size: 26px;
  color: #333333;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  cursor: pointer;
}
.investor04 .switch.cur {
  color: #fff;
  background-color: #00a5e5;
}
.investor04 .item {
  text-align: center;
  cursor: pointer;
}
.investor04 .tabs_big {
  padding: 0 70px;
}
.investor04 .tabs {
  overflow: hidden;
  max-width: 760px;
  width: 100%;
  margin: 70px auto 0;
}
.investor04 .tabs .imgbox {
  max-width: 170px;
  margin: 0 auto;
}
.investor04 .tabs .imgbox img {
  width: 100%;
}
.investor04 .tit {
  font-size: 26px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 40px;
}
.investor04 .desc {
  font-size: 24px;
  color: #333333;
  margin-top: 20px;
  font-family: "SourceHanSansCN-Light";
  line-height: 1.33;
}
.investor04 .tab1 {
  overflow: hidden;
  margin-top: 40px;
}

.investor04 .citem {
  background-color: #eee;
  padding: 50px;
}
.investor04 .ctop {
  display: flex;
}
.investor04 .tab1 .ctit {
  color: #333333;
  font-size: 26px;
  font-family: "SourceHanSansCN-Bold";
  white-space: nowrap;
}
.investor04 .tab1 .cdesc {
  color: #333333;
  font-size: 24px;
  margin-left: 25px;
}
.investor04 .tab1 .editor {
  margin-top: 20px;
  font-size: 22px;
  color: #333;
  line-height: 1.81;
}
.investor04 .swiper_box,
.investor05 .swiper_box {
  position: absolute;
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 160px;
  height: 35px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  display: none;
}
.investor04 .tabs {
  padding-bottom: 40px;
  position: relative;
}
.investor04 .swiper_btn,
.investor05 .swiper_btn {
  width: 25px;
  height: 25px;
  background-color: #00a5e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.investor04 .swiper_btn.prev::before,
.investor05 .swiper_btn.prev::before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  top: 8px;
  right: 7px;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.investor04 .swiper_btn.next::before,
.investor05 .swiper_btn.next::before {
  content: "";
  display: block;
  position: absolute;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: 8px;
  right: 10px;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

@media (max-width: 1440px) {
  .investor04 .title {
    font-size: 28px;
  }
  .investor04 .tit {
    font-size: 24px;
    margin-top: 20px;
  }
  .investor04 .desc {
    font-size: 20px;
    margin-top: 15px;
  }
  .investor04 .citem {
    padding: 35px;
  }
  .investor04 .switch {
    font-size: 24px;
    padding: 0 30px;
  }
}
@media (max-width: 1280px) {
  .investor04 .title {
    font-size: 24px;
  }
  .investor04 .tab1 .editor {
    font-size: 18px;
  }
  .investor04 .tab1 .editor {
    font-size: 18px;
  }
  .investor04 .tab1 .ctit {
    font-size: 24px;
  }
  .investor04 .tab1 .cdesc {
    font-size: 22px;
  }
  .investor04 .switch {
    font-size: 20px;
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .investor04 .citem {
    padding: 15px;
  }
  .investor04 .tab1 {
    margin-top: 30px;
  }
  .investor04 .tab1 .ctit {
    font-size: 20px;
  }
  .investor04 .tab1 .cdesc {
    font-size: 16px;
  }
  .investor04 .tab1 .editor {
    font-size: 16px;
    margin-top: 10px;
  }
  .investor04 .tabs_big {
    padding: 0;
  }
  .investor04 .tit {
    font-size: 18px;
    margin-top: 10px;
  }
  .investor04 .desc {
    font-size: 14px;
    margin-top: 10px;
  }
  .investor04 .tabs {
    margin-top: 20px;
  }
  .investor04 .title {
    font-size: 20px;
  }
  .investor04 {
    padding: 40px 0;
  }
  .investor04 .tabs .imgbox {
    max-width: 90px;
  }
  .investor04 .switch {
    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .investor03,
  .investor04 {
    padding: 30px 0;
  }
  .investor03 .tabs {
    margin-top: 30px;
  }
  .investor04 .swtichs {
    margin-top: 20px;
  }
}
.investor05 .tabs {
  padding-bottom: 45px;
  position: relative;
}
.investor05 .tabs_big {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 0;
}
.investor06 {
  padding: 100px 0 110px;
}
.investor06 .inlist1 {
  margin-top: 100px;
}
.inlist1 {
  display: flex;
  flex-wrap: wrap;
}
.inlist1 .item {
  width: 45%;
  border: 1px solid #868686;
  padding: 27px 45px 90px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  box-sizing: border-box;
}
.inlist1 .item:not(:nth-child(2n + 1)) {
  margin-left: 10%;
}
.inlist1 .time {
  display: flex;
  align-items: flex-end;
}
.inlist1 .icon_span {
  font-size: 24px;
  color: #333333;
  line-height: 1;
  font-family: "SourceHanSansCN-Bold";
  margin-left: 35px;
}
.inlist1 .tit {
  font-size: 24px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 25px;
  line-height: 1.333;
}
.inlist1 .more {
  position: absolute;
  right: 30px;
  bottom: 18px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #00a5e5;
}
.inlist1 .more::before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 14px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

@media (max-width: 1440px) {
  .inlist1 .icon_span {
    font-size: 20px;
    margin-left: 20px;
  }

  .inlist1 .item {
    padding: 25px 30px 70px;
  }
  .investor06 .inlist1 {
    margin-top: 60px;
  }
  .investor06 {
    padding: 80px 0;
  }
}
@media (max-width: 1280px) {
  .inlist1 .icon_span {
    font-size: 16px;
    margin-left: 15px;
  }
  .inlist1 .tit {
    font-size: 20px;
    margin-top: 15px;
  }
  .inlist1 .item {
    padding: 20px 25px 60px;
  }
  .inlist1 .more {
    right: 20px;
    bottom: 10px;
    width: 30px;
    height: 30px;
  }
  .inlist1 .more::before {
    right: 12px;
    top: 8px;
  }
  .investor06 .inlist1 {
    margin-top: 40px;
  }
  .investor06 {
    padding: 60px 0;
  }
}
@media (max-width: 768px) {
  .investor06 {
    padding: 40px 0;
  }
  .inlist1 .item {
    width: 100%;
    margin-bottom: 5%;
    border-color: #c6c6c6;
    padding: 20px 15px 60px;
  }
  .inlist1 .item:not(:nth-child(2n + 1)) {
    margin-left: 0;
  }
  .inlist1 .tit {
    font-size: 16px;
    margin-top: 10px;
  }
  .investor06 .inlist1 {
    margin-top: 30px;
  }
}
@media (max-width: 640px) {
  .investor06 {
    padding: 30px 0;
  }
  .investor04 .swiper_box,
  .investor05 .swiper_box {
    display: flex;
  }
}

.investor07 {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.investor07 .inv_div {
  width: calc((100% - 15px) / 2);
  background-color: #eeeeee;
}
.investor07 .title {
  line-height: 1;
}

.investor07 .report .bat {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.investor07 .report .years {
  width: 130px;
  border-bottom: 1px solid #00a5e5;
  height: 100%;
  text-align: center;
  position: relative;
  margin-left: 5px;
}
.investor07 .report .years::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 10px solid #00a5e5;
  bottom: 1px;
  z-index: 1;
  right: 10px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.investor07 .report .years select {
  appearance: none;
  font-size: 24px;
  color: #333333;
  width: 100%;
  text-align: center;
}
.investor07 .report {
  padding: 80px 0;
}
.investor07 .report .main {
  padding: 90px 21% 40px;
}
.investor07 .report .item {
  text-align: center;
}
.investor07 .report .imgbox {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 136%;
  position: relative;
}
.investor07 .report .imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.investor07 .report .time {
  font-size: 20px;
  color: #333333;
  margin-top: 10px;
}
.investor07 .report .tit {
  font-size: 26px;
  color: #333333;
  margin-top: 30px;
}

.investor07 .report1 {
  padding: 80px 0 40px;
}
.investor07 .report1 .main {
  padding: 90px 15.9% 40px;
}
.investor07 .report .main .swiper,
.investor07 .report1 .main .swiper {
  height: 350px;
}
.investor07 .report1 .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.investor07 .report1 .item {
  width: 100%;
  padding: 40px 60px 40px 45px;
  border: 1px solid #868686;
  display: block;
  position: relative;
  height: 100%;
}
.investor07 .report1 .more {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #00a5e5;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.investor07 .report1 .more::before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 14px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.investor07 .report1 .time {
  font-size: 24px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
}
.investor07 .report1 .tit {
  font-size: 24px;
  color: #333333;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.investor07 .report1 .swiper-slide {
  height: calc((100% - 40px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
}

@media (max-width: 1440px) {
  .investor07 .report .main {
    padding: 50px 15% 30px;
  }
  .investor07 .report1 .main {
    padding: 50px 10.9% 30px;
  }
  .investor07 .report .tit {
    font-size: 24px;
    margin-top: 15px;
  }
  .investor07 .report .time {
    font-size: 18px;
  }
  .investor07 .report1 .item {
    padding: 30px 60px 30px 35px;
    display: block;
    height: 100%;
  }
  .investor07 .report1 .time {
    font-size: 20px;
  }
  .investor07 .report1 .tit {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media (max-width: 1280px) {
  .investor07 .report .years select {
    font-size: 20px;
  }
  .investor07 .report1 .more {
    right: 20px;
    bottom: 10px;
    width: 30px;
    height: 30px;
  }
  .investor07 .report1 .more::before {
    right: 12px;
    top: 8px;
  }
  .investor07 .report {
    padding: 70px 0;
  }
  .investor07 .report1 {
    padding: 70px 0 40px;
  }
}
@media (max-width: 1024px) {
  .investor07 .report .main .swiper,
  .investor07 .report1 .main .swiper {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .investor07 .report {
    padding: 20px 0;
  }
  .investor07 .report .main .swiper,
  .investor07 .report1 .main .swiper {
    height: unset;
  }
  .investor07 .report1 .main .swiper {
    height: 320px;
  }
  .investor07 .inv_div {
    width: 100%;
  }
  .investor07 {
    flex-direction: column;
    justify-content: unset;
  }
  .investor07 .inv_div.report1 {
    background-color: #fff;
    padding: 40px 0;
  }
  .investor07 .report .main {
    padding: 30px 5% 15px;
  }
  .investor07 .report1 .main {
    padding: 30px 5% 0;
  }
  .investor07 .report1 .item {
    padding: 15px 45px 15px 15px;
  }
  .investor07 .report1 .more {
    transform: translate(0, 0);
    top: unset;
    bottom: 10px;
  }
  .investor07 .report1 .tit {
    font-size: 16px;
    overflow: unset;
    word-break: unset;
    white-space: unset;
  }
  .investor07 .report1 .time {
    font-size: 18px;
  }
}

.investor08 {
  display: flex;
  justify-content: space-between;
}
.investor08 .inv_div {
  width: 50%;
  padding: 108px 0 125px;
}
.investor08 .report {
  text-align: center;
}
.investor08 .report .time {
  font-size: 20px;
  color: #333333;
  line-height: 1.35;
  margin-top: 35px;
}
.investor08 .report .hlex {
  font-size: 24px;
  color: #333333;
  line-height: 1.125;
  margin-top: 80px;
}
.investor08 .report .preice {
  font-size: 64px;
  color: #333333;
  line-height: 1.125;
  font-family: "SourceHanSansCN-Bold";
  margin-top: 20px;
}
.investor08 .report .tishi {
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
  margin-top: 105px;
}

.investor08 .form {
  margin: 30px auto 20px;
  max-width: 430px;
}
.investor08 .item {
  display: flex;
  align-items: center;
  height: 30px;
  margin-bottom: 10px;
}
.investor08 label {
  font-size: 22px;
  color: #333333;
}
.investor08 .input {
  border: 1px solid #969696;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-left: 25px;
  flex: 1;
  padding: 0 5px;
}
.investor08 .input input {
  width: 100%;
  height: 100%;
}
.investor08 .submit {
  width: 110px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background-color: #00b2e9;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  margin: 20px auto 0;
  cursor: pointer;
}
.investor08 .ctit {
  text-align: center;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.investor08 .ctit .span {
  font-family: "SourceHanSansCN-Bold";
  white-space: nowrap;
}
.investor08 .tishi {
  text-align: center;
  font-size: 20px;
  color: #333333;
  line-height: 1.4;
  margin-top: 45px;
}

@media (max-width: 1280px) {
  .investor08 .report .preice {
    font-size: 48px;
  }
  .investor08 .tishi {
    font-size: 16px;
    margin-top: 35px;
  }
  .investor08 {
    padding: 0 5%;
  }
  .investor08 .ctit {
    font-size: 16px;
  }
  .investor08 label {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .investor08 label {
    font-size: 20px;
  }
  .investor08 {
    padding: 0;
    justify-content: unset;
    flex-wrap: wrap;
  }
  .investor08 .inv_div {
    width: 100%;
    padding: 20px 5%;
  }
  .investor08 .report {
    background-color: #eee;
  }
  .investor08 label {
    font-size: 16px;
  }
}

.single {
  padding: 90px 0;
}
.single .ctit {
  font-size: 60px;
  text-align: center;
  margin-bottom: 70px;
  line-height: 1.3;
}
.single .year {
  font-family: "SourceHanSansCN-Bold";
  color: #333333;
  font-size: 32px;
  padding: 30px 35px;
  border-bottom: 1px solid #898989;
}
.list16 {
  padding: 20px 30px;
}
.list16 .uitem {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
}
.list16 .left {
  font-size: 24px;
  color: #333;
  font-family: "SourceHanSansCN-Bold";
  display: flex;
}
.list16 .time {
  white-space: nowrap;
  line-height: 1.4;
}
.list16 .h_tit {
  font-family: "SourceHanSansCN";
  margin-left: 75px;
  line-height: 1.4;
}
.list16 .more {
  font-size: 24px;
  color: #04a2dd;
  white-space: nowrap;
  margin-left: 20px;
}
@media (max-width: 1440px) {
  .single {
    padding: 70px 0;
  }
  .single .ctit {
    font-size: 48px;
    margin-bottom: 40px;
  }
  .single .year {
    padding: 20px 25px;
    font-size: 28px;
  }
  .list16 {
    padding: 20px 25px;
  }
  .list16 .left {
    font-size: 20px;
  }
  .list16 .uitem {
    padding: 15px 0;
  }
  .list16 .more {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .single .ctit {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .single {
    padding: 40px 0;
  }
  .list16 .h_tit {
    margin-left: 20px;
  }
}
@media (max-width: 1024px) {
  .single .ctit {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .single {
    padding: 30px 0;
  }
}
@media (max-width: 768px) {
  .list16 .uitem {
    flex-wrap: wrap;
  }
  .list16 .left {
    flex-wrap: wrap;
    font-size: 18px;
  }
  .list16 .h_tit {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .list16 {
    padding: 15px 0 0;
  }
  .list16 .more {
    font-size: 16px;
    margin-left: 0;
    margin-top: 10px;
  }
  .single .year {
    padding: 10px 0;
    font-size: 20px;
  }
  .single .ctit {
    font-size: 24px;
  }
}

.splist {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
  display: none;
}
.splist.cur {
  display: block;
}
.splist .spitem {
  line-height: 30px;
  font-size: 14px;
  padding: 0 40px;
  cursor: pointer;
  display: none;
}
.splist .spitem.cur {
  display: block;
}

/* 搜索列表*/
.search_list {
  padding: 20px 0;
}
.search_list .search_item {
  background-color: #fff;
  margin-bottom: 15px;
  cursor: pointer;
}
.search_list .search_tit {
  padding: 15px;
  position: relative;
  position: relative;
}
.search_list .search_box {
  height: 0;
  opacity: 0;
  overflow: hidden;
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.search_list .search_tit::before {
  content: "";
  display: block;
  position: absolute;
  width: 19px;
  height: 11px;
  display: block;
  right: 20px;
  bottom: 20px;
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/zw2.png);
  background-size: contain;
  transform: rotateZ(0);
  transition: all 0.5s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.search_list .search_item.cur .search_box {
  padding: 15px;
  border-top: 1px solid #eee;
  height: auto;
}
.search_list .search_item.cur .search_tit::before {
  transform: rotateZ(-180deg);
  background-image: url(https://dwebsite.ubtrobot.com/cn/images/zw3.png);
}

@media (max-width: 768px) {
  .search_list .search_tit {
    padding: 10px;
    font-size: 14px;
  }
  .search_list .search_box {
    font-size: 12px;
  }
}

.sup_con .a.nobot {
  margin-bottom: 0;
  padding-bottom: 30px;
  display: block;
}
.sup_con01 {
  padding-bottom: 30px;
}
.sup_con02 .title {
  font-size: 42px;
  text-align: center;
  color: #fff;
}
.investor09 {
  background-color: #eee;
}

img[lazy="loading"] {
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
}

@media (max-width: 768px) {
  .investor01 .wap .desc {
    font-size: 42px;
  }
}
@media (max-width: 768px) {
  .investor01 .wap .desc {
    font-size: 36px;
  }
  /* 取消解决方案奖牌轮播padding */
  .WalkerS_solutions .Highlight .inner .sticky_wrapper .Highlight_stick .item {
    padding: 0 !important;
  }
}

@media (min-width: 1440px) {
  .WalkerS_solutions .industry .tit {
    font-size: 60px;
  }
}