@charset "UTF-8";
/* Customized CSS */
.whaty {
  font-size: inherit;
}

.a-digital-scenebox .pic {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  cursor: pointer;
}
.a-digital-scenebox .pic img {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.5s;
}
.a-digital-scenebox .pic:hover img {
  transform: scale(1.08, 1.08);
}

.dropdown-mutil .dropdown-wrap > ul {
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
}

.dropdown-mutil .dropdown-wrap > ul {
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.download:after, .res-construct .gallery-top .title:after, .res-timeline .bubble:after, .scenes-wrap .scenes-item:after, .scenes-wrap:after, .res-display .solution-row-cont:after, .res-features > div:after, .res-features:after, .p-simple-entry .solution-row-cont:after, .province-slide .data-row .data-wrap:after, .province-slide .data-row ul:after, .cases-show .show-wrap .con-wrap .con-row:after, .cases-show .show-row:after {
  content: "";
  display: inline-block;
  height: 100%;
}

.datashow-icon {
  background-image: url(../images/icons.png);
}

.ban-con .btn {
  behavior: url(css/pie.htc);
}

.case, .news, .product, .solution {
  padding: 80px 0;
}

.mask,
.mask-white, header, .fullscreen-carousel .mask, .fullscreen-carousel {
  position: fixed;
}

.nav-cell .dropdown, .fullscreen-carousel .close, .honor .swiper-button-wrap, .event-bubble .arrow, .event-axis-line, .event-axis-dot, .event-tabs .swiper-button-prev,
.event-tabs .swiper-button-next, .event-tabs .swiper-button-wrap, .alliance-head, .alliance .nav, .news-content h3 span, .news-list .news-more, .news-list .news-img, .news-axis-line, .news-axis-dot i, .news-axis-dot, .news-axis, .solution-nav, .solution-box-inner, .dropdown .arrow, .footer-links-title:before, .ghostTab-anchor, .datashow-wrap:after, .honor-popup .close, .contact-icon, .join-bar, .address-bar, .map .nav, .product-mask, .solution-mask {
  position: absolute;
}

.footer-links-head, .contact-row, .datashow-cell, header .container, .honor, .event-bubble, .event-row, .event-tabs, .map .tab-pane, .map, .alliance .nav-link span, .alliance .tab-content, .alliance, a.news-axis-link, .news-inner, .news-box, .product-box, .solution-ban, .solution-box, .ghostTab-head, .brand-head, .dropdown {
  position: relative;
}

.product-mask, .solution-mask {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.contact-icon, .join-bar, .address-bar, .map .nav {
  top: 0;
  left: 0;
}

.datashow-wrap:after, .honor-popup .close {
  top: 0;
  right: 0;
}

.footer-links-title:before, .ghostTab-anchor {
  bottom: 0;
  left: 0;
}

.fullscreen-carousel .mask, .fullscreen-carousel {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

header, .honor-img img, .honor-box, .event-text span, .event-text, .event-bubble .arrow, .event-bubble, .event-tabs .event-tablink, .map .nav-link, .about-nav .list-group-anchor, .about-nav, .case-logo-link, .alliance .nav-link, .news-img img, .news-box, .product-mask, .product-info,
.product-artical, .product-name, .product-logo, .product-box-inner, .product-box, .solution-nav .nav-anchor, .solution-nav, .solution-artical, .solution-name, .solution-icon, .solution-mask, .solution-box-inner .btn-more-sm, a.ghostTab-link, .ghostTab-anchor {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.honor-img img, .case-logo-link img, .news-artical-img img, .solution-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.honor-article {
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.join-title, .event-text, .address-title, .alliance-info, .news-list .news-artical {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.solution-artical {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/**
 * Scaffolding
 * ----------------------------------------------------------------------------
 */
* {
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #444;
  background-color: white;
}

ul,
li,
ol {
  padding: 0;
}

ul {
  margin: 0;
}

li {
  list-style-type: none;
}

input,
button,
select,
textarea {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  border: none;
}

input::-ms-clear {
  display: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input:focus,
textarea:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-modify: read-write-plaintext-only;
}

a {
  color: #444;
  text-decoration: none;
}
a, a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  vertical-align: middle;
}

/**
 * Buttons
 * ----------------------------------------------------------------------------
 */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 44px;
  border-radius: 6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.btn:hover {
  text-decoration: none;
}
.btn:link, .btn:hover, .btn:active, .btn:visited {
  box-shadow: none;
}

/**
 * Alternate buttons
 */
.btn-solid {
  color: white;
  background-color: #444;
  border-color: #444;
}
.btn-solid:hover {
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}

.btn-solid.btn-primary {
  color: white;
  background-color: #ec2526;
  border-color: #ec2526;
}
.btn-solid.btn-primary:hover {
  background-color: #ed3334;
  border-color: #ed3334;
}

.btn-solid.btn-success {
  color: white;
  background-color: #1f9d57;
  border-color: #1f9d57;
}
.btn-solid.btn-success:hover {
  background-color: #22aa5e;
  border-color: #22aa5e;
}

.btn-solid.btn-warning {
  color: white;
  background-color: #ffa200;
  border-color: #ffa200;
}
.btn-solid.btn-warning:hover {
  background-color: #ffa80f;
  border-color: #ffa80f;
}

.btn-solid.btn-danger {
  color: white;
  background-color: #e73c40;
  border-color: #e73c40;
}
.btn-solid.btn-danger:hover {
  background-color: #e94a4d;
  border-color: #e94a4d;
}

.btn-ghost {
  color: #444;
  background-color: transparent;
  border-color: #444;
}
.btn-ghost:hover {
  color: white;
  background-color: #444;
}

.btn-ghost.btn-primary {
  color: #ec2526;
  background-color: transparent;
  border-color: #ec2526;
}
.btn-ghost.btn-primary:hover {
  color: white;
  background-color: #ec2526;
}

.btn-ghost.btn-success {
  color: #1f9d57;
  background-color: transparent;
  border-color: #1f9d57;
}
.btn-ghost.btn-success:hover {
  color: white;
  background-color: #1f9d57;
}

.btn-ghost.btn-warning {
  color: #ffa200;
  background-color: transparent;
  border-color: #ffa200;
}
.btn-ghost.btn-warning:hover {
  color: white;
  background-color: #ffa200;
}

.btn-ghost.btn-danger {
  color: #e73c40;
  background-color: transparent;
  border-color: #e73c40;
}
.btn-ghost.btn-danger:hover {
  color: white;
  background-color: #e73c40;
}

.btn-icon {
  vertical-align: middle;
}
.btn-icon span {
  vertical-align: middle;
}
.btn-icon i {
  display: inline-block;
  margin: 0 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  vertical-align: middle;
}

.btn-icon-only i {
  margin-right: 0;
}
.btn-icon-only:hover {
  color: inherit;
  background-color: inherit;
}

.btn-link {
  padding-right: 0;
  padding-left: 0;
  color: #ec2526;
  line-height: inherit;
}
.btn-link:hover {
  text-decoration: underline;
}

/**
 * Button Disabled
 */
.btn-solid.btn-disabled, .btn-solid.btn-disabled:hover {
  background-color: #444;
  border-color: #444;
  opacity: 0.3;
  filter: alpha(opacity=30);
  box-shadow: none;
  cursor: default;
}

.btn-ghost.btn-disabled, .btn-ghost.btn-disabled:hover {
  color: #444;
  background-color: transparent;
  border-color: #444;
  opacity: 0.3;
  filter: alpha(opacity=30);
  box-shadow: none;
  cursor: default;
}

/**
 * Button Sizes
 */
.btn-xs {
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  behavior: url(css/pie.htc);
}

.btn-sm {
  padding-right: 8px;
  padding-left: 8px;
  font-size: 12px;
  line-height: 34px;
  border-radius: 4px;
  behavior: url(css/pie.htc);
}

.btn-lg {
  padding-right: 24px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 48px;
  border-radius: 10px;
  behavior: url(css/pie.htc);
}

/**
 * Round corner buttons
 */
.btn-xs.btn-round {
  border-radius: 12px;
}

.btn-sm.btn-round {
  border-radius: 17px;
}

.btn-round {
  border-radius: 22px;
}

.btn-lg.btn-round {
  border-radius: 24px;
}

/**
 * Btn block
 */
.btn-block {
  display: block;
}

/**
 * Pagination
 * -----------------------------------------------------------------------------
 */
.pagination {
  display: block;
  line-height: 32px;
  text-align: center;
}

a.pagination-link {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 6px;
  font-size: 14px;
  color: #444;
  text-decoration: none;
}
a.pagination-link:hover {
  background-color: #f3f3f3;
}
a.pagination-link.active {
  color: white;
  background-color: #ec2526;
}
a.pagination-link.disable {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
a.pagination-link.disable:hover {
  background-color: transparent;
}

.pagination-text {
  display: inline-block;
  font-size: 12px;
  color: #888;
}

.pagination-input {
  display: inline-block;
  width: 40px;
  height: inherit;
  margin: 0 8px;
  font-size: 14px;
  color: #444;
  text-align: center;
  border: 1px solid #e1e3e4;
  border-radius: 6px;
  box-sizing: border-box;
}
.pagination-input:focus {
  border-color: #ec2526;
}

/**
 * Dropdowns
 * -----------------------------------------------------------------------------
 */
.dropdown {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown .arrow {
  top: -20px;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: #ec2526;
  border-bottom-style: solid;
  margin-left: -10px;
}

.dropdown-wrap {
  padding: 15px 10px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.dropdown-cell {
  float: left;
}

.dropdown-cell-wrap {
  width: 140px;
  margin: 0 10px;
}

.dropdown-head {
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  border-bottom: 1px solid #e1e3e4;
}

.dropdown-list a {
  display: inline-block;
  padding: 5px 0;
  font-size: 13px;
  color: #999;
  line-height: 18px;
}
.dropdown-list a:hover {
  color: #ec2526;
}

.dropdown-narrow .dropdown-wrap {
  padding: 12px;
}
.dropdown-narrow .dropdown-cell-wrap {
  width: 112px;
  margin: 0 8px;
}
.dropdown-narrow .dropdown-list {
  text-align: center;
}

.dropdown-wide .dropdown-list {
  text-align: center;
}

/**
 * Misc
 * -----------------------------------------------------------------------------
 */
/**
 * brand title
 */
.brand-head {
  padding-bottom: 20px;
  text-align: center;
}

.brand-title {
  font-size: 30px;
  font-weight: bold;
  color: #222;
}
.brand-title span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 10px;
  background-color: #ec2526;
  vertical-align: middle;
}
.brand-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #ec2526;
  border-top-style: solid;
  margin-left: -10px;
}

.brand-info {
  margin-top: 5px;
  font-size: 18px;
  color: #999;
}

/**
 * more
 */
.btn-more-lg,
.btn-more-sm {
  display: inline-block;
  height: 36px;
  padding: 0;
  font-size: 14px;
  color: #999;
  line-height: 34px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 18px;
  box-sizing: border-box;
}
.btn-more-lg:hover,
.btn-more-sm:hover {
  color: white;
  background-color: #ec2526;
  border-color: #ec2526;
}

.btn-more-lg {
  width: 150px;
}

.btn-more-sm {
  width: 100px;
}

/**
 * content
 */
.content {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  text-indent: 2em;
}

/**
 * crumb
 */
.crumb {
  padding: 20px 0;
  font-size: 16px;
  color: #afafaf;
  line-height: 1.8;
}
.crumb a {
  font-size: inherit;
  color: inherit;
}
.crumb a:hover {
  text-decoration: none;
}
.crumb a:last-child {
  cursor: default;
}
.crumb a:last-child:hover {
  color: inherit;
}
.crumb span {
  display: inline-block;
  margin: 0 5px;
}

/**
 * tabs
 */
.tabs-con {
  display: none;
}
.tabs-con.active {
  display: block;
}

/**
 * btn group
 */
.btn-wrap {
  font-size: 0;
}
.btn-wrap a {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

/**
 * Solution
 * -----------------------------------------------------------------------------
 */
.solution-wrap {
  margin: 60px 15px 0;
}

.ghostTab-head {
  margin: 0 15px 15px 15px;
}
.ghostTab-anchor {
  display: inline-block;
  height: 2px;
  background-color: #ec2526;
}

.ghostTab-tab {
  float: left;
  width: 14.2857142857%;
  text-align: center;
}

a.ghostTab-link {
  display: block;
  padding-bottom: 20px;
  color: #666;
}
a.ghostTab-cur {
  color: #ec2526;
  text-decoration: none;
}
a.ghostTab-cur .icon-hat-stroke:before {
  content: "\e83d";
}
a.ghostTab-cur .icon-book-stroke:before {
  content: "\e83a";
}
a.ghostTab-cur .icon-balloon-stroke:before {
  content: "\e83c";
}
a.ghostTab-cur .icon-box-stroke:before {
  content: "\e83b";
}
a.ghostTab-cur .icon-train-stroke:before {
  content: "\e83f";
}
a.ghostTab-cur .icon-cloud-stroke:before {
  content: "\e83e";
}
a.ghostTab-cur .icon-ruler-stoke:before {
  content: "\e6d6";
}
a.ghostTab-cur .icon-lamp-bulb-stoke::before {
  content: "\e6d2";
}
a.ghostTab-cur .ghostTab-text {
  font-weight: bold;
}

.ghostTab-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.ghostTab-icon i {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 48px;
  vertical-align: middle;
}

.ghostTab-text {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}

.ghostTab-con {
  display: none;
}
.cell-6 .solution-cell {
  float: left;
  width: 33.3333333333%;
}

.cell-4 .solution-cell {
  float: left;
  width: 50%;
}

.solution-cell {
  text-align: center;
}

.solution-box {
  margin: 15px;
  height: 220px;
  overflow: hidden;
}
.solution-box:hover {
  cursor: pointer;
}
.solution-box:hover .solution-icon {
  height: 0;
  margin-top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.solution-box:hover .solution-name {
  margin-top: 20px;
}
.solution-box:hover .solution-artical {
  height: 67.2px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.solution-box:hover .solution-mask {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.solution-box:hover .btn-more-sm {
  opacity: 1;
  filter: alpha(opacity=100);
}

.solution-box-inner {
  top: 0;
  right: 8%;
  bottom: 0;
  left: 8%;
  z-index: 2;
  color: white;
}
.solution-box-inner .btn-more-sm {
  color: white;
  border-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}
.solution-box-inner .btn-more-sm:hover {
  color: #ec2526;
  background-color: white;
}

.solution-mask {
  z-index: 1;
  background-color: #ec2526;
  opacity: 0;
  filter: alpha(opacity=0);
}

.solution-icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 40px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.solution-name {
  margin-top: 0;
  font-size: 20px;
}

.solution-artical {
  height: 0;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0;
  filter: alpha(opacity=0);
}

.solution-ban {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.solution-ban .page-ban-wrap {
  padding-top: 6%;
  text-align: center;
}

.solution-nav {
  top: auto;
  bottom: 0;
  z-index: 1029;
  display: block;
  width: 100%;
  height: 70px;
  padding: 0;
  text-align: center;
  background-color: rgba(45, 44, 52, 0.95);
}
.solution-nav .nav-item {
  float: none;
  display: inline-block;
  height: 70px;
  margin: 0 10px;
}
.solution-nav .nav-item::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.solution-nav .nav-link {
  position: relative;
  display: inline-block;
  height: inherit;
  padding: 15.8px 0;
  font-size: 16px;
  color: white;
  line-height: 1.2 !important;
  vertical-align: middle;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.solution-nav .nav-link::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.solution-nav .nav-link span {
  display: block;
}
.solution-nav .nav-link br {
  display: inline-block;
  height: 0 !important;
  line-height: 0 !important;
}
.solution-nav .nav-link .dot {
  display: inline-block;
  margin: 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: white;
  vertical-align: middle;
}
.solution-nav .nav-link.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.solution-nav .nav-link.active .nav-anchor {
  width: 100%;
  margin-left: -50%;
}
.solution-nav .nav-link1 {
  padding: 15.8px 32px;
}
.solution-nav .nav-anchor {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 0;
  margin-left: 0;
  height: 2px;
  background-color: #ec2526;
}
.solution-row {
  min-height: 677px;
  padding: 31px 0 60px;
  background-color: white;
}
.solution-row.odd {
  background-color: white;
}
.solution-row.odd .sol-title-num:after {
  background-color: white;
}
.solution-row.even {
  background-color: #f8f8f8;
}
.solution-row.even .sol-title-num:after {
  background-color: #f8f8f8;
}
.solution-row .container {
  padding: 0 30px;
  box-sizing: border-box;
}

.solution-row1.odd {
  width: 100%;
  background: url("../images/ban/solu-ban.jpg") no-repeat center;
  background-size: cover;
}

.solution-row2 {
  background: url("../images/s-train/bg2.jpg") no-repeat center;
  background-size: cover;
}
.solution-row2 .solution-row-cont {
  display: flex;
  box-sizing: border-box;
}
.solution-row2 .solution-row-cont .t-internal-wrap-img {
  margin-right: 56px;
  width: 46%;
}
.solution-row2 .solution-row-cont .t-internal-wrap-img img {
  width: 545px;
  height: 440px;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont {
  width: 50%;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li {
  margin-bottom: 24px;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .whaty {
  font-size: 24px;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .right {
  display: inline-block;
  margin-left: 16px;
  width: 80%;
  color: #fff;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .right h3 {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 36px;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .right .cont {
  font-size: 14px;
  line-height: 22px;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .icon1 {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  color: #fff;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  vertical-align: top;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .icon1 span {
  padding: 8px;
  font-size: 24px;
  line-height: 40px;
  background: #1f7cff;
  border-radius: 50%;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .icon2 span {
  background: #1fa2f7;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .icon3 span {
  background: #9480f9;
}
.solution-row2 .solution-row-cont .t-internal-wrap-cont li .icon4 span {
  background: #1f7cff;
}

.solution-row3 {
  background: url("../images/s-train/bg3.jpg") no-repeat center;
  background-size: cover;
}

.solution-row4 {
  background: url("../images/s-train/bg4.jpg") no-repeat center;
  background-size: cover;
}

.opa {
  width: 100%;
  height: 60px;
}

.u-consult.u-consult2 {
  height: 488px;
  background: url("../images/s-train/bg5.jpg") no-repeat center;
  background-size: cover;
  padding-top: 0 !important;
}
.u-consult.u-consult2 .solution-row-cont {
  padding-top: 0 !important;
}
.u-consult.u-consult2 .brand-head {
  margin-top: -26px;
}

.solution-row-title {
  margin-bottom: 30px;
  color: black;
  text-align: center;
}
.sol-title-num {
  position: relative;
  z-index: 1;
  display: inline-block;
  top: 9.6666666667px;
  height: 34px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.12;
  filter: alpha(opacity=12);
  overflow: hidden;
}

.sol-title-primary {
  position: relative;
  z-index: 2;
  padding: 10px 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}
.sol-title-primary .sol-title-primary-left {
  display: inline-block;
  color: #006aff;
}
.sol-title-primary .sol-title-primary-color {
  color: #fff;
}
.sol-title-primary span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 10px;
  background-color: #ec2526;
  vertical-align: middle;
}

.sol-title-info {
  font-size: 19px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.sol-title-bar {
  display: inline-block;
  width: 80px;
  height: 2px;
  background-color: #ec2526;
}

.solution-row-title .content {
  margin: 30px 8% 0;
  text-indent: 0;
}
.solution-row-title.white {
  color: white;
}
.solution-row-title.white .sol-title-num {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.solution-row-title.white .sol-title-num:after {
  background-color: #1092ec;
  opacity: 1;
  filter: alpha(opacity=100);
}
.solution-row-title.white .sol-title-primary span {
  background-color: white;
}
.solution-row-title.white .sol-title-info {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.solution-row-title.white .sol-title-bar {
  background-color: white;
}
.solution-row-title.white .content {
  color: white;
}

.train .solution-row-title3 {
  margin-bottom: 0 !important;
}

.train .sol-title-primary span {
  background-color: #006aff !important;
}

.solution-row-cont .content {
  margin-right: 8%;
  margin-left: 8%;
  text-align: center;
  text-indent: 0;
}
.solution-row-cont .solution-row-cont-introduce {
  margin-top: -30px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #666666;
}
.solution-row-cont .picture img {
  margin: 42px auto 0;
  width: 82%;
  height: 450px;
}
.solution-row-cont .solution-row-tip {
  margin-top: 30px;
  width: 100%;
  line-height: 62px;
  text-align: center;
  color: #006aff;
  font-size: 20px;
  background: linear-gradient(90deg, rgba(0, 106, 255, 0) 16.75%, rgba(0, 106, 255, 0.1) 49.74%, rgba(0, 106, 255, 0) 79.56%);
  font-weight: bold;
}

.solution-row-cont1 {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.solution-row-cont1 .solution-row-cont1-left {
  width: 45%;
}
.solution-row-cont1 .solution-row-cont1-left img {
  display: inline-block;
  margin-left: -10px;
  width: 64px;
  height: 64px;
}
.solution-row-cont1 .solution-row-cont1-left h2 {
  display: inline-block;
  font-size: 28px;
  line-height: 28px;
  color: #000000;
  vertical-align: middle;
}
.solution-row-cont1 .solution-row-cont1-left .cont {
  margin-top: 38px;
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
  color: #666666;
}
.solution-row-cont1 .solution-row-cont1-right1 {
  padding-right: 40px;
}
.solution-row-cont1 .solution-row-cont1-right2 {
  padding-left: 40px;
}

.solution-row-cont3 {
  margin-top: 42px;
}
.solution-row-cont3 ul {
  display: flex;
}
.solution-row-cont3 ul li {
  flex: 1;
  margin-right: 16px;
  box-shadow: 0px 9px 28px rgba(0, 0, 0, 0.05);
}
.solution-row-cont3 ul li img {
  border-radius: 8px;
}
.solution-row-cont3 ul li:last-child {
  margin-right: 0;
}

.solution-row-cont4 {
  text-align: center;
}
.solution-row-cont4 .company-web-btn {
  margin: 30px auto 4px;
  width: 370px;
  line-height: 50px;
  color: #fff;
  background: #006aff;
  box-shadow: 0px 4px 10px rgba(0, 106, 216, 0.5);
  border-radius: 50px;
  cursor: pointer;
}
.solution-row-cont4 .company-web-btn:hover {
  background-color: #1c99f0;
  border-color: #1c99f0;
  box-shadow: 0 6px 12px rgba(13, 122, 198, 0.2);
}
.solution-row-cont4 .company-web-btn a {
  font-size: 18px;
  color: #fff;
}
.solution-row-cont4 .company-web {
  font-size: 18px;
  line-height: 28px;
  color: #666;
}

.videoConatiner .videobox {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 45% !important;
  height: auto !important;
  color: #000 !important;
  background: #fff !important;
  margin-left: 0 !important;
  transform: translate(-50%, -50%);
  padding: 24px 30px 24px 40px;
  border-radius: 4px;
}
.videoConatiner .videobox .pop-close {
  position: absolute;
  top: 5px;
  right: 10px;
}
.videoConatiner .videobox .pop-content-left {
  position: relative;
  width: 62%;
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
}
.videoConatiner .videobox .pop-content-left p {
  padding-right: 7px;
}
.videoConatiner .videobox .pop-content-left .ask-hot {
  position: absolute;
  bottom: 0;
  color: #006aff;
}
.videoConatiner .videobox .pop-content-left .ask-hot a {
  color: #006aff;
}
.videoConatiner .videobox .pop-content-right {
  padding-right: 20px;
  width: 25%;
}
.videoConatiner .videobox .pop-content-right img {
  width: 100%;
  height: auto;
}
.videoConatiner .videobox .pop-content-right .code {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
}

@media screen and (max-width: 1400px) {
  .videoConatiner .videobox {
    width: 55% !important;
  }
}
.mini {
  position: fixed;
  top: 442px;
  right: 20px;
  z-index: 1031;
  width: 72px;
  text-align: right;
  overflow: hidden;
}
.mini:hover {
  overflow: visible;
}
.mini > .btn {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.mini > .btn.btn-apply {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  color: white;
  background-color: #3da8f2;
}
.mini > .btn.btn-apply i {
  margin-bottom: 4px;
  font-size: 24px;
}
.mini > .btn.btn-apply::before {
  position: absolute;
  left: -20px;
  top: -40px;
  bottom: -40px;
  width: 60px;
  content: "";
  background: transparent;
}
.mini > .btn.btn-apply:hover {
  background-color: #0d74bc;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.mini > .btn.btn-call {
  color: #1092ec;
  line-height: 72px;
  background-color: white;
}
.mini > .btn.btn-call i {
  display: inline-block;
  font-size: 28px;
}
.mini > .btn:hover {
  color: white;
  background-color: #3da8f2;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.mini > .btn:hover .bubble {
  left: -304.5px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/**
 * Solution： Resource Line
 * -----------------------------------------------------------------------------
 */
.r-pad .wrap .mask, .r-video .mask,
.res-video .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1020;
  display: table-cell;
  background-color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.r-video,
.res-video {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.r-video img,
.res-video img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.r-video .mask .play-btn,
.res-video .mask .play-btn {
  position: absolute;
  display: inline-block;
  background-image: url("../images/s-resource/play-btn.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-video:hover img,
.res-video:hover img {
  transform: scale(1.05);
}
.r-video:hover .mask,
.res-video:hover .mask {
  opacity: 1;
  filter: alpha(opacity=100);
}

.r-laptop {
  position: relative;
  margin: 0 auto;
  background-image: url("../images/s-resource/MacBook.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.r-laptop .r-video {
  position: absolute;
  top: 6.2893081761%;
  right: 14.8148148148%;
  bottom: 20.7547169811%;
  left: 14.8148148148%;
}
.r-laptop .r-video .play-btn {
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
}

.r-pad {
  position: relative;
  margin: 0 auto;
  background-image: url("../images/s-resource/ipad.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-pad .wrap {
  position: absolute;
  top: 7.6219512195%;
  right: 13.2325141777%;
  bottom: 18.2926829268%;
  left: 13.2325141777%;
  background-color: #fafafa;
  overflow: hidden;
}
.r-pad .wrap img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.r-pad .zoomin-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 120px;
  margin-top: -18px;
  margin-left: -60px;
  font-size: 14px;
  color: white;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 18px;
}
.r-pad .zoomin-btn:hover {
  background-color: #ec2526;
}
.r-pad:hover img {
  transform: scale(1.05);
}
.r-pad:hover .mask {
  opacity: 1;
  filter: alpha(opacity=100);
}

.r-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.navbar.r-menu {
  position: fixed;
  bottom: 5%;
  left: 0;
  z-index: 1030;
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navbar.r-menu.fold {
  left: -144px;
}
.navbar.r-menu.fold .fold-trigger:after {
  transform: rotate(180deg);
  transform-origin: 75% 50%;
}
.navbar.r-menu .fold-trigger {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 10px;
  height: 80px;
  margin-top: -40px;
  background-color: gray;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.navbar.r-menu .fold-trigger:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 4px;
  border-color: transparent;
  border-style: dashed;
  border-right-color: white;
  border-right-style: solid;
  margin-top: -4px;
  margin-left: -6px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navbar.r-menu .fold-trigger:hover {
  background-color: #ec2526;
}
.navbar.r-menu .nav {
  float: none;
  display: block;
}
.navbar.r-menu .nav-link {
  position: relative;
  float: none;
  display: block;
  margin: 0;
  padding-top: 0;
  padding-right: 25px;
  padding-bottom: 0;
  padding-left: 15px;
  font-size: 13px;
  color: #666;
  line-height: 26px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navbar.r-menu .nav-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 4px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: white;
  border-left-style: solid;
  margin-top: -4px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navbar.r-menu .nav-link:hover {
  color: #ec2526;
}
.navbar.r-menu .nav-link.active {
  color: white;
  background-color: #ec2526;
}
.navbar.r-menu .nav-link.active:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar.r-menu .nav-link.r-menu-primary {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: black;
}
.navbar.r-menu .nav-link.r-menu-primary.active {
  color: #ec2526;
  background-color: transparent;
}
.navbar.r-menu .nav-link.r-menu-primary.active:after {
  border-left-color: #ec2526;
}

.videoConatiner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1031;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.videoConatiner > .shut {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 20px;
  font-weight: bold;
  color: white;
  line-height: 44px;
  text-align: center;
  background-color: black;
}
.videoConatiner > .shut:hover {
  background-color: #ec2526;
}
.videoConatiner .videobox {
  position: absolute;
  width: 800px;
  height: 450px;
  color: white;
  text-align: center;
  background-color: gray;
}
.videoConatiner .imgbox {
  position: relative;
  width: 800px;
  height: 100%;
  background-color: transparent;
}
.videoConatiner .imgbox img {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.resource .solution-row .brand-head .brand-title {
  padding-top: 40px;
  font-size: 36px;
}
.resource .solution-row .brand-head .brand-info {
  margin-top: 15px;
  color: black;
  line-height: 1.4;
}
.resource .secondary-title {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #444;
  text-align: center;
}
.resource .secondary-title .title {
  font-size: 36px;
  font-weight: bold;
}
.resource .secondary-title .bar {
  display: inline-block;
  width: 28px;
  height: 2px;
  margin: 16px 0;
  background-color: #444;
}
.resource .secondary-title .spell {
  display: block;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 8px;
  transform: scaleX(0.9);
}
.resource .secondary-title.white {
  color: white;
}
.resource .secondary-title.white .bar {
  background-color: white;
}
.resource .solution-nav .nav-item.invisible {
  position: absolute;
  z-index: -999999;
}
.resource .solution-row {
  overflow: hidden;
}

.r-custom .solution-row-cont {
  text-align: center;
}
.r-custom .solution-row-cont ul {
  width: 90%;
  margin: 30px auto 0;
  font-size: 0;
}
.r-custom .solution-row-cont .cell {
  display: inline-block;
}
.r-custom .solution-row-cont .cell:nth-child(1) .r-custom-wrap {
  background-image: url("../images/s-resource/zydz-1.png");
}
.r-custom .solution-row-cont .cell:nth-child(2) .r-custom-wrap {
  background-image: url("../images/s-resource/zydz-2.png");
}
.r-custom .solution-row-cont .cell:nth-child(3) .r-custom-wrap {
  background-image: url("../images/s-resource/zydz-3.png");
}
.r-custom .solution-row-cont .cell:nth-child(4) .r-custom-wrap {
  background-image: url("../images/s-resource/zydz-4.png");
}
.r-custom .solution-row-cont .cell:nth-child(5) .r-custom-wrap {
  background-image: url("../images/s-resource/zydz-5.png");
}
.r-custom .solution-row-cont .cell:nth-child(1) .r-custom-wrap .title, .r-custom .solution-row-cont .cell:nth-child(3) .r-custom-wrap .title, .r-custom .solution-row-cont .cell:nth-child(5) .r-custom-wrap .title {
  color: #ffbd31;
}
.r-custom .solution-row-cont .cell:nth-child(2) .r-custom-wrap .title, .r-custom .solution-row-cont .cell:nth-child(4) .r-custom-wrap .title {
  color: #cc1213;
}
.r-custom-wrap {
  width: 224px;
  height: 313px;
  margin: 0 25px;
  padding: 0 24px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  overflow: hidden;
}
.r-custom-wrap .num {
  font-size: 24px;
  font-weight: bold;
  color: white;
  line-height: 60px;
}
.r-custom-wrap .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 44px;
}
.r-custom-wrap .article {
  margin-top: 126px;
  font-size: 15px;
  color: black;
  line-height: 1.3;
}

.r-construct {
  color: white;
  background: url("../images/s-resource/jssf-bg.png");
}
.r-construct .secondary-title {
  padding-bottom: 0;
}
.r-construct .solution-row-cont {
  padding-top: 120px;
  background-image: url("../images/s-resource/jssf-1.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.r-construct .gallery-thumbs .swiper-slide {
  position: relative;
}
.r-construct .gallery-thumbs .swiper-slide:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
  height: 4px;
  margin-top: -6px;
  background-color: white;
}
.r-construct .gallery-thumbs .swiper-slide-thumb-active .r-construct-nav .text {
  color: #ba0808;
  background-color: white;
}
.r-construct .gallery-thumbs .swiper-slide-thumb-active .r-construct-nav .text:after {
  border-bottom-color: white;
}
.r-construct .gallery-top .title {
  padding-top: 60px;
  padding-bottom: 50px;
  font-size: 0;
  line-height: 1;
  text-align: center;
}
.r-construct .gallery-top .title > span {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
.r-construct .gallery-top .title .num {
  font-size: 90px;
  font-weight: 700;
}
.r-construct .gallery-top .title .name {
  display: block;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: bold;
  text-align: left;
}
.r-construct .gallery-top .title .spell {
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
}
.r-construct .r-laptop {
  width: 940px;
  height: 510.8695652174px;
}
.r-construct-nav {
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.r-construct-nav .num {
  font-size: 30px;
  font-weight: bold;
  -webkit-text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
}
.r-construct-nav .dot {
  position: relative;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 8px auto 12px;
  background-color: white;
  border: 4px solid #ba0808;
  box-sizing: content-box;
}
.r-construct-nav .text {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.3);
}
.r-construct-nav .text:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 7px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: rgba(0, 0, 0, 0.3);
  border-bottom-style: solid;
  margin-left: -7px;
}

.r-content-img {
  position: relative;
  margin-top: 66px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
  width: 577px;
  height: 596px;
  text-align: center;
  vertical-align: middle;
  background-image: url("../images/s-resource/nrzz.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-content-img .img-title {
  display: inline-block;
  vertical-align: middle;
}
.r-content-img .img-title span {
  display: block;
  font-weight: bolder;
  line-height: 1;
}
.r-content-img .img-title .spell {
  font-size: 34px;
  color: #cc1213;
}
.r-content-img .img-title .title {
  margin-top: 8px;
  font-size: 24px;
  color: #222;
}

.r-content-wrap {
  position: absolute;
  z-index: 1;
  width: 300px;
}
.r-content-wrap .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-content-wrap .article {
  font-size: 14px;
  color: #222;
  line-height: 22px;
}
.r-content-wrap:nth-child(1) .title, .r-content-wrap:nth-child(4) .title, .r-content-wrap:nth-child(7) .title {
  color: #ef8329;
}
.r-content-wrap:nth-child(2) .title, .r-content-wrap:nth-child(5) .title, .r-content-wrap:nth-child(8) .title {
  color: #ec2526;
}
.r-content-wrap:nth-child(3) .title, .r-content-wrap:nth-child(6) .title, .r-content-wrap:nth-child(9) .title {
  color: #cc1213;
}
.r-content-wrap:nth-child(1), .r-content-wrap:nth-child(2), .r-content-wrap:nth-child(3), .r-content-wrap:nth-child(4) {
  text-align: left;
}
.r-content-wrap:nth-child(5) {
  bottom: -120px;
  left: 50%;
  margin-left: -150px;
  text-align: center;
}
.r-content-wrap:nth-child(6), .r-content-wrap:nth-child(7), .r-content-wrap:nth-child(8), .r-content-wrap:nth-child(9) {
  text-align: right;
}
.r-content-wrap:nth-child(1) {
  top: -56px;
  right: -170px;
}
.r-content-wrap:nth-child(2) {
  top: 64px;
  right: -320px;
}
.r-content-wrap:nth-child(3) {
  top: 280px;
  right: -320px;
}
.r-content-wrap:nth-child(4) {
  bottom: 0;
  right: -215px;
}
.r-content-wrap:nth-child(6) {
  bottom: 10px;
  left: -230px;
}
.r-content-wrap:nth-child(7) {
  top: 296px;
  left: -320px;
}
.r-content-wrap:nth-child(8) {
  top: 96px;
  left: -320px;
}
.r-content-wrap:nth-child(9) {
  top: -56px;
  left: -200px;
}

.r-review {
  padding-bottom: 0;
}
.r-review .container {
  width: auto !important;
  max-width: 100% !important;
  min-width: 1200px !important;
  padding: 0;
}
.r-review .solution-row-cont .cell:nth-child(2) .wrap {
  padding-right: 15%;
  padding-left: 15%;
}
.r-review .solution-row-cont .cell:nth-child(4) .wrap {
  padding-right: 5%;
  padding-left: 25%;
}
.r-review .solution-row-cont .cell:nth-child(6) .wrap {
  padding-right: 25%;
  padding-left: 5%;
}
.r-review-wrap {
  position: relative;
  font-size: 16px;
  color: white;
  background-color: #38373f;
}
.r-review-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.r-review-wrap .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 10%;
}
.r-review-wrap .title {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1;
}
.r-review-wrap .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #ec2526;
}
.r-review-wrap .article {
  font-size: 1em;
  font-weight: 350;
  line-height: 1.5;
}

.r-delivery .cell {
  position: relative;
}
.r-delivery .cell:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  height: 2px;
}
.r-delivery .cell:nth-child(1):after,
.r-delivery .cell:nth-child(1) .num {
  background-color: #ec2526;
}
.r-delivery .cell:nth-child(1) .icon {
  top: 16px;
  background-image: url("../images/s-resource/xmjf-1.png");
}
.r-delivery .cell:nth-child(1) .con {
  bottom: 0;
  border-color: #ec2526;
}
.r-delivery .cell:nth-child(1) .con .title {
  color: #ec2526;
}
.r-delivery .cell:nth-child(2):after,
.r-delivery .cell:nth-child(2) .num {
  background-color: #ef8329;
}
.r-delivery .cell:nth-child(2) .icon {
  bottom: 16px;
  background-image: url("../images/s-resource/xmjf-2.png");
}
.r-delivery .cell:nth-child(2) .con {
  top: 0;
  border-color: #ef8329;
}
.r-delivery .cell:nth-child(2) .con .title {
  color: #ef8329;
}
.r-delivery .cell:nth-child(3):after,
.r-delivery .cell:nth-child(3) .num {
  background-color: #465d7c;
}
.r-delivery .cell:nth-child(3) .icon {
  top: 16px;
  background-image: url("../images/s-resource/xmjf-3.png");
}
.r-delivery .cell:nth-child(3) .con {
  bottom: 0;
  border-color: #465d7c;
}
.r-delivery-wrap {
  position: relative;
  z-index: 1;
  height: 420px;
  text-align: center;
}
.r-delivery-wrap > div {
  position: absolute;
}
.r-delivery-wrap .icon {
  left: 50%;
  width: 170px;
  height: 170px;
  margin-left: -85px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-delivery-wrap .num {
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  margin-left: -25px;
  font-size: 24px;
  font-weight: bold;
  color: white;
  line-height: 50px;
}
.r-delivery-wrap .con {
  height: 170px;
  padding: 28px 40px;
  border: 1px solid;
  border-radius: 20px;
  box-sizing: border-box;
}
.r-delivery-wrap .con .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bolder;
  color: #465d7c;
}
.r-delivery-wrap .con .article {
  font-size: 18px;
  color: #222;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.r-share .solution-row-cont > ul {
  margin: 60px -10px 0;
}
.r-share .solution-row-cont .cell:nth-child(1) .r-share-wrap {
  background-color: #ef8329;
}
.r-share .solution-row-cont .cell:nth-child(2) .r-share-wrap {
  background-color: #ec2526;
}
.r-share .solution-row-cont .cell:nth-child(3) .r-share-wrap {
  background-color: #ffbd31;
}
.r-share .solution-row-cont .cell:nth-child(4) .r-share-wrap {
  background-color: #cc1213;
}
.r-share-wrap {
  height: 350px;
  margin: 0 10px;
  padding: 48px 20px;
  color: white;
  text-align: center;
  border-radius: 10px;
  box-sizing: border-box;
}
.r-share-wrap .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  line-height: 90px;
  vertical-align: middle;
  -webkit-text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.r-share-wrap .icon i {
  display: inline-block;
  font-size: 80px;
  line-height: 1;
}
.r-share-wrap .title {
  margin-top: 40px;
  font-size: 32px;
  font-weight: bolder;
}
.r-share-wrap .article {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.4;
}

.r-sharedata {
  height: 776px;
  color: white;
  text-align: center;
  background-image: url("../images/s-resource/zygx-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.r-sharedata .solution-row-cont {
  padding-top: 178px;
}
.r-sharedata .solution-row-cont .cell:nth-child(1) .icon {
  background-image: url("../images/s-resource/zygx-1.png");
}
.r-sharedata .solution-row-cont .cell:nth-child(2) .icon {
  background-image: url("../images/s-resource/zygx-2.png");
}
.r-sharedata .solution-row-cont .cell:nth-child(3) .icon {
  background-image: url("../images/s-resource/zygx-3.png");
}
.r-sharedata-wrap .icon {
  width: 166px;
  height: 166px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-sharedata-wrap .title {
  margin-top: 40px;
  font-size: 32px;
  font-weight: bolder;
  line-height: 1;
}
.r-sharedata-wrap .title b {
  color: #ec2526;
}

.r-sharedata .info {
  margin-top: 80px;
  font-size: 24px;
  line-height: 1.4;
}

.r-form {
  background-image: url("../images/s-resource/zyxs-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-form-img {
  position: relative;
  width: 1140px;
  height: 816px;
  background-image: url("../images/s-resource/zyxs.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-form-img .r-form-wrap:nth-child(1) {
  top: 104px;
  left: 200px;
}
.r-form-img .r-form-wrap:nth-child(2) {
  top: 420px;
  left: 60px;
}
.r-form-img .r-form-wrap:nth-child(3) {
  bottom: 60px;
  left: 370px;
}
.r-form-img .r-form-wrap:nth-child(3) .title {
  margin-bottom: 0;
  line-height: 1;
  text-align: center;
}
.r-form-img .r-form-wrap:nth-child(3) .icon {
  display: block;
  margin: 0 auto 6px;
  font-size: 68px;
}
.r-form-img .r-form-wrap:nth-child(4) {
  bottom: 75px;
  left: 680px;
}
.r-form-img .r-form-wrap:nth-child(5) {
  right: 88px;
  bottom: 155px;
}
.r-form-img .r-form-wrap:nth-child(5) .title {
  margin-bottom: 0;
  text-align: center;
}
.r-form-img .r-form-wrap:nth-child(5) .icon {
  display: block;
  margin: 0 auto 6px;
}
.r-form-img .r-form-wrap:nth-child(5) .text {
  line-height: 1;
}
.r-form-img .r-form-wrap:nth-child(6) {
  top: 285px;
  right: 60px;
}

.r-form-wrap {
  position: absolute;
  color: white;
}
.r-form-wrap .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
.r-form-wrap .title .icon {
  margin-right: 10px;
  font-size: 30px;
  font-weight: normal;
  vertical-align: middle;
}
.r-form-wrap .article {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.r-num img {
  display: block;
  width: 100%;
  height: auto;
}
.r-num .solution-row-cont > ul {
  margin: 0 -25px;
}
.r-num-pie-1,
.r-num-list {
  margin: 0 25px;
}

.r-num-list ul {
  margin: 0 -10px;
}
.r-num-list li:nth-child(1) i {
  background-color: #c66f3e;
}
.r-num-list li:nth-child(2) i {
  background-color: #f38c5a;
}
.r-num-list li:nth-child(3) i {
  background-color: #f57d2d;
}
.r-num-list li:nth-child(4) i {
  background-color: #d3733b;
}
.r-num-list li:nth-child(5) i {
  background-color: #ed9776;
}
.r-num-list li:nth-child(6) i {
  background-color: #ec7324;
}
.r-num-list li:nth-child(7) i {
  background-color: #b66538;
}
.r-num-list li:nth-child(8) i {
  background-color: #e89e85;
}
.r-num-list li:nth-child(9) i {
  background-color: #f7d1c8;
}
.r-num-list li:nth-child(10) i {
  background-color: #de7732;
}
.r-num-list li:nth-child(11) i {
  background-color: #eeb49e;
}
.r-num-list li:nth-child(12) i {
  background-color: #a56036;
}
.r-num-list li:nth-child(13) i {
  background-color: #f4c5b5;
}

.r-num-wrap {
  height: 104px;
  margin: 10px;
  padding: 15px;
  color: #666;
  background-color: #ebebeb;
  box-sizing: border-box;
}
.r-num-wrap .title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bolder;
  line-height: 1;
}
.r-num-wrap .text {
  font-size: 14px;
  line-height: 24px;
}
.r-num-wrap .text i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}

.r-num-pie-2 {
  width: 1005px;
  margin: 100px auto 0;
}

.r-show .solution-row-cont > ul {
  text-align: center;
}
.r-show .solution-row-cont > ul .cell {
  margin: 40px 0;
}
.r-show .r-laptop {
  width: 540px;
  height: 293.4782608696px;
}
.r-show .r-pad {
  width: 473.3231707317px;
  height: 293.4782608696px;
}
.r-show .title {
  margin-top: 20px;
}
.r-show .title span {
  position: relative;
  padding-bottom: 16px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-show .title span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
}
.r-show .before .title span {
  color: #cc1213;
}
.r-show .before .title span:after {
  background-color: #cc1213;
}
.r-show .after .title span {
  color: #444;
}
.r-show .after .title span:after {
  background-color: #444;
}

.r-demand .solution-row-cont {
  background-image: url("../images/s-resource/xqqr.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.r-demand .solution-row-cont .secondary-title {
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 120px;
}
.r-demand .solution-row-cont > ul {
  margin: 0 -30px;
}
.r-demand .solution-row-cont > ul .cell:nth-child(1) .icon {
  background-color: #34455b;
}
.r-demand .solution-row-cont > ul .cell:nth-child(1) .title {
  color: #34455b;
}
.r-demand .solution-row-cont > ul .cell:nth-child(2) .icon {
  background-color: #465d7c;
}
.r-demand .solution-row-cont > ul .cell:nth-child(2) .title {
  color: #465d7c;
}
.r-demand .solution-row-cont > ul .cell:nth-child(3) .icon {
  background-color: #ec2526;
}
.r-demand .solution-row-cont > ul .cell:nth-child(3) .title {
  color: #ec2526;
}
.r-demand .solution-row-cont > ul .cell:nth-child(4) .icon {
  background-color: #ef8329;
}
.r-demand .solution-row-cont > ul .cell:nth-child(4) .title {
  color: #ef8329;
}
.r-demand-wrap {
  margin: 0 30px;
  text-align: center;
}
.r-demand-wrap .icon {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 0 auto;
  color: white;
  line-height: 130px;
}
.r-demand-wrap .icon i {
  display: inline-block;
  font-size: 68px;
  line-height: 1;
  vertical-align: middle;
}
.r-demand-wrap .title {
  margin-top: 60px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-demand-wrap .article {
  margin-top: 30px;
  font-size: 18px;
  color: #222;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.r-shoot {
  background-image: url("../images/s-resource/zqps-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.r-shoot .solution-row-cont {
  padding-top: 30px;
  padding-bottom: 100px;
}
.r-shoot .solution-row-cont > ul {
  margin: 0 -10px;
}
.r-shoot .solution-row-cont .cell:nth-child(1) .r-shoot-wrap {
  background-color: #ec2526;
}
.r-shoot .solution-row-cont .cell:nth-child(2) .r-shoot-wrap {
  background-color: #ef8329;
}
.r-shoot .solution-row-cont .cell:nth-child(3) .r-shoot-wrap {
  background-color: #ffbd31;
}
.r-shoot-wrap {
  height: 430px;
  margin: 0 10px;
  padding: 70px 40px;
  color: white;
  text-align: center;
  border-radius: 10px;
  box-sizing: border-box;
}
.r-shoot-wrap .icon {
  font-size: 76px;
  line-height: 1;
}
.r-shoot-wrap .title {
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-shoot-wrap .article {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
  opacity: 0.78;
  filter: alpha(opacity=78);
}

.r-post .solution-row-cont > ul {
  height: 470px;
  margin: 0 -6px;
  background-image: url("../images/s-resource/hqzz-1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 93%;
}
.r-post .solution-row-cont .cell {
  position: relative;
}
.r-post .solution-row-cont .cell:nth-child(1) .num, .r-post .solution-row-cont .cell:nth-child(1) .title, .r-post .solution-row-cont .cell:nth-child(5) .num, .r-post .solution-row-cont .cell:nth-child(5) .title {
  color: #ec2526;
}
.r-post .solution-row-cont .cell:nth-child(2) .num, .r-post .solution-row-cont .cell:nth-child(2) .title, .r-post .solution-row-cont .cell:nth-child(4) .num, .r-post .solution-row-cont .cell:nth-child(4) .title {
  color: #ef8329;
}
.r-post .solution-row-cont .cell:nth-child(2) .r-post-wrap, .r-post .solution-row-cont .cell:nth-child(4) .r-post-wrap {
  margin-top: 280px;
}
.r-post .solution-row-cont .cell:nth-child(3) .num, .r-post .solution-row-cont .cell:nth-child(3) .title {
  color: #465d7c;
}
.r-post-wrap {
  margin: 0 6px;
  text-align: center;
}
.r-post-wrap .num {
  font-size: 36px;
  font-weight: bolder;
  line-height: 1;
}
.r-post-wrap .title {
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-post-wrap .article {
  height: 100px;
  margin-top: 20px;
  font-size: 16px;
  color: #222;
  line-height: 1.6;
}

.r-submit .cell:nth-child(2n-1) .con {
  bottom: 0;
}
.r-submit .cell:nth-child(2n-1) .article {
  height: 140px;
}
.r-submit .cell:nth-child(2n-1) .arrow {
  top: -56px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 28px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: #ec2526;
  border-bottom-style: solid;
}
.r-submit .cell:nth-child(2n) .con {
  top: 0;
}
.r-submit .cell:nth-child(2n) .article {
  height: 112px;
}
.r-submit .cell:nth-child(2n) .arrow {
  bottom: -56px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 28px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #465d7c;
  border-top-style: solid;
}
.r-submit .cell:nth-child(1) .num, .r-submit .cell:nth-child(1) .con {
  background-color: #ec2526;
}
.r-submit .cell:nth-child(1) .con {
  left: 0;
  margin-left: 0;
}
.r-submit .cell:nth-child(1) .arrow {
  margin-left: -92.4px;
}
.r-submit .cell:nth-child(2) .num, .r-submit .cell:nth-child(2) .con {
  background-color: #465d7c;
}
.r-submit .cell:nth-child(3) .num, .r-submit .cell:nth-child(3) .con {
  background-color: #ef8329;
}
.r-submit .cell:nth-child(3) .arrow {
  border-bottom-color: #ef8329;
}
.r-submit .cell:nth-child(4) .num, .r-submit .cell:nth-child(4) .con {
  background-color: #34455b;
}
.r-submit .cell:nth-child(4) .arrow {
  border-top-color: #34455b;
}
.r-submit .cell:nth-child(5) .num, .r-submit .cell:nth-child(5) .con {
  background-color: #ffbd31;
}
.r-submit .cell:nth-child(5) .con {
  right: 0;
  left: auto;
  margin-left: 0;
}
.r-submit .cell:nth-child(5) .arrow {
  right: 50%;
  left: auto;
  margin-right: -92.4px;
  border-bottom-color: #ffbd31;
}
.r-submit-wrap {
  position: relative;
  padding-top: 240px;
  padding-bottom: 280px;
  color: white;
}
.r-submit-wrap:after {
  content: "";
  position: absolute;
  top: 276px;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
  height: 2px;
  background-color: #d1d3d5;
}
.r-submit-wrap .num {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 9px;
  text-align: center;
  box-sizing: border-box;
}
.r-submit-wrap .num span {
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  font-size: 28px;
  font-weight: bold;
  line-height: 50px;
  border: 2px dashed white;
  box-sizing: border-box;
}
.r-submit-wrap .con {
  position: absolute;
  left: 50%;
  width: 365px;
  margin-left: -182.5px;
  padding: 25px;
  border-radius: 10px;
  box-sizing: border-box;
}
.r-submit-wrap .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-submit-wrap .article {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}
.r-submit-wrap .arrow {
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -28px;
}

.r-prepare .solution-row-cont > ul {
  margin: 0 -35px;
  font-size: 0;
  text-align: center;
}
.r-prepare .solution-row-cont .cell {
  display: inline-block;
  vertical-align: middle;
}
.r-prepare .solution-row-cont .cell:nth-child(1) .r-prepare-wrap {
  background-image: url("../images/s-resource/qqzb-1.png");
}
.r-prepare .solution-row-cont .cell:nth-child(2) .r-prepare-wrap {
  background-image: url("../images/s-resource/qqzb-2.png");
}
.r-prepare .solution-row-cont .cell:nth-child(3) .r-prepare-wrap {
  background-image: url("../images/s-resource/qqzb-3.png");
}
.r-prepare .solution-row-cont .cell:nth-child(4) .r-prepare-wrap {
  background-image: url("../images/s-resource/qqzb-4.png");
}
.r-prepare .solution-row-cont .cell:nth-child(5) .r-prepare-wrap {
  background-image: url("../images/s-resource/qqzb-5.png");
}
.r-prepare-wrap {
  position: relative;
  width: 328.7px;
  height: 280.25px;
  margin: 40px 35px;
  padding-bottom: 40px;
  color: #222;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95%;
  box-sizing: content-box;
}
.r-prepare-wrap .wrap {
  float: right;
  width: 144px;
  margin-top: 50px;
  margin-right: 40px;
}
.r-prepare-wrap .icon {
  font-size: 44px;
  line-height: 1;
}
.r-prepare-wrap .icon i {
  display: inline-block;
  vertical-align: middle;
}
.r-prepare-wrap .title {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bolder;
  line-height: 1;
}
.r-prepare-wrap .article {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.2;
}
.r-prepare-wrap .shadow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
}
.r-prepare-wrap .shadow img {
  display: block;
  width: 100%;
  height: auto;
}

.r-process .solution-row-cont > ul {
  margin: 0 -50px 60px;
  font-size: 0;
  text-align: center;
}
.r-process .solution-row-cont .cell {
  display: inline-block;
  vertical-align: middle;
}
.r-process .solution-row-cont .cell:nth-child(1) .r-process-wrap {
  width: 260px;
  height: 260px;
  background-color: #ef8329;
}
.r-process .solution-row-cont .cell:nth-child(1) .num {
  background-image: url("../images/s-resource/pslc-1.png");
}
.r-process .solution-row-cont .cell:nth-child(2) .r-process-wrap {
  width: 340px;
  height: 340px;
  background-color: #ffbd31;
}
.r-process .solution-row-cont .cell:nth-child(2) .num {
  background-image: url("../images/s-resource/pslc-2.png");
}
.r-process .solution-row-cont .cell:nth-child(2) .icon {
  font-size: 64px;
}
.r-process .solution-row-cont .cell:nth-child(2) .title {
  font-size: 32px;
}
.r-process .solution-row-cont .cell:nth-child(2) .article {
  font-size: 20px;
}
.r-process .solution-row-cont .cell:nth-child(3) .r-process-wrap {
  width: 260px;
  height: 260px;
  background-color: #ec2526;
}
.r-process .solution-row-cont .cell:nth-child(3) .num {
  background-image: url("../images/s-resource/pslc-3.png");
}
.r-process .solution-row-cont .cell:nth-child(1) .icon, .r-process .solution-row-cont .cell:nth-child(3) .icon {
  font-size: 60px;
}
.r-process .solution-row-cont .cell:nth-child(1) .title, .r-process .solution-row-cont .cell:nth-child(3) .title {
  font-size: 24px;
}
.r-process .solution-row-cont .cell:nth-child(1) .article, .r-process .solution-row-cont .cell:nth-child(3) .article {
  font-size: 18px;
}
.r-process-wrap {
  position: relative;
  display: inline-block;
  margin: 0 50px;
  color: white;
  text-align: center;
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: content-box;
}
.r-process-wrap .wrap {
  display: inline-block;
  vertical-align: middle;
}
.r-process-wrap .wrap > div {
  display: inline-block;
  vertical-align: middle;
}
.r-process-wrap .num {
  position: absolute;
  top: 50%;
  left: -10%;
  z-index: 1;
  width: 96.3px;
  height: 191.7px;
  margin-top: -95.85px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.r-process-wrap .icon, .r-process-wrap .title {
  line-height: 1;
}
.r-process-wrap .title {
  margin-top: 20px;
  font-weight: bold;
}
.r-process-wrap .article {
  margin-top: 10px;
  line-height: 1.5;
}
.r-process-wrap .shadow {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -50px;
}
.r-process-wrap .shadow img {
  display: block;
  width: 100%;
  height: auto;
}

.r-vproduct {
  background-image: url("../images/s-resource/spzz-map.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.r-vproduct .solution-row-cont {
  padding: 80px 0;
}
.r-vproduct .secondary-title {
  padding-top: 140px;
}
.r-vproduct .secondary-title .bar {
  margin: 5px 0;
}
.r-vproduct .secondary-title .spell {
  letter-spacing: normal;
}
.r-vproduct-img {
  position: relative;
  width: 740px;
  height: 539px;
  margin: 0 auto;
  background-image: url("../images/s-resource/spzz-1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.r-vproduct-wrap {
  position: absolute;
  color: #444;
}
.r-vproduct-wrap .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.r-vproduct-wrap .article {
  margin-top: 10px;
  font-size: 18px;
}
.r-vproduct-wrap:nth-child(1), .r-vproduct-wrap:nth-child(2), .r-vproduct-wrap:nth-child(3) {
  text-align: right;
}
.r-vproduct-wrap:nth-child(1) {
  top: 168px;
  left: -200px;
}
.r-vproduct-wrap:nth-child(2) {
  top: 330px;
  left: -140px;
}
.r-vproduct-wrap:nth-child(3) {
  bottom: -25px;
  left: 20px;
}
.r-vproduct-wrap:nth-child(4) {
  right: -30px;
  bottom: -25px;
}
.r-vproduct-wrap:nth-child(5) {
  top: 350px;
  right: -160px;
}
.r-vproduct-wrap:nth-child(6) {
  top: 170px;
  right: -220px;
}

.r-case .solution-row-cont {
  padding-top: 60px;
}
.r-case .solution-row-cont > ul {
  margin: 0 -13px;
}
.r-case .r-video .play-btn {
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  margin-top: -31px;
  margin-left: -31px;
}
.r-case .r-video:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.r-case .tabs-con > ul {
  margin-top: 20px;
}
.r-case-wrap {
  position: relative;
  margin: 13px;
}
.r-case-wrap .title {
  font-size: 18px;
  color: #222;
  line-height: 2;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.r-filter {
  margin: 0 30px;
}
.r-filter .row {
  position: relative;
  height: 40px;
  padding-right: 120px;
  padding-left: 100px;
  overflow: hidden;
}
.r-filter .row .title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 40px;
}
.r-filter .row ul {
  font-size: 0;
}
.r-filter .row li {
  display: inline-block;
  vertical-align: middle;
}
.r-filter .row li a.active {
  color: white;
  background-color: #ec2526;
}
.r-filter .row a {
  position: relative;
  display: inline-block;
  margin: 5px 8px;
  padding: 0 8px;
  font-size: 18px;
  color: #666;
  line-height: 30px;
  border-radius: 6px;
  vertical-align: middle;
}
.r-filter .row a:hover {
  color: #ec2526;
}
.r-filter .row .wrap {
  font-size: 0;
}
.r-filter .row .wrap a.active {
  color: #ec2526;
}
.r-filter .row .wrap a.active:after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 0;
  left: 8px;
  height: 1px;
  background-color: #ec2526;
}
.r-filter .row .append {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  text-align: right;
}
.r-filter .row .append .more {
  position: relative;
  padding-right: 20px;
}
.r-filter .row .append .more:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 5px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #ec2526;
  border-top-style: solid;
  margin-top: -2.5px;
  transform-origin: 50% 25%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.r-filter .row.open {
  height: auto;
}
.r-filter .row.open .more:after {
  transform: rotate(180deg);
}

.r-makeup .solution-row-cont > ul,
.r-tidbit .solution-row-cont > ul,
.r-studio .solution-row-cont > ul {
  margin: 0 -15px;
}
.r-makeup .photo,
.r-tidbit .photo,
.r-studio .photo {
  margin: 15px;
}

.r-studio {
  padding-bottom: 0;
}
.r-studio-map {
  height: 734px;
  margin-top: 60px;
  background-color: #0f0f20;
  background-image: url("../images/s-resource/lbs.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mini {
  position: fixed;
  top: 442px;
  right: 20px;
  z-index: 1031;
  width: 72px;
  text-align: right;
  overflow: hidden;
}
.mini:hover {
  overflow: visible;
}
.mini > .btn {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.mini > .btn.btn-apply {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  color: white;
  background-color: #3da8f2;
}
.mini > .btn.btn-apply i {
  margin-bottom: 4px;
  font-size: 24px;
}
.mini > .btn.btn-apply::before {
  position: absolute;
  left: -20px;
  top: -40px;
  bottom: -40px;
  width: 60px;
  content: "";
  background: transparent;
}
.mini > .btn.btn-apply:hover {
  background-color: #0d74bc;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.mini > .btn.btn-call {
  color: #1092ec;
  line-height: 72px;
  background-color: white;
}
.mini > .btn.btn-call i {
  display: inline-block;
  font-size: 28px;
}
.mini > .btn:hover {
  color: white;
  background-color: #3da8f2;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.mini > .btn:hover .bubble {
  left: -304.5px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/**
 * Solution： University Line
 * -----------------------------------------------------------------------------
 */
@font-face {
  font-family: "PFDinTextPro-Regular";
  src: url("../webfont/PFDinTextPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.sopt7-aimbox .num, .sopt4-runbox .txt h4, .u-gbskillbox .txt::before, .u-openc-dbox h4 em {
  font-family: "PFDinTextPro-Regular", "PingFang SC";
}

.university .solution-ban {
  background-image: url("../images/s-university/ban.png");
}
.university .cur-bar {
  background-color: #006de7;
}
.university .nav-cell .dropdown .arrow {
  border-bottom-color: #006de7;
}
.university .nav-cell .dropdown .dropdown-list a:hover {
  color: #006de7;
}
.university .footer-links-title:before {
  background-color: #006de7;
}
.university .solution-nav .nav-anchor {
  top: 0;
  z-index: -1;
  height: auto;
  background-color: #006de7;
}
.university .solution-nav .nav-link.active .nav-anchor {
  width: 130%;
  margin-left: -65%;
}
@media screen and (max-width: 1400px) {
  .university .solution-nav.no-room .nav-item {
    margin: 0 2px;
  }
  .university .solution-nav.no-room .nav-item .nav-link {
    margin: 0 8px;
  }
  .university .solution-nav.no-room .nav-link.active .nav-anchor {
    width: calc(100% + 30px);
    margin-left: calc((100% + 30px) / -2);
  }
}
.university .solution-row {
  position: relative;
  min-height: auto;
}
.university .sol-title-bar {
  background-color: #006de7;
}
.university .brand-head {
  padding-top: 30px;
  padding-bottom: 40px;
}
.university .brand-head .brand-title {
  font-size: 32px;
}
.university .brand-head .brand-title:after {
  display: none;
}
.university .brand-head .brand-info {
  margin: 24px 8%;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.university .brand-head .brand-info span {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  font-weight: bolder;
  color: black;
}
.university .brand-head .brand-info span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  height: 2px;
  background-color: #006de7;
  border-radius: 1;
}
.university .brand-head.white .brand-title,
.university .brand-head.white .brand-info {
  color: white;
}
.university .tertiary-title {
  text-align: center;
}
.university .tertiary-title .spell {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  color: #006de7;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.university .tertiary-title .title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  line-height: 32px;
  background-color: #006de7;
}
.university .tertiary-title .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #006de7;
  border-top-style: solid;
}
.university .tertiary-title .info {
  display: block;
  margin-top: 26px;
  font-size: 14px;
  color: black;
  line-height: 24px;
}
.university .tertiary-title.white .spell {
  color: white;
}
.university .tertiary-title.white .title {
  color: #006de7;
  background-color: white;
}
.university .tertiary-title.white .title:after {
  border-top-color: white;
}
.university .btn-more-lg:hover {
  background-color: #006de7;
  border-color: #006de7;
}
.university .btn-bottom {
  padding: 0 50px;
  font-size: 18px;
  font-weight: bold;
  line-height: 48px;
  background-color: #006de7;
  border-color: #006de7;
  border-radius: 24px;
  box-shadow: 0 4px 10px rgba(0, 90, 190, 0.1);
}
.university .btn-bottom:hover {
  background-color: #0074f6;
  border-color: #0074f6;
  box-shadow: 0 6px 12px rgba(0, 90, 190, 0.2);
}
.university .btn-bottom.white, .university .btn-bottom.white:hover {
  color: #006de7;
  background-color: white;
  border-color: white;
}

.dm {
  position: relative;
  z-index: 10;
  display: block;
}
.dm span {
  display: block;
  width: 9px;
  height: 9px;
  margin: 0 auto;
  background-color: #006de7;
  transform: rotate(45deg);
}
.dm.dm-over {
  margin-bottom: -5px;
  margin-top: -5px;
}
.dm.dm-white span {
  background-color: white;
}

.u-non {
  background-image: url("../images/s-university/bg-1.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
.u-non .solution-row-cont > ul {
  position: relative;
}
.u-non .solution-row-cont .cell:nth-child(1) .icon-wrap {
  background-color: rgba(0, 109, 231, 0.08);
}
.u-non .solution-row-cont .cell:nth-child(1) .icon-wrap .inner {
  background-color: #006de7;
}
.u-non .solution-row-cont .cell:nth-child(1) .connect {
  background-image: url("../images/s-university/fxl-1.png");
}
.u-non .solution-row-cont .cell:nth-child(2) .icon-wrap {
  background-color: rgba(37, 160, 239, 0.08);
}
.u-non .solution-row-cont .cell:nth-child(2) .icon-wrap .inner {
  background-color: #25a0ef;
}
.u-non .solution-row-cont .cell:nth-child(2) .connect {
  background-image: url("../images/s-university/fxl-2.png");
}
.u-non .solution-row-cont .cell:nth-child(3) .icon-wrap {
  background-color: rgba(9, 187, 7, 0.08);
}
.u-non .solution-row-cont .cell:nth-child(3) .icon-wrap .inner {
  background-color: #09bb07;
}
.u-non .solution-row-cont .cell:nth-child(3) .connect {
  background-image: url("../images/s-university/fxl-3.png");
}
.u-non .solution-row-cont .addicon {
  position: absolute;
  top: 68px;
  display: inline-block;
  font-size: 40px;
  margin-left: -20px;
}
.u-non .solution-row-cont .addicon.addicon-1 {
  left: 33.3%;
  color: #006de7;
}
.u-non .solution-row-cont .addicon.addicon-2 {
  left: 66.6%;
  color: #25a0ef;
}
.u-non-wrap {
  position: relative;
  margin: 0 38px;
  text-align: center;
}
.u-non-wrap .icon-wrap {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 20px;
  color: white;
}
.u-non-wrap .icon-wrap .inner {
  display: table-cell;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  vertical-align: middle;
}
.u-non-wrap .icon-wrap .inner div,
.u-non-wrap .icon-wrap .inner div span {
  display: inline-block;
  vertical-align: middle;
}
.u-non-wrap .icon-wrap .icon {
  font-size: 48px;
  line-height: 1;
}
.u-non-wrap .icon-wrap .name {
  margin-top: 4px;
  font-size: 16px;
  font-weight: bolder;
  line-height: 1.2;
}
.u-non-wrap .connect {
  position: absolute;
  top: 156px;
  left: 50%;
  z-index: 0;
  width: 196px;
  height: 87px;
  margin-left: -98px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-non-wrap .items {
  position: relative;
  z-index: 1;
  margin-top: 26px;
  margin-right: -4px;
  margin-left: -4px;
}
.u-non-wrap .items li {
  float: left;
  width: 50%;
}
.u-non-wrap .item {
  display: inline-block;
  width: 148px;
  height: 54px;
  margin: 4px;
  text-align: center;
  vertical-align: top;
  background-color: white;
  border: 1px solid #999;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}
.u-non-wrap .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: black;
  line-height: 1.2;
}

.u-modes {
  background-image: url("../images/s-university/fxl-ms-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.u-modes .solution-row-cont {
  padding-top: 40px;
}
.u-modes .solution-row-cont .cell:nth-child(1) .u-modes-wrap {
  margin-top: 20px;
}
.u-modes .solution-row-cont .cell:nth-child(1) .num-1 {
  background-position: 0 0;
}
.u-modes .solution-row-cont .cell:nth-child(1) .num-2 {
  background-position: 0 bottom;
}
.u-modes .solution-row-cont .cell:nth-child(1) .con {
  background-image: url("../images/s-university/fxl-ms-bg-1.png");
}
.u-modes .solution-row-cont .cell:nth-child(2) .num-1 {
  background-position: -50px 0;
}
.u-modes .solution-row-cont .cell:nth-child(2) .num-2 {
  background-position: -50px bottom;
}
.u-modes .solution-row-cont .cell:nth-child(2) .con {
  background-image: url("../images/s-university/fxl-ms-bg-2.png");
}
.u-modes .solution-row-cont .cell:nth-child(3) .u-modes-wrap {
  margin-top: 40px;
}
.u-modes .solution-row-cont .cell:nth-child(3) .num-1 {
  background-position: right 0;
}
.u-modes .solution-row-cont .cell:nth-child(3) .num-2 {
  background-position: right bottom;
}
.u-modes .solution-row-cont .cell:nth-child(3) .con {
  background-image: url("../images/s-university/fxl-ms-bg-3.png");
}
.u-modes-wrap {
  position: relative;
  margin: 0 38px;
  color: white;
  text-align: center;
}
.u-modes-wrap .num-1,
.u-modes-wrap .num-2 {
  position: absolute;
  left: 30px;
  display: block;
  width: 50px;
  height: 25px;
  background-image: url("../images/s-university/fxl-ms-num.png");
  background-repeat: no-repeat;
}
.u-modes-wrap .num-1 {
  top: -25px;
  z-index: 1;
}
.u-modes-wrap .num-2 {
  top: 0;
  z-index: 2;
}
.u-modes-wrap .con {
  height: 273px;
  padding-top: 40px;
  padding-right: 30px;
  padding-left: 30px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 109, 231, 0.15);
}
.u-modes-wrap .con .title {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.u-modes-wrap .con p {
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.3;
}

.u-demand {
  padding-bottom: 0;
  background-color: #e2eefd;
}
.u-demand .solution-row-cont {
  position: relative;
  height: 591px;
  background-image: url("../images/s-university/fxl-js-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.u-demand .tabs-head {
  position: absolute;
  top: 6px;
  left: 50%;
  right: 0;
  z-index: 0;
  width: 860px;
  margin-left: -430px;
}
.u-demand .tabs-item {
  width: 50%;
  margin-bottom: 52px;
}
.u-demand .tabs-item:nth-child(2n-1) {
  float: left;
}
.u-demand .tabs-item:nth-child(2n-1) .u-demand-role.active .portrait:after {
  right: -24px;
  border-left-color: #006de7;
}
.u-demand .tabs-item:nth-child(2n-1) .u-demand-role.active .cur {
  left: 100px;
}
.u-demand .tabs-item:nth-child(2n-1) .u-demand-role.active .cur:after {
  right: -20px;
  background-position: 0 0;
}
.u-demand .tabs-item:nth-child(2n) {
  float: right;
  text-align: right;
}
.u-demand .tabs-item:nth-child(2n) .u-demand-role.active .portrait:after {
  left: -24px;
  border-right-color: #006de7;
}
.u-demand .tabs-item:nth-child(2n) .u-demand-role.active .cur {
  right: 102px;
}
.u-demand .tabs-item:nth-child(2n) .u-demand-role.active .cur:after {
  left: -18px;
  background-position: right 0;
}
.u-demand .tabs-item:nth-child(5), .u-demand .tabs-item:nth-child(6) {
  margin-bottom: 0;
}
.u-demand .tabs-item:nth-child(1) .portrait {
  background-image: url("../images/s-university/fxl-port-1.png");
}
.u-demand .tabs-item:nth-child(2) .portrait {
  background-image: url("../images/s-university/fxl-port-2.png");
}
.u-demand .tabs-item:nth-child(3) .portrait {
  background-image: url("../images/s-university/fxl-port-3.png");
}
.u-demand .tabs-item:nth-child(4) .portrait {
  background-image: url("../images/s-university/fxl-port-4.png");
}
.u-demand .tabs-item:nth-child(5) .portrait {
  background-image: url("../images/s-university/fxl-port-5.png");
}
.u-demand .tabs-item:nth-child(6) .portrait {
  background-image: url("../images/s-university/fxl-port-6.png");
}
.u-demand .tabs-body {
  position: relative;
  z-index: 1;
  width: 200px;
  margin: 0 auto;
}
.u-demand .tabs-con {
  padding-top: 46px;
}
.u-demand .tabs-con .title {
  display: block;
  margin-bottom: 28px;
  font-size: 18px;
  font-weight: bold;
  color: #006de7;
  line-height: 30px;
  text-align: center;
  background-color: rgba(0, 109, 231, 0.1);
  border-radius: 15px;
}
.u-demand .tabs-con .article p {
  margin: 0;
  font-size: 16px;
  color: #222;
  line-height: 40px;
  border-bottom: 1px solid rgba(0, 109, 231, 0.08);
}
.u-demand .tabs-con .article p span {
  display: inline-block;
  vertical-align: middle;
}
.u-demand .tabs-con .article .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 20px;
  margin-left: 8px;
  background-color: #006de7;
}
.u-demand-role {
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.u-demand-role .portrait {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.u-demand-role .name {
  margin-top: 8px;
  font-size: 16px;
  color: #444;
  line-height: 1;
}
.u-demand-role .cur {
  position: absolute;
  top: 49px;
  display: none;
  width: 158px;
  border-top: 2px dashed #006de7;
}
.u-demand-role .cur:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 18px;
  margin-top: -10px;
  background-image: url("../images/s-university/fxl-js-active.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.u-demand-role.active .portrait {
  border-color: #006de7;
}
.u-demand-role.active .portrait:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -12px;
  border-width: 12px;
  border-style: dashed;
  border-color: transparent;
}
.u-demand-role.active .name {
  font-weight: bold;
  color: #006de7;
}
.u-demand-role.active .cur {
  display: block;
}

.u-case .solution-row-cont {
  margin-top: -44px;
}
.u-case .solution-row-cont .cell {
  margin-top: 44px;
}
.u-case .solution-row-cont .cell:nth-child(1) .img {
  background-image: url("../images/s-university/fxl-al-1.png");
}
.u-case .solution-row-cont .cell:nth-child(2) .img {
  background-image: url("../images/s-university/fxl-al-2.png");
}
.u-case .solution-row-cont .cell:nth-child(3) .img {
  background-image: url("../images/s-university/fxl-al-3.png");
}
.u-case .solution-row-cont .cell:nth-child(4) .img {
  background-image: url("../images/s-university/fxl-al-4.png");
}
.u-case .solution-row-cont .cell:nth-child(5) .img {
  background-image: url("../images/s-university/fxl-al-5.png");
}
.u-case .solution-row-cont .cell:nth-child(6) .img {
  background-image: url("../images/s-university/fxl-al-6.png");
}
.u-case .solution-row-cont .cell:nth-child(1) .u-case-wrap:hover .con .article {
  height: 96px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.u-case .solution-row-cont .cell:nth-child(5) .u-case-wrap:hover .con .article {
  height: 144px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.u-case .solution-row-cont .cell:nth-child(6) .u-case-wrap:hover .con .article {
  height: 168px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.u-case-wrap {
  position: relative;
  margin: 0 38px;
  cursor: pointer;
  overflow: hidden;
}
.u-case-wrap .con {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  color: white;
}
.u-case-wrap .con .title {
  position: relative;
  left: 0;
  display: inline-block;
  padding-right: 20px;
  padding-left: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  border-radius: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.u-case-wrap .con .spell {
  height: auto;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.u-case-wrap .con .article {
  height: 0;
  margin-top: 15px;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.u-case-wrap .img {
  height: 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.u-case-wrap:hover {
  overflow: visible;
}
.u-case-wrap:hover .con .title {
  left: -28px;
  margin-right: -28px;
  padding-left: 28px;
  background-color: #006de7;
}
.u-case-wrap:hover .con .spell {
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.u-case-wrap:hover .con .article {
  height: 72px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.u-consult {
  color: white;
  background-color: #006de7;
  background-image: url("../images/s-university/zx-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
}
.u-consult .solution-row-cont {
  padding-top: 20px;
}
.u-consult-wrap {
  margin: 0 25px;
  text-align: center;
}
.u-consult-wrap .icon {
  font-size: 58px;
  line-height: 1;
}
.u-consult-wrap .title {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.u-consult-wrap .article {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.u-adult {
  background-image: url("../images/s-university/bg-2.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
.u-adult .tabs-head {
  font-size: 0;
  text-align: center;
}
.u-adult .tabs-item {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.u-adult .tabs-link {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  font-size: 16px;
  color: #999;
  line-height: 36px;
  border: 1px solid #999;
  border-radius: 18px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.u-adult .tabs-link:hover {
  color: #006de7;
  border-color: #006de7;
}
.u-adult .tabs-link.active {
  color: white;
  background-color: #006de7;
  border-color: #006de7;
}
.u-adult .tabs-link.active:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #006de7;
  border-top-style: solid;
  margin-left: -6px;
}

.u-adult-soft {
  margin: 60px auto 0;
}

.u-adult-course {
  margin-top: 60px;
}
.u-adult-course .data-wrap {
  font-size: 0;
}
.u-adult-course .data-wrap > div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.u-adult-course .data-wrap .icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 32px;
  color: #006de7;
  line-height: 80px;
  text-align: center;
  background-color: rgba(0, 109, 231, 0.06);
}
.u-adult-course .data-wrap .title {
  font-size: 32px;
  color: black;
}
.u-adult-course .data-wrap .title span {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  color: #666;
}
.u-adult-course .data-wrap .info {
  margin-top: 15px;
  font-size: 16px;
  color: #666;
  line-height: 1;
}
.u-adult-course .img-group {
  margin-top: 60px;
  margin-left: 60px;
}
.u-adult-course .img-group .img {
  float: left;
  width: 288px;
}
.u-adult-course .img-group .img:nth-child(1), .u-adult-course .img-group .img:nth-child(3) {
  margin-top: 40px;
}
.u-adult-course .img-group .img:nth-child(2), .u-adult-course .img-group .img:nth-child(3), .u-adult-course .img-group .img:nth-child(4) {
  margin-left: -40px;
}

.u-adult-material {
  width: 800px;
  margin: 40px auto 0;
}

.u-adult-consult {
  margin-top: 40px;
}
.u-adult-consult .cell:nth-child(1) .item-wrap {
  background-image: url("../images/s-university/cj-fwnr-4-1.png");
}
.u-adult-consult .cell:nth-child(2) .item-wrap {
  background-image: url("../images/s-university/cj-fwnr-4-2.png");
}
.u-adult-consult .cell:nth-child(3) .item-wrap {
  background-image: url("../images/s-university/cj-fwnr-4-3.png");
}
.u-adult-consult .cell:nth-child(4) .item-wrap {
  background-image: url("../images/s-university/cj-fwnr-4-4.png");
  border-right: 1px solid #f1f3f5;
}
.u-adult-consult .item-wrap {
  padding: 40px 38px 280px;
  border: 1px solid #f1f3f5;
  background-repeat: no-repeat;
  background-position: 40px bottom;
  background-color: white;
  border-right: 0;
}
.u-adult-consult .item-wrap .title {
  margin-bottom: 18px;
  font-size: 0;
}
.u-adult-consult .item-wrap .title span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.u-adult-consult .item-wrap .title .icon {
  margin-right: 10px;
  font-size: 40px;
  color: #006de7;
}
.u-adult-consult .item-wrap .title .text {
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.u-adult-consult .item-wrap .con {
  font-size: 14px;
  color: #888;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.u-adult-maintain {
  margin-right: 8%;
  margin-left: 8%;
  font-size: 0;
  vertical-align: middle;
}
.u-adult-maintain > li.dvs-2 {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.u-adult-maintain ul {
  margin-right: 50px;
  margin-left: -10px;
}
.u-adult-maintain .data-wrap {
  margin: 10px;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #f1f3f5;
}
.u-adult-maintain .data-wrap .title {
  font-size: 32px;
  font-weight: bold;
  color: #006de7;
  line-height: 1;
}
.u-adult-maintain .data-wrap .title span {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  color: #666;
}
.u-adult-maintain .data-wrap .name {
  margin-top: 10px;
  font-size: 16px;
  color: #222;
  line-height: 1;
}
.u-adult-maintain .img {
  width: 476px;
  margin: 0;
  overflow: hidden;
}

.u-feature {
  background-color: #eff6fd;
  background-image: url("../images/s-university/cj-fwts-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.u-feature .solution-row-cont {
  padding-bottom: 170px;
}
.u-feature .solution-row-cont > ul {
  position: relative;
  height: 310px;
}
.u-feature .solution-row-cont .cell {
  position: absolute;
}
.u-feature .solution-row-cont .cell .con {
  background-color: rgba(0, 109, 231, 0.08);
}
.u-feature .solution-row-cont .cell:nth-child(1) .con, .u-feature .solution-row-cont .cell:nth-child(5) .con, .u-feature .solution-row-cont .cell:nth-child(7) .con {
  background-color: rgba(0, 109, 231, 0.14);
}
.u-feature .solution-row-cont .cell:nth-child(1) {
  top: 42px;
  left: 200px;
}
.u-feature .solution-row-cont .cell:nth-child(2) {
  top: 0;
  left: 434px;
}
.u-feature .solution-row-cont .cell:nth-child(3) {
  top: 63px;
  right: 150px;
}
.u-feature .solution-row-cont .cell:nth-child(4) {
  bottom: 30px;
  left: 75px;
}
.u-feature .solution-row-cont .cell:nth-child(5) {
  bottom: 72px;
  left: 300px;
}
.u-feature .solution-row-cont .cell:nth-child(6) {
  bottom: 0;
  left: 510px;
}
.u-feature .solution-row-cont .cell:nth-child(7) {
  right: 78px;
  bottom: 35px;
}
.u-feature-wrap {
  position: relative;
}
.u-feature-wrap .icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 48px;
  font-size: 46px;
  color: #006de7;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.u-feature-wrap .title {
  padding-left: 53px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 48px;
}
.u-feature-wrap .con {
  margin-top: -10px;
  margin-left: 30px;
  width: 240px;
  padding: 20px;
  font-size: 14px;
  color: #4d5c71;
  line-height: 1.3;
  border-radius: 4px;
}

.u-adv > ul {
  font-size: 0;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:first-child {
  height: 257px;
  background-image: url("../images/s-university/cj-fwys-1.png");
}
.u-adv .cell:nth-child(1) .u-adv-wrap:first-child .con {
  position: absolute;
  top: 20px;
  left: 20px;
  height: auto;
  margin-top: auto;
  padding: 0;
  text-align: left;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:first-child .con .article {
  line-height: 1.3;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:last-child {
  height: 134px;
  padding-left: 74px;
  background-color: white;
  border-bottom: 1px solid #f1f3f5;
  border-left: 1px solid #f1f3f5;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:last-child .prepend {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 74px;
  display: table-cell;
  font-size: 14px;
  color: white;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  background-color: #006de7;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:last-child .prepend span {
  display: inline-block;
  vertical-align: middle;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:last-child .con {
  left: 74px;
  height: auto;
  margin-top: -12px;
}
.u-adv .cell:nth-child(1) .u-adv-wrap:last-child .title {
  margin-bottom: 0;
}
.u-adv .cell:nth-child(2) .u-adv-wrap:first-child {
  height: 200px;
  background-color: white;
  border-top: 1px solid #f1f3f5;
}
.u-adv .cell:nth-child(2) .u-adv-wrap:last-child {
  height: 191px;
  background-image: url("../images/s-university/cj-fwys-3.png");
}
.u-adv .cell:nth-child(3) .u-adv-wrap:first-child {
  height: 133px;
  background-image: url("../images/s-university/cj-fwys-2.png");
}
.u-adv .cell:nth-child(3) .u-adv-wrap:last-child {
  height: 258px;
  background-color: #6b7086;
}
.u-adv .cell:nth-child(3) .u-adv-wrap:last-child .con {
  color: white;
}
.u-adv .cell:nth-child(4) .u-adv-wrap:first-child {
  height: 237px;
  background-color: white;
  border-top: 1px solid #f1f3f5;
  border-right: 1px solid #f1f3f5;
}
.u-adv .cell:nth-child(4) .u-adv-wrap:last-child {
  height: 154px;
  background-image: url("../images/s-university/cj-fwys-4.png");
}
.u-adv .u-adv-wrap {
  position: relative;
  display: table;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: default;
}
.u-adv .u-adv-wrap .con {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 98px;
  margin-top: -49px;
  padding: 0 40px;
  color: #666;
}
.u-adv .u-adv-wrap .con div {
  display: inline-block;
  vertical-align: middle;
}
.u-adv .u-adv-wrap .title {
  margin-bottom: 26px;
  font-size: 24px;
  line-height: 1;
}
.u-adv .u-adv-wrap .article {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.u-logos-wrap {
  margin: 20px 0;
  text-align: center;
}
.u-logos-wrap .img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.u-logos-wrap .img img {
  display: block;
  width: 100%;
  height: auto;
}
.u-logos-wrap .name {
  margin-top: 12px;
  font-size: 14px;
  color: #666;
  line-height: 1;
}

.u-aca .solution-row-cont {
  padding-top: 20px;
}
.u-aca .img {
  width: 773px;
  margin: 0 auto;
}

.u-tech {
  padding-bottom: 200px;
  background-color: #eff6fd;
  background-image: url("../images/s-university/xl-jstx-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
}
.u-tech .solution-row-cont > ul {
  margin: 0 -10px;
  font-size: 0;
}
.u-tech .solution-row-cont .cell {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.u-tech .solution-row-cont .cell:nth-child(2) .u-tech-wrap {
  margin-top: 40px;
}
.u-tech .solution-row-cont .cell:nth-child(4) .u-tech-wrap {
  margin-top: 20px;
}
.u-tech .solution-row-cont .cell:nth-child(6) .u-tech-wrap {
  margin-top: -26px;
}
.u-tech .solution-row-cont .cell:nth-child(7) .u-tech-wrap {
  margin-top: 34px;
}
.u-tech .solution-row-cont .cell:nth-child(8) .u-tech-wrap {
  margin-top: -6px;
}
.u-tech .solution-row-cont .cell:nth-child(10) .u-tech-wrap {
  margin-top: -6px;
}
.u-tech-wrap {
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 30px;
  text-align: center;
}
.u-tech-wrap .num {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: -30px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  line-height: 60px;
  text-align: center;
  background-color: #006de7;
}
.u-tech-wrap .con {
  position: relative;
  z-index: 0;
  padding-top: 50px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 109, 231, 0.15);
}
.u-tech-wrap .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: black;
  line-height: 1;
}
.u-tech-wrap .article {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
}

.u-partners {
  background-image: url("../images/s-university/xl-hzhb-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
}
.u-partners .img img {
  width: auto;
  height: auto;
  margin: 0 auto;
  vertical-align: middle;
}

.u-service .solution-row-cont > ul {
  margin: 0 -15px;
}
.u-service.u-course .img {
  width: 166px;
}
.u-service.u-exam .cell:nth-child(1) .u-service-wrap > div {
  margin: 0 12px;
}
.u-service.u-exam .cell:nth-child(2) .u-service-wrap > div, .u-service.u-exam .cell:nth-child(3) .u-service-wrap > div {
  margin: 0 -10px;
}
.u-service.u-exam .u-service-wrap {
  padding-top: 46px;
}
.u-service.u-exam .u-service-wrap > div {
  margin: 0;
}
.u-service.u-exam .u-service-wrap .spell {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
  transform: scale(1);
}
.u-service.u-exam .img {
  width: 187px;
}
.u-service-wrap {
  height: 300px;
  margin: 0 15px;
  padding-top: 60px;
  font-size: 0;
  text-align: center;
  background-color: #eff6fd;
  border-radius: 10px;
  box-sizing: border-box;
}
.u-service-wrap > div {
  display: inline-block;
  margin: 0 12px;
  vertical-align: middle;
}
.u-service-wrap .con {
  text-align: left;
}
.u-service-wrap .con span {
  display: block;
}
.u-service-wrap .con .num {
  font-size: 48px;
  font-weight: bold;
  color: #006de7;
  line-height: 1;
  letter-spacing: -0.05em;
  transform: scaleX(0.8);
  transform-origin: 0 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.u-service-wrap .con .bar {
  display: block;
  width: 42px;
  height: 6px;
  margin: 16px 0;
  background-color: #006de7;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.u-service-wrap .con .title {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: bold;
  color: #444;
  line-height: 1.1;
}
.u-service-wrap .con .spell {
  font-size: 12px;
  font-weight: 350;
  color: #afafaf;
  line-height: 1.1;
  text-transform: uppercase;
  transform: scale(0.92);
  transform-origin: 0 0;
}

.u-alliance {
  padding-bottom: 170px;
  background-image: url("../images/s-university/kcfw-bxqk-bg-1.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.u-alliance .solution-row-cont > ul {
  margin: 0 -56px;
}
.u-alliance .solution-row-cont .cell:nth-child(3) .tertiary-title .spell {
  color: #25a0ef;
}
.u-alliance .solution-row-cont .cell:nth-child(3) .tertiary-title .title {
  background-color: #25a0ef;
}
.u-alliance .solution-row-cont .cell:nth-child(3) .tertiary-title .title:after {
  border-top-color: #25a0ef;
}
.u-alliance-wrap {
  margin: 0 56px;
  text-align: center;
}
.u-alliance-wrap .article {
  margin-top: 26px;
  font-size: 14px;
  color: black;
  line-height: 24px;
}
.u-alliance-wrap .img {
  width: 294px;
  margin: 20px auto 0;
}
.u-alliance-wrap .u-alliance-row {
  margin: 30px 0;
  line-height: 1;
  text-align: center;
}
.u-alliance-wrap .u-alliance-row .icon {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  font-size: 36px;
  color: #25a0ef;
}
.u-alliance-wrap .u-alliance-row .title {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

.u-achieve {
  margin-top: -100px;
}
.u-achieve .solution-row-cont {
  margin-top: 40px;
}
.u-achieve .solution-row-cont > ul {
  width: 90%;
  margin: 0 auto;
}
.u-achieve-wrap {
  font-size: 0;
  color: #006de7;
  text-align: center;
}
.u-achieve-wrap > span {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}
.u-achieve-wrap .icon {
  font-size: 72px;
  line-height: 1;
}
.u-achieve-wrap .con {
  line-height: 1;
  text-align: left;
}
.u-achieve-wrap .con .title {
  font-size: 48px;
  font-weight: bolder;
}
.u-achieve-wrap .con .title span {
  display: inline-block;
  margin-left: 6px;
  font-size: 16px;
  vertical-align: baseline;
}
.u-achieve-wrap .con .text {
  display: block;
  margin-top: 4px;
  font-size: 18px;
}

.u-join, .n-joinus, .solution-row.n-join {
  background-color: #0567fb;
  background-image: url("../images/s-university/kcfw-bxqk-bg-2.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.u-join .solution-row-cont > ul, .n-joinus .solution-row-cont > ul, .solution-row.n-join .solution-row-cont > ul {
  margin: 40px 100px 80px;
}
.u-join .solution-row-cont > ul .cell, .n-joinus .solution-row-cont > ul .cell, .solution-row.n-join .solution-row-cont > ul .cell {
  float: left;
}
.u-join .solution-row-cont > ul .cell.brief, .n-joinus .solution-row-cont > ul .cell.brief, .solution-row.n-join .solution-row-cont > ul .cell.brief {
  width: 50%;
}
.u-join .solution-row-cont > ul .cell.contact, .n-joinus .solution-row-cont > ul .cell.contact, .solution-row.n-join .solution-row-cont > ul .cell.contact {
  width: 50%;
}
.u-join .article, .n-joinus .article, .solution-row.n-join .article {
  font-size: 15px;
  color: white;
  line-height: 30px;
}
.u-join-wrap {
  margin-left: 60px;
}
.u-join-wrap > div {
  display: inline-block;
  vertical-align: top;
}
.u-join-wrap .con {
  color: white;
}
.u-join-wrap .con .title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.u-join-wrap .con ul {
  margin-top: 10px;
}
.u-join-wrap .con li {
  margin: 4px 0;
  font-size: 0;
  line-height: 32px;
}
.u-join-wrap .con li span {
  display: inline-block;
  vertical-align: middle;
}
.u-join-wrap .con .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  background-color: #0040d0;
}
.u-join-wrap .con .text {
  font-size: 15px;
  line-height: inherit;
}
.u-join-wrap .qr {
  width: 138px;
  margin-left: 40px;
}

.u-ends {
  position: relative;
  width: 820px;
  height: 333px;
  margin: 40px auto 0;
  text-align: center;
  background-image: url("../images/s-university/ksfw-2.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.u-ends .u-ends-wrap {
  position: absolute;
  width: 160px;
  height: 160px;
  color: white;
  line-height: 1;
  vertical-align: middle;
}
.u-ends .u-ends-wrap div {
  display: inline-block;
  vertical-align: middle;
}
.u-ends .u-ends-wrap .icon {
  font-size: 60px;
}
.u-ends .u-ends-wrap .name {
  display: block;
  margin-top: 8px;
  font-size: 20px;
}
.u-ends .u-ends-wrap:nth-child(1) {
  top: 173px;
  left: 99px;
}
.u-ends .u-ends-wrap:nth-child(1) .name {
  margin-top: 0;
}
.u-ends .u-ends-wrap:nth-child(2) {
  top: 20px;
  left: 50%;
  margin-left: -80px;
}
.u-ends .u-ends-wrap:nth-child(3) {
  top: 173px;
  right: 99px;
}
.u-ends .title {
  position: absolute;
  right: 0;
  bottom: 54px;
  left: 0;
  color: black;
  line-height: 1;
}
.u-ends .title div {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: bold;
}
.u-ends .title span {
  font-size: 22px;
}

.u-ends-example {
  margin-top: 55px;
  font-size: 0;
  text-align: center;
}
.u-ends-example span {
  display: inline-block;
  margin-left: -60px;
  padding-right: 80px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  line-height: 60px;
  vertical-align: middle;
  border-radius: 35px;
  border: 5px solid white;
}
.u-ends-example span:nth-child(3n-2) {
  background-color: #006de7;
}
.u-ends-example span:nth-child(3n-1) {
  background-color: #25a0ef;
}
.u-ends-example span:nth-child(3n) {
  background-color: #445061;
}
.u-ends-example span:first-child {
  margin-left: 0;
}
.u-ends-example span:last-child {
  padding-right: 30px;
}

.u-province {
  background-color: #0567fb;
  background-image: url("../images/s-university/ksfw-sjks-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.u-province .solution-row-cont > ul .cell:nth-child(1) .icon-wrap {
  background-color: rgba(135, 149, 255, 0.4);
}
.u-province .solution-row-cont > ul .cell:nth-child(1) .icon-wrap .inner {
  background-color: #8795ff;
}
.u-province .solution-row-cont > ul .cell:nth-child(2) .icon-wrap {
  background-color: rgba(37, 160, 239, 0.3);
}
.u-province .solution-row-cont > ul .cell:nth-child(2) .icon-wrap .inner {
  background-color: #25a0ef;
}
.u-province .solution-row-cont > ul .cell:nth-child(3) .icon-wrap {
  background-color: rgba(13, 196, 130, 0.3);
}
.u-province .solution-row-cont > ul .cell:nth-child(3) .icon-wrap .inner {
  background-color: #0dc482;
}
.u-province .u-non-wrap .connect {
  background-image: url("../images/s-university/ksfw-sjks-1.png");
}
.u-province .u-non-wrap .item {
  border-color: #006de7;
}
.u-province .img {
  width: 589px;
  margin-left: 12px;
}
.u-province-case {
  position: relative;
  width: 500px;
  padding: 40px;
  color: white;
  background-color: rgba(0, 64, 208, 0.8);
  border-radius: 10px;
  border-top-left-radius: 0;
  box-sizing: border-box;
}
.u-province-case:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: rgba(0, 64, 208, 0.8);
  border-bottom-style: solid;
  transform: rotate(45deg);
}
.u-province-case .tertiary-title {
  text-align: left;
}
.u-province-case > .title {
  margin-top: 36px;
  font-size: 18px;
  font-weight: bolder;
  line-height: 1;
}
.u-province-case .article {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: justify;
}
.u-province-case .info {
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.u-province-case ul {
  margin: 24px -10px 0;
}
.u-province-case .data-wrap {
  margin: 0 5px;
  font-size: 0;
  line-height: 54px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.u-province-case .data-wrap span {
  display: inline-block;
  vertical-align: middle;
}
.u-province-case .data-wrap .num {
  margin-right: 2px;
  font-size: 28px;
  font-weight: bold;
}
.u-province-case .data-wrap .text {
  font-size: 14px;
}

.u-fun-img {
  position: relative;
  width: 323px;
  height: 472px;
  margin-top: -33px;
  background-image: url("../images/s-university/ksfw-jjks-1.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.u-fun-img .con {
  position: absolute;
  right: 16px;
  bottom: 17px;
  left: 16px;
  height: 78px;
  font-size: 0;
  color: #222;
}
.u-fun-img .con span {
  display: inline-block;
  margin: 0 20px;
  font-size: 14px;
  line-height: 26px;
}

.u-fun {
  width: 729px;
}
.u-fun .tertiary-title {
  position: relative;
  z-index: 1;
}
.u-fun .con {
  position: relative;
  margin-top: -16px;
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  background-color: white;
  border-radius: 20px;
  border: 1px dashed rgba(0, 109, 231, 0.3);
  box-sizing: border-box;
}
.u-fun .con:before, .u-fun .con:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #e2eefd;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.u-fun .con:before {
  right: 20px;
  bottom: -10px;
  left: 20px;
  z-index: 1;
  height: 10px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.u-fun .con:after {
  right: 40px;
  bottom: -20px;
  left: 40px;
  z-index: 0;
  height: 20px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.u-fun-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #222;
  line-height: 1;
  text-align: center;
}
.u-fun-wrap .icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 72px;
  background-color: rgba(0, 109, 231, 0.06);
}
.u-fun-wrap .icon i {
  font-size: 30px;
  color: #006de7;
}
.u-fun-wrap .title {
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
.u-fun-wrap .article {
  margin-top: 7px;
  font-size: 14px;
}

.u-points {
  margin-top: 60px;
  background-image: url("../images/s-university/ksfw-jjks-2.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.u-points .tertiary-title .spell {
  color: #445061;
}
.u-points .tertiary-title .title {
  background-color: #445061;
}
.u-points .tertiary-title .title:after {
  border-top-color: #445061;
}
.u-points ul {
  margin-top: 40px;
}
.u-points .cell:nth-child(1) .con {
  background-color: #7283f2;
}
.u-points .cell:nth-child(1) .con:after {
  border-top-color: #7283f2;
}
.u-points .cell:nth-child(1) .num {
  background-color: #7283f2;
}
.u-points .cell:nth-child(2) .con {
  background-color: #5dc7ee;
}
.u-points .cell:nth-child(2) .con:after {
  border-top-color: #5dc7ee;
}
.u-points .cell:nth-child(2) .num {
  background-color: #5dc7ee;
}
.u-points .cell:nth-child(3) .con {
  background-color: #4faeff;
}
.u-points .cell:nth-child(3) .con:after {
  border-top-color: #4faeff;
}
.u-points .cell:nth-child(3) .num {
  background-color: #4faeff;
}
.u-points .cell:nth-child(4) .con {
  background-color: #a08fff;
}
.u-points .cell:nth-child(4) .con:after {
  border-top-color: #a08fff;
}
.u-points .cell:nth-child(4) .num {
  background-color: #a08fff;
}
.u-points .cell:nth-child(5) .con {
  background-color: #60d999;
}
.u-points .cell:nth-child(5) .con:after {
  border-top-color: #60d999;
}
.u-points .cell:nth-child(5) .num {
  background-color: #60d999;
}
.u-points .cell:nth-child(6) .con {
  background-color: #6696f1;
}
.u-points .cell:nth-child(6) .con:after {
  border-top-color: #6696f1;
}
.u-points .cell:nth-child(6) .num {
  background-color: #6696f1;
}
.u-points .cell:nth-child(2n) .u-point-wrap {
  margin-top: 30px;
}
.u-point-wrap {
  position: relative;
  width: 140px;
  margin: 0 auto;
  color: white;
  text-align: center;
}
.u-point-wrap .con {
  position: relative;
  height: 150px;
  padding: 20px;
  border-radius: 10px;
}
.u-point-wrap .con:after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 7px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #006de7;
  border-top-style: solid;
  margin-left: -7px;
}
.u-point-wrap .con .icon {
  font-size: 30px;
  line-height: 1;
}
.u-point-wrap .con .article {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}
.u-point-wrap .num {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 20px;
  font-size: 18px;
  line-height: 32px;
}

.u-other .img {
  width: 1068px;
  margin: 0 auto;
}

.u-product {
  padding: 0;
}
.u-product .solution-row-cont {
  padding: 80px 0;
  background-repeat: no-repeat;
}
.u-product-wrap {
  width: 480px;
}
.u-product-wrap .title {
  font-size: 28px;
  font-weight: bold;
  color: #006de7;
  line-height: 1;
}
.u-product-wrap > .article {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  color: black;
  line-height: 24px;
}
.u-product-wrap ul {
  margin-right: -18px;
  margin-left: -18px;
}
.u-product-wrap .item-wrap {
  margin: 10px 18px;
}
.u-product-wrap .item-wrap .icon {
  display: block;
  font-size: 32px;
  color: #006de7;
  line-height: 1;
  text-align: center;
}
.u-product-wrap .item-wrap .title {
  display: block;
  font-size: 14px;
  color: black;
  line-height: 1;
}
.u-product-wrap .item-wrap .article {
  margin-top: 10px;
  display: block;
  font-size: 13.5px;
  color: #888;
  line-height: 20px;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}
.u-product-wrap > .btn {
  margin-top: 30px;
  padding: 0 28px;
  line-height: 38px;
  background-color: #006de7;
  border-color: #006de7;
  border-radius: 2px;
}
.u-product-wrap > .btn:hover {
  background-color: #0074f6;
  border-color: #0074f6;
  box-shadow: 0 6px 12px rgba(0, 90, 190, 0.2);
}

.u-product.space {
  background-color: #eff6fd;
}
.u-product.space .solution-row-cont {
  background-image: url("../images/s-university/others-kckj.png");
  background-position: left center;
  background-size: 589px auto;
}
.u-product.exam .solution-row-cont {
  background-image: url("../images/s-university/others-ksxj.png");
  background-position: right center;
  background-size: 577.5px auto;
}
.u-product.live {
  background-color: #eff6fd;
}
.u-product.live .solution-row-cont {
  background-image: url("../images/s-university/others-hdzb.png");
  background-position: left center;
  background-size: 615px auto;
}
.u-product.ruike .solution-row-cont {
  background-image: url("../images/s-university/others-rk.png");
  background-position: right center;
  background-size: 613.5px auto;
}
.u-product.ruike .item-wrap {
  position: relative;
  padding-left: 47px;
}
.u-product.ruike .item-wrap .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.u-bxqk-join {
  background-color: #0567fb !important;
  background-image: url("../images/s-university/kcfw-bxqk-bg-2.png") !important;
}
.u-bxqk-join .tertiary-title {
  margin-top: 0 !important;
}

.u-exam-home1 > ul {
  display: flex;
  margin: 0 -30px;
}
.u-exam-home1 > ul > li {
  width: 33.3333333333%;
  float: left;
}

.u-exam-homebox {
  height: 220px;
  margin: 0 30px;
  padding: 30px;
  background-image: url(../images/s-exam/u-exambg.jpg);
  background-size: cover;
  border-radius: 12px;
  box-sizing: border-box;
  box-shadow: 0 9px 28px 0px rgba(0, 0, 0, 0.05);
}
.u-exam-homebox h2 {
  display: flex;
  display: -webkit-flex;
  color: #a7cdf6;
  align-items: flex-end;
}
.u-exam-homebox h2 em {
  margin-right: 10px;
  font-size: 36px;
  line-height: 46px;
  font-style: normal;
  opacity: 0.8;
  background: linear-gradient(180deg, #5F98FB -23.91%, rgba(95, 152, 251, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.u-exam-homebox h2 span {
  position: relative;
  font-size: 20px;
  line-height: 46px;
  color: #2d6edf;
}
.u-exam-homebox h2 span::after {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 30px;
  height: 1px;
  margin-left: -15px;
  content: "";
  background-color: #2d6edf;
  border-radius: 12px;
}
.u-exam-homebox ul {
  padding-top: 28px;
  margin-top: -10px;
}
.u-exam-homebox li {
  width: 50%;
  float: left;
  margin-top: 10px;
}
.u-exam-homebox li p {
  position: relative;
  margin: 0;
  padding: 0 0 0 16px;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-exam-homebox li p::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  content: "";
  background-color: #5F98FB;
  border-radius: 50%;
}

.u-exam-home2 {
  margin-top: 34px;
  text-align: center;
}
.u-exam-home2 img {
  display: inline-block;
  width: 906px;
}

.university .u-openbg.solution-row {
  padding-bottom: 0;
}
.university .u-openbg .solution-row-title {
  margin-bottom: 40px;
}

.u-open-tab {
  margin-top: 56px;
  text-align: center;
}
.u-open-tab h3 {
  font-size: 32px;
  line-height: 44px;
  color: #2a2a2a;
  font-weight: bold;
}
.u-open-tab p {
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}
.u-open-tab p a {
  position: relative;
  padding: 0 20px;
  margin: 0 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  border-radius: 60px;
  color: #999;
  border: 1px solid #999;
  transition: all 0.5s;
}
.u-open-tab p a:hover {
  color: #fff;
  background: #006de7;
}
.u-open-tab p a.active {
  color: #fff;
  border-color: #006de7;
  background: #006de7;
}
.u-open-tab p a.active::after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  content: "";
  border: 6px solid transparent;
  border-top-color: #006de7;
}

.u-openc-data {
  display: flex;
  display: -webkit-flex;
}

.u-openc-dbox h4 {
  font-size: 14px;
  line-height: 28px;
}
.u-openc-dbox h4 * {
  display: inline-block;
  line-height: inherit;
}
.u-openc-dbox h4 em {
  font-size: 28px;
  font-style: normal;
  vertical-align: top;
  font-weight: bold;
}
.u-openc-dbox h4 span {
  margin-left: 2px;
  margin-top: 3px;
}
.u-openc-dbox h6 {
  font-size: 15px;
  line-height: 24px;
  color: #8c8c8c;
}

.u-openc1-1bg {
  padding: 0 0 60px;
}
.u-openc1-1bg .pic {
  width: auto;
}
.u-openc1-1 h3 {
  margin-top: 40px;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 44px;
  color: #2a2a2a;
  text-align: center;
}

.u-openc1-1s {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.u-openc1-1sl,
.u-openc1-1sr {
  margin-top: 16px;
  width: calc(50% - 8px);
}

.u-openc1box {
  padding: 32px 40px 16px 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: linear-gradient(180deg, #f4f9ff 0%, #fff 100%);
  box-shadow: 0 9px 28px 0px rgba(0, 0, 0, 0.05);
}
.u-openc1box .txt {
  flex: 1;
}
.u-openc1box .txt h2 {
  font-size: 24px;
  line-height: 34px;
  color: #000;
  font-weight: bold;
}
.u-openc1box .txt p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  text-align: justify;
}
.u-openc1box .pic {
  width: 158px;
}
.u-openc1box-1 {
  width: 100%;
  padding: 24px 40px;
}
.u-openc1box-1 .pic {
  width: 564px;
  margin-left: 14px;
}
.u-openc1box-2 {
  height: 308px;
}
.u-openc1box-2 .u-openc-data {
  position: relative;
  min-height: 116px;
  margin-top: 16px;
  padding-right: 190px;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox {
  position: relative;
  text-align: center;
  margin-right: 49px;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox::after {
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -26px;
  width: 1px;
  height: 52px;
  content: "";
  background: #F0F0F0;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox h4 {
  color: #006DE7;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(3), .u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(5) {
  margin-right: 0;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(3)::after, .u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(5)::after {
  display: none;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(n+4) {
  margin-top: 12px;
}
.u-openc1box-2 .u-openc-data .u-openc-dbox:nth-child(n+4) h4 {
  color: #09BB07;
}
.u-openc1box-2 .pic {
  position: absolute;
  top: 0;
  right: 0;
  width: 158px;
}
.u-openc1box-3 {
  height: 132px;
  margin-top: 16px;
  padding: 0 40px;
}
.u-openc1box-3 p span {
  margin-right: 4px;
  display: inline-block;
  font-size: 28px;
  line-height: 36px;
  color: #006DE7;
  font-family: "Conv_PFDinTextPro-Light";
  font-weight: bold;
}
.u-openc1box-4 {
  height: 194px;
}
.u-openc1box-5 {
  height: 246px;
  margin-top: 16px;
}
.u-openc1box-5 .u-openc-data {
  margin-top: 20px;
}
.u-openc1box-5 .u-openc-data .u-openc-dbox {
  margin-right: 16px;
}
.u-openc1box-5 .u-openc-data .u-openc-dbox h4 {
  color: #006de7;
}
.u-openc1box-5 .u-openc-data .u-openc-dbox:last-child {
  margin-right: 0;
}

.u-openc1-2bg {
  position: relative;
  padding: 40px 0;
  background-image: url("../images/s-university/u-open-bg1.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-openc1-2bg .brand-head {
  padding-top: 0;
  padding-bottom: 24px;
}
.u-openc1-2bg .brand-head .brand-title {
  line-height: 46px;
}
.u-openc1-2 ul {
  margin: 0 -8px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.u-openc1-2 li {
  width: 20%;
}
.u-openc1-2 li:nth-child(1) .u-openc1-2box::after {
  background-image: url(../images/s-university/u-openc12-01.png);
}
.u-openc1-2 li:nth-child(2) .u-openc1-2box::after {
  background-image: url(../images/s-university/u-openc12-02.png);
}
.u-openc1-2 li:nth-child(3) .u-openc1-2box::after {
  background-image: url(../images/s-university/u-openc12-03.png);
}
.u-openc1-2 li:nth-child(4) .u-openc1-2box::after {
  background-image: url(../images/s-university/u-openc12-04.png);
}
.u-openc1-2 li:nth-child(5) .u-openc1-2box::after {
  background-image: url(../images/s-university/u-openc12-05.png);
}
.u-openc1-2 .u-openc1-2box {
  margin: 0 8px;
}

.u-openc1-2box {
  position: relative;
  padding: 16px 24px;
  height: 100%;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.u-openc1-2box::after {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 96px;
  height: 96px;
  content: "";
  background-size: cover;
}
.u-openc1-2box i {
  font-size: 36px;
  line-height: 1;
  color: #006de7;
}
.u-openc1-2box h2 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #141414;
}
.u-openc1-2box p {
  margin: 4px 0 0;
  padding-right: 12px;
  font-size: 14px;
  line-height: 22px;
  color: #8c8c8c;
}

.u-openc2-1bg {
  padding: 0;
  margin-top: 32px;
}
.u-openc2-1 > p {
  margin: 0 120px;
  font-size: 16px;
  line-height: 28px;
  color: #595959;
  text-align: center;
}

.u-openc2-1wrap {
  margin-top: 40px;
  padding-bottom: 60px;
  background: url(../images/s-university/u-openc2-1bg.jpg) top center no-repeat;
}
.u-openc2-1wrap h3 {
  width: 100%;
  padding-top: 4px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #2A2A2A;
}

.u-openc2-1wrap-body {
  margin-top: 24px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.u-openc2-1wrap-body > div {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.u-openc2-1wrap-body .txt {
  width: 264px;
  flex-shrink: 0;
  font-size: 0;
  flex-wrap: wrap;
}
.u-openc2-1wrap-body .txt p {
  width: calc(50% - 8px);
  margin: 8px 0;
  font-size: 15px;
  line-height: 34px;
  color: #006de7;
  text-align: center;
  border: 1px solid #b2daff;
  border-radius: 80px;
  background: linear-gradient(90deg, #e5f4ff 0, #e5f0ff 92.71%);
}
.u-openc2-1wrap-body .pic {
  width: 324px;
  margin: 0 64px;
}
.u-openc2-1wrap-body .pic .u-openc2-1box:nth-child(2) {
  position: relative;
  z-index: 3;
  width: 140px;
  height: 140px;
  margin: 0 -20px;
  color: #006de7;
  background: linear-gradient(148deg, #F0F7FF 13.44%, #E0E8FF 86.34%);
  box-shadow: 8px 12px 52px rgba(44, 101, 214, 0.3);
}
.u-openc2-1wrap-body .pic .u-openc2-1box:nth-child(2) i {
  font-size: 40px;
}
.u-openc2-1wrap-body .pic .u-openc2-1box:nth-child(2) h2 {
  margin-top: 4px;
  font-size: 16px;
}

.u-openc2-1box {
  width: 100px;
  height: 100px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  background: linear-gradient(180deg, #3890F3 0%, #006DE7 100%);
  border-radius: 50%;
}
.u-openc2-1box i {
  font-size: 30px;
  line-height: 1;
}
.u-openc2-1box h2 {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
}

.u-openc2-1wrap-footer {
  margin-top: 56px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.u-openc2-1wrap-footer p {
  margin: 0 20px;
  padding: 0 16px 0 8px;
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  background: linear-gradient(90deg, #0078ff 0%, #66aeff 100%);
  box-shadow: 8px 8px 40px 0 rgba(44, 101, 214, 0.3);
  border-radius: 40px;
}
.u-openc2-1wrap-footer p span {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: #006de7;
  border-radius: 50%;
  background: #fff;
}

.u-openc2-2bg {
  padding-top: 60px;
  background: #f6faff;
}
.u-openc2-2 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.u-openc2-2 .txt {
  width: 440px;
}
.u-openc2-2 .txt h2 {
  font-size: 28px;
  line-height: 1.2;
  color: #141414;
}
.u-openc2-2 .txt p {
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}
.u-openc2-2 .pic {
  width: 618px;
  margin: -16px -8px;
}
.u-openc2-2 .u-openc-data {
  margin-top: 24px;
}
.u-openc2-2 .u-openc-data .u-openc-dbox {
  margin-right: 48px;
}
.u-openc2-2 .u-openc-data .u-openc-dbox h4 {
  color: #006de7;
}
.u-openc2-2 .u-openc-data .u-openc-dbox:last-child {
  margin-right: 0;
}

.u-openc2-3bg {
  position: relative;
  padding: 40px 0;
  background-image: url("../images/s-university/u-open-bg1.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-openc2-3bg .brand-head {
  margin: 0;
  padding: 0;
}
.u-openc2-3 .pic {
  width: 954px;
  height: auto;
  margin: 24px auto 0;
}

.u-openc3-1bg {
  padding-top: 0;
  margin-top: 32px;
}
.u-openc3-1 > p {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  color: #595959;
  text-align: center;
}
.u-openc3-1 > p span {
  position: relative;
  color: #141414;
  z-index: 2;
}
.u-openc3-1 > p span:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  z-index: 1;
  height: 4px;
  content: "";
  background: rgba(0, 109, 231, 0.3);
}
.u-openc3-1 > p em {
  display: inline-block;
  font-size: 24px;
  line-height: inherit;
  color: #006de7;
  font-style: normal;
  vertical-align: top;
}
.u-openc3-1 h3 {
  margin-top: 32px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #141414;
}
.u-openc3-1 ul {
  margin: 24px -24px 0;
  display: flex;
  display: -webkit-flex;
}
.u-openc3-1 li {
  width: 16.6666666667%;
}
.u-openc3-1 .u-openc3box {
  margin: 0 24px;
}

.u-openc3box {
  padding: 24px 8px 32px;
  background-image: url(../images/s-university/u-openc3box.png);
  border-radius: 6px;
  text-align: center;
}
.u-openc3box img {
  width: 90px;
  height: 82px;
  display: inline-block;
}
.u-openc3box h2 {
  margin-top: 16px;
  font-size: 18px;
  line-height: 28px;
  color: #262626;
}

.u-openc3-2bg {
  background-color: #f6faff;
}
.u-openc3-2 {
  position: relative;
  height: 642px;
  background: url(../images/s-university/u-openc3-2.png) top center;
}
.u-openc3-2 ul {
  padding-top: 45px;
  margin-top: -40px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.u-openc3-2 li {
  margin-top: 40px;
  width: 50%;
  padding-left: 40px;
}
.u-openc3-2 li:nth-child(2n+1) .u-openc3-2box {
  margin-right: auto;
}
.u-openc3-2 li:nth-child(2n) .u-openc3-2box {
  margin-left: auto;
}
.u-openc3-2 li:nth-child(3) {
  padding-left: 40px;
}
.u-openc3-2 li:nth-child(4) {
  padding-right: 40px;
}
.u-openc3-2 li:nth-child(5), .u-openc3-2 li:nth-child(1) {
  padding-left: 90px;
}
.u-openc3-2 li:nth-child(6), .u-openc3-2 li:nth-child(2) {
  padding-right: 90px;
}
.u-openc3-2 span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 190px;
  height: 190px;
  margin: -95px 0 0 -95px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  font-size: 32px;
  line-height: 45px;
  color: #fff;
  font-weight: bold;
  align-items: center;
  background: linear-gradient(180deg, #3890F3 0%, #006DE7 100%);
  border-radius: 50%;
}

.u-openc3-2box {
  width: 130px;
  height: 130px;
  color: #fff;
  background-image: linear-gradient(180deg, #3890f3 0, #006de7 100%);
  border-radius: 50%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-openc3-2box i {
  font-size: 48px;
  line-height: 1;
}
.u-openc3-2box h2 {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

.u-openc4-1bg {
  padding: 0;
  margin-top: 32px;
}
.u-openc4-1 > p {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  color: #595959;
  text-align: center;
}
.u-openc4-1 > p span {
  position: relative;
  color: #141414;
  z-index: 2;
}
.u-openc4-1 > p span:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  z-index: 1;
  height: 4px;
  content: "";
  background: rgba(0, 109, 231, 0.3);
}
.u-openc4-1 > p em {
  display: inline-block;
  font-size: 24px;
  line-height: inherit;
  color: #006de7;
  font-style: normal;
  vertical-align: top;
}

.u-openc4-2bg {
  position: relative;
  height: 1072px;
  padding-bottom: 200px;
  background: url(../images/s-university/u-openc4-1.jpg) top center no-repeat;
}
.u-openc4-2bg::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  content: "";
  background: #006de7;
}

.u-openc4-2c > div {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.u-openc4-2c1 {
  padding-top: 12px;
}
.u-openc4-2c1 .pic {
  width: 576px;
  margin-left: -74px;
}
.u-openc4-2c1 .txt {
  width: 320px;
  margin-left: -74px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.u-openc4-2c1 .txt p {
  width: calc(50% - 10px);
  margin: 10px 0;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg, #0078FF 0%, #66AEFF 100%);
  border-radius: 40px;
}

.u-openc4-2c2 {
  margin-left: -24px;
}
.u-openc4-2c2 p {
  margin: 0 32px;
  padding: 0 20px 0 6px;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  background: linear-gradient(90deg, #0078FF 0%, #66AEFF 100%);
  box-shadow: 8px 8px 40px 0 rgba(44, 101, 214, 0.3);
  border-radius: 50px;
}
.u-openc4-2c2 p span {
  display: inline-block;
  margin-right: 8px;
  width: 38px;
  height: 38px;
  margin-top: 6px;
  text-align: center;
  line-height: 38px;
  background: linear-gradient(153deg, rgba(164, 184, 223, 0.3) 12.29%, rgba(164, 184, 223, 0.12) 95.62%);
  border-radius: 50%;
  vertical-align: top;
}
.u-openc4-2c2 p span i {
  font-size: 22px;
  line-height: 38px;
}

.u-openc4-2c3 {
  position: relative;
  margin-top: 132px;
  z-index: 3;
}

.u-openc5-1bg {
  padding-top: 44px;
}
.u-openc5-1 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.u-openc5-1 .txt {
  flex: 1;
}
.u-openc5-1 .txt h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #141414;
}
.u-openc5-1 .txt p {
  margin: 24px -48px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #595959;
}
.u-openc5-1 .pic {
  width: 708px;
}
.u-openc5-1 .u-openc-data {
  padding-top: 24px;
  flex-wrap: wrap;
  margin-right: 5%;
}
.u-openc5-1 .u-openc-data .u-openc-dbox {
  margin-right: 48px;
}
.u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(1) h4, .u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(2) h4 {
  color: #09BB07;
}
.u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(3), .u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(4), .u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(5) {
  margin-top: 20px;
}
.u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(3) h4, .u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(4) h4, .u-openc5-1 .u-openc-data .u-openc-dbox:nth-child(5) h4 {
  color: #006de7;
}

.u-openc5-2bg {
  padding-top: 60px;
  background: #F6FAFF;
}
.u-openc5-2 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.u-openc5-2 .pic {
  width: 600px;
  margin-right: 60px;
}
.u-openc5-2 .txt {
  flex: 1;
}
.u-openc5-2 .txt h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #141414;
}
.u-openc5-2 .txt > p {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-align: justify;
}
.u-openc5-2 .txt ul {
  padding-top: 24px;
  margin-top: -8px;
}
.u-openc5-2 .txt li {
  margin-top: 8px;
}
.u-openc5-2 .txt li p {
  position: relative;
  margin: 0;
  padding: 0 24px 0 56px;
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  color: #006de7;
  border: 1px solid #D6EBFF;
  border-radius: 8px;
}
.u-openc5-2 .txt li p::before {
  position: absolute;
  left: 22px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  content: "";
  background-image: url(../images/s-university/gou.svg);
  background-size: cover;
}

.u-open-case ul {
  margin: -16px -8px 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.u-open-case li {
  margin-top: 16px;
  width: 33.3333333333%;
}

.open-casebox {
  position: relative;
  margin: 0 8px;
  border: 1px solid #e6e6e6;
  padding: 16px 0;
}
.open-casebox .pic {
  width: 280px;
  height: 56px;
  margin: 0 auto;
}

.u-gbbg {
  background: #fff;
}
.u-gbbg .solution-row-title {
  margin-bottom: 40px;
}
.u-gbbg .solution-row-title .content {
  margin: 30px 8px 0;
}
.u-gbbg .brand-head {
  margin-top: -4px;
  padding: 60px 0 50px;
}

.u-gb ul {
  padding-bottom: 30px;
  margin: 0 -20px;
  display: flex;
  display: -webkit-flex;
}
.u-gb li {
  width: 33.3333333333%;
}
.u-gb .u-gbbox {
  height: 100%;
  margin: 0 20px;
}
.u-gbbox {
  border: 1px solid rgba(16, 146, 236, 0.3);
}

.u-gbbox-title {
  height: 90px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(16, 146, 236, 0.12) 0, rgba(16, 146, 236, 0.02) 100%);
}
.u-gbbox-title span {
  position: relative;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  line-height: 34px;
}
.u-gbbox-title span::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(180deg, #1092EC 0%, rgba(16, 146, 236, 0) 100%);
  border-radius: 50%;
}
.u-gbbox-title span i {
  position: relative;
  z-index: 2;
  font-size: 34px;
}
.u-gbbox-title h3 {
  font-size: 20px;
  font-weight: bold;
}

.u-gbbox-body {
  padding: 24px 20px;
}
.u-gbbox-body h4 {
  font-size: 16px;
  line-height: 24px;
}
.u-gbbox-body p {
  padding: 8px;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  border-radius: 8px;
  background: #fafafa;
}
.u-gbbox-body p span {
  color: #141414;
}

.u-gbpain ul {
  padding-bottom: 20px;
  margin: 0 -40px;
  display: flex;
  display: -webkit-flex;
}
.u-gbpain li {
  width: 33.3333333333%;
}
.u-gbpain .u-gbpainbox {
  margin: 0 40px;
}
.u-gbpainbox {
  position: relative;
  cursor: pointer;
}
.u-gbpainbox .pic {
  width: auto;
  overflow: hidden;
}
.u-gbpainbox .pic img {
  transition: all 0.5s;
}
.u-gbpainbox .txt {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 32px;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  transition: all 0.5s;
}
.u-gbpainbox .txt::after {
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: rgba(0, 109, 231, 0.7);
  transition: all 0.5s;
}
.u-gbpainbox .txt * {
  position: relative;
  z-index: 2;
  transition: all 0.5s;
}
.u-gbpainbox .txt i {
  font-size: 60px;
  line-height: 1;
}
.u-gbpainbox .txt h2 {
  position: relative;
  padding-bottom: 12px;
  margin: 20px -20px 0;
  font-size: 28px;
  line-height: 30px;
}
.u-gbpainbox .txt h2::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 4px;
  margin-left: -20px;
  content: "";
  background: #fff;
}
.u-gbpainbox .txt .txts {
  height: 0;
  transition: all 0.5s;
  overflow: hidden;
}
.u-gbpainbox .txt .txts h4 {
  margin-top: 40px;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}
.u-gbpainbox .txt .txts p {
  margin: 8px 0 0;
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
}
.u-gbpainbox:hover .pic img {
  transform: scale(1.08);
}
.u-gbpainbox:hover .txt {
  top: 0;
  bottom: 0;
  transform: translateY(0);
}
.u-gbpainbox:hover .txt::after {
  top: 0;
}
.u-gbpainbox:hover .txts {
  height: auto;
}

.u-gbsolvebg {
  position: relative;
  background-image: url("../images/s-university/u-gbsolvebg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-gbsolve {
  padding: 0 12px 0 40px;
}
.u-gbsolve .u-gbsolvebox {
  margin-top: 44px;
}
.u-gbsolve .u-gbsolvebox:nth-child(1) {
  margin-top: 0;
}
.u-gbsolve .u-gbsolvebox:nth-child(1) .txt {
  background-image: url("../images/s-university/u-gbsolvebg1.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(1) .u-gbsolve-txt {
  background-image: url("../images/s-university/u-gbsolve-txtbg1.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(1) .u-gbsolve-txt h3 {
  background: #006DE7;
}
.u-gbsolve .u-gbsolvebox:nth-child(2) .txt {
  background-image: url("../images/s-university/u-gbsolvebg2.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(2) .u-gbsolve-txt {
  margin: 0;
  width: 298px;
  height: 156px;
  background-image: url("../images/s-university/u-gbsolve-txtbg2.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(2) .u-gbsolve-txt h3 {
  background: #09BB07;
}
.u-gbsolve .u-gbsolvebox:nth-child(2) .u-gbsolve-txt .txts {
  margin-top: 8px;
  height: 112px;
}
.u-gbsolve .u-gbsolvebox:nth-child(3) .txt {
  background-image: url("../images/s-university/u-gbsolvebg3.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(3) .u-gbsolve-txt {
  background-image: url("../images/s-university/u-gbsolve-txtbg3.png");
}
.u-gbsolve .u-gbsolvebox:nth-child(3) .u-gbsolve-txt h3 {
  background: #25A0EF;
}

.u-gbsolvebox {
  height: 188px;
  display: flex;
  display: -webkit-flex;
}
.u-gbsolvebox > .pic {
  width: 136px;
  margin-right: 10px;
}
.u-gbsolvebox > .txt {
  width: 932px;
  height: 188px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.u-gbsolvebox .u-gbsolve-txt {
  margin: 16px 21px 0;
}

.u-gbsolve-txt {
  width: 250px;
  height: 134px;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.u-gbsolve-txt h3 {
  width: 110px;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  border-radius: 8px;
}
.u-gbsolve-txt h3 i {
  margin-right: 6px;
  display: inline-block;
  font-size: 16px;
  line-height: inherit;
  vertical-align: top;
}
.u-gbsolve-txt > p {
  margin: 8px 0 0;
  height: 90px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: center;
  font-size: 0;
  justify-content: center;
  align-items: center;
}
.u-gbsolve-txt > p span {
  margin: 2px 8px;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  font-weight: bold;
}
.u-gbsolve-txt .txts {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.u-gbsolve-txt .txts .u-gbsolve-txtbox {
  flex: 1 0;
}

.u-gbsolve-pic {
  width: 168px;
  margin: 42px 34px 0;
}

.u-gbsolve-txtbox h4 {
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  font-weight: bold;
}
.u-gbsolve-txtbox p {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: #404040;
}

.u-gbfunbg {
  position: relative;
  background: #fff;
}
.u-gbfun ul {
  margin: 0 -12px;
  display: flex;
  display: -webkit-flex;
}
.u-gbfun li {
  width: 16.6666666667%;
}
.u-gbfun .u-gbfunbox {
  margin: 0 12px;
}

.u-gbfunbox {
  padding: 30px 8px;
  text-align: center;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.u-gbfunbox img {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin: 0 auto;
}
.u-gbfunbox h2 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
}

.u-gbskillbg {
  position: relative;
  padding-bottom: 0;
  background-image: url("../images/s-university/u-gbskillbg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-gbskill {
  padding-top: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-end;
}
.u-gbskill .u-gbskillbox {
  flex-shrink: 0;
}
.u-gbskill .u-gbskillbox:nth-child(1) {
  width: 216px;
  height: 364px;
}
.u-gbskill .u-gbskillbox:nth-child(1) .pic {
  background: #1092ec;
}
.u-gbskill .u-gbskillbox:nth-child(1) .pic::after {
  border-top-color: #1092ec;
}
.u-gbskill .u-gbskillbox:nth-child(1) .txt {
  height: 258px;
}
.u-gbskill .u-gbskillbox:nth-child(2) {
  width: 210px;
  height: 278px;
  margin-left: 12px;
}
.u-gbskill .u-gbskillbox:nth-child(2) .pic {
  background: #71BBFF;
}
.u-gbskill .u-gbskillbox:nth-child(2) .pic::after {
  border-top-color: #71BBFF;
}
.u-gbskill .u-gbskillbox:nth-child(2) .txt {
  height: 172px;
}
.u-gbskill .u-gbskillbox:nth-child(3) {
  width: 218px;
  height: 388px;
  margin-left: -32px;
}
.u-gbskill .u-gbskillbox:nth-child(3) .pic {
  background: #2BCCEE;
}
.u-gbskill .u-gbskillbox:nth-child(3) .pic::after {
  border-top-color: #2BCCEE;
}
.u-gbskill .u-gbskillbox:nth-child(3) .txt {
  height: 172px;
}
.u-gbskill .u-gbskillbox:nth-child(4) {
  width: 218px;
  height: 274px;
  margin-left: -16px;
}
.u-gbskill .u-gbskillbox:nth-child(4) .pic {
  background: #B6AAFF;
}
.u-gbskill .u-gbskillbox:nth-child(4) .pic::after {
  border-top-color: #B6AAFF;
}
.u-gbskill .u-gbskillbox:nth-child(4) .txt {
  height: 172px;
}
.u-gbskill .u-gbskillbox:nth-child(5) {
  width: 218px;
  height: 448px;
  margin-left: -32px;
}
.u-gbskill .u-gbskillbox:nth-child(5) .pic {
  background: #FFD480;
}
.u-gbskill .u-gbskillbox:nth-child(5) .pic::after {
  border-top-color: #FFD480;
}
.u-gbskill .u-gbskillbox:nth-child(5) .txt {
  height: 172px;
}
.u-gbskill .u-gbskillbox:nth-child(6) {
  width: 218px;
  height: 264px;
  margin-left: -60px;
}
.u-gbskill .u-gbskillbox:nth-child(6) .pic {
  background: #1ED988;
}
.u-gbskill .u-gbskillbox:nth-child(6) .pic::after {
  border-top-color: #1ED988;
}
.u-gbskill .u-gbskillbox:nth-child(6) .txt {
  height: 172px;
}

.u-gbskillbox {
  position: relative;
}
.u-gbskillbox::after {
  position: absolute;
  left: 40px;
  top: 120px;
  bottom: 0;
  width: 0;
  content: "";
  border-left: 1px dotted #D9D9D9;
}
.u-gbskillbox .pic {
  position: relative;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
}
.u-gbskillbox .pic::after {
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  border: 10px solid transparent;
}
.u-gbskillbox .pic i {
  font-size: 44px;
}
.u-gbskillbox .txt {
  position: relative;
  margin-top: 26px;
  padding-left: 60px;
  color: #fff;
}
.u-gbskillbox .txt::before {
  position: absolute;
  top: 2px;
  left: -8px;
  font-size: 32px;
  content: attr(data-num);
  font-weight: normal;
}
.u-gbskillbox .txt::after {
  position: absolute;
  left: 35px;
  top: 1px;
  width: 12px;
  height: 12px;
  content: "";
  border: 1px solid #bfbfbf;
  border-radius: 50%;
}
.u-gbskillbox .txt h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.u-gbskillbox .txt p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
}

.u-graduate {
  padding-top: 30px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.u-graduate .txt {
  flex: 1;
}
.u-graduate .u-graduatebox {
  padding: 12px 0;
}
.u-graduate .pic {
  margin: -19px 0 -19px 40px;
  width: 430px;
}

.u-graduatebox h2 {
  position: relative;
  padding-left: 52px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}
.u-graduatebox h2 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.u-graduatebox p {
  margin: 0 0 0 52px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}

.u-graduate-painbg {
  position: relative;
  padding: 30px 0 40px;
  background-image: url("../images/s-university/u-graduate-painbg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-graduate-platformbg {
  padding: 50px 0 80px;
}
.u-graduate-platform ul {
  margin: 0 -12px;
  display: flex;
  display: -webkit-flex;
}
.u-graduate-platform li {
  width: 25%;
}
.u-graduate-platform .graduate-platformbox {
  margin: 0 12px;
}

.graduate-platformbox {
  background: #fff;
  border: 1px solid rgba(16, 146, 236, 0.3);
}
.graduate-platformbox .txt {
  height: 66px;
  margin: 16px 44px;
  font-size: 14px;
  line-height: 22px;
}
.graduate-platformbox .pic {
  width: auto;
  margin: 14px 44px 0;
}

.graduate-platform-title {
  height: 66px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(16, 146, 236, 0.12) 0, rgba(16, 146, 236, 0.02) 100%);
}
.graduate-platform-title h3 {
  font-size: 18px;
  color: #101319;
  font-weight: 900;
}
.graduate-platform-title span {
  position: relative;
  width: 36px;
  height: 36px;
  margin-left: -4px;
  margin-right: 8px;
  text-align: center;
  line-height: 36px;
  font-weight: normal;
}
.graduate-platform-title span::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(180deg, #1092EC 0%, rgba(16, 146, 236, 0) 100%);
  border-radius: 50%;
}
.graduate-platform-title span i {
  position: relative;
  z-index: 1;
  font-size: 30px;
}

.u-collegebg .solution-row-title .content {
  margin: 30px 0 0;
}
.u-collegebg .brand-head {
  padding-top: 50px;
}
.u-college {
  padding-top: 20px;
}
.u-college ul {
  margin: 0 -40px;
  display: flex;
  display: -webkit-flex;
}
.u-college li {
  width: 33.3333333333%;
}
.u-college .u-collegebox {
  margin: 0 40px;
}

.u-collegebox {
  position: relative;
  cursor: pointer;
}
.u-collegebox .pic {
  width: auto;
}
.u-collegebox .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  padding: 16px 56px;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  transition: all 0.5s;
}
.u-collegebox .txt::after {
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: rgba(0, 109, 231, 0.7);
  transition: all 0.5s;
}
.u-collegebox .txt * {
  position: relative;
  z-index: 2;
  transition: all 0.5s;
}
.u-collegebox .txt i {
  font-size: 60px;
  line-height: 1;
}
.u-collegebox .txt h2 {
  position: relative;
  padding-bottom: 12px;
  margin-top: 20px;
  font-size: 28px;
  line-height: 30px;
}
.u-collegebox .txt h2::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 44px;
  height: 4px;
  margin-left: -22px;
  content: "";
  background: #d9d9d9;
}
.u-collegebox .txt p {
  height: 0;
  margin: 40px 0 0;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  overflow: hidden;
}
.u-collegebox:hover .txt {
  top: 0;
  bottom: 0;
  transform: translateY(0);
}
.u-collegebox:hover .txt::after {
  top: 0;
}
.u-collegebox:hover .txt p {
  height: auto;
}

.u-college-featbg {
  border-top: 1px solid #eee;
}
.u-college-featbg.nb {
  border-top: none;
}
.u-college-feat {
  padding: 20px 0 0;
}
.u-college-feat ul {
  margin: 0 -48px;
  display: flex;
  display: -webkit-flex;
}
.u-college-feat li {
  width: 20%;
}
.u-college-feat > h6 {
  margin-top: 50px;
  text-align: center;
}
.u-college-feat > h6 a {
  padding: 0 51px;
  display: inline-block;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  background: #006de7;
  border-radius: 40px;
  transition: all 0.5s;
}
.u-college-feat > h6 a:hover {
  background: #0055b4;
}

.college-featbox .pic {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.college-featbox h2 {
  margin-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  text-align: center;
}

/**
 * Solution： Train Line
 * -----------------------------------------------------------------------------
 */
.train .sol-title-info {
  font-size: 18px;
}
.train .brand-head {
  padding-bottom: 40px;
}
.train .brand-head .brand-title {
  font-weight: 400;
}
.train .cur-bar {
  background-color: #1092ec;
}
.train .nav-cell .dropdown .arrow {
  border-bottom-color: #1092ec;
}
.train .nav-cell .dropdown .dropdown-list a:hover {
  color: #1092ec;
}
.train .footer-links-title:before {
  background-color: #1092ec;
}
.train .solution-nav .nav-anchor {
  top: 0;
  z-index: -1;
  height: auto;
  background-color: #1092ec;
}
.train .solution-nav .nav-anchor1 {
  background-color: #006aff !important;
}
.train .solution-nav .nav-link.active .nav-anchor {
  width: 130%;
  margin-left: -65%;
}
.train .solution-row {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: auto;
}
.train .solution-row > .arrow {
  position: absolute;
  bottom: -40px;
  left: 50%;
  z-index: 1;
  display: block;
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-right-width: 35px;
  border-left-width: 35px;
  border-style: dashed;
  border-color: transparent;
  border-top-color: white;
  border-top-style: solid;
  margin-left: -35px;
}
.train .solution-row > .arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -34px;
  margin-left: -14px;
  font-size: 28px;
  color: #1092ec;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.train .solution-row > .arrow.blue {
  border-top-color: #1092ec;
}
.train .solution-row > .arrow.blue i {
  color: white;
}
.train .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.train .sol-title-primary span {
  background-color: #1092ec;
}
.train .sol-title-bar {
  background-color: #1092ec;
}
.train .sol-title-bar1 {
  background-color: #006aff;
}
.train .brand-head {
  padding-bottom: 60px;
}
.train .brand-head .brand-title {
  font-size: 32px;
}
.train .brand-head .brand-title:after {
  display: none;
}
.train .brand-head.white .brand-title,
.train .brand-head.white .brand-info {
  color: white;
}
.train .btn-bottom {
  padding: 0 50px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  line-height: 48px;
  background-color: #1092ec;
  border-color: #1092ec;
  border-radius: 24px;
  box-shadow: 0 4px 10px rgba(13, 122, 198, 0.1);
}
.train .btn-bottom:hover {
  background-color: #1c99f0;
  border-color: #1c99f0;
  box-shadow: 0 6px 12px rgba(13, 122, 198, 0.2);
}
.train .btn-bottom.white, .train .btn-bottom.white:hover {
  color: #1092ec;
  background-color: white;
  border-color: white;
}
.train .btn-bottom.white1 {
  color: #006aff !important;
}
.train .btn-bottom.white1 span {
  font-size: 18px;
}
.train .btn-bottom.white1:hover {
  border-color: #1c99f0;
  box-shadow: 0 6px 12px rgba(204, 18, 19, 0.1);
}
.train .btn-bottom.red {
  color: white;
  background-color: #ec2526;
  border-color: #ec2526;
  box-shadow: 0 6px 12px rgba(214, 19, 20, 0.2);
}
.train .btn-bottom.red:hover {
  background-color: #f05455;
  border-color: #f05455;
}
.train .btn-wrap a {
  margin: 0 30px;
}
.train .card {
  padding: 40px 45px;
  border-radius: 12px;
  border: 0;
  box-shadow: 0 0 12px rgba(16, 146, 236, 0.2);
}
.train .card .title {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  color: black;
  line-height: 1;
  text-align: center;
}
.train .card .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 30px;
  height: 4px;
  margin-left: -15px;
  background-color: #1092ec;
  border-radius: 2px;
}
.train .card .con {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}
.train .mini {
  position: fixed;
  top: 442px;
  right: 20px;
  z-index: 1031;
  width: 72px;
  text-align: right;
  overflow: hidden;
}
.train .mini:hover {
  overflow: visible;
}
.train .mini > .btn {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.train .mini > .btn.btn-apply {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  color: white;
  background-color: #3da8f2;
}
.train .mini > .btn.btn-apply i {
  margin-bottom: 4px;
  font-size: 24px;
}
.train .mini > .btn.btn-apply::before {
  position: absolute;
  left: -20px;
  top: -40px;
  bottom: -40px;
  width: 60px;
  content: "";
  background: transparent;
}
.train .mini > .btn.btn-apply:hover {
  background-color: #0d74bc;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.train .mini > .btn.btn-apply .bubble {
  top: 50%;
  transform: translateY(-50%);
  padding-top: 12px;
  padding-bottom: 12px;
}
.train .mini > .btn.btn-call {
  color: #1092ec;
  line-height: 72px;
  background-color: white;
}
.train .mini > .btn.btn-call i {
  display: inline-block;
  font-size: 28px;
}
.train .mini > .btn.btn-call .bubble {
  top: 0;
}
.train .mini > .btn.btn-call .bubble:after {
  top: 30px;
  margin-top: 0;
}
.train .mini > .btn.btn-call .bubble:before {
  top: 16px;
  margin-top: 0;
}
.train .mini > .btn:hover {
  color: white;
  background-color: #3da8f2;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}
.train .mini > .btn:hover .bubble {
  left: -304.5px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.train .mini .bubble {
  position: absolute;
  left: -348px;
  width: 290px;
  padding: 6px 20px;
  text-align: left;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.train .mini .bubble .tel {
  margin: 12px 0;
  font-size: 14px;
  color: #666;
  line-height: 1;
}
.train .mini .bubble .tel > span {
  display: block;
  margin: 8px 0;
}
.train .mini .bubble .tel .title {
  font-size: 14px;
  color: #999;
}
.train .mini .bubble .tel .title span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: #1092ec;
  vertical-align: middle;
}
.train .mini .bubble .tel .num {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.train .mini .bubble:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: #3da8f2;
  border-left-style: solid;
  margin-top: -6px;
}
.train .mini .bubble:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 40px;
  margin-top: -20px;
  background-color: #3da8f2;
}
.train .mini .bubble .link {
  position: relative;
  display: block;
  padding: 8px 20px 8px 6px;
  font-size: 15px;
  color: #222;
  line-height: 1.4;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.train .mini .bubble .link .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #1092ec;
  vertical-align: middle;
}
.train .mini .bubble .link .arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 4px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: #1092ec;
  border-left-style: solid;
  margin-top: -4px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.train .mini .bubble .link:hover {
  color: #1092ec;
  border-color: #1092ec;
}
.train .mini .bubble .link:hover .arrow {
  right: 4px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.t-skill .img {
  width: 1083px;
  margin: -20px auto 0;
}

.t-modes {
  background-image: url("../images/s-train/zj-mods-bg.jpg");
  background-color: #1092ec;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.t-modes .solution-row-cont {
  font-size: 0;
  text-align: center;
}
.t-modes .solution-row-cont > div {
  display: inline-block;
  margin: 0 50px;
  vertical-align: middle;
}
.t-modes .brand-head {
  padding: 0;
  color: white;
  text-align: left;
}
.t-modes .brand-head h2,
.t-modes .brand-head h3,
.t-modes .brand-head div {
  display: inline-block;
}
.t-modes .brand-title,
.t-modes .brand-info {
  font-size: 32px;
  color: white;
}
.t-modes .brand-subtitle {
  font-size: 60px;
  font-weight: 700;
}
.t-modes .brand-subtitle span {
  font-size: 72px;
  vertical-align: -6px;
}
.t-modes .brand-title {
  font-weight: 600;
  line-height: 1;
}
.t-modes .brand-info {
  font-weight: 300;
  line-height: 1.2;
}
.t-modes .img {
  width: 566px;
}
.t-modes .img img {
  display: block;
  width: 100%;
  height: auto;
}

.t-custom {
  background-color: rgba(16, 146, 236, 0.1);
  background-image: url("../images/s-train/zj-custom-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}
.t-custom .brand-head {
  padding-bottom: 40px;
}
.t-custom .brand-head .brand-title {
  font-weight: 400;
}
.t-custom .solution-row-cont > ul {
  margin: 0 -11px;
}
.t-custom .card {
  margin: 0 11px;
}
.t-custom .card .icon {
  width: 247px;
  height: 183px;
  margin: 0 auto 24px;
}
.t-custom .card .icon img {
  display: block;
  width: 100%;
  height: auto;
}
.t-custom .card .con {
  height: 80px;
  line-height: normal;
}
.t-custom .card .btn-solution {
  margin: 24px auto 0;
  width: 164px;
  font-size: 16px;
}

.t-adv {
  background-image: url("../images/s-train/zj-ad-bg.png");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: auto;
}
.t-adv .brand-head {
  padding-bottom: 40px !important;
}
.t-adv .brand-head .brand-title {
  font-weight: 400;
}
.t-adv .solution-row-cont > ul {
  margin: 0 -10px;
}
.t-adv .solution-row-cont > ul .cell:nth-child(2n-1) {
  padding-top: 120px;
}
.t-adv .solution-row-cont > ul .cell:nth-child(1) .icon {
  background-color: #1092ec;
}
.t-adv .solution-row-cont > ul .cell:nth-child(1) .icon:after {
  border-top-color: #1092ec;
}
.t-adv .solution-row-cont > ul .cell:nth-child(2) .icon {
  background-color: #71bbff;
}
.t-adv .solution-row-cont > ul .cell:nth-child(2) .icon:after {
  border-top-color: #71bbff;
}
.t-adv .solution-row-cont > ul .cell:nth-child(3) .icon {
  background-color: #2bccee;
}
.t-adv .solution-row-cont > ul .cell:nth-child(3) .icon:after {
  border-top-color: #2bccee;
}
.t-adv .solution-row-cont > ul .cell:nth-child(3) .con {
  padding-bottom: 80px;
}
.t-adv .solution-row-cont > ul .cell:nth-child(4) .icon {
  background-color: #ac9eff;
}
.t-adv .solution-row-cont > ul .cell:nth-child(4) .icon:after {
  border-top-color: #ac9eff;
}
.t-adv .solution-row-cont > ul .cell:nth-child(4) .con {
  padding-bottom: 220px;
}
.t-adv .solution-row-cont > ul .cell:nth-child(5) .icon {
  background-color: #ffd480;
}
.t-adv .solution-row-cont > ul .cell:nth-child(5) .icon:after {
  border-top-color: #ffd480;
}
.t-adv-wrap {
  margin-right: 10px;
  margin-left: 10px;
}
.t-adv-wrap .icon {
  position: relative;
  display: block;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-bottom: 25px;
  margin-left: 7px;
  color: white;
  line-height: 78px;
  text-align: center;
  background-color: gray;
  overflow: visible;
}
.t-adv-wrap .icon i {
  font-size: 40px;
}
.t-adv-wrap .icon:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: gray;
  border-top-style: solid;
  margin-left: -10px;
}
.t-adv-wrap .con {
  position: relative;
  margin-left: 46px;
  padding-bottom: 120px;
  border-left: 1px dashed #adadad;
  box-sizing: border-box;
}
.t-adv-wrap .con div {
  position: relative;
  padding-left: 22px;
}
.t-adv-wrap .con div span {
  position: absolute;
  display: block;
}
.t-adv-wrap .num {
  position: absolute;
  top: 0;
  left: -46px;
  font-size: 32px;
  font-weight: 300;
  color: #bfbfbf;
  transform: scaleX(0.9);
  transform-origin: top left;
}
.t-adv-wrap .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  color: black;
  line-height: 1;
}
.t-adv-wrap .title .circle {
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-top: -9px;
  margin-left: -31px;
  background-color: white;
  border: 1px solid #adadad;
  box-sizing: border-box;
}
.t-adv-wrap .text {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.3;
}
.t-adv-wrap .text .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-left: -25px;
  background-color: #adadad;
}

.t-fun, .p-chart, .p-exam {
  background-image: url("../images/s-train/zj-fun-bg.jpg");
  background-color: #242041;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
}
.t-fun .brand-head, .p-chart .brand-head, .p-exam .brand-head {
  padding-bottom: 40px;
}
.t-fun .brand-head .brand-title, .p-chart .brand-head .brand-title, .p-exam .brand-head .brand-title {
  font-weight: 400;
}
.t-fun .tabs-head, .p-chart .tabs-head, .p-exam .tabs-head {
  font-size: 0;
  text-align: center;
}
.t-fun .tabs-item, .p-chart .tabs-item, .p-exam .tabs-item {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.t-fun .tabs-link, .p-chart .tabs-link, .p-exam .tabs-link {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  font-size: 16px;
  color: white;
  line-height: 36px;
  border: 1px solid white;
  border-radius: 18px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.t-fun .tabs-link:hover, .p-chart .tabs-link:hover, .p-exam .tabs-link:hover {
  color: #1092ec;
  border-color: #1092ec;
}
.t-fun .tabs-link.active, .p-chart .tabs-link.active, .p-exam .tabs-link.active {
  color: white;
  background-color: #1092ec;
  border-color: #1092ec;
}
.t-fun .tabs-link.active:after, .p-chart .tabs-link.active:after, .p-exam .tabs-link.active:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #1092ec;
  border-top-style: solid;
  margin-left: -6px;
}
.t-fun .tabs-body ul, .p-chart .tabs-body ul, .p-exam .tabs-body ul {
  font-size: 0;
  text-align: center;
}
.t-fun .tabs-body .cell, .p-chart .tabs-body .cell, .p-exam .tabs-body .cell {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.t-fun .tabs-body .cell:first-child .t-fun-wrap:after, .p-chart .tabs-body .cell:first-child .t-fun-wrap:after, .p-exam .tabs-body .cell:first-child .t-fun-wrap:after {
  left: 50%;
}
.t-fun .tabs-body .cell:last-child .t-fun-wrap:after, .p-chart .tabs-body .cell:last-child .t-fun-wrap:after, .p-exam .tabs-body .cell:last-child .t-fun-wrap:after {
  right: 50%;
}
.t-fun .tabs-con:nth-child(2) .card, .p-chart .tabs-con:nth-child(2) .card, .p-exam .tabs-con:nth-child(2) .card {
  width: 100%;
}
.t-fun .tabs-con:nth-child(3) .card, .p-chart .tabs-con:nth-child(3) .card, .p-exam .tabs-con:nth-child(3) .card {
  width: 83.3333333333%;
}
.t-fun .tabs-con:nth-child(4) .card, .p-chart .tabs-con:nth-child(4) .card, .p-exam .tabs-con:nth-child(4) .card {
  width: 66.6666666667%;
}
.t-fun .card, .p-chart .card, .p-exam .card {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 40px 0;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.t-fun .card:before, .p-chart .card:before, .p-exam .card:before, .t-fun .card:after, .p-chart .card:after, .p-exam .card:after {
  content: "";
  position: absolute;
  display: block;
  background-color: white;
  border-radius: 12px;
}
.t-fun .card:before, .p-chart .card:before, .p-exam .card:before {
  top: 6px;
  right: 14px;
  bottom: -6px;
  left: 14px;
  z-index: -1;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.t-fun .card:after, .p-chart .card:after, .p-exam .card:after {
  top: 12px;
  right: 28px;
  bottom: -12px;
  left: 28px;
  z-index: -2;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.t-fun .card .title, .p-chart .card .title, .p-exam .card .title {
  margin-bottom: 40px;
  padding-bottom: 0;
  font-size: 16px;
  color: #222;
  line-height: 1;
}
.t-fun .card .title:after, .p-chart .card .title:after, .p-exam .card .title:after {
  display: none;
}
.t-fun-wrap {
  position: relative;
  text-align: center;
}
.t-fun-wrap:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 24px;
  height: 1px;
  background-color: rgba(16, 146, 236, 0.2);
}
.t-fun-wrap .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 12px;
}
.t-fun-wrap .num {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 16px;
  color: white;
  line-height: 28px;
  background-color: #1092ec;
  border: 10px solid white;
  box-sizing: content-box;
}

.t-skill-case {
  background-color: #f0f0f0;
}
.t-skill-case .brand-head {
  padding-bottom: 40px;
}
.t-skill-case .brand-head .brand-title {
  font-weight: 400;
}
.t-skill-case-wrap {
  position: relative;
  margin-bottom: 10px;
  padding-left: 120px;
}
.t-skill-case-wrap:last-child {
  margin-bottom: 0;
}
.t-skill-case-wrap .title {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 120px;
  height: 92px;
  font-size: 18px;
  color: white;
  text-align: center;
  background-color: #6b7086;
  vertical-align: middle;
}
.t-skill-case-wrap .title span {
  display: inline-block;
  vertical-align: middle;
}
.t-skill-case-wrap ul {
  display: flex;
  align-items: center;
  height: 92px;
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.t-skill-case-wrap ul.logo-box {
  padding: 16px;
}
.t-skill-case-wrap ul.logo-box li:last-child .logo {
  margin-right: 0;
}
.t-skill-case-wrap ul.logo-box .logo {
  display: inline-block;
  margin-right: 32px;
  padding: 0 10px;
  width: 204px;
}

.t-internal {
  background-image: linear-gradient(to bottom, #1092ec 0, #10a1ec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF1092EC", endColorstr="#FF10A1EC", GradientType=0);
}
.t-internal .container {
  padding: 80px 0;
  background-image: url("../images/s-train/nx-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.t-internal.solution-row {
  padding: 0;
}
.t-internal.solution-row > .arrow.blue {
  border-top-color: #0c8eec;
}
.t-internal-wrap {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
.t-internal-wrap .title {
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 1;
  width: 443px;
}
.t-internal-wrap .img {
  float: right;
  width: 807px;
  margin-right: -27px;
}

.t-difficult .solution-row-cont > ul {
  margin: 0 -22px;
}
.t-difficult-wrap {
  position: relative;
  height: 120px;
  margin: 43px 22px 0;
  padding-left: 30px;
  line-height: 120px;
  background-color: rgba(16, 146, 236, 0.05);
  border-radius: 10px;
}
.t-difficult-wrap .num {
  position: absolute;
  top: -26px;
  left: 30px;
  font-family: Helvetica;
  font-size: 60px;
  font-weight: 600;
  color: #1092ec;
  line-height: 1;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.t-difficult-wrap .text {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.t-difficult-wrap .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 170px;
  height: 163px;
}

.t-display .solution-row-cont {
  font-size: 0;
}
.t-display .solution-row-cont > div {
  display: inline-block;
  vertical-align: middle;
}
.t-display-wrap {
  width: 520px;
  text-align: left;
}
.t-display-wrap .title {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 1;
}
.t-display-wrap .article li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 21px;
  font-size: 16px;
  color: #222;
  line-height: 24px;
}
.t-display-wrap .article li .dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 10px;
  background-color: #1092ec;
}
.t-display-wrap > .btn {
  margin-top: 30px;
  padding: 0 28px;
  line-height: 38px;
  background-color: #1092ec;
  border-color: #1092ec;
  border-radius: 2px;
}
.t-display-wrap > .btn:hover {
  background-color: #1c99f0;
  border-color: #1c99f0;
  box-shadow: 0 6px 12px rgba(13, 122, 198, 0.2);
}

.t-display.t-display-d-1 {
  text-align: right;
}
.t-display.t-display-d-1 .img {
  width: 550px;
  margin-right: 63px;
}
.t-display.t-display-d-2 {
  text-align: left;
}
.t-display.t-display-d-2 .img {
  width: 479px;
  margin-left: 87px;
}
.t-display.t-display-d-3 {
  text-align: right;
}
.t-display.t-display-d-3 .img {
  width: 597px;
  margin-right: 20px;
  margin-left: -8px;
}
.t-display.t-display-d-4 {
  text-align: left;
}
.t-display.t-display-d-4 .img {
  width: 586px;
  margin-left: 30px;
}
.t-display.t-display-d-5 {
  text-align: right;
}
.t-display.t-display-d-5 .img {
  width: 578px;
  margin-right: 50px;
  margin-left: -20px;
}
.t-display.t-display-f-1 {
  text-align: left;
}
.t-display.t-display-f-1 .img {
  width: 399px;
  margin-left: 120px;
}
.t-display.t-display-f-2 {
  text-align: right;
}
.t-display.t-display-f-2 .img {
  width: 469px;
  margin-right: 150px;
}
.t-display.t-display-f-3 {
  text-align: left;
}
.t-display.t-display-f-3 .img {
  width: 425px;
  margin-left: 143px;
}

.t-internal-case {
  background-image: url("../images/s-train/nx-case-bg.jpg");
  background-color: #2c323a;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.t-internal-case .solution-row-cont > ul {
  margin: 0 -20px;
}
.t-internal-case-wrap {
  margin: 0 20px;
}
.t-internal-case-wrap .con {
  display: inline-block;
  width: 100%;
  height: 200px;
  padding-top: 40px;
  text-align: center;
  background-color: #22262b;
  vertical-align: middle;
  box-sizing: border-box;
}
.t-internal-case-wrap .con span {
  display: inline-block;
}
.t-internal-case-wrap .con .logo {
  width: 102px;
  height: 75px;
}
.t-internal-case-wrap .con .text {
  margin-top: 10px;
  font-size: 18px;
  color: white;
  line-height: 1;
}

.t-railway {
  background-image: url("../images/s-train/tl-bg.jpg");
  background-color: #1092ec;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.t-railway .solution-row-cont .img {
  width: 986px;
  margin: 60px auto;
}

.t-flow .solution-row-cont > ul {
  height: 349px;
  font-size: 0;
  text-align: center;
  background-image: url("../images/s-train/tl-flow.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.t-flow .solution-row-cont .cell {
  display: inline-block;
  margin: 0 -53px;
  vertical-align: top;
}
.t-flow .solution-row-cont .cell:nth-child(2n) .t-flow-wrap {
  margin-top: 110px;
}
.t-flow .solution-row-cont .cell:first-child {
  margin-left: -50px;
}
.t-flow .solution-row-cont .cell:last-child {
  margin-right: -50px;
}
.t-flow-wrap {
  width: 220px;
  padding-top: 44px;
  color: white;
  line-height: 1;
  text-align: center;
}
.t-flow-wrap span {
  display: block;
}
.t-flow-wrap .num {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
.t-flow-wrap .icon {
  margin-bottom: 12px;
  font-size: 48px;
}
.t-flow-wrap .title {
  font-size: 16px;
}

.t-mng {
  background-color: rgba(16, 146, 236, 0.1);
}
.t-mng .solution-row-cont > ul {
  margin: 0 -10px;
}
.t-mng .solution-row-cont .cell:nth-child(1) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-1.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(2) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-2.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(3) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-3.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(4) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-4.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(5) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-5.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(6) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-6.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(7) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-7.jpg");
}
.t-mng .solution-row-cont .cell:nth-child(8) .t-mng-wrap {
  background-image: url("../images/s-train/tl-fun-8.jpg");
}
.t-mng-wrap {
  height: 180px;
  margin: 10px;
  padding-top: 50px;
  color: white;
  line-height: 1;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  box-sizing: border-box;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.t-mng-wrap .icon {
  font-size: 50px;
}
.t-mng-wrap .title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
}
.t-mng-wrap:hover {
  cursor: default;
  transform: scale(1.06);
  transform-origin: center center;
}

.t-railway-case {
  background-image: url("../images/s-train/tl-case-bg.jpg");
  background-color: #2d2c34;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.t-railway-case .swiper-slide {
  padding-top: 50px;
  padding-bottom: 50px;
}
.t-railway-case .swiper-pagination-bullet {
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.t-railway-case .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1092ec;
}
.t-railway-case .card {
  height: 350px;
  padding-top: 86px;
  padding-right: 0;
  padding-left: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
.t-railway-case .card .icon {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: -50px;
  left: 50%;
  margin-left: -50px;
  background-color: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.t-railway-case .card .con {
  margin: 0 45px;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.t-quote {
  position: relative;
  width: 900px;
  margin: -20px auto 10px;
  padding: 15px 80px;
  background-color: rgba(16, 146, 236, 0.08);
  border-radius: 16px;
  box-sizing: border-box;
}
.t-quote .text {
  font-size: 20px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
.t-quote span {
  position: absolute;
  z-index: 1;
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../images/s-train/gwnl-quote.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.t-quote span.t-quote-1 {
  top: 10px;
  left: 20px;
  background-position: 0 0;
}
.t-quote span.t-quote-2 {
  right: 20px;
  bottom: 10px;
  background-position: -32px 0;
}
.t-quote:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 12px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: rgba(16, 146, 236, 0.08);
  border-top-style: solid;
  margin-left: -12px;
}

.t-seperate .solution-row-cont > ul, .p-feature .solution-row-cont > ul, .p-fun .solution-row-cont > ul {
  margin: 0 -60px;
  font-size: 0;
}
.t-seperate .solution-row-cont > ul .cell, .p-feature .solution-row-cont > ul .cell, .p-fun .solution-row-cont > ul .cell {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
}
.t-seperate-wrap {
  margin: 40px 60px;
  text-align: center;
}
.t-seperate-wrap .icon {
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.t-seperate-wrap .title {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  color: black;
  line-height: 1;
}
.t-seperate-wrap .text {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}

.t-hospital {
  background-image: url("../images/s-train/tl-3-bg.jpg");
  background-size: 100% 100%;
}
.t-hospital .container {
  background-image: none;
}
.t-hospital .solution-row-cont .t-hospital-wrap {
  position: relative;
  padding: 0 30px;
}
.t-hospital .solution-row-cont .t-hospital-wrap .title {
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul {
  position: relative;
  height: 544px;
  background-image: url("../images/s-train/tl-3-bg-c.png");
  background-size: 100% 100%;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li {
  position: absolute;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li:first-child, .t-hospital .solution-row-cont .t-hospital-wrap ul li:last-child {
  top: 313px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li:first-child {
  left: 120px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li:last-child {
  left: 700px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li:nth-child(2) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap {
  position: relative;
  display: flex;
  margin: 0 -6px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap > * {
  margin: 0 6px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap.vertical {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap.vertical .info {
  margin-bottom: 12px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #fff;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap .icon img {
  width: 26px;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap .info {
  text-align: right;
  color: #fff;
  line-height: normal;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap .info .tit {
  font-size: 20px;
  font-weight: 400;
}
.t-hospital .solution-row-cont .t-hospital-wrap ul li .hx-wrap .info .txt {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.89);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
}

.t-progress .container {
  position: relative;
}
.t-progress .container::after {
  position: absolute;
  left: 0;
  bottom: -80px;
  content: "";
  width: 100%;
  height: 457px;
  background: url("../images/s-train/sl-3-2-bg.png") center;
  background-size: cover;
}
.t-progress .solution-row-cont ul {
  position: relative;
  display: flex;
  padding-left: 15px;
  padding-right: 9px;
  height: 518px;
  z-index: 1;
}
.t-progress .solution-row-cont ul::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 81px;
  display: inline-block;
  content: "";
  height: 355px;
  background: url("../images/s-train/line.png");
  background-size: 100% 100%;
  z-index: 2;
}
.t-progress .solution-row-cont ul::before {
  position: absolute;
  left: 0;
  bottom: 42px;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 100%;
  box-sizing: border-box;
}
.t-progress .solution-row-cont ul li {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 194px;
  font-weight: 400;
  line-height: normal;
  z-index: 3;
}
.t-progress .solution-row-cont ul li:nth-child(2n) .info {
  margin-bottom: 20px;
}
.t-progress .solution-row-cont ul li:first-child {
  bottom: 0;
  left: 26px;
}
.t-progress .solution-row-cont ul li:nth-child(2) {
  left: 220px;
  bottom: 142px;
}
.t-progress .solution-row-cont ul li:nth-child(3) {
  left: 414px;
  bottom: 30px;
}
.t-progress .solution-row-cont ul li:nth-child(4) {
  left: 558px;
  bottom: 228px;
}
.t-progress .solution-row-cont ul li:nth-child(5) {
  left: 752px;
  top: 154px;
}
.t-progress .solution-row-cont ul li:last-child {
  top: 0;
  right: 16px;
}
.t-progress .solution-row-cont ul li span {
  display: inline-block;
}
.t-progress .solution-row-cont ul li .icon-wrap {
  position: relative;
}
.t-progress .solution-row-cont ul li .icon-wrap::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue::after {
  bottom: -15px;
  border-top-color: #1092ec;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue .icon {
  color: #1092ec;
  border-color: #1092ec;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue .icon .line {
  border-color: #1092ec;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue-light::after {
  top: -15px;
  border-bottom-color: #71bbff;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue-light .icon {
  color: #71bbff;
  border-color: #71bbff;
}
.t-progress .solution-row-cont ul li .icon-wrap.blue-light .icon .line {
  border-color: #71bbff;
}
.t-progress .solution-row-cont ul li .icon-wrap.greener::after {
  bottom: -15px;
  border-top-color: #2bccee;
}
.t-progress .solution-row-cont ul li .icon-wrap.greener .icon {
  color: #2bccee;
  border-color: #2bccee;
}
.t-progress .solution-row-cont ul li .icon-wrap.greener .icon .line {
  border-color: #2bccee;
}
.t-progress .solution-row-cont ul li .icon-wrap.purple::after {
  top: -15px;
  border-bottom-color: #b6aaff;
}
.t-progress .solution-row-cont ul li .icon-wrap.purple .icon {
  color: #b6aaff;
  border-color: #b6aaff;
}
.t-progress .solution-row-cont ul li .icon-wrap.purple .icon .line {
  border-color: #b6aaff;
}
.t-progress .solution-row-cont ul li .icon-wrap.yellower::after {
  bottom: -15px;
  border-top-color: #ffd480;
}
.t-progress .solution-row-cont ul li .icon-wrap.yellower .icon {
  color: #ffd480;
  border-color: #ffd480;
}
.t-progress .solution-row-cont ul li .icon-wrap.yellower .icon .line {
  border-color: #ffd480;
}
.t-progress .solution-row-cont ul li .icon-wrap.green-light::after {
  top: -15px;
  border-bottom-color: #50ddcc;
}
.t-progress .solution-row-cont ul li .icon-wrap.green-light .icon {
  color: #50ddcc;
  border-color: #50ddcc;
}
.t-progress .solution-row-cont ul li .icon-wrap.green-light .icon .line {
  border-color: #50ddcc;
}
.t-progress .solution-row-cont ul li .icon-wrap .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: 98px;
  font-size: 32px;
  background-color: #fff;
  border-radius: 100%;
  border: 6px solid transparent;
}
.t-progress .solution-row-cont ul li .icon-wrap .icon .line {
  margin: 8px 0;
  width: 57px;
  height: 1px;
  border-top: 1px dotted transparent;
}
.t-progress .solution-row-cont ul li .icon-wrap .icon .num {
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.t-progress .solution-row-cont ul li .title {
  margin-top: 20px;
  margin-bottom: 4px;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.t-progress .solution-row-cont ul li .info {
  color: #737373;
  text-align: center;
  font-size: 16px;
}

.t-ad .solution-row-cont ul {
  display: flex;
  margin: 0 -12px;
}
.t-ad .solution-row-cont ul li {
  margin: 0 12px;
  border: 1px solid rgba(16, 146, 236, 0.3);
  transition: 0.3s;
}
.t-ad .solution-row-cont ul li:hover {
  top: -2px;
}
.t-ad .solution-row-cont ul li:nth-child(2) .t-ad-wrap .con .img::after {
  content: "02";
}
.t-ad .solution-row-cont ul li:nth-child(3) .t-ad-wrap .con .img::after {
  content: "03";
}
.t-ad .solution-row-cont ul li:nth-child(4) .t-ad-wrap .con .img::after {
  content: "04";
}
.t-ad .solution-row-cont ul li:nth-child(5) .t-ad-wrap .con .img::after {
  content: "05";
}
.t-ad .solution-row-cont ul li:nth-child(6) .t-ad-wrap .con .img::after {
  content: "06";
}
.t-ad .solution-row-cont ul li .t-ad-wrap .title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  color: #101319;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(16, 146, 236, 0.12) 0%, rgba(16, 146, 236, 0.02) 100%);
}
.t-ad .solution-row-cont ul li .t-ad-wrap .title .icon {
  margin-right: 12px;
  width: 34px;
  height: 34px;
}
.t-ad .solution-row-cont ul li .t-ad-wrap .con {
  padding: 16px;
}
.t-ad .solution-row-cont ul li .t-ad-wrap .con .info {
  margin-bottom: 14px;
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  height: 66px;
}
.t-ad .solution-row-cont ul li .t-ad-wrap .con .img {
  position: relative;
  padding: 13px 15px;
}
.t-ad .solution-row-cont ul li .t-ad-wrap .con .img::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "01";
  color: rgba(16, 146, 236, 0.09);
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}

.t-op {
  background: url("../images/s-train/sl-3-3-bg.jpg");
}
.t-op .brand-head .brand-title {
  color: #fff;
}
.t-op .solution-row-cont .swiper-container {
  padding-bottom: 44px;
}
.t-op .solution-row-cont .swiper-container .swiper-slide {
  width: 490px;
  height: 304px;
}
.t-op .solution-row-cont .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.t-op .solution-row-cont .swiper-container .swiper-pagination {
  bottom: 0;
}
.t-op .solution-row-cont .swiper-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
}
.t-op .solution-row-cont .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1092ec;
}

.t-hx .brand-head {
  padding-bottom: 40px;
  text-align: center;
}
.t-hx .brand-head .brand-title {
  font-weight: 400;
}
.t-hx .solution-row-cont {
  position: relative;
  height: 545px;
}
.t-hx .solution-row-cont .fd {
  margin: 0 auto;
  width: 824px;
}
.t-hx .solution-row-cont ul li {
  position: absolute;
}
.t-hx .solution-row-cont ul li:first-child, .t-hx .solution-row-cont ul li:last-child {
  top: 211px;
}
.t-hx .solution-row-cont ul li:first-child {
  left: 0;
}
.t-hx .solution-row-cont ul li:last-child {
  right: 0;
}
.t-hx .solution-row-cont ul li:last-child .vec {
  right: auto;
  left: 22px;
}
.t-hx .solution-row-cont ul li:nth-child(2) {
  top: 77px;
  left: 50%;
  transform: translateX(-50%);
}
.t-hx .solution-row-cont ul li:nth-child(2) .vec {
  top: 124px !important;
  right: auto !important;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
}
.t-hx .solution-row-cont ul li .hx-wrap {
  position: relative;
  display: flex;
  margin: 0 -6px;
}
.t-hx .solution-row-cont ul li .hx-wrap > * {
  margin: 0 6px;
}
.t-hx .solution-row-cont ul li .hx-wrap.vertical {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.t-hx .solution-row-cont ul li .hx-wrap.vertical .info {
  margin-bottom: 12px;
}
.t-hx .solution-row-cont ul li .hx-wrap .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #fff;
}
.t-hx .solution-row-cont ul li .hx-wrap .icon img {
  width: 26px;
}
.t-hx .solution-row-cont ul li .hx-wrap .info {
  text-align: right;
  color: #fff;
  line-height: normal;
}
.t-hx .solution-row-cont ul li .hx-wrap .info .tit {
  font-size: 20px;
  font-weight: 400;
}
.t-hx .solution-row-cont ul li .hx-wrap .info .txt {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.89);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 4.16px;
}
.t-hx .solution-row-cont ul li .hx-wrap .info .txt.w-320 {
  width: 320px;
}
.t-hx .solution-row-cont ul li .hx-wrap .vec {
  position: absolute;
  top: 67px;
  right: 22px;
  width: 12px;
  height: 38px;
}
.t-hx .solution-row-cont .hx-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin: 0;
  width: 557px;
}

.t-voskill .brand-head {
  padding-bottom: 40px;
}
.t-voskill .brand-head .brand-title {
  font-weight: 400;
}
.t-voskill .voskill-list {
  margin: 0 -30px;
  display: flex;
  text-align: center;
}
.t-voskill .voskill-list .voskill-item {
  flex: 1;
  margin: 0 30px;
  border: 1px solid;
}
.t-voskill .voskill-list .voskill-item:first-child {
  border-color: #b0d0ff;
}
.t-voskill .voskill-list .voskill-item:first-child .img-wrap {
  background: radial-gradient(50% 50% at 50% 50%, #cde1ff 0%, rgba(205, 225, 255, 0.5) 100%);
}
.t-voskill .voskill-list .voskill-item:first-child .img-wrap img {
  width: 130px;
}
.t-voskill .voskill-list .voskill-item:nth-child(2) {
  border-color: #a3f0d2;
}
.t-voskill .voskill-list .voskill-item:nth-child(2) .img-wrap {
  background: linear-gradient(180deg, #d6ffee 0%, rgba(238, 255, 248, 0.5) 100%);
}
.t-voskill .voskill-list .voskill-item:nth-child(2) .img-wrap img {
  width: 174px;
}
.t-voskill .voskill-list .voskill-item:last-child {
  border-color: #dff8fa;
}
.t-voskill .voskill-list .voskill-item:last-child .img-wrap {
  background: linear-gradient(180deg, #ccfbff 0%, rgba(229, 255, 255, 0.92) 100%);
}
.t-voskill .voskill-list .voskill-item:last-child .img-wrap img {
  width: 160px;
}
.t-voskill .voskill-list .voskill-item .img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
.t-voskill .voskill-list .voskill-item .text {
  padding: 24px 0;
  color: #000;
  font-size: 20px;
}

.t-placeadv {
  background-image: url("../images/s-train/place-adv-bg.png");
  background-size: cover;
}
.t-placeadv .brand-head {
  padding-bottom: 40px;
}
.t-placeadv .case-adv-wrap {
  position: relative;
  padding: 8px 179px 15px;
}
.t-placeadv .case-adv-wrap .img-wrap {
  width: 461px;
}
.t-placeadv .case-adv-wrap .case-adv-list {
  position: absolute;
  bottom: 25px;
  right: 179px;
}
.t-placeadv .case-adv-wrap .case-adv-list ul li {
  margin-bottom: 30px;
  padding: 16px;
  width: 327px;
  color: #262626;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #1092ec;
  box-sizing: border-box;
}
.t-placeadv .case-adv-wrap .case-adv-list ul li:nth-child(2) {
  border-color: #54d7ff;
}
.t-placeadv .case-adv-wrap .case-adv-list ul li:last-child {
  border-color: #87f7ff;
  margin-bottom: 0;
}

.t-leader .brand-head {
  padding-bottom: 40px;
}
.t-leader .brand-head .brand-title {
  font-weight: 400;
}
.t-leader .leader-training-list {
  position: relative;
  margin: 0 46px;
  height: 298px;
  background-image: url("../images/s-train/leader-bg.png");
  background-size: 100% 100%;
}
.t-leader .leader-training-list .leader-training-item {
  position: absolute;
  height: 101px;
  text-align: center;
}
.t-leader .leader-training-list .leader-training-item:nth-child(2n-1) {
  width: 108px;
  height: 100px;
}
.t-leader .leader-training-list .leader-training-item:nth-child(2n) {
  width: 72px;
}
.t-leader .leader-training-list .leader-training-item:nth-child(1) {
  top: 50px;
  left: 48px;
}
.t-leader .leader-training-list .leader-training-item:nth-child(2) {
  top: 174px;
  left: 287px;
}
.t-leader .leader-training-list .leader-training-item:nth-child(3) {
  top: 166px;
  right: 289px;
}
.t-leader .leader-training-list .leader-training-item:nth-child(4) {
  top: 50px;
  right: 48px;
}
.t-leader .leader-training-list .leader-training-item .icon {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 66px;
  background: linear-gradient(180deg, #1092ec 0%, rgba(74, 165, 255, 0.34) 0.01%, #0075fe 100%);
  box-shadow: 0px 3px 14px 0px rgba(20, 130, 254, 0.58);
}
.t-leader .leader-training-list .leader-training-item .icon i {
  font-size: 30px;
  color: #fff;
}
.t-leader .leader-training-list .leader-training-item .txt {
  margin-top: 16px;
  color: #404040;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.t-progre {
  padding-bottom: 30px !important;
  background: url("../images/s-train/t-progre.png");
  background-size: 100% 100%;
}
.t-progre .brand-head {
  padding-bottom: 16px;
}
.t-progre .progre-wrap {
  display: flex;
}
.t-progre .progre-wrap .progre-left {
  display: flex;
  align-items: center;
  width: 562px;
}
.t-progre .progre-wrap .progre-right {
  background: url("../images/s-train/t-progre-right-bg.png");
  background-size: 100% 100%;
}
.t-progre .progre-wrap .progre-right .progre-list {
  padding: 84px 24px 84px 95px;
}
.t-progre .progre-wrap .progre-right .progre-list .progre-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding: 24px;
  width: 460px;
  border-radius: 58px;
  border: 1px solid #83c3fe;
  background: linear-gradient(270deg, rgba(200, 229, 255, 0.43) 0%, rgba(255, 255, 255, 0.5) 85.94%), linear-gradient(0deg, var(--blackscale-constant-white, #fff) 0%, var(--blackscale-constant-white, #fff) 100%), linear-gradient(270deg, #cbf0ff 0%, rgba(226, 243, 254, 0.16) 103.37%);
  box-sizing: border-box;
}
.t-progre .progre-wrap .progre-right .progre-list .progre-item:last-child {
  margin-bottom: 0;
}
.t-progre .progre-wrap .progre-right .progre-list .progre-item .num {
  margin-right: 8px;
  line-height: normal;
  color: #c8e5ff;
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 30px;
  font-weight: 400;
}
.t-progre .progre-wrap .progre-right .progre-list .progre-item .txt {
  color: #262626;
  font-size: 14px;
}

.t-leader-case {
  background: url("../images/s-train/leader-3-bg.png");
}
.t-leader-case .brand-head {
  padding-bottom: 40px;
}
.t-leader-case .brand-head .brand-title {
  color: #fff;
}
.t-leader-case .solution-row-cont {
  padding: 0 94px;
}
.t-leader-case .solution-row-cont .swiper-container {
  padding-bottom: 44px;
}
.t-leader-case .solution-row-cont .swiper-container .swiper-slide {
  width: 580px;
  box-shadow: 0px -4px 28px 0px rgba(0, 0, 0, 0.27);
}
.t-leader-case .solution-row-cont .swiper-container .swiper-slide img {
  width: 100%;
}
.t-leader-case .solution-row-cont .swiper-container .swiper-pagination {
  bottom: 0;
  line-height: 12px;
}
.t-leader-case .solution-row-cont .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.t-leader-case .solution-row-cont .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1092ec;
}

.mt {
  margin-top: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

/**
 * Solution： K12
 * -----------------------------------------------------------------------------
 */
.k12 .cur-bar {
  background-color: #5cc337;
}
.k12 .nav-cell .dropdown .arrow {
  border-bottom-color: #5cc337;
}
.k12 .nav-cell .dropdown .dropdown-list a:hover {
  color: #5cc337;
}
.k12 .footer-links-title:before {
  background-color: #5cc337;
}
.k12 .solution-nav .nav-item {
  margin: 0;
}
.k12 .solution-nav .nav-link {
  margin: 0 10px;
}
.k12 .solution-nav .nav-anchor {
  background-color: #5cc337;
}
.k12 .solution-row {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: auto;
}
.k12 .solution-row > .arrow {
  position: absolute;
  bottom: -40px;
  left: 50%;
  z-index: 1;
  display: block;
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-right-width: 35px;
  border-left-width: 35px;
  border-style: dashed;
  border-color: transparent;
  border-top-color: white;
  border-top-style: solid;
  margin-left: -35px;
}
.k12 .solution-row > .arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -34px;
  margin-left: -14px;
  font-size: 28px;
  color: #5cc337;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.k12 .solution-row > .arrow.green {
  border-top-color: #5cc337;
}
.k12 .solution-row > .arrow.green i {
  color: white;
}
.k12 .solution-row > .arrow.dark-green {
  border-top-color: #3bc565;
}
.k12 .solution-row > .arrow.dark-green i {
  color: white;
}
.k12 .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.k12 .solution-row-title.white .sol-title-num:after {
  background-color: #5cc337;
}
.k12 .sol-title-primary span {
  background-color: #5cc337;
}
.k12 .sol-title-bar {
  background-color: #5cc337;
}
.k12 .brand-head {
  padding-bottom: 60px;
}
.k12 .brand-head .brand-title {
  font-size: 32px;
}
.k12 .brand-head .brand-title:after {
  display: none;
}
.k12 .brand-head.white .brand-title,
.k12 .brand-head.white .brand-info {
  color: white;
}
.k12 .tertiary-title {
  text-align: center;
}
.k12 .tertiary-title .spell {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  color: #5cc337;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.k12 .tertiary-title .title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  line-height: 32px;
  background-color: #5cc337;
}
.k12 .tertiary-title .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #5cc337;
  border-top-style: solid;
}
.k12 .tertiary-title .info {
  display: block;
  margin-top: 26px;
  font-size: 14px;
  color: black;
  line-height: 24px;
}
.k12 .tertiary-title.white .spell {
  color: white;
}
.k12 .tertiary-title.white .title {
  color: #006de7;
  background-color: white;
}
.k12 .tertiary-title.white .title:after {
  border-top-color: white;
}
.k12 .tertiary-title.orange .spell {
  color: #f2af0f;
}
.k12 .tertiary-title.orange .title {
  background-color: #f2af0f;
}
.k12 .tertiary-title.orange .title:after {
  border-top-color: #f2af0f;
}
.k12 .items {
  position: relative;
  z-index: 1;
  margin-right: -4px;
  margin-left: -4px;
  font-size: 0;
}
.k12 .items li {
  display: inline-block;
}
.k12 .items-title {
  position: relative;
  display: block;
  height: 54px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  line-height: 54px;
  text-align: center;
  background-image: linear-gradient(to bottom, #5cc337 0%, #4ac050 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF5CC337", endColorstr="#FF4AC050", GradientType=0);
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.k12 .items-title:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  z-index: 1;
  display: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-left: -6px;
  background-color: white;
  border: 2px solid #5cc337;
  box-sizing: border-box;
}
.k12 .items-linkdot {
  height: 36px;
  margin: 4px -4px;
  font-size: 0;
}
.k12 .items-linkdot .linkdot {
  display: inline-block;
  height: inherit;
  background-image: url("../images/s-k12/dotlink.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
}
.k12 .item {
  display: inline-block;
  width: 120px;
  height: 54px;
  margin: 4px;
  text-align: center;
  vertical-align: top;
  background-color: white;
  border: 1px solid #999;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}
.k12 .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: black;
  line-height: 1.2;
}
.k12 .graph.graph-hastitle .items-title:after {
  display: block;
}
.graph-title {
  margin-bottom: 58px;
  text-align: center;
}
.graph-title .title {
  display: inline-block;
  padding: 0 60px;
  font-size: 24px;
  font-weight: 600;
  color: black;
  line-height: 54px;
  letter-spacing: 2px;
  background-color: white;
  border: 2px solid #5cc337;
  border-radius: 27px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}
.graph-title .title span {
  color: #5cc337;
}

.k12 .graph .con {
  font-size: 0;
}
.k12 .graph .con > .cell {
  display: inline-block;
  vertical-align: top;
}

.k-campus {
  background-image: url("../images/s-k12/zhxy-bg-1.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.k-campus .solution-row-cont > ul {
  margin: 0 -40px;
  font-size: 0;
  text-align: center;
}
.k-campus .solution-row-cont > ul .cell {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
.k-campus-wrap {
  margin: 30px 40px;
}
.k-campus-wrap .icon {
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.k-campus-wrap .name {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: black;
  line-height: 1;
}
.k-campus-wrap .text {
  font-size: 14px;
  color: #444;
}

.k-campus-graph .con {
  margin-right: -19.5px;
  margin-left: -19.5px;
}
.k-campus-graph .con > .cell:nth-child(1), .k-campus-graph .con > .cell:nth-child(2), .k-campus-graph .con > .cell:nth-child(4) {
  width: 159px;
}
.k-campus-graph .con > .cell:nth-child(1) li, .k-campus-graph .con > .cell:nth-child(2) li, .k-campus-graph .con > .cell:nth-child(4) li {
  width: 100%;
}
.k-campus-graph .con > .cell:nth-child(3) {
  width: 287px;
}
.k-campus-graph .con > .cell:nth-child(3) li {
  width: 50%;
}
.k-campus-graph .con > .cell:nth-child(5) {
  width: 415px;
}
.k-campus-graph .con > .cell:nth-child(5) li {
  width: 33.3%;
}
.k-campus-graph .graph-wrap {
  margin-right: 19.5px;
  margin-left: 19.5px;
}
.k-campus-graph .items-linkdot {
  margin-right: -4px;
  margin-left: -4px;
}
.k-campus-graph .items-linkdot .linkdot {
  width: 128px;
}

.k-c-targets {
  background-image: url("../images/s-k12/zhxy-bg-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.k-c-targets .tabs {
  position: relative;
  height: 304px;
  padding-left: 220px;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.k-c-targets .tabs > ul, .k-c-targets .tabs > div {
  height: inherit;
}
.k-c-targets .tabs-head {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 220px;
  background-color: #272927;
}
.k-c-targets .tabs-link {
  position: relative;
  display: block;
  height: 76px;
  padding: 0 30px;
  font-size: 16px;
  color: white;
  line-height: 76px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.k-c-targets .tabs-link .icon {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}
.k-c-targets .tabs-link.active {
  background-color: #5cc337;
}
.k-c-targets .tabs-link.active:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 7px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: #5cc337;
  border-left-style: solid;
  margin-top: -7px;
}
.k-c-targets .tabs-con {
  position: relative;
  height: inherit;
  padding-left: 280px;
}
.k-c-targets .tabs-con .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
}
.k-c-targets .tabs-con .con {
  height: inherit;
  padding: 40px;
  box-sizing: border-box;
}
.k-c-targets .tabs-con .title {
  margin-bottom: 20px;
  font-size: 0;
}
.k-c-targets .tabs-con .title span {
  display: inline-block;
  vertical-align: middle;
}
.k-c-targets .tabs-con .title .icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 32px;
  color: #5cc337;
  line-height: 64px;
  text-align: center;
  border: 2px solid #5cc337;
}
.k-c-targets .tabs-con .title .text {
  position: relative;
  padding-bottom: 18px;
  font-size: 20px;
  font-weight: 700;
  color: black;
}
.k-c-targets .tabs-con .title .text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: #5cc337;
}
.k-c-targets .tabs-con .list {
  padding-left: 10px;
}
.k-c-targets .tabs-con .list .list-row {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  color: #222;
  line-height: 1.7;
}
.k-c-targets .tabs-con .list .list-row .dot {
  position: absolute;
  top: 18.25px;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #5cc337;
}
.k-c-targets .tabs-con .list .list-row .text {
  display: block;
  padding: 8px 0;
}
.k-c-targets .tabs-con .list .list-row:after {
  content: "";
  position: absolute;
  top: 25.25px;
  bottom: -16.25px;
  left: 2px;
  display: inline-block;
  width: 1px;
  background-color: #e1e3e4;
}
.k-c-targets .tabs-con .list .list-row:last-child:after {
  display: none;
}
.k-c-targets .tabs-con .spell {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 30px;
  color: #5cc337;
  text-transform: uppercase;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.k-enrol {
  background-image: url("../images/s-k12/zxbm-bg-1.png");
  background-repeat: no-repeat;
  background-position: center 316px;
}
.k-enrol .solution-row-cont > .img {
  width: 787px;
  margin: 0 auto;
}
.k-enrol .solution-row-cont > ul {
  margin-right: -20px;
  margin-left: -20px;
  padding-top: 160px;
}
.k-enrol .solution-row-cont > ul li:first-child .k-enrol-wrap {
  background-color: rgba(92, 195, 55, 0.07);
}
.k-enrol .solution-row-cont > ul li:first-child .title:after {
  background-color: #5cc337;
}
.k-enrol .solution-row-cont > ul li:first-child .num {
  color: rgba(92, 195, 55, 0.3);
  background-color: rgba(92, 195, 55, 0.08);
}
.k-enrol .solution-row-cont > ul li:last-child .k-enrol-wrap {
  background-color: rgba(242, 175, 15, 0.07);
}
.k-enrol .solution-row-cont > ul li:last-child .title:after {
  background-color: #f2af0f;
}
.k-enrol .solution-row-cont > ul li:last-child .num {
  color: rgba(242, 175, 15, 0.3);
  background-color: rgba(242, 175, 15, 0.08);
}
.k-enrol-wrap {
  position: relative;
  height: 335px;
  margin: 0 20px;
  padding: 0 55px;
  text-align: center;
}
.k-enrol-wrap .icon {
  display: inline-block;
  width: 160px;
  height: 160px;
  margin: -80px auto 0;
}
.k-enrol-wrap .title {
  position: relative;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  color: black;
  line-height: 26px;
  text-align: center;
}
.k-enrol-wrap .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 130px;
  height: 7px;
  margin-left: -65px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.k-enrol-wrap .article {
  font-size: 14px;
  color: #222;
  line-height: 1.7;
  text-align: left;
}
.k-enrol-wrap .article p {
  margin: 10px 0;
}
.k-enrol-wrap .num {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 56px;
  height: 72px;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
}

.k-platform {
  background-color: #242424;
  background-image: url("../images/s-k12/zxbm-bg-2.jpg");
}
.k-platform-graph {
  background-image: url("../images/s-k12/zxbm-graph-dash.png");
  background-position: center 27px;
  background-repeat: no-repeat;
  background-size: 872px auto;
}
.k-platform-graph .graph-title .title {
  border: 0;
}
.k-platform-graph .con {
  margin-right: -11px;
  margin-left: -11px;
}
.k-platform-graph .con > .cell {
  width: 290px;
}
.k-platform-graph .con > .cell li {
  width: 50%;
}
.k-platform-graph .graph-wrap {
  margin-right: 11px;
  margin-left: 11px;
}
.k-platform-graph .items-linkdot .linkdot {
  width: 138px;
}
.k-platform-graph .item {
  width: 130px;
  border: 0;
}

.k-marking {
  background-image: url("../images/s-k12/yjfx-bg-2.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.k-marking .solution-row-cont {
  background-image: url("../images/s-k12/yjfx-bg-1.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.k-marking-adv {
  margin-top: 30px;
  margin-right: 20px;
}
.k-marking-adv ul {
  margin: 0 -5px;
  font-size: 0;
}
.k-marking-adv .cell {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
.k-marking-adv .cell .num {
  top: 8px;
  left: 8px;
}
.k-marking-adv .wrap {
  position: relative;
  height: 200px;
  margin: 5px;
  padding: 32px 45px 0;
  text-align: center;
  background-color: white;
  border: 1px solid #e1e3e4;
  box-sizing: border-box;
}
.k-marking-adv .wrap .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.k-marking-adv .wrap .title {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  line-height: 1.2;
}
.k-marking-adv .wrap .num {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 14px;
  color: white;
  line-height: 24px;
  text-align: center;
  background-color: #5cc337;
}

.k-laptop {
  position: relative;
  width: 629px;
  height: 340px;
  margin: 32px -24px 0;
  background-image: url("../images/s-k12/macbook.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.k-video {
  position: absolute;
  top: 6.3%;
  right: 15.6%;
  bottom: 13.8%;
  left: 15.6%;
  overflow: hidden;
  cursor: pointer;
  background: red;
}
.k-video img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.k-video .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1020;
  display: table-cell;
  background-color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.k-video .mask .play-btn {
  position: absolute;
  z-index: 1;
  display: inline-block;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  margin-left: -28px;
  background-image: url("../images/s-k12/play-btn.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.k-video:hover img {
  transform: scale(1.05);
}

.k-class {
  background-color: rgba(92, 195, 55, 0.08);
}
.k-class .solution-row-cont > ul {
  margin: 0 -20px;
}
.k-class .solution-row-cont li:first-child .k-class-wrap {
  padding-right: 80px;
  padding-left: 230px;
  background-image: url("../images/s-k12/zbjx-bg-1.png");
  background-position: left bottom;
}
.k-class .solution-row-cont li:first-child .num {
  left: 0;
  background-color: #5cc337;
}
.k-class .solution-row-cont li:first-child .subtitle {
  color: #5cc337;
}
.k-class .solution-row-cont li:first-child .subtitle:after {
  background-color: #5cc337;
}
.k-class .solution-row-cont li:last-child .k-class-wrap {
  padding-right: 230px;
  padding-left: 80px;
  background-image: url("../images/s-k12/zbjx-bg-2.png");
  background-position: right bottom;
}
.k-class .solution-row-cont li:last-child .num {
  right: 0;
  background-color: #f2af0f;
}
.k-class .solution-row-cont li:last-child .subtitle {
  color: #f2af0f;
}
.k-class .solution-row-cont li:last-child .subtitle:after {
  background-color: #f2af0f;
}
.k-class-wrap {
  position: relative;
  height: 335px;
  margin: 0 20px;
  padding-top: 74px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 58% auto;
  box-shadow: 0 2px 8px rgba(92, 195, 55, 0.2);
  box-sizing: border-box;
}
.k-class-wrap .num {
  position: absolute;
  top: 0;
  display: block;
  width: 56px;
  height: 72px;
  font-size: 48px;
  font-weight: 700;
  color: white;
  line-height: 72px;
  text-align: center;
}
.k-class-wrap .title {
  font-size: 20px;
  font-weight: 600;
  color: black;
  line-height: 1;
  text-align: center;
}
.k-class-wrap .subtitle {
  position: relative;
  margin-top: 8px;
  font-size: 36px;
  line-height: 1;
  text-align: center;
}
.k-class-wrap .subtitle span {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 10px;
  background-color: white;
}
.k-class-wrap .subtitle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  height: 1px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.k-class-wrap .article {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.7;
  color: #444;
}

.k-reading {
  background-image: url("../images/s-k12/ydpt-bg.png");
  background-position: center 240px;
  background-repeat: no-repeat;
  background-size: contain;
}
.k-reading .solution-row-cont {
  position: relative;
  *zoom: 1;
}
.k-reading .solution-row-cont:before, .k-reading .solution-row-cont:after {
  content: " ";
  display: table;
}
.k-reading .solution-row-cont:after {
  clear: both;
}
.k-reading .solution-row-cont > .img {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 1;
  width: 602px;
}
.k-reading-do {
  float: right;
  width: 589px;
}
.k-reading-do ul {
  font-size: 0;
}
.k-reading-do ul li {
  position: relative;
  display: inline-block;
  margin-right: -1px;
  vertical-align: top;
}
.k-reading-do ul li:first-child {
  z-index: 2;
}
.k-reading-do ul li:nth-child(2) {
  z-index: 1;
}
.k-reading-do ul li:last-child {
  z-index: 0;
  margin-right: 0;
}
.k-reading-wrap {
  position: relative;
  width: 197px;
  height: 320px;
  padding: 44px 26px 0;
  background-color: white;
  border: 1px solid #e1e3e4;
  box-sizing: border-box;
}
.k-reading-wrap .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.k-reading-wrap .article {
  margin-top: 20px;
  font-size: 14px;
  color: #222;
  line-height: 1.7;
}
.k-reading-wrap .tick {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/s-k12/ydpt-tick.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.k-classroom {
  background-image: url("../images/s-k12/zhkt-bg-1.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.k-classroom li .img {
  margin: 0 auto;
}
.k-classroom li:first-child .img {
  width: 455px;
}
.k-classroom li:last-child .img {
  width: 484px;
}

.k-activity-graph {
  position: relative;
  margin-left: 144px;
  background-image: url("../images/s-k12/zhxt-graph-dash.png");
  background-position: center 27px;
  background-repeat: no-repeat;
  background-size: 868px auto;
}
.k-activity-graph .con {
  margin-right: -13.5px;
  margin-left: -13.5px;
}
.k-activity-graph .con > .cell {
  position: relative;
}
.k-activity-graph .con > .cell:nth-child(1), .k-activity-graph .con > .cell:nth-child(3) {
  width: 157px;
}
.k-activity-graph .con > .cell:nth-child(1) li, .k-activity-graph .con > .cell:nth-child(3) li {
  width: 100%;
}
.k-activity-graph .con > .cell:nth-child(2) {
  width: 709px;
  text-align: center;
}
.k-activity-graph .con > .cell:nth-child(2) .graph-wrap {
  font-size: 0;
}
.k-activity-graph .con > .cell:nth-child(2) ul {
  display: inline-block;
  width: 138px;
  margin-right: 0;
  margin-left: 0;
  vertical-align: top;
}
.k-activity-graph .con > .cell:nth-child(2) ul:nth-child(3) {
  margin-left: -4px;
}
.k-activity-graph .con > .cell:nth-child(2) ul:last-child {
  margin-right: -4px;
}
.k-activity-graph .con > .cell:nth-child(2) li {
  width: 100%;
}
.k-activity-graph .graph-wrap {
  margin-right: 13.5px;
  margin-left: 13.5px;
}
.k-activity-graph .items-linkdot .linkdot {
  width: 138px;
}
.k-activity-graph .items li:first-child .item {
  border-color: #5cc337;
}
.k-activity-graph .items li:last-child .item {
  margin-bottom: 4px;
  border-color: #f2af0f;
}
.k-activity-graph .items li:last-child .item:after {
  display: none;
}
.k-activity-graph .item {
  position: relative;
  width: 130px;
  height: 72px;
  margin-bottom: 28px;
}
.k-activity-graph .item:after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 50%;
  display: inline-block;
  width: 8px;
  height: 32px;
  margin-left: -4px;
  background-image: url("../images/s-k12/arrowlink.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.k-activity-graph .graph-subtitle {
  position: absolute;
  top: 218px;
  left: -144px;
  width: 117px;
}
.k-activity-graph .graph-subtitle .subtitle {
  width: 100%;
  height: 72px;
  margin: 32px 0;
  font-size: 16px;
  color: black;
  line-height: 72px;
  text-align: center;
  background-color: rgba(153, 153, 153, 0.1);
  border-radius: 6px;
}
.k-activity-graph .graph-subtitle .subtitle .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  font-size: 16px;
  color: white;
  line-height: 24px;
  text-transform: uppercase;
}
.k-activity-graph .graph-subtitle .subtitle:first-child {
  margin-top: 0;
  color: #5cc337;
  background-color: rgba(92, 195, 55, 0.1);
}
.k-activity-graph .graph-subtitle .subtitle:first-child .icon {
  background-color: #5cc337;
}
.k-activity-graph .graph-subtitle .subtitle:last-child {
  margin-bottom: 0;
  color: #f2af0f;
  background-color: rgba(242, 175, 15, 0.1);
}
.k-activity-graph .graph-subtitle .subtitle:last-child .icon {
  background-color: #f2af0f;
}

.k-slogan {
  margin-top: -80px;
}
.k-slogan .solution-row-cont > ul {
  margin: 0 -20px;
}
.k-slogan-wrap {
  position: relative;
  margin: 0 20px;
  font-size: 0;
}
.k-slogan-wrap > div {
  display: inline-block;
  vertical-align: middle;
}
.k-slogan-wrap .icon {
  width: 99px;
  margin-right: 20px;
}
.k-slogan-wrap .title {
  font-size: 30px;
  font-weight: 700;
  color: black;
  letter-spacing: 1px;
  line-height: 1.2;
}
.k-slogan-wrap .title span {
  display: inline-block;
  color: white;
  background-color: #5cc337;
}
.k-slogan-wrap .info {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #444;
}

.k-slogan .article {
  position: relative;
  margin-top: 40px;
  padding: 24px 80px;
  background-color: rgba(92, 195, 55, 0.08);
}
.k-slogan .article p {
  position: relative;
  margin-bottom: 0;
  padding-left: 27px;
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.k-slogan .article p .dot {
  position: absolute;
  top: 10px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #5cc337;
}
.k-slogan .article:after {
  content: "";
  position: absolute;
  top: -20px;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 20px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: rgba(92, 195, 55, 0.08);
  border-left-style: solid;
  transform: rotate(45deg);
}

.k-r-targets {
  margin-top: -80px;
}
.k-r-targets-wrapper {
  background-image: url("../images/s-k12/zhxt-dx-graph-dash.png");
  background-position: center 27px;
  background-repeat: no-repeat;
  background-size: 938px auto;
}
.k-r-targets-wrapper > .title {
  text-align: center;
}
.k-r-targets-wrapper > .title span {
  display: inline-block;
  width: 372px;
  height: 54px;
  padding: 0 60px;
  font-size: 24px;
  font-weight: 700;
  color: #222;
  line-height: 50px;
  background-color: white;
  border: 2px solid #aaa;
  border-radius: 27px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.k-r-targets-wrapper ul {
  margin: 60px -53px 0;
}
.k-r-targets-wrapper li:nth-child(1) .name:after {
  background-color: #fee8e8;
}
.k-r-targets-wrapper li:nth-child(2) .name:after {
  background-color: #e2f9ea;
}
.k-r-targets-wrapper li:nth-child(3) .name:after {
  background-color: #d6eef8;
}
.k-r-targets-wrapper li:nth-child(4) .name:after {
  background-color: #ffead6;
}
.k-r-targets-wrap {
  position: relative;
  margin: 0 5px;
  text-align: center;
}
.k-r-targets-wrap:after {
  content: "";
  position: absolute;
  top: 44%;
  right: -45px;
  display: block;
  width: 90px;
  height: 7px;
  background-image: url("../images/s-k12/zhxt-graph-link.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.k-r-targets-wrap .img {
  width: 248px;
  height: 248px;
  margin: 0 auto;
}
.k-r-targets-wrap .name {
  position: relative;
  margin-top: 15px;
  font-size: 22px;
  font-weight: 700;
  color: black;
  line-height: 1.4;
}
.k-r-targets-wrap .name span {
  position: relative;
  z-index: 1;
}
.k-r-targets-wrap .name:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 0;
  display: block;
  width: 44px;
  height: 8px;
  margin-left: -22px;
}
.k-r-targets-wrap .text {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.k-customer {
  background-image: url("../images/s-k12/kh-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.k-customer .solution-row-title.white .sol-title-num:after {
  background-color: #3b3f43;
}
.k-customer .solution-row-title.white .sol-title-info {
  display: inline-block;
  padding: 0 20px;
  line-height: 34px;
  font-size: 18px;
  color: white;
  background-color: #5cc337;
  opacity: 1;
  filter: alpha(opacity=100);
}
.k-user-1 {
  margin: 0 -10px;
}
.k-user-1 li:nth-child(1) {
  float: left;
}
.k-user-1 li:nth-child(1) .k-user-wrap {
  width: 700px;
  height: 488px;
}
.k-user-1 li:nth-child(1) .k-user-wrap .article {
  text-align: left;
}
.k-user-1 li:nth-child(2), .k-user-1 li:nth-child(3) {
  float: right;
}
.k-user-1 li:nth-child(2) .k-user-wrap, .k-user-1 li:nth-child(3) .k-user-wrap {
  width: 420px;
  height: 234px;
}
.k-user-1 li:nth-child(2) .k-user-wrap .wrap, .k-user-1 li:nth-child(3) .k-user-wrap .wrap {
  display: inline-block;
  vertical-align: middle;
}
.k-user-1 li:nth-child(2) .k-user-wrap p {
  margin-bottom: 0;
}
.k-user-1 li:nth-child(3) .article {
  text-align: left;
}
.k-user-1 .imgs {
  margin-top: 40px;
  margin-right: -10px;
  margin-left: -10px;
  font-size: 0;
}
.k-user-1 .imgs li {
  display: inline-block;
  width: 33.3%;
}
.k-user-1 .imgs li .img {
  margin: 0 10px;
}

.k-user-wrap {
  margin: 10px;
  padding: 40px;
  text-align: center;
  background-color: white;
  box-sizing: border-box;
}
.k-user-wrap .logo {
  width: 300px;
  margin: 0 auto;
}
.k-user-wrap .article {
  margin-top: 20px;
  font-size: 14px;
  color: #222;
  line-height: 1.7;
}
.k-user-wrap .article p {
  margin-bottom: 10px;
}
.k-user-wrap .article p:last-child {
  margin-bottom: 0;
}

.k-user-2 {
  position: relative;
  margin-top: 80px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 0;
}
.k-user-2:before, .k-user-2:after {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
  width: 35%;
  height: 1px;
  background-color: white;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.k-user-2:before {
  left: 0;
}
.k-user-2:after {
  right: 0;
}
.k-user-2 .title {
  position: absolute;
  top: -16px;
  right: 0;
  left: 0;
  padding: 0 30px;
  font-size: 32px;
  color: white;
  line-height: 1;
  text-align: center;
}
.k-user-2 .article {
  padding: 40px 120px;
  font-size: 16px;
  color: white;
  line-height: 30px;
  text-align: center;
}

.solution-row.k-contact {
  padding: 40px 0;
}

.k-contact {
  height: 200px;
  text-align: center;
  background-image: url("../images/s-k12/contact-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.k-contact .title {
  font-size: 28px;
  color: white;
  line-height: 1;
}
.k-contact ul {
  margin-top: 34px;
  font-size: 0;
}
.k-contact ul li {
  display: inline-block;
  margin: 0 25px;
  vertical-align: middle;
}
.k-contact-wrap {
  font-size: 0;
}
.k-contact-wrap span {
  display: inline-block;
  vertical-align: middle;
}
.k-contact-wrap .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 24px;
  color: white;
  line-height: 48px;
  text-align: center;
  border: 2px solid white;
}
.k-contact-wrap .icon i {
  line-height: 1;
}
.k-contact-wrap .text {
  font-size: 16px;
  color: white;
}

/**
 * Solution： Common Products Line
 * -----------------------------------------------------------------------------
 */
.sopt3-prod-body p::before, .p-ruike-featurebox .txt p::before {
  font-family: "whaty" !important;
  font-style: normal;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.products .cur-bar {
  background-color: #ec2526;
}
.products .nav-cell .dropdown .arrow {
  border-bottom-color: #ec2526;
}
.products .nav-cell .dropdown .dropdown-list a:hover {
  color: #ec2526;
}
.products .solution-nav .nav-anchor {
  background-color: #ec2526;
}
.products .solution-row {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: auto;
}
.products .solution-row > .arrow {
  position: absolute;
  top: -32px;
  left: 50%;
  display: inline-block;
  width: 158px;
  margin-left: -79px;
}
.products .solution-row .content {
  width: 860px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 30px;
}
.products .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.products .solution-row-title .content {
  margin-top: 24px;
}
.products .sol-title-bar {
  background-color: #ec2526;
}
.products .brand-head {
  padding-bottom: 40px;
}
.products .brand-head .brand-title {
  font-size: 32px;
}
.products .brand-head .brand-title:after {
  display: none;
}
.products .brand-head .brand-info {
  margin: 24px 8%;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.products .brand-head .brand-info span {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  font-weight: bolder;
  color: black;
}
.products .brand-head .brand-info span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  height: 2px;
  background-color: #ec2526;
  border-radius: 1;
}
.products .brand-head.white .brand-title,
.products .brand-head.white .brand-info {
  color: white;
}
.products .btn-bottom {
  padding: 0 50px;
  font-size: 18px;
  font-weight: bold;
  line-height: 48px;
  background-color: #ec2526;
  border-color: #ec2526;
  border-radius: 24px;
  box-shadow: 0 4px 10px rgba(214, 19, 20, 0.1);
}
.products .btn-bottom:hover {
  background-color: #ed3334;
  border-color: #ed3334;
  box-shadow: 0 6px 12px rgba(214, 19, 20, 0.2);
}
.products .btn-bottom.white, .products .btn-bottom.white:hover {
  color: #ec2526;
  background-color: white;
  border-color: white;
}

.solution-row.p-version .swiper-pagination-bullet, .p-circle .swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 6px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: #999;
  border-radius: 3px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.solution-row.p-version .swiper-pagination-bullet-active, .p-circle .swiper-container .swiper-pagination-bullet-active {
  width: 30px;
  background-color: #ec2526;
  opacity: 1;
  filter: alpha(opacity=100);
}

.p-space .logo {
  position: relative;
  width: 232px;
  height: 232px;
  margin: 0 auto;
}
.p-space .logo-list {
  height: 152px;
  top: 50%;
  margin-top: -74px;
}

.p-space-data {
  margin-top: 40px;
  padding: 32px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: rgba(236, 37, 38, 0.03);
}
.p-space-data .space-databox {
  padding: 0 58px;
}
.p-space-data .space-databox:first-child {
  padding-left: 0;
}
.p-space-data .space-databox:last-child {
  padding-right: 0;
}

.space-databox {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.space-databox .pic {
  padding: 21px;
  width: 90px;
  height: 90px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 50%;
}
.space-databox .txt {
  margin-left: 8px;
}
.space-databox .txt h2 {
  font-size: 28px;
  line-height: 1.4;
  color: #ec2526;
  font-weight: bold;
}
.space-databox .txt h4 {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: #404040;
}

.p-space-part {
  margin: 0 -30px;
}
.p-space-part .cell:first-child .wrap {
  color: white;
}
.p-space-part .part-wrap {
  position: relative;
  margin: 0 30px;
  border-radius: 16px;
  overflow: hidden;
}
.p-space-part .part-wrap .wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  padding: 0 40px;
  color: black;
}
.p-space-part .part-wrap .wrap .title {
  padding-top: 50px;
  font-size: 20px;
  font-weight: 600;
}
.p-space-part .part-wrap .wrap .spell {
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.p-space-part .part-wrap img {
  border-radius: inherit;
}

.p-space-flow {
  margin: 60px -30px 0;
}
.p-space-flow .flow-wrap {
  margin: 0 30px;
}
.p-space-flow .flow-wrap .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 35px;
}
.p-space-flow .flow-wrap .title {
  font-size: 0;
  vertical-align: middle;
}
.p-space-flow .flow-wrap .title > span {
  display: inline-block;
  vertical-align: middle;
}
.p-space-flow .flow-wrap .title .num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  color: white;
  line-height: 30px;
  text-align: center;
  background-color: #ec2526;
}
.p-space-flow .flow-wrap .title .text {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: black;
}
.p-space-flow .flow-wrap .con {
  margin-top: 15px;
}
.p-space-flow .flow-wrap .con div {
  padding: 5px 0;
  font-size: 0;
}
.p-space-flow .flow-wrap .con div > span {
  display: inline-block;
  vertical-align: middle;
}
.p-space-flow .flow-wrap .con div .num {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 15px;
  margin-left: 5px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  text-align: center;
  border: 1px solid #bbb;
}
.p-space-flow .flow-wrap .con div .text {
  font-size: 14px;
  color: #666;
}

.p-fun {
  background-image: url("../images/s-products/p-spacebg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-fun.even {
  background: #f9f9f9;
}
.p-fun .solution-row-cont > ul {
  margin-top: -40px;
  margin-bottom: -40px;
}
.p-fun .ptabbox:first-child {
  padding-top: 0;
}
.p-fun .ptabbox:last-child {
  padding-bottom: 0;
}
.p-fun .ptabbox:nth-child(2n+1) {
  flex-direction: row-reverse;
}
.p-fun .ptabbox:nth-child(2n+1) .ptab-menubox h2 span {
  border-bottom-left-radius: 0;
}
.p-fun .ptabbox:nth-child(2n) .ptab-menubox {
  text-align: right;
}
.p-fun .ptabbox:nth-child(2n) .ptab-menubox h2 {
  padding-left: 0;
  padding-right: 32px;
}
.p-fun .ptabbox:nth-child(2n) .ptab-menubox h2::before {
  left: initial;
  right: 4px;
}
.p-fun .ptabbox:nth-child(2n) .ptab-menubox h2::after {
  left: initial;
  right: 0;
}
.p-fun .ptabbox:nth-child(2n) .ptab-menubox h2 span {
  border-bottom-right-radius: 0;
}
.p-fun .ptabbox .ptab-menu {
  width: 396px;
}
.p-fun .ptabbox .ptab-body {
  width: 720px;
  height: 394px;
}

.ptabbox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.ptab-menubox {
  padding: 16px;
  cursor: pointer;
}
.ptab-menubox * {
  padding: 0;
  margin: 0;
}
.ptab-menubox h2 {
  position: relative;
  padding-left: 32px;
  height: 38px;
}
.ptab-menubox h2::before, .ptab-menubox h2::after {
  position: absolute;
  top: 50%;
  content: "";
  border-radius: 50%;
  transition: all 0.5s;
}
.ptab-menubox h2::before {
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: rgba(236, 37, 38, 0.6);
}
.ptab-menubox h2::after {
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.ptab-menubox h2 span {
  display: inline-block;
  font-size: 16px;
  line-height: 38px;
  font-weight: bold;
  vertical-align: top;
  transition: all 0.5s;
}
.ptab-menubox p {
  margin-top: 8px;
  margin-left: 32px;
  font-size: 14px;
  line-height: 1.4;
  color: #8c8c8c;
  transition: all 0.5s;
}
.ptab-menubox.active h2::before {
  background: #ec2526;
}
.ptab-menubox.active h2::after {
  border-color: #ec2526;
}
.ptab-menubox.active h2 span {
  padding: 0 16px;
  color: #fff;
  background: #ec2526;
  border-radius: 12px;
}
.ptab-menubox.active p {
  color: #595959;
}

.p-circle .solution-row-cont {
  font-size: 0;
}
.p-circle .solution-row-cont > div {
  display: inline-block;
  vertical-align: top;
}
.p-circle .swiper-container {
  width: 600px;
}
.p-circle .swiper-container .swiper-pagination-bullet {
  margin-bottom: -20px;
}
.p-circle .graph-content {
  width: 418px;
  margin-left: 80px;
}
.p-circle-feature {
  position: relative;
  margin-top: 20px;
  padding-left: 18px;
}
.p-circle-feature .round, .p-circle-feature .arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -19px;
}
.p-circle-feature .round {
  left: 0;
  width: 38px;
  height: 38px;
}
.p-circle-feature .arrow {
  left: 42%;
  width: 57px;
}
.p-circle-feature .feature-row {
  font-size: 0;
  margin: 10px -10px;
}
.p-circle-feature .feature-row:first-child {
  margin-top: 0;
}
.p-circle-feature .feature-row:last-child {
  margin-bottom: 0;
}
.p-circle-feature .feature-row .cell:first-child {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.p-circle-feature .feature-row .cell:first-child:before {
  right: -20px;
  width: 20px;
  height: 0;
  border-top: 1px dashed #d1d3d5;
}
.p-circle-feature .feature-row .cell:last-child {
  background-color: white;
  border-color: #f1f3f5;
}
.p-circle-feature .feature-row .cell:last-child:before {
  left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
  background-color: #ec2526;
}
.p-circle-feature .cell {
  position: relative;
  display: inline-block;
  width: calc(50% - 20px);
  height: 57px;
  margin: 0 10px;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
  vertical-align: middle;
  border-width: 2px;
  border-style: solid;
  border-radius: 16px;
  box-sizing: border-box;
}
.p-circle-feature .cell:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.p-circle-feature .cell:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}
.p-circle-feature .cell .text {
  display: inline-block;
  color: #888;
  vertical-align: middle;
}
.p-circle-feature .cell b.text {
  color: #444;
}

.p-one {
  background-image: url("../images/s-products/kckj-zxbk-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-one .solution-row-cont {
  position: relative;
  margin-bottom: 20px;
}
.p-one .solution-row-cont:after {
  content: "";
  position: absolute;
  top: 90px;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
  border-top: 1px dashed white;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.p-one .solution-row-cont > ul .cell {
  position: relative;
  z-index: 1;
}
.p-one .solution-row-cont > ul .cell > span {
  position: absolute;
  top: 70px;
  right: -20px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: black;
  color: white;
  text-align: center;
}
.p-one .solution-row-cont > ul .cell > span i {
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
}
.p-one .solution-row-cont > ul .cell:nth-child(3) > span {
  background-color: #ec2526;
}
.p-one .solution-row-cont > ul .cell:last-child .p-one-wrap .icon {
  position: relative;
  overflow: visible;
}
.p-one .solution-row-cont > ul .cell:last-child .p-one-wrap .icon:after {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  top: 50%;
  left: 50%;
  width: 210px;
  height: 210px;
  margin-top: -105px;
  margin-left: -105px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.p-one .solution-row-cont > ul .cell:last-child .p-one-wrap .icon img {
  position: relative;
  z-index: 1;
  width: 128px;
}
.p-one-wrap {
  color: white;
  line-height: 1;
  text-align: center;
}
.p-one-wrap .icon {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 180px;
  background-color: white;
}
.p-one-wrap .icon img {
  display: inline-block;
  width: 90px;
}
.p-one-wrap .title {
  margin-top: 40px;
  font-size: 20px;
  font-weight: bold;
}
.p-one-wrap .info {
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
}

.p-stat {
  background-image: url("../images/s-products/kckj-tj-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-stat .swiper-linkage-nav {
  width: 180px;
  height: 38px;
  margin: 0 auto;
}
.p-stat .swiper-linkage-nav a {
  display: block;
  margin-top: 8px;
  padding: 0;
  font-size: 18px;
  color: white;
  line-height: 30px;
  text-align: center;
  background-color: #ec2526;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.p-stat .swiper-linkage-nav .swiper-slide-thumb-active a {
  margin-top: 0;
  padding: 4px 0;
  font-size: 24px;
  color: black;
  background-color: white;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}
.p-stat .swiper-linkage-body {
  height: 710px;
  text-align: center;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}
.p-stat .swiper-linkage-body .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #bababa;
  opacity: 1;
  filter: alpha(opacity=100);
}
.p-stat .swiper-linkage-body .swiper-pagination-bullet-active {
  background-color: #222;
  opacity: 1;
  filter: alpha(opacity=100);
}
.p-stat .swiper-linkage-body .swiper-slide {
  color: #222;
  line-height: 1;
  text-align: center;
}
.p-stat .swiper-linkage-body .img {
  width: 980px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 30px;
}
.p-stat .swiper-linkage-body .title {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}
.p-stat .swiper-linkage-body .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 32px;
  height: 1px;
  margin-left: -16px;
  background-color: black;
}
.p-stat .swiper-linkage-body .info {
  font-size: 14px;
}
.p-stat .swiper-linkage-body .info-list {
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.p-stat .swiper-linkage-body .info-list .info-row {
  padding: 20px 0;
  font-size: 0;
  border-bottom: 1px solid rgba(225, 227, 228, 0.8);
}
.p-stat .swiper-linkage-body .info-list .info-row span {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.p-stat .swiper-linkage-body .info-list .info-row .num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  color: #888;
  line-height: 24px;
  text-align: center;
  background-color: #f6f6f6;
}
.p-stat .swiper-linkage-body .info-list .info-row .icon {
  width: 24px;
  height: 24px;
}
.p-stat .swiper-linkage-body .info-list .info-row .icon img {
  width: 100%;
  height: auto;
}
.p-stat .swiper-linkage-body .info-list .info-row .name {
  width: 80px;
  font-size: 15px;
  border-right: 1px solid rgba(225, 227, 228, 0.8);
  font-weight: bold;
  color: black;
  line-height: 24px;
}
.p-stat .swiper-linkage-body .info-list .info-row .text {
  font-size: 14px;
  color: #444;
  line-height: 24px;
}

.p-analysis {
  background-color: #2d2c34;
  background-image: url("../images/s-products/ksxt-tj-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-analysis .swiper-linkage-nav {
  width: 270px;
}
.p-analysis .swiper-linkage-body {
  height: 820px;
}

.p-trust-data {
  margin: 0 -22px;
}
.p-trust-data .data-wrap {
  position: relative;
  margin: 0 22px;
  padding-top: 30px;
  padding-bottom: 20px;
  line-height: 1;
  text-align: center;
  border: 1px solid #e1e3e4;
}
.p-trust-data .data-wrap .num {
  font-size: 0;
  font-weight: bolder;
}
.p-trust-data .data-wrap .num > span {
  display: inline-block;
  vertical-align: baseline;
}
.p-trust-data .data-wrap .num > span:first-child {
  font-size: 60px;
  color: #ec2526;
  transform: scaleX(0.9);
}
.p-trust-data .data-wrap .num .text {
  font-size: 18px;
  color: #222;
}
.p-trust-data .data-wrap .info {
  margin-top: 15px;
  font-size: 14px;
  color: #222;
}
.p-trust-data .data-wrap .dots {
  position: absolute;
  bottom: -32px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 6px;
  height: 36px;
  margin-left: -3px;
  background-image: url("../images/s-products/kckj-dots.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-trust-subtitle {
  position: relative;
  text-align: center;
}
.p-trust-subtitle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
  height: 1px;
  background-color: #f1f3f5;
}
.p-trust-subtitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 40px;
  font-size: 18px;
  color: #888;
  line-height: 40px;
  background-color: #f3f3f3;
  border-radius: 30px;
  border: 10px solid white;
}

.p-kit {
  min-height: 770px;
  background-image: url("../images/s-products/zyk-img.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 50%;
  border-top: 1px solid #f1f3f5;
}
.p-kit .solution-row-cont .logo {
  position: relative;
  width: 216px;
  margin: 0 auto 435px;
}
.logo-list {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 792px;
  height: 40px;
  margin-left: -396px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.logo-list .kitbox:nth-child(2) {
  margin-left: 320px;
}
.logo-list .kitbox:nth-child(4) {
  margin-left: 440px;
}
.logo-list .kitbox:nth-child(n+3) {
  margin-top: 24px;
}

.kitbox {
  padding: 0 32px;
  min-width: 112px;
  height: 64px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(0, 0, 0, 0.1);
}
.kitbox img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}
.kitbox span {
  font-size: 16px;
  color: #666;
}

.p-adv {
  background-color: #2d2c34;
}
.p-adv .solution-row-cont ul {
  margin: -40px -54px 0;
}
.p-adv .solution-row-cont li {
  margin-top: 60px;
}
.p-adv-wrap {
  margin: 0 30px;
  color: white;
  text-align: center;
}
.p-adv-wrap .icon {
  width: 82px;
  margin: 0 auto;
}
.p-adv-wrap .title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.p-adv-wrap .info {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.p-advbox {
  margin: 0 54px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.p-advbox .pic {
  width: 82px;
  height: 82px;
  margin-right: 30px;
}
.p-advbox .txt {
  flex: 1;
  color: #fff;
}
.p-advbox .txt * {
  padding: 0;
  margin: 0;
}
.p-advbox .txt h2 {
  font-size: 20px;
  line-height: 28px;
}
.p-advbox .txt p {
  margin-top: 14px;
  font-size: 14px;
  line-height: 20px;
}

.p-exam {
  background-image: url("../images/s-products/ksxt-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-exam .solution-row-title {
  margin-bottom: 40px;
}
.p-exam .logo {
  position: relative;
  width: 227px;
  margin: 0 auto 48px;
}
.p-exam .logo::after {
  position: absolute;
  right: -42px;
  bottom: 0;
  width: 52px;
  height: 152px;
  content: "";
  background: url("../images/s-products/ksxt-logo-people.png");
}
.p-exam .logo a {
  position: absolute;
  right: -164px;
  top: -20px;
  width: 160px;
  height: 78px;
  display: block;
  background: url("../images/s-products/ksxt-logo-btn.png");
}
.p-exam .tabs-link {
  width: 136px;
  height: 36px;
  line-height: 32px;
  border-width: 2px;
  box-sizing: border-box;
}
.p-exam .tabs-link:hover {
  color: white;
  border-color: white;
}
.p-exam .tabs-link.active {
  background-color: #2d2c34;
  border-color: #2d2c34;
}
.p-exam .tabs-link.active:after {
  border-top-color: #2d2c34;
}
.p-exam .tabs-con:nth-child(1) .card, .p-exam .tabs-con:nth-child(2) .card {
  width: 83.3333333333%;
}
.p-exam .tabs-con:nth-child(3) .card {
  width: 66.6666666667%;
}
.p-exam .tabs-con:nth-child(3) .t-fun-wrap .title {
  margin-bottom: 5px;
}
.p-exam .tabs-con:nth-child(3) .t-fun-wrap .info {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
  line-height: 1;
}
.p-exam .tabs-con:nth-child(4) .card {
  width: 100%;
}
.p-exam .tabs-con:nth-child(4) .swiper-container {
  margin: 0 20px;
}
.p-exam .t-fun-wrap:after {
  background-color: rgba(45, 44, 52, 0.1);
}
.p-exam .t-fun-wrap .title {
  font-weight: 600;
  color: black;
}
.p-exam .t-fun-wrap .num {
  background-color: #2d2c34;
}

.p-marking .solution-row-cont {
  font-size: 0;
}
.p-marking .solution-row-cont > div {
  display: inline-block;
  vertical-align: middle;
}
.p-marking .solution-row-cont .img {
  width: 557px;
  margin-right: 73px;
}
.p-marking .solution-row-cont.p-yth1-cont {
  height: 521px;
}
.p-marking .solution-row-cont.p-yth1-cont .img {
  width: 618px;
  height: 521px;
  margin-right: 32px;
}
.p-yth1-cont .p-marking-wrap {
  width: 490px;
}

.p-marking .solution-row-cont.p-yth2-cont {
  height: 490px;
  margin-top: 80px;
}
.p-marking .solution-row-cont.p-yth2-cont .img {
  width: 618px;
  height: inherit;
  margin-right: 0;
  margin-left: 32px;
}
.p-yth2-cont .p-marking-wrap {
  width: 490px;
}

.p-marking-wrap {
  width: 510px;
}
.p-marking-wrap > .title {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 0;
}
.p-marking-wrap > .title i, .p-marking-wrap > .title span {
  display: inline-block;
  vertical-align: middle;
}
.p-marking-wrap > .title i {
  width: 4px;
  height: 28px;
  margin-right: 20px;
  background-color: #ec2526;
}
.p-marking-wrap > .title span {
  font-size: 28px;
  color: #222;
  line-height: 1;
  letter-spacing: 0.1em;
}
.p-marking-wrap .cell {
  position: relative;
  margin: 40px 0;
  padding-left: 58px;
}
.p-marking-wrap .cell:first-child {
  margin-top: 0;
}
.p-marking-wrap .cell:last-child {
  margin-bottom: 0;
}
.p-marking-wrap .cell .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 38px;
  height: 38px;
}
.p-marking-wrap .cell .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 1.2;
}
.p-marking-wrap .cell .text {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}

.p-exam-scene {
  background-image: url("../images/s-products/ksxt-scene-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-exam-scene .p-scenes {
  height: 425px;
}
.p-exam-scene .p-scenes .scene:nth-child(1) {
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  background-color: #ec2526;
}
.p-exam-scene .p-scenes .scene:nth-child(2) {
  left: 145px;
  width: 280px;
  height: 140px;
}
.p-exam-scene .p-scenes .scene:nth-child(3) {
  top: 145px;
  left: 0;
  width: 280px;
  height: 280px;
}
.p-exam-scene .p-scenes .scene:nth-child(4) {
  top: 145px;
  left: 285px;
  width: 140px;
  height: 280px;
}
.p-exam-scene .p-scenes .scene:nth-child(5) {
  top: 0;
  left: 430px;
  width: 280px;
  height: 280px;
}
.p-exam-scene .p-scenes .scene:nth-child(5) .scene-wrap {
  top: auto;
  bottom: 24px;
}
.p-exam-scene .p-scenes .scene:nth-child(6) {
  top: 0;
  left: 715px;
  width: 140px;
  height: 280px;
}
.p-exam-scene .p-scenes .scene:nth-child(6) .scene-wrap {
  top: auto;
  bottom: 24px;
}
.p-exam-scene .p-scenes .scene:nth-child(6) .scene-wrap .title,
.p-exam-scene .p-scenes .scene:nth-child(6) .scene-wrap .spell {
  color: #2d2c34;
}
.p-exam-scene .p-scenes .scene:nth-child(7) {
  top: 285px;
  left: 430px;
  width: 425px;
  height: 140px;
}
.p-exam-scene .p-scenes .scene:nth-child(8) {
  top: 0;
  right: 0;
  width: 280px;
  height: 140px;
}
.p-exam-scene .p-scenes .scene:nth-child(9) {
  right: 0;
  bottom: 0;
  width: 280px;
  height: 280px;
}

.p-scenes {
  position: relative;
}
.p-scenes .scene {
  position: absolute;
  background-color: gray;
  cursor: default;
  overflow: hidden;
}
.p-scenes .scene img {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.p-scenes .scene:hover img {
  transform: scale(1.2);
}
.p-scenes .scene-wrap {
  position: absolute;
  top: 40px;
  left: 30px;
  z-index: 1;
  color: white;
}
.p-scenes .scene-wrap .num {
  display: inline-block;
  width: 33px;
  height: 16px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  background-color: #2d2c34;
}
.p-scenes .scene-wrap .title {
  display: block;
  font-size: 20px;
  font-weight: border;
  line-height: 1.2;
}
.p-scenes .scene-wrap .spell {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
  transform: scale(0.83);
  transform-origin: 0 0;
}

.scenes-cont .scenes-wrap li:nth-child(1) .icon {
  background-image: url("../images/s-products/scene-1.svg");
}
.scenes-cont .scenes-wrap li:nth-child(2) .icon {
  background-image: url("../images/s-products/scene-2.svg");
}
.scenes-cont .scenes-wrap li:nth-child(3) .icon {
  background-image: url("../images/s-products/scene-3.svg");
}
.scenes-cont .scenes-wrap li:nth-child(4) .icon {
  background-image: url("../images/s-products/scene-4.svg");
}
.scenes-cont .scenes-wrap li:nth-child(5) .icon {
  background-image: url("../images/s-products/scene-5.svg");
}
.scenes-cont .scenes-wrap li:nth-child(6) .icon {
  background-image: url("../images/s-products/scene-6.svg");
}
.scenes-cont .scenes-wrap li:nth-child(7) .icon {
  background-image: url("../images/s-products/scene-7.svg");
}
.scenes-cont .scenes-wrap li:nth-child(8) .icon {
  background-image: url("../images/s-products/scene-8.svg");
}
.scenes-cont .scenes-wrap .scenes-item {
  background-image: url("../images/s-products/scene-card-bg-1.svg");
  background-position: center 84px;
  background-repeat: no-repeat;
  background-size: contain;
}
.scenes-cont .scenes-wrap .scenes-item .bar {
  background-color: #ec2526;
}
.scenes-cont .scenes-wrap .scenes-item:hover {
  background-color: #ed3334;
}

.cases-tabs {
  float: left;
  width: 270px;
}
@media screen and (max-width: 940px) {
  .cases-tabs {
    width: 40%;
  }
}
.cases-tabs .swiper-container {
  margin-top: -8px;
  margin-bottom: -8px;
  overflow: visible !important;
}
.cases-tabs .swiper-slide {
  margin-top: 8px;
  margin-bottom: 8px;
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab {
  position: relative;
  width: 100%;
  background-repeat: repeat-x;
  background-image: linear-gradient(135deg, #E64142, #E61415);
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab .icon {
  background-position: center bottom;
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab .title {
  color: white;
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab .num {
  margin-top: -28px;
  opacity: 0.1;
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab .arrow {
  position: absolute;
  top: 50%;
  right: -9px;
  margin-top: -6px;
}
.cases-tabs .swiper-slide.swiper-slide-thumb-active .cases-tab .arrow i {
  color: #ec2526;
  transform: scale(1);
}
.cases-tabs .swiper-slide:nth-child(1) .icon {
  background-image: url("../images/s-products/cases/case-1.svg");
}
.cases-tabs .swiper-slide:nth-child(2) .icon {
  background-image: url("../images/s-products/cases/case-2.svg");
}
.cases-tabs .swiper-slide:nth-child(3) .icon {
  background-image: url("../images/s-products/cases/case-3.svg");
}
.cases-tabs .swiper-slide:nth-child(4) .icon {
  background-image: url("../images/s-products/cases/case-4.svg");
}
.cases-tabs .swiper-slide:nth-child(5) .icon {
  background-image: url("../images/s-products/cases/case-5.svg");
}
.cases-tabs .swiper-slide:nth-child(6) .icon {
  background-image: url("../images/s-products/cases/case-6.svg");
}
.cases-tab {
  position: relative;
  width: 256px;
  padding: 15px 20px;
  font-size: 0;
  background-color: #FFF5F5;
  border-radius: 4px;
  cursor: pointer;
  overflow: visible;
  box-sizing: border-box;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.cases-tab > * {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.cases-tab .icon {
  width: 54px;
  height: 54px;
  margin-right: 12px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.cases-tab .title {
  width: calc(100% - 90px);
  font-size: 16px;
  color: #444;
  line-height: 1.4;
}
.cases-tab .num {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -36px;
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 56px;
  line-height: 1;
  font-weight: bolder;
  color: white;
  opacity: 0;
}
.cases-tab .arrow {
  margin-left: 12px;
  font-size: 12px;
  color: #d9d9d9;
  transform: scale(0.8);
}
@media screen and (max-width: 940px) {
  .cases-tab {
    width: 100%;
    margin-right: 8px;
    margin-left: 8px;
    padding: 12px 16px;
  }
  .cases-tab .icon,
  .cases-tab .arrow {
    display: none;
  }
  .cases-tab .title {
    width: 100%;
    font-size: 14px;
  }
}
.cases-tab .progress-bar2 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
}
.cases-tab .progress-bar2 div {
  width: 0;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
}

.cases-show {
  float: right;
  width: 834px;
}
.cases-show .show-row {
  margin: 24px 0;
  font-size: 0;
}
.cases-show .show-row:after {
  vertical-align: middle;
}
.cases-show .show-row > * {
  display: inline-block;
  vertical-align: middle;
}
.cases-show .show-row > *:first-child {
  margin-left: 0;
}
.cases-show .show-row > *:last-child {
  margin-right: 0;
}
.cases-show .show-row:first-child {
  margin-top: 0;
}
.cases-show .show-row:last-child {
  margin-bottom: 0;
}
.cases-show .show-row .cell {
  width: 50%;
}
.cases-show .show-wrap .title {
  margin-bottom: 24px;
  font-size: 24px;
  color: #222;
  line-height: 1.5;
}
.cases-show .show-wrap .con-wrap .con-row {
  margin: 12px 0;
  font-size: 0;
  font-size: 0;
}
.cases-show .show-wrap .con-wrap .con-row:after {
  vertical-align: top;
}
.cases-show .show-wrap .con-wrap .con-row > * {
  display: inline-block;
  vertical-align: top;
}
.cases-show .show-wrap .con-wrap .con-row > *:first-child {
  margin-left: 0;
}
.cases-show .show-wrap .con-wrap .con-row > *:last-child {
  margin-right: 0;
}
.cases-show .show-wrap .con-wrap .con-row:first-child {
  margin-top: 0;
}
.cases-show .show-wrap .con-wrap .con-row:last-child {
  margin-bottom: 0;
}
.cases-show .show-wrap .con-wrap .icon {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 12px;
  background-image: url("../images/s-products/cases/tick.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cases-show .show-wrap .con-wrap .con {
  width: calc(100% - 32px);
  font-size: 15px;
  color: #444;
  line-height: 24px;
}
.cases-show .show-wrap .con-wrap .con-article {
  margin: 12px 0;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}
.cases-show .show-wrap .con-wrap .con-group .icon {
  width: 4px;
  height: 21px;
  line-height: 21px;
  background-image: none;
}
.cases-show .show-wrap .con-wrap .con-group .icon:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ec2526;
}
.cases-show .show-wrap .con-wrap .con-group .con {
  width: calc(100% - 16px);
  color: #888;
}
.cases-show .show-wrap .con-wrap .con-group .con b {
  color: #222;
}
@media screen and (max-width: 940px) {
  .cases-show {
    width: auto !important;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .cases-show .show-row {
    margin: 19.2px 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
  }
  .cases-show .show-row .cell {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .cases-show .show-row .cell:first-child .show-wrap {
    margin-right: 0 !important;
  }
  .cases-show .show-row .cell:last-child .show-wrap {
    margin-left: 0 !important;
  }
  .cases-show .show-wrap {
    margin: 12px 0 !important;
    padding: 0 20px;
    text-align: center;
  }
  .cases-show .show-wrap .title {
    font-size: 19.2px;
  }
  .cases-show .show-wrap img {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .cases-show .show-wrap .content {
    text-align: left;
  }
}

.exam-slide .con-row {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
@media screen and (max-width: 940px) {
  .exam-slide .show-row:last-child .cell:first-child {
    order: 2;
  }
  .exam-slide .show-row:last-child .cell:last-child {
    order: 1;
  }
}

.province-slide .data-row ul {
  margin-right: -6px;
  margin-left: -6px;
  font-size: 0;
  font-size: 0;
}
.province-slide .data-row ul:after {
  vertical-align: middle;
}
.province-slide .data-row ul > * {
  display: inline-block;
  vertical-align: middle;
}
.province-slide .data-row ul > *:first-child {
  margin-left: 0;
}
.province-slide .data-row ul > *:last-child {
  margin-right: 0;
}
.province-slide .data-row .cell {
  display: inline-block;
  width: auto !important;
  vertical-align: middle;
}
.province-slide .data-row .data-wrap {
  height: 54px;
  margin: 0 4px;
  padding: 0 16px;
  color: #ec2526;
  border: 1px solid #e1e3e4;
  box-sizing: border-box;
  font-size: 0;
}
.province-slide .data-row .data-wrap:after {
  vertical-align: middle;
}
.province-slide .data-row .data-wrap > * {
  display: inline-block;
  vertical-align: middle;
}
.province-slide .data-row .data-wrap > *:first-child {
  margin-left: 0;
}
.province-slide .data-row .data-wrap > *:last-child {
  margin-right: 0;
}
.province-slide .data-row .data-wrap .num {
  margin-right: 4px;
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 28px;
  line-height: 1;
  vertical-align: -3px;
}
.province-slide .data-row .data-wrap .text {
  font-size: 14px;
}
@media screen and (max-width: 940px) {
  .province-slide .data-row {
    text-align: center;
  }
  .province-slide .data-row ul {
    margin-right: -4.8px;
    margin-left: -4.8px;
  }
  .province-slide .data-row .data-wrap {
    margin: 0 4.2px;
    padding: 0 12px;
  }
}

.railway-slide .title {
  white-space: nowrap;
}
@media screen and (max-width: 940px) {
  .railway-slide .title {
    white-space: pre-wrap;
  }
  .railway-slide .show-row:first-child .cell:first-child {
    order: 2;
  }
  .railway-slide .show-row:first-child .cell:last-child {
    order: 1;
  }
  .railway-slide .show-row:first-child .cell:last-child .show-wrap {
    margin-top: -32px !important;
  }
}

@media screen and (max-width: 940px) {
  .press-slide .show-row:first-child .cell:first-child {
    order: 2;
  }
  .press-slide .show-row:first-child .cell:last-child {
    order: 1;
  }
}

@media screen and (max-width: 940px) {
  .wisdom-slide .show-row:last-child .cell:first-child {
    order: 2;
  }
  .wisdom-slide .show-row:last-child .cell:last-child {
    order: 1;
  }
}

.p-exam-cases .btn-wrap .btn-solid:hover {
  color: white;
  background-color: #ed3334;
}
.p-exam-cases .btn-wrap .btn-solid.yellow {
  color: white;
  background-color: #f3b225;
  border-color: #f3b225;
}
.p-exam-cases .btn-wrap .btn-solid.yellow:hover {
  background-color: #f4b734;
  border-color: #f4b734;
}

.p-simple-entry {
  padding-bottom: 0 !important;
}
.p-simple-entry .solution-row-cont {
  position: relative;
  height: 400px;
  font-size: 0;
}
.p-simple-entry .solution-row-cont:after {
  vertical-align: middle;
}
.p-simple-entry .solution-row-cont > * {
  display: inline-block;
  vertical-align: middle;
}
.p-simple-entry .solution-row-cont > *:first-child {
  margin-left: 0;
}
.p-simple-entry .solution-row-cont > *:last-child {
  margin-right: 0;
}
.p-simple-entry .solution-row-cont .img {
  position: absolute;
  right: 0;
  width: 700px;
  height: 400px;
  margin-right: 0;
}
.p-simple-entry .solution-row-cont.p-program-cont {
  height: 386px;
  padding-left: 650px;
}
.p-simple-entry .solution-row-cont.p-program-cont .img {
  right: initial;
  left: 0;
  width: 618px;
  height: 386px;
}
.p-program-cont .p-marking-wrap .cell,
.p-res-user .p-marking-wrap .cell {
  position: relative;
  margin: 32px 0;
  padding: 16px 20px 16px 78px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 8px;
}
.p-program-cont .p-marking-wrap .cell .icon,
.p-res-user .p-marking-wrap .cell .icon {
  top: 16px;
  left: 20px;
}
.p-program-cont .p-marking-wrap .cell.active,
.p-res-user .p-marking-wrap .cell.active {
  border-color: rgba(236, 37, 38, 0.1);
}
.p-program-cont .p-marking-wrap .cell.active::before,
.p-res-user .p-marking-wrap .cell.active::before {
  position: absolute;
  left: -17px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-width: 8px;
  border-style: solid;
  border-color: transparent rgba(236, 37, 38, 0.1) transparent transparent;
}
.p-program-cont .p-marking-wrap .cell.active .title,
.p-res-user .p-marking-wrap .cell.active .title {
  color: #ec2526;
}
.p-program-cont .p-marking-wrap .cell.active .text,
.p-res-user .p-marking-wrap .cell.active .text {
  color: #262626;
}
.p-program-cont .img,
.p-res-user .img {
  width: 644px;
}

.p-program-cont .p-marking-wrap {
  width: 490px;
}

.p-simple-entry .solution-row-cont.p-brush-cont {
  height: 507px;
  padding-right: 666px;
}
.p-simple-entry .solution-row-cont.p-brush-cont .img {
  width: 634px;
  height: 507px;
}
.p-brush-cont .p-marking-wrap {
  width: 474px;
}

.p-live-feature {
  position: relative;
  height: 487px;
  background-image: url("../images/s-products/zb-logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-live-feature .feature-wrap {
  position: absolute;
}
.p-live-feature .feature-wrap .icon {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 40px;
  color: white;
  line-height: 100px;
  text-align: center;
}
.p-live-feature .feature-wrap .num {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}
.p-live-feature .feature-wrap .text {
  display: block;
  font-size: 18px;
  color: #222;
  line-height: 24px;
}
.p-live-feature .feature-wrap:nth-child(1), .p-live-feature .feature-wrap:nth-child(2), .p-live-feature .feature-wrap:nth-child(3) {
  padding-left: 124px;
}
.p-live-feature .feature-wrap:nth-child(1) .icon, .p-live-feature .feature-wrap:nth-child(2) .icon, .p-live-feature .feature-wrap:nth-child(3) .icon {
  left: 0;
}
.p-live-feature .feature-wrap:nth-child(4), .p-live-feature .feature-wrap:nth-child(5), .p-live-feature .feature-wrap:nth-child(6) {
  padding-right: 124px;
  text-align: right;
}
.p-live-feature .feature-wrap:nth-child(4) .icon, .p-live-feature .feature-wrap:nth-child(5) .icon, .p-live-feature .feature-wrap:nth-child(6) .icon {
  right: 0;
}
.p-live-feature .feature-wrap:nth-child(1) {
  top: -14px;
  left: 686px;
}
.p-live-feature .feature-wrap:nth-child(2) {
  top: 188px;
  left: 780px;
}
.p-live-feature .feature-wrap:nth-child(3) {
  bottom: -14px;
  left: 695px;
}
.p-live-feature .feature-wrap:nth-child(4) {
  top: -14px;
  right: 686px;
}
.p-live-feature .feature-wrap:nth-child(5) {
  top: 188px;
  right: 780px;
}
.p-live-feature .feature-wrap:nth-child(6) {
  bottom: -14px;
  right: 695px;
}
.p-live-feature .feature-wrap:nth-child(1) .icon {
  background-color: #EC2526;
  box-shadow: 0 10px 20px rgba(236, 37, 38, 0.3);
}
.p-live-feature .feature-wrap:nth-child(1) .num {
  color: #EC2526;
}
.p-live-feature .feature-wrap:nth-child(2) .icon {
  background-color: #FF8965;
  box-shadow: 0 10px 20px rgba(255, 137, 101, 0.3);
}
.p-live-feature .feature-wrap:nth-child(2) .num {
  color: #FF8965;
}
.p-live-feature .feature-wrap:nth-child(3) .icon {
  background-color: #ffa155;
  box-shadow: 0 10px 20px rgba(255, 161, 85, 0.3);
}
.p-live-feature .feature-wrap:nth-child(3) .num {
  color: #ffa155;
}
.p-live-feature .feature-wrap:nth-child(4) .icon {
  background-color: #F64040;
  box-shadow: 0 10px 20px rgba(246, 64, 64, 0.3);
}
.p-live-feature .feature-wrap:nth-child(4) .num {
  color: #F64040;
}
.p-live-feature .feature-wrap:nth-child(5) .icon {
  background-color: #F65C5C;
  box-shadow: 0 10px 20px rgba(246, 92, 92, 0.3);
}
.p-live-feature .feature-wrap:nth-child(5) .num {
  color: #F65C5C;
}
.p-live-feature .feature-wrap:nth-child(6) .icon {
  background-color: #FFBD55;
  box-shadow: 0 10px 20px rgba(255, 189, 85, 0.3);
}
.p-live-feature .feature-wrap:nth-child(6) .num {
  color: #FFBD55;
}

.p-live .solution-row-cont .btn-wrap .btn-solid:hover {
  color: white;
  background-color: #ed3334;
}

.p-live-endsbg {
  background-image: url("../images/s-products/zb-ends-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-ends {
  margin-top: -40px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.p-live-ends .txt {
  width: calc(100% - 592px);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-live-ends .txt .live-endsbox {
  width: 25%;
  margin: 16px 0;
}
.p-live-ends .pic {
  width: 592px;
}

.live-endsbox {
  position: relative;
  text-align: center;
}
.live-endsbox span {
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  font-size: 50px;
  line-height: 100px;
  background: #fff;
  box-shadow: 0 9px 28px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  color: #ec2526;
  overflow: hidden;
}
.live-endsbox span img {
  width: 50px;
  height: 50px;
  margin: 25px;
}
.live-endsbox h2 {
  margin-top: 8px;
  font-size: 18px;
  line-height: 30px;
  color: #444;
  text-align: center;
}

.p-assess {
  background-color: #fff;
}
.p-assess .solution-row-cont {
  font-size: 0;
}
.p-assess .solution-row-cont > div {
  display: inline-block;
  vertical-align: middle;
}
.p-assess .solution-row-cont .img {
  width: 711px;
  margin-right: 30px;
}
.p-assess .solution-row-cont .points {
  position: relative;
  width: 288px;
  height: 344px;
}
.p-assess .solution-row-cont .points .round {
  position: absolute;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  vertical-align: middle;
}
.p-assess .solution-row-cont .points .round:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.p-assess .solution-row-cont .points .round .wrap {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}
.p-assess .solution-row-cont .points .round .text {
  font-size: 18px;
}
.p-assess .solution-row-cont .points .round:nth-child(1) {
  top: 0;
  right: 0;
  z-index: 1;
  width: 140px;
  height: 140px;
  color: #da3a37;
  background-color: rgba(255, 209, 208, 0.5);
}
.p-assess .solution-row-cont .points .round:nth-child(1) .icon {
  font-size: 40px;
}
.p-assess .solution-row-cont .points .round:nth-child(2) {
  top: 50px;
  left: 0;
  z-index: 2;
  width: 180px;
  height: 180px;
  color: #ec2526;
  background-color: rgba(255, 211, 197, 0.5);
}
.p-assess .solution-row-cont .points .round:nth-child(2) .icon {
  font-size: 48px;
}
.p-assess .solution-row-cont .points .round:nth-child(3) {
  right: 50px;
  bottom: 34px;
  z-index: 1;
  width: 130px;
  height: 130px;
  color: #945a1c;
  background-color: rgba(255, 228, 173, 0.5);
}
.p-assess .solution-row-cont .points .round:nth-child(3) .icon {
  font-size: 30px;
}
.p-assess .solution-row-cont .points .round:nth-child(4) {
  bottom: 0;
  left: 34px;
  width: 100px;
  height: 100px;
  color: #48966b;
  background-color: #e1f7ec;
}

.p-feature .solution-row-cont > ul {
  margin-top: -40px;
  margin-bottom: -40px;
}

.p-live-aibg {
  min-height: 760px;
  background-image: url("../images/s-products/zb-ai-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-ai {
  position: relative;
  margin-top: 20px;
  height: 436px;
  background: url(../images/s-products/zb-ai.png) top center no-repeat;
}

.p-live-aibox {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
}
.p-live-aibox .icon {
  width: 72px;
  height: 72px;
  margin-top: 24px;
  text-align: center;
  line-height: 72px;
  color: #fff;
  border-radius: 50%;
}
.p-live-aibox .icon i {
  font-size: 40px;
}
.p-live-aibox .txt {
  position: relative;
  padding: 12px 24px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 16px;
}
.p-live-aibox .txt::before {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-width: 8px 12px;
  border-style: solid;
}
.p-live-aibox-1 .txt, .p-live-aibox-2 .txt {
  margin-left: 26px;
}
.p-live-aibox-1 .txt::before, .p-live-aibox-2 .txt::before {
  left: -24px;
}
.p-live-aibox-3 .txt {
  margin-right: 26px;
}
.p-live-aibox-3 .txt::before {
  right: -24px;
}
.p-live-aibox-1 {
  top: -26px;
  left: 810px;
}
.p-live-aibox-1 .icon {
  background: rgba(255, 121, 86, 0.9);
}
.p-live-aibox-1 .txt {
  background: #ff7956;
}
.p-live-aibox-1 .txt::before {
  border-color: transparent #ff7956 transparent transparent;
}
.p-live-aibox-2 {
  bottom: 126px;
  right: 10px;
}
.p-live-aibox-2 .icon {
  background: rgba(255, 189, 85, 0.9);
}
.p-live-aibox-2 .txt {
  background: #ffbd55;
}
.p-live-aibox-2 .txt::before {
  border-color: transparent #ffbd55 transparent transparent;
}
.p-live-aibox-3 {
  bottom: 108px;
  right: 812px;
  flex-direction: row-reverse;
}
.p-live-aibox-3 .icon {
  background: rgba(255, 133, 54, 0.9);
}
.p-live-aibox-3 .txt {
  background: #ff8536;
}
.p-live-aibox-3 .txt::before {
  border-color: transparent transparent transparent #ff8536;
}

.p-live-ai-note {
  position: absolute;
  top: -92px;
  left: 0;
  padding: 12px 24px;
  background: #fff;
  border-radius: 16px;
}
.p-live-ai-note::before {
  position: absolute;
  bottom: -20px;
  left: 24px;
  width: 0;
  height: 0;
  content: "";
  border-width: 12px 6px 8px 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.p-live-ai-note p {
  position: relative;
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 24px;
  line-height: 36px;
  color: #ec2526;
}
.p-live-ai-note p::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  content: "";
  background: #ec2526;
  border-radius: 50%;
}

.p-live-ai1bg {
  min-height: 728px;
  background-image: url("../images/s-products/zb-ai1-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-ai1bg .brand-head .brand-info {
  color: #181818;
  opacity: 0.7;
}
.p-live-ai1bg .brand-head .brand-info em {
  text-transform: initial;
  font-style: normal;
}
.p-live-ai1 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  width: 100%;
}
.p-live-ai1 .p-live-ai1-pic {
  margin-top: -64px;
  margin-bottom: -44px;
}
.p-live-ai1 .p-live-ai1-txt {
  margin-top: 38px;
}

.p-live-ai1-pic {
  width: 360px;
  height: auto;
}
.p-live-ai1-pic img {
  width: 100%;
}

.p-live-ai1-txt {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.p-live-ai1-txt .p-live-ai1box:not(.p-live-ai1-txt .p-live-ai1box:first-child) {
  margin-left: 20px;
}

.p-live-ai1box {
  width: 240px;
  height: 324px;
  padding: 32px 20px;
  text-align: center;
  background: #fff;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  transition: all 0.5s;
  cursor: pointer;
}
.p-live-ai1box h2 {
  position: relative;
  min-height: 48px;
  padding-bottom: 18px;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
.p-live-ai1box h2::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 40px;
  height: 4px;
  margin-left: -20px;
  content: "";
  background: #ec2526;
  transition: all 0.5s;
}
.p-live-ai1box img {
  margin-top: 20px;
  width: 200px;
  height: 180px;
  transition: all 0.5s;
}
.p-live-ai1box:hover {
  transform: translateY(-8px);
}
.p-live-ai1box:hover h2::after {
  width: 80px;
  margin-left: -40px;
  transition: all 0.5s;
  border-radius: 40px;
}
.p-live-ai1box:hover img {
  transition: scale(0.9);
}

.p-core {
  background-image: url("../images/s-products/zb-fun-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-core .solution-row-cont > ul {
  margin: 0 -12px;
}
.p-core-wrap {
  height: 260px;
  margin: 12px;
  padding: 40px 0;
  text-align: center;
  background-color: white;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.p-core-wrap .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 20px;
}
.p-core-wrap .title {
  margin-bottom: 10px;
  font-size: 20px;
  color: black;
  line-height: 1;
}
.p-core-wrap .text {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.p-live-scene {
  background-image: url("../images/s-products/zb-scene-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-scene .p-scenes {
  height: 453px;
}
.p-live-scene .p-scenes .spell {
  margin-top: 5px;
}
.p-live-scene .p-scenes .scene:nth-child(1) {
  top: 0;
  left: 0;
  width: 224px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(2) {
  top: 0;
  left: 229px;
  width: 453px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(3) {
  top: 0;
  left: 687px;
  width: 224px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(4) {
  top: 229px;
  left: 0;
  width: 453px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(5) {
  top: 229px;
  left: 458px;
  width: 453px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(6) {
  top: 0;
  right: 0;
  width: 224px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(7) {
  right: 0;
  bottom: 0;
  width: 224px;
  height: 224px;
}
.p-live-scene .p-scenes .scene:nth-child(4) .scene-wrap .title,
.p-live-scene .p-scenes .scene:nth-child(4) .scene-wrap .spell, .p-live-scene .p-scenes .scene:nth-child(5) .scene-wrap .title,
.p-live-scene .p-scenes .scene:nth-child(5) .scene-wrap .spell, .p-live-scene .p-scenes .scene:nth-child(6) .scene-wrap .title,
.p-live-scene .p-scenes .scene:nth-child(6) .scene-wrap .spell, .p-live-scene .p-scenes .scene:nth-child(7) .scene-wrap .title,
.p-live-scene .p-scenes .scene:nth-child(7) .scene-wrap .spell {
  color: #2d2c34;
}

.p-live-advbg {
  background-image: url("../images/s-products/zb-adv-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-adv {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.p-live-adv * {
  margin: 0;
  padding: 0;
}

.live-adv-item {
  width: calc((100% - 36px) / 4);
  padding-bottom: 32px;
  background: #fff;
  cursor: pointer;
}

.live-adv-title {
  height: 90px;
  margin-bottom: 32px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(144deg, rgba(255, 170, 175, 0.5) 11.28%, rgba(254, 212, 206, 0) 101.41%);
}
.live-adv-title h3 {
  font-size: 18px;
  color: #101319;
  font-weight: 900;
}
.live-adv-title span {
  position: relative;
  width: 36px;
  height: 36px;
  margin-left: -4px;
  margin-right: 8px;
  text-align: center;
  line-height: 36px;
  font-weight: normal;
}
.live-adv-title span::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(160deg, rgba(255, 79, 56, 0.76) 13.27%, rgba(254, 219, 214, 0) 96.32%);
  border-radius: 50%;
}
.live-adv-title span i {
  position: relative;
  z-index: 1;
  font-size: 36px;
}

.live-adv-body .live-advbox:not(.live-adv-body .live-advbox:first-child) {
  margin-top: 40px;
}
.live-adv-body .live-advbox:nth-child(1) {
  height: 136px;
}
.live-adv-body .live-advbox:nth-child(3), .live-adv-body .live-advbox:nth-child(2) {
  min-height: 111px;
}

.live-advbox {
  padding: 0 32px;
}
.live-advbox h2 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  color: #101319;
}
.live-advbox h2 span {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background: #fff6f6;
  vertical-align: top;
  border-radius: 50%;
}
.live-advbox h2 span i {
  font-size: 16px;
  color: #ec2526;
  font-weight: normal;
}
.live-advbox p {
  height: 21px;
  margin-bottom: 4px;
  margin-left: 42px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}
.live-advbox p:last-child {
  margin-bottom: 0;
}
.live-advbox p span {
  margin-left: 12px;
}

.p-live-slnbg {
  background: #fff;
}
.p-live-slnbg .btn-wrap .btn-solid:hover {
  color: white;
  background-color: #ed3334;
}
.p-live-sln .cases-tabs .swiper-container {
  margin-top: -12px;
  margin-bottom: -12px;
}
.p-live-sln .cases-tabs .swiper-slide {
  margin-top: 12px;
  margin-bottom: 12px;
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(1) .icon {
  background-image: url("../images/s-products/live-sln-icon1.svg");
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(2) .icon {
  background-image: url("../images/s-products/live-sln-icon2.svg");
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(3) .icon {
  background-image: url("../images/s-products/live-sln-icon3.svg");
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(4) .icon {
  background-image: url("../images/s-products/live-sln-icon4.svg");
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(5) .icon {
  background-image: url("../images/s-products/live-sln-icon5.svg");
}
.p-live-sln .cases-tabs .swiper-slide:nth-child(6) .icon {
  background-image: url("../images/s-products/live-sln-icon6.svg");
}
.p-live-sln .cases-tab .title {
  font-size: 22px;
}

.live-sln-txt,
.live-sln-prog {
  display: flex;
  display: -webkit-flex;
}

.live-sln-prog .live-slnbox:after {
  position: absolute;
  top: 20px;
  z-index: 0;
  left: 12px;
  right: -12px;
  content: "";
  border-bottom: 1px dashed #cfd2d9;
}
.live-sln-prog .live-slnbox:last-child:after {
  right: 0;
}

.live-sln-title {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.live-sln-title span {
  width: 56px;
  height: 56px;
  padding: 2px 10px 16px 12px;
  text-align: center;
  line-height: 38px;
  background: url(../images/s-products/six.svg) center no-repeat;
  box-sizing: border-box;
}
.live-sln-title span .whaty {
  font-size: 22px;
  color: #fff;
}
.live-sln-title h3 {
  margin: 2px 0 0 12px;
  padding: 0;
  font-size: 24px;
  line-height: 34px;
  color: #222;
}

.live-slnbox {
  position: relative;
}
.live-slnbox * {
  position: relative;
  z-index: 1;
}
.live-slnbox ul {
  padding-top: 12px;
  margin-top: -6px;
  margin-left: 12px;
}
.live-slnbox li {
  position: relative;
  padding-left: 26px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #757983;
  box-sizing: border-box;
}
.live-slnbox li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: url(../images/s-products/tick.svg);
}

.p-live-sln1 .pic, .p-live-sln2 .pic, .p-live-sln3 .pic, .p-live-sln4 .pic {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.p-live-sln1 .pic img, .p-live-sln2 .pic img, .p-live-sln3 .pic img, .p-live-sln4 .pic img {
  width: auto;
  max-width: 100%;
}

.p-live-sln1 .live-sln-prog {
  margin-top: -12px;
}
.p-live-sln1 .live-sln-prog .live-slnbox {
  width: 27%;
}
.p-live-sln1 .live-sln-prog .live-slnbox:last-child {
  width: 19%;
}

.p-live-sln2 .live-sln-prog .live-slnbox,
.p-live-sln4 .live-sln-prog .live-slnbox {
  width: 25%;
}
.p-live-sln2 .live-sln-txt .live-slnbox ul,
.p-live-sln4 .live-sln-txt .live-slnbox ul {
  display: flex;
  display: -webkit-flex;
  margin-top: -12px;
  padding-top: 20px;
  flex-wrap: wrap;
}

.p-live-sln2 .live-sln-prog {
  margin-top: -16px;
}
.p-live-sln2 .live-sln-txt li {
  width: 60%;
  margin-top: 12px;
}
.p-live-sln2 .live-sln-txt li:nth-child(2n) {
  width: 40%;
}

.p-live-sln3 .live-sln-title,
.p-live-sln5 .live-sln-title {
  flex-direction: row;
}
.p-live-sln3 .live-sln-title h3,
.p-live-sln5 .live-sln-title h3 {
  margin: 0 0 0 4px;
  line-height: 42px;
}

.p-live-sln3 .live-sln-prog {
  position: relative;
  padding: 14px 48px 14px 0;
  flex-direction: column;
}
.p-live-sln3 .live-sln-prog:after {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0;
  width: 1px;
  height: 94px;
  margin-top: -47px;
  content: "";
  border-right: 1px dashed #ffdad4;
}
.p-live-sln3 .live-sln-prog .live-slnbox:not(.p-live-sln3 .live-sln-prog .live-slnbox:first-child) {
  margin-top: 20px;
}
.p-live-sln3 .live-sln-prog .live-slnbox:after {
  display: none;
}
.p-live-sln3 .live-sln-prog .live-sln-title {
  margin-bottom: -14px;
}
.p-live-sln3 .live-sln-txt ul {
  padding-top: 0;
  margin-top: -18px;
  margin-left: 48px;
}
.p-live-sln3 .live-sln-txt li {
  margin-top: 18px;
}

.p-live-sln3c {
  padding-top: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.p-live-sln4 .live-sln-prog {
  margin-top: -8px;
}
.p-live-sln4 .live-sln-txt li {
  width: 50%;
  margin-top: 12px;
}
.p-live-sln4 .live-sln-txt li:nth-child(2n) {
  width: 50%;
}

.p-live-sln5 {
  min-height: 516px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.p-live-sln5 .pic {
  width: 566px;
}
.p-live-sln5 .live-sln-title {
  padding-bottom: 18px;
}
.p-live-sln5 .live-sln-title:after {
  position: absolute;
  bottom: 0;
  z-index: 0;
  left: 12px;
  width: 254px;
  content: "";
  border-bottom: 1px dashed #FFDAD4;
}
.p-live-sln5 .live-slnbox {
  margin-top: -180px;
  margin-left: -36px;
  padding-top: 24px;
  flex: 1;
}
.p-live-sln5 .live-slnbox ul {
  padding-top: 32px;
  margin-top: -16px;
}
.p-live-sln5 .live-slnbox li {
  margin-top: 16px;
}

.p-consult {
  background-image: url("../images/s-products/zb-consult-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-consult .solution-row-cont {
  font-size: 0;
  text-align: center;
}
.p-consult .solution-row-cont > div {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.query-form {
  width: 440px;
  margin-right: 40px;
}
.query-form .form {
  margin: -16px 0;
}
.query-form .form-row {
  margin: 16px 0;
}
.query-form .form-wrap {
  position: relative;
  background-color: white;
  box-sizing: border-box;
}
.query-form .form-wrap input, .query-form .form-wrap textarea {
  background-color: transparent;
}
.query-form .form-prepend,
.query-form .form-append {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  line-height: 44px;
}
.query-form .form-prepend {
  left: 0;
  width: 118px;
}
.query-form .form-prepend:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  width: 1px;
  display: block;
  background-color: #f1f3f5;
}
.query-form .form-append {
  right: 0;
}
.query-form .form-title {
  padding: 0 20px;
  font-size: 16px;
  color: #afafaf;
}
.query-form .form-title span {
  margin-left: 5px;
}
.query-form .form-con {
  padding: 0 20px;
}
.query-form .form-control {
  display: block;
  width: 100%;
  font-size: 16px;
  border: 0;
}
.query-form .form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.query-form .form-control:-ms-input-placeholder {
  color: #ccc;
}
.query-form .form-control::-webkit-input-placeholder {
  color: #ccc;
}
.query-form .form-input,
.query-form .form-vcode {
  width: 100%;
  height: 44px;
  padding-left: 118px;
}
.query-form .form-input input,
.query-form .form-vcode input {
  height: 44px;
}
.query-form .form-textarea {
  width: 100%;
}
.query-form .form-textarea textarea {
  height: 100px;
  padding: 10px;
  line-height: 1.4;
  box-sizing: border-box;
}
.query-form .form-textarea .form-con {
  padding: 0;
}
.query-form .form-vcode {
  padding-right: 104px;
}
.query-form .form-vcode .form-append {
  padding: 0 10px;
}
.query-form .form-vcode-img {
  width: 94px;
  height: 30px;
  margin-top: 7px;
}
.query-form .form-vcode-img img {
  width: 100%;
  height: 100%;
}
.query-form .form-row-submit {
  margin-top: 36px;
}
.query-form .btn-submit {
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: white;
  line-height: 44px;
  border-width: 2px;
  border-color: white;
  border-radius: 0;
  box-sizing: border-box;
}
.query-form .btn-submit:hover {
  background-color: #ec2526;
}
.query-form .form-row-info {
  font-size: 14px;
}
.query-form .form-row-info a {
  color: white;
}

.query-contact {
  width: 360px;
  height: 424px;
  background-color: rgba(236, 37, 38, 0.7);
}
.query-contact-inner {
  padding: 40px 50px;
  color: white;
}
.query-contact-inner .title {
  margin-bottom: 36px;
  font-size: 18px;
  color: white;
  line-height: 1;
}
.query-contact-inner .num {
  margin-bottom: 36px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
  white-space: nowrap;
}
.query-contact-inner .row {
  font-size: 16px;
  line-height: 36px;
}
.query-contact-inner .row .icon {
  display: inline-block;
  margin-right: 8px;
  font-size: 20px;
}

.p-ruike {
  background-image: url("../images/s-products/rk-img.png");
  background-position: center 363px;
  background-repeat: no-repeat;
  background-size: auto 597px;
}
.p-ruike .solution-row-cont {
  position: relative;
  padding-bottom: 140px;
}
.p-ruike .logo {
  width: 202px;
  margin: 0 auto 420px;
}
.p-ruike .title {
  position: absolute;
  top: 316px;
  left: 0;
  color: #222;
  line-height: 1;
  -webkit-text-shadow: 0 10px 40px white;
  text-shadow: 0 10px 40px white;
}
.p-ruike .title div {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: bold;
}
.p-ruike .title span {
  font-size: 24px;
}
.p-ruike .btn-wrap {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.p-ruike .btn-wrap .btn-solid:hover {
  color: white;
  background-color: #ed3334;
}

.p-ruike-feature {
  background: #fff;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(1) {
  padding-left: 96px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(1) .txt {
  width: 425px;
  margin-right: 80px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(1) .pic {
  width: 446px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(2) {
  flex-direction: row-reverse;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(2) .txt {
  width: 560px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(2) .pic {
  width: 469px;
  margin-right: 80px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(3) {
  padding-left: 96px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(3) .txt {
  width: 470px;
  margin-right: 80px;
}
.p-ruike-feature .p-ruike-featurebox:nth-child(3) .pic {
  width: 356px;
  margin-right: 100px;
}
.p-ruike-featurebox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.p-ruike-featurebox * {
  padding: 0;
  margin: 0;
}
.p-ruike-featurebox .txt h2 {
  margin-bottom: 24px;
  font-size: 26px;
  line-height: 36px;
  color: #2a2a2a;
  font-weight: bold;
}
.p-ruike-featurebox .txt h2 span {
  margin-left: 4px;
  color: #ec2526;
}
.p-ruike-featurebox .txt p {
  position: relative;
  padding-left: 16px;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  color: #666;
}
.p-ruike-featurebox .txt p::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 12px;
  line-height: inherit;
  content: "\ea0a";
  color: #ec2526;
}
.p-ruike-featurebox .txt p:not(.p-ruike-featurebox .txt p:last-child) {
  margin-bottom: 16px;
}

.p-chart {
  background-image: url("../images/s-products/rk-fun-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-chart > .arrow:last-child {
  top: auto;
  bottom: 0;
}
.p-chart .tabs-link {
  width: 136px;
  height: 36px;
  line-height: 32px;
  border-width: 2px;
  box-sizing: border-box;
}
.p-chart .tabs-link:hover {
  color: white;
  border-color: white;
}
.p-chart .tabs-link.active {
  background-color: #ec2526;
  border-color: #ec2526;
}
.p-chart .tabs-link.active:after {
  border-top-color: #ec2526;
}
.p-chart .tabs-con:nth-child(1) .card, .p-chart .tabs-con:nth-child(2) .card {
  width: 100%;
}
.p-chart .tabs-con:nth-child(1) .swiper-container, .p-chart .tabs-con:nth-child(2) .swiper-container {
  margin: 0 20px;
}
.p-chart .tabs-con:nth-child(3) .card {
  width: 83.3333333333%;
}
.p-chart .t-fun-wrap:after {
  background-color: rgba(236, 37, 38, 0.1);
}
.p-chart .t-fun-wrap .title {
  font-weight: 600;
  color: black;
}
.p-chart .t-fun-wrap .num {
  background-color: #ec2526;
}

.solution-row.p-version {
  padding: 0;
}
.solution-row.p-version .swiper-slide {
  padding: 80px 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.solution-row.p-version .swiper-slide:first-child {
  background-image: url("../images/s-products/rk-bz-bg.jpg");
}
.solution-row.p-version .swiper-slide:last-child {
  background-image: url("../images/s-products/rk-zy-bg.jpg");
}
.solution-row.p-version .solution-row-cont > ul {
  float: right;
  width: 800px;
  font-size: 0;
  text-align: center;
}
.solution-row.p-version .solution-row-cont > ul .cell {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.solution-row.p-version .brand-head {
  padding-bottom: 80px;
}
.p-version-wrap .icon {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.p-version-wrap .text {
  height: 60px;
  margin: 20px 10px 0;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}

.p-live-metting {
  background-color: #2d2c34;
  background-image: url("../images/s-products/kckj-livemeeting-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-live-metting .t-seperate-wrap .icon {
  width: 100px;
  height: 100px;
}
.p-live-metting .t-seperate-wrap .title,
.p-live-metting .t-seperate-wrap .text {
  color: white;
}

.solution-row > svg {
  position: absolute;
  width: 158px;
  height: 32px;
  left: 50%;
  top: -31px;
  margin-left: -79px;
}

.p-room1bg {
  background-color: #f8f8f8;
}
.p-room1 {
  background: url(../images/s-products/room1.png) top center no-repeat;
}
.p-room1 > p {
  padding: 186px 165px 0;
  font-size: 18px;
  line-height: 26px;
  color: #666;
  text-align: center;
}
.p-room1 ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-room1 li {
  margin-top: 206px;
}
.p-room1 li:nth-child(1), .p-room1 li:nth-child(2) {
  margin-top: 136px;
}
.p-room1 li:nth-child(2n) .p-room1box {
  justify-content: flex-start;
}
.p-room1 li:nth-child(2n) .p-room1box .txt {
  left: 116px;
  right: 0;
}
.p-room1 li:nth-child(2n) .p-room1box .txt::after {
  left: -6px;
}
.p-room1 li:nth-child(2n+1) .p-room1box {
  justify-content: flex-end;
}
.p-room1 li:nth-child(2n+1) .p-room1box .txt {
  left: 0;
  right: 116px;
}
.p-room1 li:nth-child(2n+1) .p-room1box .txt::after {
  right: -6px;
}
.p-room1 li:nth-child(1) .p-room1box .txt h2 span {
  color: #f65c5c;
}
.p-room1 li:nth-child(1) .p-room1box .txt h2 span::before, .p-room1 li:nth-child(1) .p-room1box .txt h2 span::after {
  background: url(../images/s-products/room1-title1.png);
}
.p-room1 li:nth-child(1) .p-room1box .icon {
  background-color: #f65c5c;
}
.p-room1 li:nth-child(2) .p-room1box .txt h2 span {
  color: #ff8965;
}
.p-room1 li:nth-child(2) .p-room1box .txt h2 span::before, .p-room1 li:nth-child(2) .p-room1box .txt h2 span::after {
  background: url(../images/s-products/room1-title2.png);
}
.p-room1 li:nth-child(2) .p-room1box .icon {
  background-color: #ff8965;
}
.p-room1 li:nth-child(3) .p-room1box .txt h2 span {
  color: #ffc22e;
}
.p-room1 li:nth-child(3) .p-room1box .txt h2 span::before, .p-room1 li:nth-child(3) .p-room1box .txt h2 span::after {
  background: url(../images/s-products/room1-title3.png);
}
.p-room1 li:nth-child(3) .p-room1box .icon {
  background-color: #ffc22e;
}
.p-room1 li:nth-child(4) .p-room1box .txt h2 span {
  color: #ff880b;
}
.p-room1 li:nth-child(4) .p-room1box .txt h2 span::before, .p-room1 li:nth-child(4) .p-room1box .txt h2 span::after {
  background: url(../images/s-products/room1-title4.png);
}
.p-room1 li:nth-child(4) .p-room1box .icon {
  background-color: #ff880b;
}

.p-room1box {
  position: relative;
  width: 442px;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
}
.p-room1box .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 16px 20px;
  background-color: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.p-room1box .txt::after {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  content: "";
  transform: rotate(45deg);
  background-color: #fff;
}
.p-room1box .txt h2 {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}
.p-room1box .txt h2 span {
  position: relative;
}
.p-room1box .txt h2 span::before, .p-room1box .txt h2 span::after {
  position: absolute;
  top: 50%;
  width: 19px;
  height: 11px;
  margin-top: -6px;
  content: "";
}
.p-room1box .txt h2 span::before {
  left: -35px;
}
.p-room1box .txt h2 span::after {
  right: -35px;
}
.p-room1box .txt p {
  margin: 0;
  padding-top: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #2a2a2a;
  text-align: justify;
}
.p-room1box .icon {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
}
.p-room1box .icon i {
  font-size: 50px;
  color: #fff;
}

.p-room2bg {
  position: relative;
  background-image: url(../images/s-products/room2-bg.jpg);
  background-size: cover;
}
.p-room2 {
  padding-top: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.p-room2 > div {
  padding: 32px 20px 40px;
  background: linear-gradient(180deg, rgba(236, 37, 38, 0.1) 0%, rgba(236, 37, 38, 0) 100%), #fff;
  border-radius: 20px;
}

.p-room2-right {
  width: 482px;
}

.p-room2-titlebg {
  width: 208px;
  height: 208px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/s-products/room2-title.png);
}

.p-room2-title {
  width: 174px;
  height: 174px;
  display: flex;
  display: -webkit-flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #ec2526;
  background: linear-gradient(180deg, #EC5D5E 0, #E03837 100%);
  border-radius: 50%;
}
.p-room2-title span {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #D40C0D;
  border-radius: 50%;
}
.p-room2-title span i {
  font-size: 32px;
}
.p-room2-title h3 {
  margin-top: 10px;
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
}

.p-room2-left {
  width: 632px;
}

.p-room2-body {
  margin-top: -8px;
}
.p-room2-body img {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.p-room2-body > ul {
  margin: 0 -8px;
  display: flex;
  display: -webkit-flex;
}
.p-room2-body > ul > li {
  flex: 1;
}

.p-room2box1 {
  margin: 0 8px;
}
.p-room2box1 h2 {
  font-size: 18px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: linear-gradient(180deg, #ec2526 0, #f65c5c 100%);
  border-radius: 40px;
}
.p-room2box1 h2 i {
  display: inline-block;
  margin-right: 6px;
  font-size: 24px;
  line-height: inherit;
  vertical-align: top;
}
.p-room2box1 p {
  position: relative;
  display: flex;
  display: -webkit-flex;
  margin-top: 36px;
  height: 58px;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #2d2c34;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(236, 37, 38, 0.5);
  background: rgba(251, 211, 212, 0.2);
  border-radius: 40px;
}
.p-room2box1 p::before {
  position: absolute;
  left: 50%;
  top: -32px;
  width: 7px;
  height: 24px;
  margin-left: -3.5px;
  content: "";
  background: url(../images/s-products/room2-arr.svg);
}
.p-room2box1 p.by {
  width: 136px;
  height: 136px;
  border-radius: 50%;
}

.p-room3 ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.p-room3 li {
  width: 25%;
}
.p-room3 li:nth-child(n+5) {
  margin-top: 32px;
}

.p-room3box {
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
}
.p-room3box .pic {
  width: auto;
  margin: 0 60px;
}
.p-room3box .pic img {
  width: 100%;
  height: auto;
}
.p-room3box .txt {
  margin-top: 40px;
}
.p-room3box .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.p-room3box .txt p {
  margin: 10px 12px 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.p-room3box:hover {
  transform: translateY(-10px);
}

.p-yunyan {
  background: #fff;
}
.p-yunyan.solution-row {
  padding-bottom: 0;
}
.p-yunyan-about {
  text-align: center;
  background: url(../images/s-products/yunyan-about-bg.png) center 60px no-repeat;
}
.p-yunyan-about > div {
  margin-left: auto;
  margin-right: auto;
}
.p-yunyan-about > div * {
  padding: 0;
  margin: 0;
}
.p-yunyan-about .logo {
  width: 228px;
  height: auto;
  margin: 0 auto;
}
.p-yunyan-about .txt {
  width: 906px;
  margin-top: 40px;
}
.p-yunyan-about .txt h2 {
  font-size: 34px;
  color: #000;
  font-weight: bold;
}
.p-yunyan-about .txt p {
  margin-top: 40px;
  font-size: 18px;
  line-height: 24px;
  color: #666;
}
.p-yunyan-about .pic {
  width: 1130px;
  margin-top: 48px;
}
.p-yunyan-about .pic img {
  width: 100%;
}

.p-yunyan-advbg {
  background: #2d2c34;
}
.p-yunyan-adv {
  padding-top: 20px;
  display: flex;
  display: -webkit-flex;
}
.p-yunyan-adv * {
  padding: 0;
  margin: 0;
}

.yunyan-advbox {
  flex: 1;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}
.yunyan-advbox .pic {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.yunyan-advbox .txt {
  margin-top: 20px;
  padding: 0 24px;
}
.yunyan-advbox .txt h2 {
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
}
.yunyan-advbox .txt p {
  padding-top: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.yunyan-advbox .txt p span {
  display: inline-block;
  margin: 2px 4px;
}
.yunyan-advbox:hover {
  transform: translateY(-12px);
}

.solution-row.p-yunyan-desbg {
  min-height: 497px;
  padding-bottom: 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 1921px) {
  .solution-row.p-yunyan-desbg {
    background-image: url("../images/s-products/yunyan-des-bg.jpg");
    background-size: cover;
    background-position: center top;
  }
}
@media screen and (max-width: 1920px) {
  .solution-row.p-yunyan-desbg {
    background: url("../images/s-products/yunyan-des-bg.jpg") center top no-repeat;
  }
}
.solution-row.p-yunyan-desbg .brand-head .brand-info {
  text-align: left;
  margin-left: 315px;
}

.p-yunyan-des {
  margin-left: 252px;
  width: 918px;
  height: 296px;
  padding-left: 8px;
  padding-top: 6px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-content: flex-start;
  background: url(../images/s-products/yunyan-des-labsbg.png) top center;
}
.p-yunyan-des .yunyan-desbox {
  margin-top: 24px;
  margin-left: 50px;
}
.p-yunyan-des .yunyan-desbox:first-child {
  margin-left: 198px;
}
.yunyan-desbox {
  display: flex;
  display: -webkit-flex;
  width: 310px;
  height: 76px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #ffcbcb;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.77) 2.58%, rgba(252, 238, 239, 0.41) 55.65%, rgba(252, 237, 237, 0) 100%);
  box-shadow: 0px 9px 20px 0px rgba(211, 11, 12, 0.11);
  transition: all 0.5s;
  cursor: pointer;
}
.yunyan-desbox .pic {
  width: 44px;
  height: 44px;
  margin-right: 14px;
}
.yunyan-desbox .txt {
  font-size: 16px;
  line-height: 40px;
  color: #000;
}
.yunyan-desbox:hover {
  transform: translateY(-8px);
}

.p-res-managebg {
  background-image: url("../images/s-products/zb-adv-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-res-manage {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.p-res-manage * {
  margin: 0;
  padding: 0;
}

.res-manage-item {
  width: calc((100% - 32px) / 5);
  padding-bottom: 32px;
  background: #fff;
  cursor: pointer;
}

.res-manage-title {
  height: 100px;
  margin-bottom: 32px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(144deg, #ffdfde 11.28%, rgba(254, 207, 206, 0) 101.41%);
}
.res-manage-title h3 {
  margin-top: 4px;
  font-size: 18px;
  color: #101319;
  line-height: 26px;
  font-weight: 900;
}
.res-manage-title span {
  position: relative;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-weight: normal;
}
.res-manage-title span::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(160deg, rgba(215, 3, 42, 0.61) 13.27%, rgba(254, 219, 214, 0) 96.32%);
  border-radius: 50%;
}
.res-manage-title span i {
  position: relative;
  z-index: 1;
  font-size: 34px;
}

.res-manage-body {
  padding: 0 20px;
}
.res-manage-body p {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  color: #666;
}
.res-manage-body p::before {
  position: absolute;
  top: 0;
  left: -6px;
  width: 0;
  height: 0;
  font-size: 14px;
  line-height: inherit;
  content: "\ea0a";
  color: #ec2526;
}
.res-manage-body p:not(.res-manage-body p:last-child) {
  margin-bottom: 6px;
}

.p-res-user {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.p-res-user .p-marking-wrap {
  width: 456px;
}

.pic {
  width: 644px;
}

.p-res-auditbg {
  background-image: url("../images/s-products/p-res-auditbg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-res-audit {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-res-audit .txt * {
  padding: 0;
  margin: 0;
}
.p-res-audit .txt h2 {
  padding-bottom: 30px;
  font-size: 26px;
  line-height: 28px;
  color: #000;
  font-weight: bold;
}
.p-res-audit .txt h2 span {
  margin-left: 8px;
  color: #ec2526;
}
.p-res-audit .txt p {
  position: relative;
  padding-left: 26px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.p-res-audit .txt p::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("../images/s-products/tick.svg") center no-repeat;
}
.p-res-audit .txt p:not(.p-res-audit .txt p:last-child) {
  margin-bottom: 18px;
}
.p-res-audit .pic {
  width: 644px;
}
.p-res-audit .pic img {
  width: 100%;
}

.p-res-countbg {
  background-image: url("../images/s-products/p-res-countbg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-res-count .swiper-container {
  padding-bottom: 66px;
}
.p-res-count .swiper-pagination {
  bottom: 0;
  font-size: 0;
  line-height: 0;
}
.p-res-count .swiper-pagination-bullet {
  width: 12px;
  height: 6px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  border-radius: 3px;
}
.p-res-count .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background-color: #ec2526;
}
.p-res-count .swiper-slide {
  width: 660px;
  height: 450px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.p-res-count .swiper-slide img {
  display: block;
}

.examServer.university .solution-ban {
  background-image: url("../images/s-university/ban.jpg");
}
.examServer.university .solution-row-title {
  margin-bottom: 40px;
}
.examServer.university .solution-row {
  min-height: auto;
  padding: 30px 0 60px;
}
.examServer.university .footer-links-title:before {
  background-color: #2d6edf;
}

.u-exam-featurebg {
  background-image: url("../images/s-exam/exam-featurebg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.u-exam-featurebg .brand-head .brand-info {
  margin: 24px 8% 0;
  font-size: 24px;
  font-weight: bold;
  color: #090909;
}
.u-exam-featurebg .brand-head .brand-info em {
  margin-left: 6px;
  font-style: normal;
  color: #2d6edf;
}

.exam-feature {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.exam-feature .exam-featurebox {
  width: calc(25% - 28px);
  height: 342px;
  overflow: hidden;
}

.exam-featurebox {
  border-radius: 10px;
  background: linear-gradient(180deg, #FFF 50%, rgba(255, 255, 255, 0.3) 107.02%);
}
.exam-featurebox * {
  margin: 0;
  padding: 0;
}
.exam-featurebox-title {
  position: relative;
  height: 80px;
  padding: 0 16px 0 86px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  background: #2d6edf;
}
.exam-featurebox-title::before {
  position: absolute;
  left: 16px;
  top: 0;
  width: 60px;
  font-size: 50px;
  line-height: 80px;
  background: linear-gradient(180deg, #FFF -227.78%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  content: attr(data-num);
}
.exam-featurebox-title h2 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.exam-featurebox-title h4 {
  font-size: 20px;
  color: #edebeb;
  font-weight: 200;
  opacity: 0.8;
}

.exam-featurebox-txt {
  margin: 16px 32px 0;
}
.exam-featurebox-txt p {
  position: relative;
  margin-bottom: 10px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
}
.exam-featurebox-txt p::before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  content: "";
  background: #8fb6fb;
  border-radius: 50%;
}

.exam-serverbg {
  background-image: url("../images/s-university/bg-2.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.exam-server {
  padding-top: 10px;
}
.exam-server .u-service-wrap .con .spell {
  transform: scale(1);
  line-height: 18px;
  text-transform: initial;
  font-weight: normal;
}

.examServer.university .exam-systembg.solution-row {
  padding-top: 0;
}
.exam-systembg.solution-row .brand-head {
  padding-top: 0;
  padding-bottom: 60px;
}
.exam-systembg.solution-row .brand-head .brand-info {
  margin: 0 8%;
}
.exam-systembg.solution-row .solution-row-cont {
  margin-top: 33px;
}

.u-mobile {
  border-bottom: 1px solid #eee;
}
.u-mobile .brand-head .brand-info {
  margin: 0 8%;
}

.mini.mini-exam > .btn.btn-apply:hover {
  background-color: #0b63a0 !important;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.2);
}

.s-operation .sol-title-info {
  margin-bottom: 6px;
  font-size: 18px;
  color: #666;
  line-height: 24px;
  opacity: 1;
}
.s-operation .sol-title-bar {
  vertical-align: bottom;
}
.s-operation .solution-row {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: auto;
}
.s-operation .solution-row > .arrow {
  position: absolute;
  top: -32px;
  left: 50%;
  display: inline-block;
  width: 158px;
  margin-left: -79px;
}
.s-operation .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.s-operation .brand-head {
  padding-bottom: 40px;
}
.s-operation .brand-head .brand-title {
  font-size: 32px;
  font-weight: normal;
}
.s-operation .brand-head .brand-title:after {
  display: none;
}
.s-operation .brand-head .brand-info {
  margin: 12px 8% 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.s-operation .brand-head .brand-info span {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  font-weight: bolder;
  color: black;
}
.s-operation .brand-head .brand-info span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  height: 2px;
  background-color: #ec2526;
  border-radius: 1;
}
.s-operation .brand-head.white .brand-title,
.s-operation .brand-head.white .brand-info {
  color: white;
}
.s-operation .solution-ban {
  background-image: url(../images/s-opertaion/banner.jpg);
}
.s-operation .solution-nav .nav-item em {
  font-style: normal;
}
@media screen and (max-width: 1530px) {
  .s-operation .solution-nav .nav-item {
    margin: 0;
  }
}
@media screen and (max-width: 1390px) {
  .s-operation .solution-nav .nav-item em {
    display: none;
  }
}

.opertaion-order {
  height: 54px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(218, 2, 3, 0.23);
  border-radius: 8px;
}
.opertaion-order input {
  padding: 0 8px;
  margin-right: 8px;
  flex: 1;
  font-size: 16px;
  line-height: 44px;
  color: #141414;
}
.opertaion-order input::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.opertaion-order input:-ms-input-placeholder {
  color: #8c8c8c;
}
.opertaion-order input::-webkit-input-placeholder {
  color: #8c8c8c;
}
.opertaion-order a {
  width: 120px;
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  background: #DA0203;
  border-radius: 8px;
  transition: all 0.5s;
}
.opertaion-order a:hover {
  background-color: #e90203;
}

.sopt1-swiper .swiper-container {
  padding-bottom: 30px;
}
.sopt1-swiper .swiper-pagination {
  bottom: 0;
  font-size: 0;
  line-height: 0;
}
.sopt1-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 6px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  border-radius: 3px;
}
.sopt1-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background-color: #ec2526;
}
.sopt1-swiper .swiper-slide {
  width: 660px;
  height: 483px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.sopt1-swiper .swiper-slide img {
  display: block;
}

.sopt1-competitorbg {
  background: #fff;
}
.sopt1-competitorbg .brand-head .brand-info {
  margin-bottom: 0;
}

.sopt1-competitor h3 {
  width: 370px;
  margin: 0 auto;
  font-size: 28px;
  line-height: 56px;
  text-align: center;
  color: #fff;
  border-radius: 40px;
  background: linear-gradient(149deg, #E81638 14.89%, #FF8F6C 85.24%);
}

.sopt1-cptbox {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #101319;
  line-height: 66px;
  background: #FFF6F6;
}

.sopt1-cpt1 {
  margin-top: 8px;
  padding-top: 60px;
  margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  background: url(../images/s-opertaion/opt1-cpt1.png) top center no-repeat;
  background-size: contain;
}
.sopt1-cpt1 .sopt1-cptbox {
  position: relative;
  margin-top: 8px;
  width: calc((100% - 16px) / 3);
}
.sopt1-cpt1 .sopt1-cptbox span {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  vertical-align: top;
  margin-top: 17px;
  font-weight: normal;
}
.sopt1-cpt1 .sopt1-cptbox span::after {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(160deg, rgba(215, 3, 42, 0.61) 13.27%, rgba(254, 219, 214, 0) 96.32%);
  border-radius: 50%;
}
.sopt1-cpt1 .sopt1-cptbox span i {
  font-size: 32px;
  line-height: 32px;
  vertical-align: top;
}

.sopt1-cpt2 > .sopt1-cptbox {
  position: relative;
  width: 370px;
  margin: 46px auto 0;
}
.sopt1-cpt2 > .sopt1-cptbox::before {
  position: absolute;
  left: 50%;
  top: -38px;
  width: 12px;
  height: 30px;
  content: "";
  margin-left: -6px;
  background: rgba(215, 3, 42, 0.2);
}
.sopt1-cpt2 > .sopt1-cptbox.sopt1-cptbox3 {
  margin-top: 8px;
  margin-bottom: 46px;
}
.sopt1-cpt2 > .sopt1-cptbox.sopt1-cptbox3::before {
  top: initial;
  bottom: -38px;
}
.sopt1-cpt2 .pic {
  width: 760px;
  margin: 14px auto;
}

.sopt1-cpt2s1 ul {
  display: flex;
  display: -webkit-flex;
}
.sopt1-cpt2s1 li {
  position: relative;
  width: 33.3333333333%;
}
.sopt1-cpt2s1 li::after {
  position: absolute;
  top: 50px;
  right: 0;
  width: 82px;
  height: 12px;
  content: "";
  background-image: url(../images/s-opertaion/opt1-cpt2-line.png);
  background-size: cover;
}
.sopt1-cpt2s1 li:last-child::after {
  display: none;
}

.sopt1-cpt2box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sopt1-cpt2box .pic {
  width: 92px;
  height: 80px;
  text-align: center;
  line-height: 82px;
  background-image: url(../images/s-opertaion/opt1-cpt2-yuan.png);
  background-size: cover;
}
.sopt1-cpt2box .pic i {
  font-size: 32px;
  line-height: inherit;
  color: #fff;
}
.sopt1-cpt2box .txt {
  margin-top: 8px;
  padding: 16px;
  text-align: center;
}
.sopt1-cpt2box .txt h2 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: bold;
}
.sopt1-cpt2box .txt p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}

.sopt1-cpt2s2 {
  margin-top: 8px;
  padding-top: 60px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  background-image: url(../images/s-opertaion/opt1-cpt22.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.sopt1-cpt2s2 .sopt1-cptbox {
  margin-top: 8px;
  width: calc((100% - 96px) / 4);
}

.sopt1-analystbg {
  background-image: url("../images/s-opertaion/opt1-analystbg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.sopt1-marketbg {
  background-image: url("../images/s-opertaion/opt1-marketbg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt1-marketbg .brand-head .brand-info {
  margin-bottom: 0;
}
.sopt1-market ul {
  margin: 0 -26px;
  display: flex;
  display: -webkit-flex;
}
.sopt1-market li {
  width: 20%;
}
.sopt1-market li:nth-child(2n) .sopt1-marketbox p {
  background: rgba(215, 3, 42, 0.08);
}
.sopt1-market .sopt1-marketbox {
  margin: 0 26px;
}

.sopt1-marketbox p {
  position: relative;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  color: #101319;
  font-weight: bold;
  background: rgba(215, 3, 42, 0.2);
  border-radius: 80px;
}
.sopt1-marketbox p:after {
  position: absolute;
  left: 50%;
  bottom: -36px;
  width: 16px;
  height: 32px;
  margin-left: -8px;
  content: "";
  background-image: url(../images/s-opertaion/opt1-market-arrow.png);
  background-size: cover;
}
.sopt1-marketbox p:last-child {
  margin: 0;
}
.sopt1-marketbox p:last-child::after {
  display: none;
}

.sopt1-databg {
  background-image: url("../images/s-opertaion/opt1-databg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt1-databg .brand-head .brand-info {
  margin-bottom: 0;
}

.sopt1-data-note {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

.sopt2-flowbg {
  background: url("../images/s-opertaion/opt2-flowbg.jpg") bottom center no-repeat #fff;
}
.sopt2-flow .opertaion-order {
  margin: 60px auto 0;
  width: 478px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08);
}

.sopt2-flow-body {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 960px;
  min-height: 302px;
  padding-top: 28px;
  margin: 0 auto;
  background-image: url("../images/s-opertaion/opt2-flow-logo.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(n+3) {
  margin-top: 96px;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(1), .sopt2-flow-body .sopt2-flowbox:nth-child(3) {
  flex-direction: row-reverse;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(1) .txt, .sopt2-flow-body .sopt2-flowbox:nth-child(3) .txt {
  margin-right: 44px;
  text-align: right;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(1) .txt h2:before, .sopt2-flow-body .sopt2-flowbox:nth-child(3) .txt h2:before {
  right: -18px;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(2) .txt, .sopt2-flow-body .sopt2-flowbox:nth-child(4) .txt {
  margin-left: 44px;
}
.sopt2-flow-body .sopt2-flowbox:nth-child(2) .txt h2:before, .sopt2-flow-body .sopt2-flowbox:nth-child(4) .txt h2:before {
  left: -18px;
}

.sopt2-flowbox {
  display: flex;
  display: -webkit-flex;
}
.sopt2-flowbox .num {
  width: 58px;
  height: 58px;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  font-family: "Conv_PFDinTextPro-Light";
  color: #fff;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #da0203;
}
.sopt2-flowbox .txt {
  padding-top: 16px;
  width: 300px;
}
.sopt2-flowbox .txt * {
  padding: 0;
  margin: 0;
}
.sopt2-flowbox .txt h2 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: bold;
}
.sopt2-flowbox .txt h2::before {
  position: absolute;
  top: 7px;
  width: 10px;
  height: 10px;
  content: "";
  border: 2px solid #DA0203;
  border-radius: 50%;
}
.sopt2-flowbox .txt p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}

.sopt2-casebg {
  background-image: url("../images/s-opertaion/opt2-casebg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.opt2-case {
  padding-top: 20px;
}
.opt2-case ul {
  margin: 0 -12px;
  display: flex;
  display: -webkit-flex;
}
.opt2-case li {
  width: 33.3333333333%;
}
.opt2-case .opt2-casebox {
  margin: 0 12px;
}

.opt2-casebox {
  position: relative;
  height: 380px;
  background: #22262B;
  cursor: pointer;
  overflow: hidden;
}
.opt2-casebox .pic {
  width: auto;
  height: 196px;
  overflow: hidden;
  transition: all 0.5s;
}
.opt2-casebox .pic img {
  position: relative;
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
.opt2-casebox .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 32px;
  height: 184px;
  z-index: 3;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.5s;
}
.opt2-casebox .txt img {
  width: 86px;
  height: 86px;
  display: inline-block;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.opt2-casebox .txt h2 {
  margin-top: 12px;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.opt2-casebox .txt p {
  display: none;
  margin-top: 12px;
  font-size: 14px;
  color: #fff;
}
.opt2-casebox:hover .pic {
  height: 380px;
}
.opt2-casebox:hover .pic img:first-child {
  margin-top: -196px;
}
.opt2-casebox:hover .txt {
  position: absolute;
  height: 100%;
  background: rgba(34, 38, 43, 0.69);
}
.opt2-casebox:hover .txt p {
  display: block;
}

.sopt2-case-swiper .swiper-container {
  padding-bottom: 44px;
}
.sopt2-case-swiper .swiper-pagination {
  bottom: 0;
  font-size: 0;
  line-height: 0;
}
.sopt2-case-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  vertical-align: top;
  background: rgba(217, 217, 217, 0.8);
}

.sopt3-prod > h3 {
  font-size: 32px;
  text-align: center;
  color: #111315;
}
.sopt3-prod ul {
  margin: 0 -12px;
  display: flex;
  display: -webkit-flex;
}
.sopt3-prod li {
  width: 33.3333333333%;
}
.sopt3-prod .sopt3-prod-item {
  margin: 0 12px;
}
.sopt3-prod-item {
  height: 100%;
  border: 1px solid rgba(236, 37, 38, 0.18);
}

.sopt3-prod-title {
  height: 66px;
  display: flex;
  display: -webkit-flex;
  background: linear-gradient(144deg, rgba(235, 35, 36, 0.18) 11.28%, rgba(255, 255, 255, 0.14) 101.41%);
  justify-content: center;
  align-items: center;
}
.sopt3-prod-title h3 {
  font-size: 18px;
  line-height: 34px;
  color: #101319;
  font-weight: 900;
}
.sopt3-prod-title span {
  position: relative;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  text-align: center;
  line-height: 34px;
  font-weight: normal;
}
.sopt3-prod-title span::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: linear-gradient(160deg, rgba(255, 79, 56, 0.76) 13.27%, rgba(254, 219, 214, 0) 96.32%);
  border-radius: 50%;
}
.sopt3-prod-title span i {
  position: relative;
  z-index: 1;
  font-size: 34px;
}

.sopt3-prod-body {
  padding: 32px 20px;
}
.sopt3-prod-body p {
  position: relative;
  margin: 0 0 6px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.sopt3-prod-body p:last-child {
  margin-bottom: 0;
}
.sopt3-prod-body p::before {
  position: absolute;
  left: -4px;
  top: 0;
  content: "\ea0a";
  color: #DA0203;
  font-size: 12px;
  line-height: inherit;
}

.sopt3-orderbg {
  background-image: url("../images/s-opertaion/opt3-orderbg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt3-order {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.sopt3-order > div {
  margin: 0 20px;
}
.sopt3-order .pic {
  width: 328px;
  height: 32px;
}
.sopt3-order .pic img {
  width: 100%;
  height: auto;
}
.sopt3-order .opertaion-order {
  width: 476px;
  height: 52px;
  border: none;
}

.sopt3-adtbg {
  background-image: url("../images/s-opertaion/opt3-adtbg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1920px) {
  .sopt3-adtbg {
    background-size: initial;
  }
}
.sopt3-adt {
  padding-top: 20px;
}
.sopt3-adt > img {
  width: 100%;
  height: auto;
}
.sopt3-adt ul {
  margin: 40px -12px 0;
  display: flex;
  display: -webkit-flex;
}
.sopt3-adt li {
  width: 33.3333333333%;
}
.sopt3-adt .sopt3-adtbox {
  margin: 0 12px;
}

.sopt3-adtbox {
  text-align: center;
}
.sopt3-adtbox span {
  width: 100px;
  height: 100px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  background: #fff0f1;
  padding: 20px;
}
.sopt3-adtbox span img {
  width: 100%;
  height: auto;
}
.sopt3-adtbox h2 {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: normal;
}
.sopt3-adtbox p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}

.sopt4bg {
  background: #fff;
}

.sopt4-runbg {
  background-image: url("../images/s-opertaion/opt4-runbg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt4-run ul {
  padding-top: 140px;
  margin-top: -12px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sopt4-run li {
  width: 50%;
  margin-top: 20px;
}
.sopt4-run li:nth-child(1) {
  padding-right: 180px;
}
.sopt4-run li:nth-child(2) {
  padding-left: 180px;
}
.sopt4-run li:nth-child(3) {
  padding-right: 150px;
}
.sopt4-run li:nth-child(3) .txt {
  padding-top: 32px;
}
.sopt4-run li:nth-child(4) {
  padding-left: 150px;
}
.sopt4-run li:nth-child(4) .txt {
  padding-top: 32px;
  margin-bottom: -32px;
}
.sopt4-run li:nth-child(5) {
  margin-top: 10px;
  padding-right: 50px;
}
.sopt4-run li:nth-child(5) .txt {
  padding-top: 32px;
}
.sopt4-run li:nth-child(6) {
  margin-top: 10px;
  padding-left: 50px;
}
.sopt4-run li:nth-child(6) .txt {
  padding-top: 32px;
}
.sopt4-run li:nth-child(2n) {
  text-align: left;
}
.sopt4-run li:nth-child(2n) .sopt4-runbox {
  flex-direction: row-reverse;
}
.sopt4-run li:nth-child(2n) .sopt4-runbox .txt {
  margin-left: 16px;
}
.sopt4-run li:nth-child(2n+1) {
  text-align: left;
}
.sopt4-run li:nth-child(2n+1) .sopt4-runbox {
  margin-right: auto;
  flex-direction: row;
}
.sopt4-run li:nth-child(2n+1) .sopt4-runbox .txt {
  margin-right: 16px;
  text-align: right;
}
.sopt4-run > img {
  width: 100%;
  height: auto;
}

.sopt4-runbox {
  display: flex;
}
.sopt4-runbox .txt {
  flex: 1;
}
.sopt4-runbox .txt h4 {
  font-size: 32px;
  color: #DA0203;
}
.sopt4-runbox .txt h2 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: bold;
}
.sopt4-runbox .txt p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}
.sopt4-runbox .pic {
  position: relative;
  width: 60px;
  height: 60px;
  background: #DA0203;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
}
.sopt4-runbox .pic i {
  font-size: 28px;
  color: #fff;
  line-height: 60px;
}

.sopt4-shopbg {
  background-image: url("../images/s-opertaion/opt4-shopbg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt4-shop {
  margin-top: 20px;
}
.sopt4-shop h3 {
  width: 396px;
  height: 88px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 88px;
  color: #fff;
  text-align: center;
  background: url("../images/s-opertaion/sopt4-shop-title.png");
}

.sopt4-shops {
  margin-top: 32px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.sopt4-shopbox {
  height: 338px;
  padding: 24px;
  border-radius: 8px;
  background: linear-gradient(180deg, #FFD6D3 0, rgba(255, 216, 214, 0.95) 0.01%, rgba(253, 236, 236, 0) 81.77%), #FFF;
}
.sopt4-shopbox .sopt4-shopbox-title {
  position: relative;
  height: 240px;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.sopt4-shopbox .sopt4-shopbox-title span {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.sopt4-shopbox .sopt4-shopbox-title span i {
  font-size: 32px;
  line-height: 1;
}
.sopt4-shopbox .sopt4-shopbox-title span h2 {
  margin-top: 8px;
  font-size: 20px;
}
.sopt4-shopbox p {
  font-size: 0;
  margin: 12px 0 0;
  text-align: center;
}
.sopt4-shopbox p span {
  padding: 0 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  background: #DA0203;
  border-radius: 40px;
}
.sopt4-shopbox p span:first-child {
  margin-left: 0;
}
.sopt4-shopbox p span:last-child {
  margin-right: 0;
}

.sopt4-shopbox1 {
  width: 388px;
}
.sopt4-shopbox1 .sopt4-shopbox-title {
  background-image: url("../images/s-opertaion/sopt4-shopbox1.png");
}
.sopt4-shopbox1 p span {
  margin: 0 6px;
}

.sopt4-shopbox2 {
  width: 496px;
}
.sopt4-shopbox2 .sopt4-shopbox-title {
  background-image: url("../images/s-opertaion/sopt4-shopbox2.png");
}
.sopt4-shopbox2 p span {
  margin: 0 8px;
}

.sopt4-shopbox3 {
  width: 208px;
}
.sopt4-shopbox3 .sopt4-shopbox-title {
  background-image: url("../images/s-opertaion/sopt4-shopbox3.png");
}

.sopt5-aimbg {
  background: #fff;
}
.sopt5-aimbg .solution-row-title {
  margin-bottom: 40px;
}
.sopt5-aimbg .solution-row-title .sol-title-info em {
  width: 6px;
  height: 6px;
  margin: 9px 8px;
  display: inline-block;
  background: #CD2526;
  vertical-align: top;
  border-radius: 50%;
}
.sopt5-aimbg.solution-row {
  padding-bottom: 0;
}
.sopt5-aimbg .brand-head {
  padding-bottom: 8px;
}
.sopt5-aim {
  height: 371px;
  background-image: url(../images/s-opertaion/opt5-aimbg.png);
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sopt5-aim .pic {
  width: 384px;
  margin-right: 196px;
}
.sopt5-aim .txt .sopt5-aimbox {
  margin-bottom: 74px;
}
.sopt5-aim .txt .sopt5-aimbox:nth-child(1) {
  width: 306px;
  margin-left: 202px;
}
.sopt5-aim .txt .sopt5-aimbox:nth-child(2) {
  width: 336px;
  margin-left: 133px;
}

.sopt5-aimbox {
  padding: 16px 32px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.sopt5-aimbox img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}
.sopt5-aimbox h2 {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.sopt5-marketbg {
  background: #fff;
}
.s-operation .sopt5-marketbg .brand-head .brand-info {
  margin-bottom: 0;
}
.sopt5-market {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.sopt5-market .pic {
  width: 626px;
}
.sopt5-market .txt {
  width: 406px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.sopt5-marketbox h3 {
  position: relative;
  display: inline-block;
  margin-left: 32px;
  margin-bottom: 14px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  background: linear-gradient(290deg, #E61415 28.87%, #E64142 79.75%);
  border-radius: 12px 12px 12px 0;
}
.sopt5-marketbox h3 i {
  position: absolute;
  left: -32px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 1px solid #EC2526;
  border-radius: 50%;
}
.sopt5-marketbox h3 i:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  content: "";
  background: #EC2526;
  border-radius: 50%;
}
.sopt5-marketbox p {
  margin: 10px 0 0;
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  line-height: 22px;
}
.sopt5-marketbox p::before {
  position: absolute;
  left: -1px;
  top: 0;
  width: 22px;
  height: 22px;
  content: "";
  background-image: url(../images/s-opertaion/gou.svg);
  background-size: cover;
}

.sopt5-extendbg {
  background-image: url("../images/s-opertaion/opt5-extendbg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt5-extendbg .brand-head {
  padding-bottom: 8px;
}
.sopt5-extend {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.sopt5-extendbox {
  border-radius: 8px;
  padding: 24px;
  background: linear-gradient(180deg, #FFD6D3 0%, rgba(255, 216, 214, 0.95) 0.01%, rgba(253, 236, 236, 0) 81.77%), #FFF;
}
.sopt5-extendbox p {
  margin: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.sopt5-extendbox p span {
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background: #DA0203;
  border-radius: 40px;
}
.sopt5-extendbox.sopt5-extendbox1 .sopt5-shopbox-title, .sopt5-extendbox.sopt5-extendbox2 .sopt5-shopbox-title, .sopt5-extendbox.sopt5-extendbox3 .sopt5-shopbox-title {
  height: 256px;
}
.sopt5-extendbox.sopt5-extendbox1 {
  width: 316px;
}
.sopt5-extendbox.sopt5-extendbox1 .sopt5-shopbox-title {
  padding-top: 190px;
}
.sopt5-extendbox.sopt5-extendbox1 .sopt5-shopbox-title p {
  align-items: center;
  justify-content: center;
}
.sopt5-extendbox.sopt5-extendbox1 .sopt5-shopbox-title p span {
  padding: 0 16px;
}
.sopt5-extendbox.sopt5-extendbox1 > p {
  margin: 0 3px;
}
.sopt5-extendbox.sopt5-extendbox1 > p span {
  width: calc((100% - 16px) / 2);
  color: #2d2c34;
  background: rgba(251, 211, 212, 0.2);
  border: 1px solid rgba(236, 37, 38, 0.5);
}
.sopt5-extendbox.sopt5-extendbox2 {
  width: 460px;
}
.sopt5-extendbox.sopt5-extendbox2 p {
  margin: 0 16px;
}
.sopt5-extendbox.sopt5-extendbox2 p span {
  width: calc((100% - 32px) / 3);
}
.sopt5-extendbox.sopt5-extendbox3 {
  width: 316px;
}
.sopt5-extendbox.sopt5-extendbox3 p {
  margin: 0 10px;
}
.sopt5-extendbox.sopt5-extendbox3 p span {
  width: calc((100% - 16px) / 2);
}
.sopt5-extendbox.sopt5-extendbox4 .sopt5-shopbox-title, .sopt5-extendbox.sopt5-extendbox5 .sopt5-shopbox-title, .sopt5-extendbox.sopt5-extendbox6 .sopt5-shopbox-title {
  height: 210px;
}
.sopt5-extendbox.sopt5-extendbox4 p, .sopt5-extendbox.sopt5-extendbox5 p, .sopt5-extendbox.sopt5-extendbox6 p {
  height: 60px;
}
.sopt5-extendbox.sopt5-extendbox4 p span, .sopt5-extendbox.sopt5-extendbox5 p span, .sopt5-extendbox.sopt5-extendbox6 p span {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
}
.sopt5-extendbox.sopt5-extendbox4 {
  width: 316px;
}
.sopt5-extendbox.sopt5-extendbox4 p {
  justify-content: center;
  align-items: center;
}
.sopt5-extendbox.sopt5-extendbox4 p span {
  padding-left: 22px;
  padding-right: 22px;
}
.sopt5-extendbox.sopt5-extendbox5 {
  width: 316px;
}
.sopt5-extendbox.sopt5-extendbox5 p {
  margin: 0 10px;
}
.sopt5-extendbox.sopt5-extendbox5 p span {
  width: calc((100% - 16px) / 2);
}
.sopt5-extendbox.sopt5-extendbox6 {
  width: 460px;
  padding-left: 15px;
  padding-right: 15px;
}
.sopt5-extendbox.sopt5-extendbox6 p span {
  width: calc((100% - 32px) / 3);
  padding: 10px 15px;
}

.sopt5-shopbox-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.sopt5-shopbox-title > span {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 140px;
  height: 140px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin-left: -70px;
  color: #fff;
  border-radius: 50%;
  flex-direction: column;
}
.sopt5-shopbox-title > span i {
  font-size: 32px;
  line-height: 1;
}
.sopt5-shopbox-title > span h2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 28px;
}
.sopt5-shopbox-title > span h4 {
  font-size: 16px;
  line-height: 28px;
}

.sopt5-extendbox1 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox1.png);
}

.sopt5-extendbox2 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox2.png);
}

.sopt5-extendbox3 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox3.png);
}

.sopt5-extendbox4 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox4.png);
}

.sopt5-extendbox5 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox5.png);
}

.sopt5-extendbox6 .sopt5-shopbox-title {
  background-image: url(../images/s-opertaion/opt5-extendbox6.png);
}

.sopt5-trustbg {
  background-image: url("../images/s-opertaion/opt5-trustbg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt5-trust h3 {
  height: 60px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  line-height: 60px;
}
.sopt5-trust h3 img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.sopt5-trust h3 span {
  font-size: 26px;
  color: #111315;
}
.sopt5-trust ul {
  padding-top: 24px;
  margin: 0 -30px;
  display: flex;
  display: -webkit-flex;
}
.sopt5-trust li {
  width: 33.3333333333%;
}
.sopt5-trust .sopt5-trustbox {
  margin: 0 30px;
}

.sopt5-trustbox {
  height: 100%;
  padding: 24px 12px;
  text-align: center;
  background: #fff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.sopt5-trustbox .pic {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  padding: 8px 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 152px;
  color: #fff;
  background-image: url(../images/s-opertaion/opt5-extendbox.png);
  background-size: cover;
}
.sopt5-trustbox .pic em {
  margin-top: -3px;
  display: inline-block;
  margin-right: 2px;
  font-size: 28px;
  line-height: inherit;
  font-style: normal;
  vertical-align: top;
}
.sopt5-trustbox .txt {
  margin-top: 12px;
}
.sopt5-trustbox .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  font-weight: bold;
}
.sopt5-trustbox .txt p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 26px;
  color: #595959;
}
.sopt5-trustbox .txt p em {
  margin-top: -2px;
  display: inline-block;
  font-size: 24px;
  line-height: inherit;
  color: #EC2526;
  font-weight: bold;
  font-style: normal;
  vertical-align: top;
}

.sopt6-serverbg .solution-row-title .pic {
  width: 954px;
  height: auto;
  margin: 60px auto 0;
}
.sopt6-server ul {
  margin: -40px -20px 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.sopt6-server li {
  width: 16.6666666667%;
  margin-top: 40px;
}
.sopt6-server .sopt6-serverbox {
  margin: 0 20px;
}

.sopt6-serverbox {
  background: #fff;
  box-shadow: 0 9px 28px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 24px 12px;
}
.sopt6-serverbox .pic {
  width: 80px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  overflow: hidden;
}
.sopt6-serverbox h2 {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.sopt6-advbg {
  background-image: url("../images/s-opertaion/opt6-advbg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt6-adv ul {
  margin: 0 -13px;
  display: flex;
  display: -webkit-flex;
}
.sopt6-adv li {
  width: 20%;
}
.sopt6-adv .sopt6-advbox {
  margin: 0 13px;
}

.sopt6-advbox {
  height: 100%;
  padding: 40px 16px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.sopt6-advbox .pic {
  width: 90px;
  height: auto;
  margin: 0 auto;
}
.sopt6-advbox .txt {
  margin-top: 20px;
  text-align: center;
}
.sopt6-advbox .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.sopt6-advbox .txt p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.sopt6-flowbg {
  background: #fff;
}

.sopt7 {
  border-top: 1px solid #f1f3f5;
}
.s-operation .sopt7 .brand-head {
  padding-bottom: 32px;
}

.sopt7-solution ul {
  display: flex;
  display: -webkit-flex;
  margin: 0 -12px;
  justify-content: space-between;
}
.sopt7-solution li {
  width: 25%;
}
.sopt7-solution .sopt7-solutionbox {
  margin: 0 12px;
}

.sopt7-solutionbox {
  padding: 24px;
  border: 1px solid #e6e6e6;
}
.sopt7-solutionbox .txt {
  height: 36px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.sopt7-solutionbox .txt img {
  width: 36px;
  height: 36px;
  margin-right: 6px;
}
.sopt7-solutionbox .txt h2 {
  font-size: 18px;
  line-height: 36px;
  color: #000;
  font-weight: bold;
}
.sopt7-solutionbox .pic {
  margin-top: 16px;
  width: 204px;
  height: 204px;
}

.sopt7-aimbg {
  background-image: url("../images/s-opertaion/opt7-aimbg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.sopt7-aim {
  position: relative;
  margin-top: 36px;
  min-height: 512px;
  background: url(../images/s-opertaion/opt7-aim.png) top center no-repeat;
}
.sopt7-aim span {
  position: absolute;
  top: 163px;
  left: 50%;
  width: 188px;
  height: 188px;
  margin-left: -94px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(149deg, #E81638 14.89%, #FF8F6C 85.24%);
}
.sopt7-aim span i {
  font-size: 40px;
  line-height: 1;
}
.sopt7-aim span h3 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 28px;
}
.sopt7-aim ul {
  margin-top: 15px;
  height: 482px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.sopt7-aim li {
  width: 50%;
}
.sopt7-aim li:nth-child(2n) .sopt7-aimbox {
  flex-direction: row-reverse;
}
.sopt7-aim li:nth-child(2n) .sopt7-aimbox .txt {
  margin-left: 16px;
}
.sopt7-aim li:nth-child(2n+1) .sopt7-aimbox .txt {
  margin-right: 16px;
  text-align: right;
}
.sopt7-aim li:nth-child(1) {
  padding-right: 160px;
}
.sopt7-aim li:nth-child(2) {
  padding-left: 160px;
}
.sopt7-aim li:nth-child(3) {
  padding-right: 230px;
}
.sopt7-aim li:nth-child(4) {
  padding-left: 230px;
}
.sopt7-aim li:nth-child(5) {
  padding-right: 180px;
}
.sopt7-aim li:nth-child(6) {
  padding-left: 180px;
}

.sopt7-aimbox {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.sopt7-aimbox .txt {
  flex: 1;
}
.sopt7-aimbox .txt h2 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: bold;
}
.sopt7-aimbox .txt p {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}
.sopt7-aimbox .num {
  width: 60px;
  height: 60px;
  font-size: 26px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #DA0203;
}

.press .cur-bar {
  background-color: #EC2526;
}
.press .nav-cell .dropdown .arrow {
  border-bottom-color: #EC2526;
}
.press .nav-cell .dropdown .dropdown-list a:hover {
  color: #EC2526;
}
.press .solution-nav .nav-anchor {
  background-color: #EC2526;
}
.press .dm span {
  background-color: #EC2526;
}
.press .solution-row {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: auto;
}
.press .solution-row > .arrow {
  position: absolute;
  top: -32px;
  left: 50%;
  display: inline-block;
  width: 158px;
  margin-left: -79px;
}
.press .solution-row .content {
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 30px;
}
.press .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.press .solution-row-title .content {
  margin-top: 24px;
}
.press .sol-title-bar {
  background-color: #EC2526;
}
.press .brand-head {
  padding-bottom: 40px;
}
.press .brand-head .brand-title {
  font-size: 32px;
}
.press .brand-head .brand-title:after {
  display: none;
}
.press .brand-head .brand-info {
  margin: 24px 8%;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.press .brand-head .brand-info span {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  font-weight: bolder;
  color: black;
}
.press .brand-head .brand-info span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: inline-block;
  height: 2px;
  background-color: #EC2526;
  border-radius: 1;
}
.press .brand-head.white .brand-title,
.press .brand-head.white .brand-info {
  color: white;
}

.pre-aboutbg.solution-row {
  padding-top: 80px;
  padding-bottom: 0;
}
.pre-aboutbg .solution-row-title {
  margin-bottom: 40px;
}

.pre-tb-casebg {
  margin-bottom: 60px;
  padding: 0;
  height: 424px;
  background-image: url("../images/s-press/tb-casebg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
.pre-tb-casebg.solution-row {
  padding: 0;
}
.pre-tb-case {
  position: relative;
  height: 424px;
  padding-top: 30px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
}
.pre-tb-case::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 224px;
  height: 224px;
  margin: -112px 0 0 -112px;
  content: "";
  background-image: url("../images/s-press/tb.png");
  background-size: cover;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n) {
  padding-left: 144px;
  text-align: left;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n) h2 {
  margin-left: 40px;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n) h2::before, .pre-tb-case .pre-tb-casebox:nth-child(2n) h2::after {
  left: -40px;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n) h2 i {
  margin-right: 8px;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n+1) {
  padding-right: 144px;
  text-align: right;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n+1) h2 {
  margin-right: 40px;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n+1) h2::before, .pre-tb-case .pre-tb-casebox:nth-child(2n+1) h2::after {
  right: -40px;
}
.pre-tb-case .pre-tb-casebox:nth-child(2n+1) h2 i {
  margin-left: 8px;
}
.pre-tb-case .pre-tb-casebox:nth-child(n+3) {
  margin-top: 48px;
}
.pre-tb-case .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 224px;
  height: 224px;
  margin: -112px 0 0 -112px;
}

.pre-tb-casebox {
  width: 548px;
  box-sizing: border-box;
}
.pre-tb-casebox h2 {
  position: relative;
  display: inline-block;
  width: 180px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 44px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(94deg, #F85053 5%, #E61617 96.64%);
  border-radius: 50px;
}
.pre-tb-casebox h2::before, .pre-tb-casebox h2::after {
  position: absolute;
  width: 28px;
  text-align: center;
}
.pre-tb-casebox h2::before {
  top: 0;
  font-size: 24px;
  line-height: 44px;
  content: attr(data-num);
  background: linear-gradient(180deg, #EC2526 0%, rgba(236, 37, 38, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pre-tb-casebox h2::after {
  content: "";
  height: 1px;
  bottom: 8px;
  background: rgba(236, 37, 38, 0.3);
}
.pre-tb-casebox h2 i {
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  line-height: inherit;
  vertical-align: top;
}
.pre-tb-casebox p {
  margin: 16px 0 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
}
.pre-tb-casebox p span {
  color: #141414;
}

.pre-tb-businessbg {
  background-image: url("../images/s-press/tb-businessbg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.pre-tb-business {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.pre-tb-business-menu {
  width: 274px;
  height: 372px;
  background: #fff;
  border-radius: 8px;
}
.pre-tb-business-menu .pre-busmbox:first-child {
  border-radius: 8px 8px 0 0;
}
.pre-tb-business-menu .pre-busmbox:first-child::after {
  background-image: url("../images/s-press/triangle-1.svg");
}
.pre-tb-business-menu .pre-busmbox:last-child {
  border-radius: 0 0 8px 8px;
  border-bottom: none;
}
.pre-busmbox {
  position: relative;
  padding-left: 64px;
  height: 93px;
  font-size: 20px;
  line-height: 92px;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: all 0.5s;
}
.pre-busmbox::after {
  position: absolute;
  right: -26px;
  top: 50%;
  width: 12px;
  height: 24px;
  margin-top: -12px;
  display: none;
  content: "";
  background-image: url("../images/s-press/triangle-2.svg");
}
.pre-busmbox i {
  display: inline-block;
  margin-right: 12px;
  font-size: 26px;
  line-height: inherit;
  vertical-align: top;
}
.pre-busmbox.active {
  color: #fff;
  background-image: url("../images/s-press/tb-business-menu.jpg");
  background-size: cover;
}
.pre-busmbox.active::after {
  display: block;
}

.pre-tb-business-body {
  position: relative;
  width: 842px;
  border-radius: 8px;
  background-image: url("../images/s-press/tb-business-body.jpg");
  background-size: cover;
}

.tb-business {
  height: 372px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.tb-business img {
  height: auto;
}

.tb-business1 img {
  width: 774px;
}

.tb-business2 img {
  width: 808px;
}

.tb-business3 img {
  width: 774px;
}

.tb-business4 img {
  width: 774px;
}

.pre-tb-safebg {
  background-image: url("../images/s-press/tb-safebg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.pre-tb-safe {
  margin-top: 20px;
}

.pre-tb-clientbg {
  background: #fff;
}
.pre-tb-client ul {
  margin: -16px -8px 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.pre-tb-client li {
  width: 33.3333333333%;
  margin-top: 16px;
}
.pre-tb-client .pre-tb-clientbox {
  margin: 0 8px;
}

.pre-tb-clientbox {
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.pre-tb-clientbox img {
  width: 100%;
  height: auto;
}

.mini.mini-spre > .btn.btn-apply {
  background-color: #f05455;
}
.mini.mini-spre > .btn.btn-apply:hover {
  background-color: #cc1213;
  box-shadow: 0 3px 8px rgba(236, 37, 38, 0.2);
}

/**
 * AI
 * -----------------------------------------------------------------------------
 */
.ai header .nav-brand span {
  background-position: 0 -28px;
}
.ai header .nav-link {
  color: #000;
}
.ai .cur-bar {
  background-color: #717eff;
}
.ai .nav-cell .dropdown .arrow {
  border-bottom-color: #717eff;
}
.ai .nav-cell .dropdown .dropdown-list a:hover {
  color: #717eff;
}
.ai .footer-links-title:before {
  background-color: #717eff;
}
.ai .solution-ban {
  height: auto;
  font-size: 0;
  vertical-align: middle;
  background-image: url("../images/ai/ban.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.ai .solution-ban .container {
  height: 680px;
  padding-top: 208px;
  display: flex;
  display: -webkit-flex;
  color: #000;
  box-sizing: border-box;
}
.ai .solution-ban .container * {
  padding: 0;
  padding: 0;
  font-weight: normal;
}
.ai .solution-ban .txt {
  width: 600px;
  margin-left: 30px;
}
.ai .solution-ban .txt h2 {
  position: relative;
  font-size: 48px;
  line-height: 66px;
  display: inline-block;
}
.ai .solution-ban .txt h2:after {
  position: absolute;
  top: 0;
  right: -36px;
  width: 34px;
  height: 28px;
  content: "";
  background-image: url(../images/ai/ai.png);
  background-size: cover;
  animation-delay: 2s;
}
.ai .solution-ban .txt h4 {
  margin-top: 16px;
  font-size: 18px;
  line-height: 30px;
}
.ai .solution-ban .txt h4 span {
  position: relative;
  display: inline-block;
  margin-top: 1px;
  margin-right: 4px;
  padding: 0 16px;
  font-size: 18px;
  line-height: 28px;
  vertical-align: top;
  color: #717eff;
}
.ai .solution-ban .txt h4 span::before, .ai .solution-ban .txt h4 span::after {
  position: absolute;
  top: 11px;
  width: 6px;
  height: 6px;
  content: "";
  background: #717eff;
  transform: rotate(45deg);
  vertical-align: top;
}
.ai .solution-ban .txt h4 span::before {
  left: 2px;
}
.ai .solution-ban .txt h4 span::after {
  right: 5px;
}
.ai .solution-ban .txt p {
  font-size: 14px;
  line-height: 30px;
}
.ai .solution-ban .marqueetop {
  margin-top: 32px;
  height: 90px;
  overflow: hidden;
}
.ai .solution-nav {
  background: transparent;
}
.ai .solution-nav ul {
  width: 1140px;
  margin: 0 auto;
  background: #717eff;
  border-radius: 80px;
  padding: 0 4px;
}
.ai .solution-nav .nav-item {
  margin: 0;
  padding: 0 4px;
  width: 12.5%;
}
.ai .solution-nav .nav-link {
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0;
  border-radius: 60px;
  opacity: 1;
}
.ai .solution-nav .nav-anchor {
  top: 0;
  z-index: -1;
  height: auto;
  background-color: #717eff;
}
.ai .solution-nav .nav-link.active {
  color: #717eff;
  background: linear-gradient(280deg, #fff 5.89%, #e9ebff 106.57%);
}
.ai .solution-nav .nav-link.active .nav-anchor {
  display: none;
}
.ai .solution-row {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: auto;
}
.ai .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.ai .solution-row-title .content {
  margin: 32px 0 0;
  font-size: 18px;
  text-indent: 0;
}
.ai .sol-title-primary span {
  background-color: #717eff;
}
.ai .sol-title-bar {
  background-color: #717eff;
}
.ai .sol-title-info {
  opacity: 1;
  color: #666;
}
.ai .brand-head {
  padding-bottom: 60px;
}
.ai .brand-head .brand-title {
  font-size: 32px;
}
.ai .brand-head .brand-title:after {
  display: none;
}
.ai .brand-head .brand-info {
  margin: 24px 8% 0;
  color: #444;
  line-height: 30px;
}
.ai .brand-head.white .brand-title,
.ai .brand-head.white .brand-info {
  color: white;
}
.ai .mixwrap {
  margin: 0 30px;
  text-align: center;
}
.ai .mixwrap .icon {
  margin: 0 auto;
}
.ai .mixwrap .title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 1;
}
.ai .mixwrap .text {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.ai .warrow {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 18px;
  color: #666;
  line-height: 48px;
  text-align: center;
  background-color: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

.a-yard .solution-row-cont > ul {
  margin-top: -40px;
  margin-right: -30px;
  margin-left: -30px;
}
.mixwrap.a-yard-wrap .icon {
  width: 260px;
}
.mixwrap.a-yard-wrap .title {
  margin-top: -35px;
}

.a-yard-graph {
  margin-top: 100px;
  font-size: 0;
  vertical-align: middle;
}
.a-yard-graph > div {
  display: inline-block;
  vertical-align: middle;
}
.a-yard-graph .graph-l {
  width: 310px;
  margin-right: 30px;
}
.a-yard-graph .graph-arrow {
  width: 59px;
}
.a-yard-graph .graph-arrow:nth-child(2) {
  margin-right: -30px;
}
.a-yard-graph .graph-arrow:nth-child(4) {
  margin-right: 20px;
  margin-left: -4px;
}
.a-yard-graph .graph-c {
  width: 401px;
}
.a-yard-graph .graph-r {
  width: 295px;
}
.a-yard-graph .graph-r ul {
  margin: -6px;
}
.a-yard-graph .graph-r .cell {
  display: inline-block;
  width: 33.3%;
  text-align: center;
}
.a-yard-graph .graph-wrap {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 6px;
  padding-top: 18px;
  color: white;
  line-height: 1;
  background-color: #717eff;
  box-sizing: border-box;
}
.a-yard-graph .graph-wrap .icon {
  font-size: 32px;
}
.a-yard-graph .graph-wrap .title {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.a-reading {
  border-top: 1px solid #f1f3f5;
}
.a-reading .solution-row-cont > ul {
  margin: 0 -30px;
}
.a-reading-wrap .icon {
  width: 74px;
}

.a-reading-usage {
  background-image: url("../images/ai/aibd-usage-bg.jpg");
  background-color: #717eff;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.a-reading-usage.solution-row {
  height: 385px;
}
.a-reading-usage .brand {
  margin-right: 40px;
}
.a-reading-usage .brand .brand-head {
  margin-bottom: 30px;
  padding-bottom: 0;
  text-align: left;
}
.a-reading-usage .brand .brand-cont {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 2;
}
.a-reading-usage .k-laptop {
  margin: -56px 0 0;
}

.a-reading-adv .solution-row-cont > ul {
  margin: 0 -30px;
}
.a-reading-adv-wrap .icon {
  width: 80px;
}

.a-audio {
  border-top: 1px solid #f1f3f5;
}
.a-audio .solution-row-cont {
  position: relative;
  height: 530px;
  margin-bottom: -70px;
  background-image: url("../images/ai/znyy-pages.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.a-audio-eg {
  position: absolute;
  top: 360px;
  right: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}
.a-audio-eg > ul {
  margin-right: -20px;
  margin-left: -20px;
}
.a-audio-eg .title {
  position: relative;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 600;
  color: #3e50ff;
}
.a-audio-eg .title i, .a-audio-eg .title span {
  display: inline-block;
  vertical-align: middle;
}
.a-audio-eg .title i {
  margin-right: 10px;
  margin-left: 10px;
  font-weight: normal;
  line-height: 1.5;
}
.a-audio-eg .title:after, .a-audio-eg .title:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 440px;
  height: 1px;
  background-color: #717eff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.a-audio-eg .title:after {
  right: 0;
}
.a-audio-eg .title:before {
  left: 0;
}

.a-audio-eg-wrap {
  margin-right: 20px;
  margin-left: 20px;
  padding: 10px;
  font-size: 0;
  background-color: #f9f9f9;
  border-radius: 100px;
  cursor: default;
}
.a-audio-eg-wrap.active {
  background-color: rgba(113, 126, 255, 0.06);
}
.a-audio-eg-wrap.active .name {
  color: #3e50ff;
}
.a-audio-eg-wrap > div {
  display: inline-block;
  vertical-align: middle;
}
.a-audio-eg-wrap .name {
  width: 180px;
  margin-right: 10px;
  color: black;
  text-align: left;
}
.a-audio-eg-wrap .name i, .a-audio-eg-wrap .name span {
  display: inline-block;
  vertical-align: middle;
}
.a-audio-eg-wrap .name i {
  margin-right: 8px;
  margin-left: 8px;
  font-size: 18px;
  line-height: 1.5;
}
.a-audio-eg-wrap .name span {
  font-size: 16px;
}
.a-audio-eg-wrap .player {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #e1e3e4;
  overflow: hidden;
}
.a-audio-eg-wrap .player:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.a-audio-eg-wrap .player:hover {
  border-color: #717eff;
  cursor: pointer;
}
.a-audio-eg-wrap .player:hover a {
  color: #3e50ff;
}
.a-audio-eg-wrap .player a {
  position: relative;
  z-index: 2;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  background-color: white;
}
.a-audio-eg-wrap .player .img-playing {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  display: inline-block;
  width: inherit;
  height: inherit;
  background-image: url("../images/ai/audio-playing.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.a-audio-eg-wrap .player.play .btn-play {
  display: inline-block;
}
.a-audio-eg-wrap .player.play .btn-pause,
.a-audio-eg-wrap .player.play .img-playing {
  display: none;
}
.a-audio-eg-wrap .player.pause .btn-play,
.a-audio-eg-wrap .player.pause .img-playing {
  display: none !important;
}
.a-audio-eg-wrap .player.pause .btn-pause {
  display: inline-block !important;
}
.a-audio-eg-wrap .player.playing {
  border-color: #717eff;
}
.a-audio-eg-wrap .player.playing .btn-play,
.a-audio-eg-wrap .player.playing .btn-pause {
  display: none;
}
.a-audio-eg-wrap .player.playing .img-playing {
  display: inline-block;
}

.a-audio-scene {
  position: relative;
  padding: 0;
  height: 540px;
}
.a-audio-scene .container {
  position: relative;
  z-index: 2;
}
.a-audio-scene .brand-head {
  padding-bottom: 20px;
  text-align: left;
}
.a-audio-scene .swiper-linkage-nav .swiper-wrapper {
  width: 50%;
}
.a-audio-scene-wrap {
  margin: 15px 0;
  cursor: pointer;
  *zoom: 1;
}
.a-audio-scene-wrap:before, .a-audio-scene-wrap:after {
  content: " ";
  display: table;
}
.a-audio-scene-wrap:after {
  clear: both;
}
.a-audio-scene-wrap > span {
  float: left;
}
.a-audio-scene-wrap > span.warrow {
  position: absolute;
  top: 50%;
  right: -24px;
  display: none;
  float: none;
  margin-top: -24px;
}
.a-audio-scene-wrap .icon {
  width: 48px;
  height: 48px;
  margin-right: 34px;
  font-size: 38px;
  color: black;
  line-height: 48px;
  text-align: center;
}
.a-audio-scene-wrap .title {
  width: 148px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
  line-height: 48px;
}
.a-audio-scene-wrap .text {
  width: 300px;
  font-size: 14px;
  color: #999;
  line-height: 24px;
}

.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .icon {
  color: #717eff;
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .icon .icon-novel-stroke:before {
  content: "\e923";
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .icon .icon-house-stroke:before {
  content: "\eb3b";
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .icon .icon-bear-stroke:before {
  content: "\e91f";
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .icon .icon-hat-stroke2:before {
  content: "\e920";
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .title {
  color: black;
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .text {
  color: #666;
}
.a-audio-scene .swiper-linkage-nav .swiper-slide-thumb-active .a-audio-scene-wrap .warrow {
  display: block;
}
.a-audio-scene .swiper-linkage-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.a-audio-scene .swiper-linkage-body .swiper-slide {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-audio-scene .swiper-linkage-body .swiper-slide:nth-child(1) {
  background-image: url("../images/ai/znyy-scene-bg-1.png");
}
.a-audio-scene .swiper-linkage-body .swiper-slide:nth-child(2) {
  background-image: url("../images/ai/znyy-scene-bg-2.png");
}
.a-audio-scene .swiper-linkage-body .swiper-slide:nth-child(3) {
  background-image: url("../images/ai/znyy-scene-bg-3.png");
}
.a-audio-scene .swiper-linkage-body .swiper-slide:nth-child(4) {
  background-image: url("../images/ai/znyy-scene-bg-4.png");
}

.a-audio-flow .solution-row-cont {
  position: relative;
  margin-top: -60px;
}
.a-audio-flow .solution-row-cont:after {
  content: "";
  position: absolute;
  top: auto;
  right: 50px;
  bottom: 28px;
  left: 50px;
  z-index: 0;
  display: block;
  height: 2px;
  background-color: #d7e0e9;
}
.a-audio-flow .solution-row-cont > ul {
  position: relative;
  z-index: 1;
  margin: 0 -30px;
}
.a-audio-flow .solution-row-cont > ul li:first-child .a-audio-flow-wrap:after {
  display: none;
}
.mixwrap.a-audio-flow-wrap {
  position: relative;
}
.mixwrap.a-audio-flow-wrap .icon {
  width: 246px;
}
.mixwrap.a-audio-flow-wrap .title {
  margin-top: -25px;
}
.mixwrap.a-audio-flow-wrap .num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 30px auto 0;
  font-size: 20px;
  font-weight: 600;
  color: white;
  line-height: 36px;
  text-align: center;
  background-color: #555a6d;
  border: 10px solid white;
  box-sizing: content-box;
}
.mixwrap.a-audio-flow-wrap:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 20px;
  border-color: transparent;
  border-style: dashed;
  border-left-color: #d7e0e9;
  border-left-style: solid;
  transform: scaleY(0.4);
  transform-origin: center center;
  margin-left: -46px;
}

.a-morebar {
  height: 200px;
  font-size: 34px;
  font-weight: 400;
  color: white;
  line-height: 200px;
  text-align: center;
  background-image: url("../images/ai/morebar.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.a-face-wrap .icon {
  width: 104px;
}
.a-face-wrap .title {
  position: relative;
  display: inline-block;
}
.a-face-wrap .title:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: block;
  height: 6px;
  background-color: #717eff;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.a-face-case {
  height: 417px;
  background-color: #717eff;
  background-image: url("../images/ai/rlsb-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-face-case .brand {
  position: relative;
  float: right;
  width: 50%;
}
.a-face-case .brand > div {
  margin-left: 80px;
}
.a-face-case .brand ul {
  margin: 18px -10px 0;
}
.a-face-case .brand-head {
  padding-bottom: 20px;
  text-align: left;
}
.a-face-case .brand-cont {
  font-size: 16px;
  font-weight: 400;
  color: white;
  line-height: 30px;
}
.a-face-case .warrow {
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -24px;
}
.a-face-case .data-wrap {
  margin: 0 10px;
  height: 60px;
  font-size: 0;
  color: white;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.a-face-case .data-wrap span {
  display: inline-block;
  vertical-align: middle;
}
.a-face-case .data-wrap span.num {
  font-size: 30px;
  font-weight: 600;
}
.a-face-case .data-wrap span.text {
  margin-left: 10px;
  font-size: 16px;
}

.a-spoken {
  background-image: url("../images/ai/kycp-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-spoken .solution-row-cont {
  overflow: hidden;
}
.a-spoken .solution-row-cont .img {
  height: 550px;
  margin: 0 auto;
}
.a-spoken .solution-row-cont .img img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.a-spoken-patent {
  background-color: gray;
  background-image: url("../images/ai/kycp-rights-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.a-spoken-patent.solution-row {
  padding-bottom: 0;
}
.a-spoken-patent .solution-row-cont {
  text-align: center;
}
.a-spoken-patent .solution-row-cont > ul {
  height: 330px;
  font-size: 0;
  text-align: center;
}
.a-spoken-patent .solution-row-cont > ul li {
  display: inline-block;
  height: inherit;
  padding: 0 15px;
  vertical-align: top;
}
.a-spoken-patent-wrap {
  position: relative;
  width: 265px;
  height: inherit;
  padding-top: 40px;
  text-align: center;
  background-color: white;
  box-sizing: border-box;
}
.a-spoken-patent-wrap .icon {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 34px;
  color: #d7e0e9;
  line-height: 40px;
  text-align: center;
}
.a-spoken-patent-wrap .img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
}
.a-spoken-patent-wrap .title {
  margin-top: 25px;
  font-size: 16px;
  color: #222;
  line-height: 24px;
}

.solution-row.a-contact {
  padding: 40px 0;
  background-image: url("../images/ai/contact-bg.jpg");
}

.ai-blockchain-bg {
  position: relative;
  background-image: url("../images/ai/ai-blockchainbg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.ai .ai-blockchain-bg.solution-row {
  padding-top: 140px;
}
.ai-blockchain-bg:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 380px;
  content: "";
  background: url("../images/ai/ai-blockchain01.png") bottom center no-repeat;
}
.ai-blockchain {
  position: relative;
  z-index: 3;
  padding-top: 44px;
  min-height: 435px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ai-blockchain .ai-blockchainbox:nth-child(1), .ai-blockchain .ai-blockchainbox:nth-child(3) {
  margin-top: 208px;
}

.ai-blockchainbox {
  position: relative;
  width: 368px;
  background: #fff;
  text-align: center;
  box-shadow: 0 9px 28px 0px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.ai-blockchainbox::before {
  position: absolute;
  left: 50%;
  top: -34px;
  width: 30px;
  height: 24px;
  margin-left: -15px;
  content: "";
  background: url(../images/ai/ai-blockchain-titlet.png);
  background-size: cover;
}
.ai-blockchainbox h2 {
  font-size: 16px;
  font-weight: normal;
  line-height: 50px;
  color: #fff;
  border-radius: 16px 16px 0 0;
  background: url(../images/ai/ai-blockchain-title.png);
}
.ai-blockchainbox p {
  margin: 0;
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #404040;
}
.ai-blockchainbox p span {
  color: #717eff;
}

.a-livebg {
  background-image: url("../images/ai/live-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.ai .a-livebg .solution-row-title {
  margin-bottom: 32px;
}
.a-livebg .brand-head .brand-info {
  color: #181818;
  opacity: 0.7;
}
.a-livebg .brand-head .brand-info em {
  text-transform: initial;
  font-style: normal;
}
.a-livebg .sol-title-num {
  color: #717eff;
  opacity: 0.5;
}
.a-livebg .p-live-ai1 {
  margin-top: 12px;
}
.a-livebg .p-live-ai1box h2:after {
  background: #717eff;
}

.a-live-aibg {
  position: relative;
  background-image: url("../images/ai/live-aibg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-live-aibg::after {
  position: absolute;
  top: 232px;
  left: 0;
  right: 0;
  z-index: 1;
  height: 678px;
  content: "";
  background: url(../images/ai/live-aibg1.png) top center no-repeat;
}

.a-live-ai1 {
  position: relative;
  z-index: 3;
  height: 678px;
}
.a-live-ai1 .pic {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 856px;
  height: 486px;
  margin-left: -428px;
}
.a-live-ai1 .txt {
  position: relative;
  z-index: 1;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.a-live-ai1 .txt .a-livebox1 {
  margin-top: 364px;
}
.a-live-ai1 .txt .a-livebox1:nth-child(2) {
  margin-top: 54px;
}
.a-livebox1 {
  width: 306px;
  height: 132px;
  padding: 12px 16px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: url(../images/ai/liveboxbg.png);
  background-size: cover;
  text-align: center;
  box-shadow: 0 -17px 22px 0 rgba(50, 66, 219, 0.08);
}
.a-livebox1 h3 {
  width: 180px;
  height: 48px;
  background: url(../images/ai/livebox-title.png);
}
.a-livebox1 h3 span {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: linear-gradient(180deg, #717EFF 0%, rgba(113, 126, 255, 0.5) 100%);
  border-radius: 8px;
  vertical-align: top;
}
.a-livebox1 h3 span i {
  font-size: 32px;
  color: #fff;
}
.a-livebox1 p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #404040;
}

.a-live-ai2 {
  margin-top: 60px;
}
.a-live-ai2 h3 {
  font-size: 32px;
  line-height: 44px;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.a-live-ai2 ul {
  padding-top: 40px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin: -24px -13px 0;
}
.a-live-ai2 li {
  width: 25%;
  margin-top: 24px;
}
.a-live-ai2 .a-livebox2 {
  margin: 0 13px;
}
.a-livebox2 {
  height: 100%;
  padding: 32px 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.a-livebox2 .pic {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.a-livebox2 .pic img {
  width: 100%;
  height: auto;
}
.a-livebox2 .txt {
  margin-top: 20px;
}
.a-livebox2 .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.a-livebox2 .txt p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.a-digitalbg {
  background-image: url("../images/ai/digital-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-digitalbg .solution-row-title {
  margin-bottom: 60px;
}
.a-digitalbg .brand-head {
  padding-bottom: 40px;
}
.a-digital-tab {
  text-align: center;
  font-size: 0;
}
.a-digital-tab a {
  position: relative;
  padding: 0 40px;
  margin: 0 16px;
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  border-radius: 60px;
  border: 1px solid rgba(113, 126, 255, 0.5);
  transition: all 0.5s;
}
.a-digital-tab a:hover {
  color: #fff;
  background: #717eff;
}
.a-digital-tab a.active {
  color: #fff;
  border-color: #717eff;
  background: #717eff;
}
.a-digital-tab a.active::after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  content: "";
  border: 6px solid transparent;
  border-top-color: #717eff;
}

.a-digital-con {
  margin-top: 36px;
}

.a-digitalbox {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.a-digitalbox .txt {
  flex: 1;
  flex-shrink: 0;
}
.a-digitalbox .txt h3 {
  margin-bottom: 32px;
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
  color: #000;
}
.a-digitalbox .txt p {
  position: relative;
  margin: 0 0 20px 0;
  padding-left: 36px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.a-digitalbox .txt p::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(../images/ai/ai.svg);
  background-size: cover;
}
.a-digitalbox .txt p:last-child {
  margin: 0;
}
.a-digitalbox .pic {
  position: relative;
  width: 748px;
  height: 404px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.a-digitalbox .pic::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}
.a-digitalbox .pic img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
.a-digitalbox .pic i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  z-index: 3;
  margin: -28px 0 0 -28px;
  background-image: url("../images/s-k12/play-btn.png");
  background-size: cover;
}
.a-digitalbox .pic:hover img {
  transform: scale(1.04);
}

.a-digital1bg {
  background-image: url("../images/ai/digital1-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.a-digital1bg .brand-head {
  padding-bottom: 40px;
}

.a-digital-scene {
  margin-bottom: 80px;
}
.a-digital-scene ul {
  display: flex;
  display: -webkit-flex;
  margin: -40px -20px 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.a-digital-scene li {
  margin-top: 40px;
  width: 50%;
}
.a-digital-scene .a-digital-scenebox {
  margin: 0 20px;
}
.a-digital-scenebox {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.a-digital-scenebox .pic {
  width: initial;
  padding-bottom: 36.3636363636%;
  padding-bottom: 36.3636363636%;
  padding-bottom: 36.3636363636%;
}
.a-digital-scenebox .pic img {
  -o-object-fit: fill;
  object-fit: fill;
}
.a-digital-scenebox .pic img {
  -o-object-fit: contain;
  object-fit: contain;
}
.a-digital-scenebox .pic img {
  -o-object-fit: cover;
  object-fit: cover;
}
.a-digital-scenebox .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 68px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.35) 37.27%, rgba(0, 0, 0, 0) 86.96%);
}
.a-digital-scenebox .txt h2 {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}

.a-digital-adv ul {
  margin: 0 -13px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.a-digital-adv li {
  width: 25%;
}
.a-digital-adv .a-digital-advbox {
  margin: 0 13px;
}
.a-digital-advbox {
  height: 100%;
  padding: 32px 20px;
  border-radius: 16px;
  background: #fff;
}
.a-digital-advbox .pic {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.a-digital-advbox .txt {
  margin-top: 20px;
  text-align: center;
}
.a-digital-advbox .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.a-digital-advbox .txt p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.a-digital-adv1bg {
  background-image: url("../images/ai/digital-adv1-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ai .a-digital-adv1bg.solution-row {
  padding-bottom: 40px;
}
.a-digital-adv1bg .brand-head {
  padding-bottom: 0;
}
.a-digital-adv1 {
  padding: 0 42px;
  height: 762px;
  background: url("../images/ai/digital-adv1-vs.png") top center no-repeat;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.a-digital-adv1 .txts {
  text-align: left;
}
.a-digital-adv1 .txt {
  width: 396px;
  text-align: center;
}
.a-digital-adv1 .txt h3 {
  position: relative;
  text-align: center;
  display: inline-block;
}
.a-digital-adv1 .txt h3::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  height: 30px;
  content: "";
  border-radius: 50px;
}
.a-digital-adv1 .txt h3 span {
  position: relative;
  z-index: 1;
  padding: 0 34px;
  font-size: 36px;
  font-weight: bold;
}
.a-digital-adv1 .txt p {
  position: relative;
  padding: 0 20px 0 56px;
  height: 50px;
  font-size: 16px;
  text-align: left;
  line-height: 50px;
  color: #222;
  font-weight: bold;
  box-shadow: 0px 4px 23px 0px rgba(40, 58, 233, 0.14);
}
.a-digital-adv1 .txt p::before {
  position: absolute;
  top: 13px;
  left: 17px;
  width: 30px;
  height: 32px;
  content: "";
  background-size: cover;
}
.a-digital-adv1 .txt p span {
  position: relative;
  z-index: 2;
}
.a-digital-adv1 .txt p span::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: -1;
  height: 6px;
  content: "";
  background: red;
}
.a-digital-adv1 .txt:first-child {
  margin-top: 115px;
}
.a-digital-adv1 .txt:first-child h3 {
  margin-bottom: 54px;
  color: #717eff;
}
.a-digital-adv1 .txt:first-child h3::after {
  background: rgba(113, 126, 255, 0.1);
}
.a-digital-adv1 .txt:first-child p {
  border-radius: 6px;
  display: inline-block;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 2.8%, rgba(255, 255, 255, 0) 97.2%);
}
.a-digital-adv1 .txt:first-child p::before {
  background-image: url(../images/ai/digital-adv1-vs1.png);
}
.a-digital-adv1 .txt:first-child p span::after {
  background: rgba(236, 37, 38, 0.1);
}
.a-digital-adv1 .txt:last-child {
  width: 406px;
  margin-top: 95px;
}
.a-digital-adv1 .txt:last-child h3 {
  margin-bottom: 74px;
  text-shadow: 0 1px 4px rgba(61, 79, 255, 0.73);
  color: #fff;
}
.a-digital-adv1 .txt:last-child h3::after {
  background: #717eff;
}
.a-digital-adv1 .txt:last-child p {
  border-radius: 60px;
  background: #fff;
}
.a-digital-adv1 .txt:last-child p::before {
  background-image: url(../images/ai/digital-adv1-vs2.png);
}
.a-digital-adv1 .txt:last-child p span::after {
  background: rgba(16, 177, 90, 0.1);
}

.a-repositorybg {
  background-image: url("../images/ai/rpt-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.a-repositorybg .brand-head {
  padding-bottom: 0;
}
.a-repository {
  margin-bottom: 60px;
}
.a-repository ul {
  margin: 0 -20px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.a-repository li {
  width: 50%;
}
.a-repository .a-rptbox {
  margin: 0 20px;
}

.a-rptbox {
  height: 100%;
  padding: 25px 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
}
.a-rptbox .txt {
  flex: 1;
}
.a-rptbox .txt h2 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.a-rptbox .txt p {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.a-rptbox .pic {
  width: 100px;
  height: 100px;
  margin-left: 34px;
}

.a-rpt-scene {
  position: relative;
  height: 430px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
}
.a-rpt-scene::before {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 592px;
  height: 592px;
  content: "";
  border-radius: 50%;
  background: linear-gradient(178deg, rgba(113, 126, 255, 0.1) 1.6%, rgba(246, 248, 252, 0.1) 48.22%);
}
.a-rpt-scene > div {
  position: relative;
  z-index: 3;
}
.a-rpt-scene > .pic {
  width: 550px;
  height: 386px;
}
.a-rpt-scene > .pic::before, .a-rpt-scene > .pic::after {
  position: absolute;
  z-index: 3;
  background-size: cover;
  content: "";
}
.a-rpt-scene > .pic::before {
  left: -22px;
  bottom: 26px;
  width: 45px;
  height: 45px;
  background-image: url(../images/ai/rpt-l.png);
}
.a-rpt-scene > .pic::after {
  right: -40px;
  bottom: 48px;
  width: 80px;
  height: 80px;
  background-image: url(../images/ai/rpt-r.png);
}
.a-rpt-scene > .txt {
  width: 550px;
}
.a-rpt-scene > .txt .rpt-scenebox {
  margin: 16px 0;
}
.a-rpt-scene > .txt .rpt-scenebox:nth-child(1) i {
  background-image: url(../images/ai/rpt-scene-icon1.png);
}
.a-rpt-scene > .txt .rpt-scenebox:nth-child(2) i {
  background-image: url(../images/ai/rpt-scene-icon2.png);
}
.a-rpt-scene > .txt .rpt-scenebox:nth-child(3) i {
  background-image: url(../images/ai/rpt-scene-icon3.png);
}
.rpt-scenebox {
  position: relative;
  padding: 20px 32px;
  border: 1px solid rgba(113, 126, 255, 0.2);
  border-radius: 8px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.rpt-scenebox i {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  flex-shrink: 0;
  overflow: hidden;
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.rpt-scenebox p {
  flex: 1;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: rgba(42, 42, 42, 0.8);
}
.rpt-scenebox.active {
  background: #717eff;
  border-color: #717eff;
}
.rpt-scenebox.active::before {
  position: absolute;
  left: -17px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border: 8px solid transparent;
  border-right-color: #717eff;
}
.rpt-scenebox.active i {
  background-position: 0 -40px;
}
.rpt-scenebox.active p {
  color: #fff;
}

/**
 * Solution： Resource Line 2
 * -----------------------------------------------------------------------------
 */
.res .cur-bar {
  background-color: #0069cb;
}
.res .nav-cell .dropdown .arrow {
  border-bottom-color: #0069cb;
}
.res .nav-cell .dropdown .dropdown-list a:hover {
  color: #0069cb;
}
.res .sol-title-bar {
  background: #0069cb;
}
.res .sol-title-info {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  opacity: 1;
}
.res .footer-links-title:before {
  background-color: #0069cb;
}
.res .solution-nav .nav-link {
  padding-right: 20px;
  padding-left: 20px;
}
.res .solution-nav .nav-link.active {
  background-color: #0069cb;
}
.res .solution-nav .nav-anchor {
  display: none;
}
.res .solution-ban {
  background-image: url("../images/s-res/res-ban.jpg");
}
.res .brand-head .brand-title:after {
  border-top-color: #0069cb;
}
.res .brand-head .brand-info {
  font-weight: 300;
  text-transform: uppercase;
}
.res .brand-head.white .brand-title,
.res .brand-head.white .brand-info {
  color: white;
}
.res .brand-head.white .brand-title:after {
  border-top-color: white;
}
.res .solution-row {
  min-height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
.res .btn-more-lg {
  width: 170px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  background-color: #0069cb;
  border-radius: 24px;
  border: 0;
  box-shadow: 0 4px 8px rgba(0, 105, 203, 0.15);
}
.res .btn-more-lg i {
  font-size: 24px;
}
.res .btn-more-lg:hover {
  background-color: #0076e5;
}
.res-features {
  font-size: 0;
}
.res-features:after {
  vertical-align: middle;
}
.res-features > * {
  display: inline-block;
  vertical-align: middle;
}
.res-features > *:first-child {
  margin-left: 0;
}
.res-features > *:last-child {
  margin-right: 0;
}
.res-features > div {
  margin: 8px 16px 8px 0;
  color: #222;
  font-size: 0;
}
.res-features > div:after {
  vertical-align: middle;
}
.res-features > div > * {
  display: inline-block;
  vertical-align: middle;
}
.res-features > div > *:first-child {
  margin-left: 0;
}
.res-features > div > *:last-child {
  margin-right: 0;
}
.res-features .icon {
  margin-right: 4px;
}
.res-features .icon img {
  display: block;
  width: 100%;
  height: auto;
}
.res-features .text {
  font-size: 16px;
  font-weight: 500;
}

.res-display .solution-row-cont {
  font-size: 0;
  text-align: center;
}
.res-display .solution-row-cont:after {
  vertical-align: middle;
}
.res-display .solution-row-cont > * {
  display: inline-block;
  vertical-align: middle;
}
.res-display .solution-row-cont > *:first-child {
  margin-left: 0;
}
.res-display .solution-row-cont > *:last-child {
  margin-right: 0;
}
.res-display .solution-row-cont > div {
  margin: 0 8px;
}
.res-display .solution-row-cont > div:first-child {
  margin-left: 0;
}
.res-display .solution-row-cont > div:last-child {
  margin-right: 0;
}
.res-display .res-features .icon {
  width: 24px;
}
.res-display.res-solution {
  background-image: url("../images/s-res/solution-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-display.res-platform {
  background-color: #f6faff;
}
.res-display.res-platform .res-display-vector {
  width: 560px;
}
.res-display-vector {
  display: inline-block;
  width: 490px;
}
.res-display-vector img {
  display: block;
  width: 100%;
  height: auto;
}

.res-display-words {
  display: inline-block;
  width: 510px;
  text-align: left;
}
.res-display-words > div {
  margin-bottom: 40px;
}
.res-display-words .title-group {
  color: #222;
  line-height: 1.4;
}
.res-display-words .title-group .subtitle {
  font-size: 36px;
  font-weight: 300;
}
.res-display-words .title-group .title {
  font-size: 40px;
  font-weight: 500;
}
.res-display-words .con {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.res-display-words .con b {
  color: #444;
}

.res-power {
  background-image: url("../images/s-res/energy-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-power .solution-row-cont {
  padding-top: 60px;
}
.res-power .solution-row-cont > ul > li {
  position: relative;
  z-index: 1;
}
.res-power .solution-row-cont > ul > li:last-child .res-power-wrap {
  border: 1px solid rgba(225, 227, 228, 0.6);
}
.res-power .solution-row-cont > ul > li.active {
  z-index: 2;
}
.res-power .solution-row-cont > ul > li.active .res-power-wrap {
  background-color: transparent;
  background-image: url("../images/s-res/energy-item-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.05);
}
.res-power .solution-row-cont > ul > li.active .res-power-wrap .icon {
  color: white;
}
.res-power .solution-row-cont > ul > li.active .res-power-wrap .con .title,
.res-power .solution-row-cont > ul > li.active .res-power-wrap .con p {
  color: white;
}
.res-power-wrap {
  position: relative;
  display: block;
  height: 480px;
  background-color: white;
  border: 1px solid rgba(225, 227, 228, 0.6);
  border-right: 0;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.res-power-wrap .icon {
  position: absolute;
  top: 40px;
  right: 30px;
  font-size: 44px;
  color: #0069cb;
  line-height: 1;
}
.res-power-wrap .con {
  margin-top: 180px;
  margin-right: 30px;
  margin-left: 30px;
}
.res-power-wrap .con .title {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 1;
}
.res-power-wrap .con p {
  margin: 8px 0;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.res-case {
  background-image: url("../images/s-res/customer-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-case .case-logo-link {
  cursor: default;
}
.res-case .case-logo-link:hover {
  top: auto;
  background-color: transparent !important;
  box-shadow: none;
}

.ressub .solution-row {
  padding-top: 40px;
  padding-bottom: 40px;
}
.ressub .solution-row .brand-info {
  width: 1000px;
  margin-top: 12px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.5;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ressub .container .solution-row-cont {
  padding-top: 40px;
  padding-bottom: 40px;
}
.ressub .container .solution-row-cont > .img {
  margin-right: auto;
  margin-left: auto;
}
.ressub .container img {
  display: block;
  width: 100%;
  height: auto;
}
.res-laptop {
  position: relative;
  width: 665px;
  height: 400px;
  background-image: url("../images/s-res/sub-computer.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.res-laptop .res-video {
  position: absolute;
  top: 10.5%;
  right: 12.9323308271%;
  bottom: 10.5%;
  left: 12.9323308271%;
}
.res-laptop .res-video img {
  display: block;
  width: 100%;
  height: auto;
}
.res-laptop .res-video .play-btn {
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
}

.res-produce,
.banner {
  padding-top: 120px !important;
  background-color: #0069cb;
  background-image: url("../images/s-res/re-ban-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 540px;
}
.res-produce .solution-row-cont > .img,
.banner .solution-row-cont > .img {
  width: 926px;
}

.res-customize {
  background-image: url("../images/s-res/sub-res-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.res-customize .solution-row-cont > .img {
  width: 1069px;
}

.res-flow .solution-row-cont > .img {
  width: 100%;
}

.res-animate .laptop-container {
  position: relative;
  width: 784px;
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto;
}
.res-animate .laptop-container .res-laptop {
  z-index: 2;
  width: 665px;
  margin-right: auto;
  margin-left: auto;
}
.res-animate .dec {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  z-index: 1;
}
.res-animate .float {
  position: absolute;
  top: 120px;
  left: -95px;
  z-index: 3;
  width: 302px;
}
.res-animate .title {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
}

.scenes-wrap .scenes-item:hover {
  background-repeat: repeat-x;
  background-image: linear-gradient(135deg, #669aff, #327bff);
}

.res-adv {
  background-image: url("../images/s-res/sub-adv-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.scenes-wrap {
  margin-top: -24px;
  margin-right: -21px;
  margin-bottom: -24px;
  margin-left: -21px;
  text-align: center;
  font-size: 0;
}
.scenes-wrap:after {
  vertical-align: middle;
}
.scenes-wrap > * {
  display: inline-block;
  vertical-align: middle;
}
.scenes-wrap > *:first-child {
  margin-left: 0;
}
.scenes-wrap > *:last-child {
  margin-right: 0;
}
.scenes-wrap li {
  width: 25%;
}
.scenes-wrap li:nth-child(1) .icon {
  background-image: url("../images/s-res/sub-adv-1.svg");
}
.scenes-wrap li:nth-child(2) .icon {
  background-image: url("../images/s-res/sub-adv-2.svg");
}
.scenes-wrap li:nth-child(3) .icon {
  background-image: url("../images/s-res/sub-adv-3.svg");
}
.scenes-wrap li:nth-child(4) .icon {
  background-image: url("../images/s-res/sub-adv-4.svg");
}
.scenes-wrap li:nth-child(5) .icon {
  background-image: url("../images/s-res/sub-adv-5.svg");
}
.scenes-wrap li:nth-child(6) .icon {
  background-image: url("../images/s-res/sub-adv-6.svg");
}
.scenes-wrap li:nth-child(7) .icon {
  background-image: url("../images/s-res/sub-adv-7.svg");
}
.scenes-wrap li:nth-child(8) .icon {
  background-image: url("../images/s-res/sub-adv-8.svg");
}
.scenes-wrap .scenes-item {
  position: relative;
  height: 304px;
  margin-top: 24px;
  margin-right: 21px;
  margin-bottom: 24px;
  margin-left: 21px;
  padding-right: 34px;
  padding-left: 34px;
  background-color: white;
  border-radius: 8px;
  cursor: default;
  box-sizing: border-box;
  font-size: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  overflow: hidden;
  box-shadow: 0 6px 12px rgba(101, 122, 147, 0.09);
}
.scenes-wrap .scenes-item:after {
  vertical-align: middle;
}
.scenes-wrap .scenes-item > * {
  display: inline-block;
  vertical-align: middle;
}
.scenes-wrap .scenes-item > *:first-child {
  margin-left: 0;
}
.scenes-wrap .scenes-item > *:last-child {
  margin-right: 0;
}
.scenes-wrap .scenes-item .wrapper {
  position: relative;
  z-index: 1;
}
.scenes-wrap .scenes-item:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  height: 45px;
  background-image: url("../images/s-res/scene-card-bg-2.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.scenes-wrap .scenes-item .icon {
  width: 112px;
  height: 112px;
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.scenes-wrap .scenes-item .title {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 1.5;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.scenes-wrap .scenes-item .bar {
  display: inline-block;
  width: 24px;
  height: 2px;
  margin-top: 16px;
  background-color: #0069cb;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.scenes-wrap .scenes-item .text {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: white;
  line-height: 22px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.scenes-wrap .scenes-item:hover {
  background-color: #0076e5;
  background-image: none;
}
.scenes-wrap .scenes-item:hover .icon {
  width: 96px;
  height: 96px;
  background-position: center bottom;
}
.scenes-wrap .scenes-item:hover .title {
  margin-top: 16px;
  color: white;
}
.scenes-wrap .scenes-item:hover .bar {
  height: 0;
  margin-top: 0;
}
.scenes-wrap .scenes-item:hover .text {
  display: block;
  margin-top: -12px;
}

.darkblue {
  color: #0069cb !important;
}

.res-photoshow .solution-row-cont > ul {
  margin: -30px -15px;
}
.res-photoshow .photo {
  margin: 15px;
}

.banner {
  position: relative;
  background: url("../images/s-res/video.mp4") no-repeat center center fixed;
  background-size: cover;
}
.banner.video-back {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
}
.banner .container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 5px;
  left: 0;
  z-index: 3;
}
.banner .wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 46px;
  padding-right: 46px;
  z-index: 3;
}
.banner .wrapper .head {
  position: relative;
  z-index: 2;
  color: #fff;
  line-height: normal;
}
.banner .wrapper .head .title {
  font-size: 40px;
}
.banner .wrapper .head .subtitle {
  margin: 8px 0;
  font-size: 24px;
}
.banner .wrapper .head .info {
  font-size: 18px;
}
.banner .video-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 5px;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.fullscreenvideo-wrap {
  width: 100%;
}
.fullscreenvideo-wrap .fullscreenvideo {
  width: 100%;
}

.t-construct {
  background-image: url("../images/s-res/res-1-bg.png");
  background-size: 100% 100%;
}
.t-construct .solution-row-title {
  margin-bottom: 16px;
}
.t-construct .solution-row-title .sol-title-primary {
  padding: 0;
  line-height: 48px;
}
.t-construct .solution-row-title .info {
  margin-bottom: 16px;
  line-height: 25px;
  color: #666;
  font-size: 18px;
  opacity: 1;
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide {
  width: 106px;
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide.active {
  width: 530px;
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-1 {
  background-image: url("../images/s-res/res-1-case1.png");
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-2 {
  background-image: url("../images/s-res/res-1-case2.png");
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-3 {
  background-image: url("../images/s-res/res-1-case3.png");
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-4 {
  background-image: url("../images/s-res/res-1-case4.png");
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-5 {
  background-image: url("../images/s-res/res-1-case5.png");
}
.t-construct .accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-6 {
  background-image: url("../images/s-res/res-1-case6.png");
}

.res-remake {
  background-color: #0069cb;
  background-image: url("../images/s-res/sub-remake-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-remake .brand-head {
  margin-top: 40px;
}
.res-remake .brand-head .brand-info {
  font-size: 16px;
}
.res-remake .container {
  margin-top: 38px;
}
.res-remake .container .solution-row-cont {
  padding-bottom: 16px !important;
}
.res-remake ul {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.res-remake .r-laptop {
  width: 486px;
  height: 264.1304347826px;
}
.res-remake .mask {
  z-index: 1;
}
.res-remake .dec {
  position: absolute;
}
.res-remake .dec img {
  display: block;
  width: 100%;
  height: auto;
}
.res-remake .before .dec {
  top: -40px;
  left: -18px;
  z-index: 1;
  width: 192px;
}
.res-remake .after .dec {
  top: -35px;
  right: -40px;
  width: 200px;
}
.res-remake .title {
  font-size: 20px;
  font-weight: 600;
  color: white;
}

.res-stick {
  background-image: url("../images/s-res/stick-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-stick .container .solution-row-cont {
  padding-top: 10px !important;
  padding-bottom: 6px !important;
}
.res-stick .brand-head {
  margin-top: 30px;
}
.res-stick .brief {
  width: 870px;
  margin: 30px auto;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
.res-stick .btn-more-lg {
  width: 150px !important;
  color: #fff;
  background-color: #0069cb;
}
.res-stick .btn-more-lg:focus {
  background-color: #0069cb;
}
.res-timeline {
  position: relative;
  margin-top: 50px;
  color: rgba(0, 105, 203, 0.5);
  text-align: center;
}
.res-timeline:after {
  content: "";
  position: absolute;
  top: 45px;
  right: 10px;
  left: 10px;
  height: 1px;
  background-color: #0069cb;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.res-timeline .time {
  font-size: 18px;
  line-height: 1.5;
  color: #0069cb;
}
.res-timeline .dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 10px auto 20px auto;
  border: 2px solid #0069cb;
  background-color: #fff;
  box-sizing: border-box;
}
.res-timeline .dot span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0069cb;
}
.res-timeline .bubble {
  position: relative;
  height: 68px;
  margin: 0 22px;
  line-height: 24px;
  color: #fff;
  border-radius: 8px;
  background: linear-gradient(112deg, #0069cb -12.06%, rgba(0, 105, 203, 0.66) 130.42%);
  font-size: 0;
}
.res-timeline .bubble:after {
  vertical-align: middle;
}
.res-timeline .bubble > * {
  display: inline-block;
  vertical-align: middle;
}
.res-timeline .bubble > *:first-child {
  margin-left: 0;
}
.res-timeline .bubble > *:last-child {
  margin-right: 0;
}
.res-timeline .bubble span {
  font-size: 18px;
}
.res-timeline .bubble:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: #1d79d0;
  border-bottom-style: solid;
  top: -16px;
  left: 50%;
  margin-left: -8px;
}
.res-timeline .swiper-button-prev,
.res-timeline .swiper-button-next {
  top: 36px;
  margin-top: 0;
  font-size: 32px;
  background-image: none;
}
.res-timeline .swiper-button-prev {
  margin-left: -40px;
}
.res-timeline .swiper-button-next {
  margin-right: -40px;
}

.res-cert {
  margin-top: 40px;
}

.res-construct {
  background-image: url("../images/s-res/sub-construct-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-construct .brand-head {
  margin-top: 40px;
}
.res-construct .gallery-thumbs {
  margin-top: -24px;
  margin-bottom: 30px;
}
.res-construct .gallery-thumbs .swiper-slide {
  padding-bottom: 8px;
}
.res-construct .gallery-thumbs .res-construct-nav {
  position: relative;
  cursor: pointer;
}
.res-construct .gallery-thumbs .res-construct-nav:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #0069cb;
  border-top-style: solid;
  opacity: 0;
  filter: alpha(opacity=0);
}
.res-construct .gallery-thumbs .swiper-slide-thumb-active .res-construct-nav {
  color: white;
  background-color: #0069cb;
}
.res-construct .gallery-thumbs .swiper-slide-thumb-active .res-construct-nav > * {
  color: inherit;
}
.res-construct .gallery-thumbs .swiper-slide-thumb-active .res-construct-nav:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.res-construct .gallery-top .swiper-slide {
  position: relative;
  padding-top: 50px;
}
.res-construct .gallery-top .title {
  position: absolute;
  top: 0;
  right: 160px;
  z-index: 2;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  color: white;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 0;
}
.res-construct .gallery-top .title:after {
  vertical-align: middle;
}
.res-construct .gallery-top .title > * {
  display: inline-block;
  vertical-align: middle;
}
.res-construct .gallery-top .title > *:first-child {
  margin-left: 0;
}
.res-construct .gallery-top .title > *:last-child {
  margin-right: 0;
}
.res-construct .gallery-top .title .name {
  position: relative;
  z-index: 2;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.res-construct .gallery-top .title .num {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-top: -65px;
  margin-left: -65px;
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 48px;
  font-weight: 600;
  background-color: #0069cb;
  overflow: hidden;
}
.res-construct .gallery-top .title .num span {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.res-construct-nav {
  padding-top: 4px;
  padding-bottom: 10px;
  text-align: center;
  background-color: white;
  border-radius: 4px;
}
.res-construct-nav .num {
  font-family: "Conv_PFDinTextPro-Light";
  font-size: 32px;
  font-weight: 500;
  color: #afafaf;
  line-height: 1.4;
}
.res-construct-nav .text {
  display: block;
  font-size: 14px;
  color: #888;
}

.res-construct .res-laptop {
  margin: 0 auto;
  width: 830px;
  height: 499.2481203008px;
}
.res-construct .res-laptop .mask {
  z-index: 1;
}
.res-construct .btn-more-lg {
  color: #0069cb;
  background-color: #fff;
}
.res-construct .btn-more-lg:hover {
  color: #fff;
}

.res-caseshow .brand-head {
  margin-top: 40px;
}
.res-caseshow ul {
  margin: -13px 0;
}
.res-caseshow ul .title {
  margin-top: 10px;
}
.res-caseshow .r-video .play-btn {
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  margin-top: -31px;
  margin-left: -31px;
}
.case-total {
  height: 220px;
  background-image: url("../images/s-res/sub-more-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  color: white;
  text-align: center;
}
.case-total.case-total-new {
  height: auto;
}
.case-total:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.case-total .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 23px 0;
}
.case-total .more {
  margin-top: 20px;
  display: inline-block;
  width: 213px;
  padding: 0;
}
.case-total .more img {
  display: block;
  width: 100%;
  height: auto;
}
.case-total .code {
  margin-right: 60px;
  padding: 16px;
  border-radius: 8px;
  background: url("../images/s-res/qr-bg.png");
  background-size: cover;
}
.case-total .code .img {
  margin: 0 auto 16px;
  width: 100px;
}
.case-total .code .txt {
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.case-total .info {
  width: 530px;
}
.case-total .info .txt {
  margin-top: 25px;
  margin-bottom: 8px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.res-pro .sol-title-primary {
  padding: 0;
  line-height: 48px;
}
.res-pro .sol-title-info {
  margin-bottom: 16px;
  line-height: 34px;
  font-size: 18px;
  color: #666;
  opacity: 1;
}
.res-pro .sol-title-info .darkblue {
  font-size: 24px;
  font-weight: bold;
}
.res-pro .bolck {
  margin-bottom: 30px;
  text-align: center;
}
.res-pro .bolck span {
  display: inline-block;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background: #006de7;
}
.res-pro .solution-row-sub-title {
  margin-bottom: 40px;
  color: #2a2a2a;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
}
.res-pro .solution-row-sub-title-con {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.res-pro .solution-row-cont {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.res-pro .solution-row-cont .res-pro-people {
  position: relative;
  margin-bottom: 30px;
  height: 463px;
  background: url("../images/s-res/re-2-bg.png");
  background-size: cover;
}
.res-pro .solution-row-cont .res-pro-people .res-left,
.res-pro .solution-row-cont .res-pro-people .res-right {
  position: absolute;
  margin: -18px 0;
}
.res-pro .solution-row-cont .res-pro-people .res-left li,
.res-pro .solution-row-cont .res-pro-people .res-right li {
  display: flex;
  align-items: center;
  margin: 18px -8px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
}
.res-pro .solution-row-cont .res-pro-people .res-left li:nth-child(2),
.res-pro .solution-row-cont .res-pro-people .res-right li:nth-child(2) {
  margin-top: 36px;
}
.res-pro .solution-row-cont .res-pro-people .res-left li > span,
.res-pro .solution-row-cont .res-pro-people .res-right li > span {
  margin: 0 8px;
}
.res-pro .solution-row-cont .res-pro-people .res-left li .res-left-btn,
.res-pro .solution-row-cont .res-pro-people .res-right li .res-left-btn {
  display: inline-block;
  padding: 12px 24px;
  text-align: center;
  border-radius: 34px;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
}
.res-pro .solution-row-cont .res-pro-people .res-left li .icon,
.res-pro .solution-row-cont .res-pro-people .res-right li .icon {
  font-size: 20px;
  opacity: 0.5;
}
.res-pro .solution-row-cont .res-pro-people .res-left li .darkblue,
.res-pro .solution-row-cont .res-pro-people .res-right li .darkblue {
  font-weight: bold;
}
.res-pro .solution-row-cont .res-pro-people .res-left {
  top: 149px;
  left: 78px;
}
.res-pro .solution-row-cont .res-pro-people .res-left li {
  justify-content: flex-end;
}
.res-pro .solution-row-cont .res-pro-people .res-left li .res-left-btn {
  border: 1px solid rgba(0, 105, 203, 0.2);
  background: linear-gradient(270deg, #e5f4ff 1.85%, #e5f4ff 1.86%, #f8fbff 100%);
}
.res-pro .solution-row-cont .res-pro-people .res-left li .icon {
  color: #0069cb;
}
.res-pro .solution-row-cont .res-pro-people .res-right {
  top: 164px;
  left: 810px;
}
.res-pro .solution-row-cont .res-pro-people .res-right li {
  justify-content: flex-start;
}
.res-pro .solution-row-cont .res-pro-people .res-right li .res-left-btn {
  border: 1px solid rgba(71, 209, 135, 0.5);
  background: linear-gradient(90deg, #e8fff2 0%, #f6fffa 92.71%), #fff;
}
.res-pro .solution-row-cont .res-pro-people .res-right li .res-left-btn .darkblue {
  font-size: 18px;
  font-weight: bold;
  color: #47d187 !important;
}
.res-pro .solution-row-cont .res-pro-people .res-right li .icon {
  color: #47d187;
}
.res-pro .solution-row-cont .res-pro-people .res-middle {
  position: absolute;
  left: 405px;
  top: 154px;
  display: flex;
  margin: 0 -11px;
}
.res-pro .solution-row-cont .res-pro-people .res-middle li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 11px;
  width: 154px;
  height: 154px;
  border-radius: 100%;
  color: #fff;
  font-size: 20px;
  line-height: normal;
}
.res-pro .solution-row-cont .res-pro-people .res-middle li.prim {
  background-color: #1092ec;
}
.res-pro .solution-row-cont .res-pro-people .res-middle li.green {
  background-color: #47d187;
}
.res-pro .solution-row-cont .res-pro-people .res-middle li .icon {
  font-size: 40px;
}
.res-pro .solution-row-cont .res-pro-people .res-middle li .txt {
  margin-top: 10px;
  font-weight: 700;
}
.res-pro .solution-row-cont .re-pro-detail ul {
  display: flex;
  margin: -15px -15px 0;
}
.res-pro .solution-row-cont .re-pro-detail ul li {
  margin: 0 15px;
  flex: 1;
}
.res-pro .solution-row-cont .re-pro-detail ul li:nth-child(1) .re-h {
  background-image: url("../images/s-res/re-2-case1.png");
}
.res-pro .solution-row-cont .re-pro-detail ul li:nth-child(2) .re-h {
  background-image: url("../images/s-res/re-2-case2.png");
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-h {
  padding: 16px 24px 40px;
  height: 125px;
  text-align: center;
  color: #fff;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-h .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-h .info {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd {
  position: relative;
  top: -15px;
  z-index: 1;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd.vertical {
  display: flex;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd.vertical .re-delail {
  flex: 1;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail {
  display: flex;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-1 {
  margin-bottom: 30px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-1 .icon {
  background: #e5b700;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-1 .re-delail-wrap .tit {
  color: #e5b700;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-2 .icon {
  background: #9480f9;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-2 .re-delail-wrap .tit {
  color: #9480f9;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-3 {
  flex-direction: column;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-3 .icon-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-3 .icon-wrap .icon {
  background: #0069cb;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail.re-delail-3 .icon-wrap .tit {
  color: #0069cb;
  font-size: 18px;
  line-height: 36px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail .icon {
  margin-right: 16px;
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  border-radius: 50px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail .re-delail-wrap {
  flex: 1;
  margin-top: 4px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail .re-delail-wrap .tit {
  font-size: 18px;
  line-height: 36px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .re-delail .re-delail-wrap .con {
  color: #8c8c8c;
  font-size: 15px;
  line-height: 24px;
}
.res-pro .solution-row-cont .re-pro-detail ul li .re-bd .img {
  margin-left: 40px;
  width: 226px;
}

.res-product {
  border-bottom: 1px solid #e6e6e6;
  background-position: center 80px;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-product .solution-row-cont {
  padding-top: 0 !important;
}
.res-product .solution-row-cont > ul {
  margin-right: -16px;
  margin-top: -16px;
  margin-bottom: -16px;
}
.res-product-card {
  position: relative;
  margin: 16px;
  border-radius: 16px;
}
.res-product-card .product-card-wrap {
  padding: 32px 24px 65px;
}
.res-product-card .product-card-wrap .title {
  margin-bottom: 10px;
  line-height: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #2a2a2a;
}
.res-product-card .product-card-wrap .con {
  height: 66px;
  line-height: 22px;
  font-size: 14px;
  color: #888;
}
.res-product-card .product-card-wrap .btn-more-lg {
  width: 140px;
  height: 44px;
  line-height: 44px;
}
.res-product-card .product-dec {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 230px;
}
.res-product-card .product-dec img {
  display: block;
  width: 100%;
  height: auto;
}
.res-product-card .res-features .icon {
  width: 20px;
  margin-right: 8px;
}
.res-product-card.res-product-rmt {
  background-repeat: repeat-x;
  background-image: linear-gradient(135deg, #fffbf9, #ffdddc);
}
.res-product-card.res-product-rmt .title span {
  color: #c42f3b;
}
.res-product-card.res-product-rmt .btn-more-lg {
  background-color: #c42f3b;
  box-shadow: 0 4px 8px rgba(196, 47, 59, 0.15);
}
.res-product-card.res-product-rmt .btn-more-lg:hover {
  background-color: #d03c48;
}
.res-product-card.res-product-sys {
  background-repeat: repeat-x;
  background-image: linear-gradient(135deg, #f0fbfb, #e1f4fe);
}
.res-product-card.res-product-sys .title span {
  color: #0069cb;
}

.res-product .res-product-rmt {
  background: linear-gradient(180deg, #fffbf9 0%, #ffdddc 100%);
}
.res-product .res-product-rmt .res-features-group .features-it {
  color: #c42f3b;
  background: #fed9d8;
}
.res-product .res-product-sys {
  background: linear-gradient(180deg, #f2f9ff 0%, #d6ebff 100%);
}
.res-product .res-product-sys .res-features-group .features-it {
  color: #0069cb;
  background: #d1e9ff;
}
.res-product .res-features-group {
  display: flex;
  margin: 40px -5px;
}
.res-product .res-features-group .features-it {
  margin: 0 5px;
  padding: 0 18px;
  line-height: 36px;
  font-size: 16px;
  border-radius: 6px;
}

.res-teac .solution-row-title {
  margin-bottom: 24px;
}
.res-teac .solution-row-title .sol-title-primary {
  padding: 0;
  line-height: 48px;
  color: #2a2a2a;
}
.res-teac .solution-row-title .info {
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 34px;
  font-size: 20px;
  color: #999;
  opacity: 1;
}
.res-teac .solution-row-title .info .darkblue {
  font-size: 24px;
  font-weight: bold;
}
.res-teac .solution-row-info {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.res-teac .solution-row-cont {
  padding-top: 30px !important;
  padding-bottom: 0 !important;
}
.res-teac .solution-row-cont .solution-row-closeloop {
  position: relative;
  margin-top: 32px;
  height: 687px;
  background: url("../images/s-res/res-5-bg2.png");
  background-size: 100% 100%;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li:nth-child(2n) {
  left: 220px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li:nth-child(1) {
  top: 308px;
  left: 68px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li:nth-child(2) {
  top: 176px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li:nth-child(3) {
  top: 320px;
  left: 375px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li:nth-child(4) {
  top: 469px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li .icon {
  margin-bottom: 4px;
  font-size: 24px;
  color: #006de7;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left li .txt {
  color: #141414;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(2n-1) {
  top: 344px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(2n) {
  left: 259px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(1) {
  left: 202px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(2) {
  top: 285px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(3) {
  left: 316px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-left-center li:nth-child(4) {
  top: 402px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-center {
  position: absolute;
  top: 249px;
  left: 578px;
  margin: -6px 0;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-center li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 6px 0;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #1b7aff;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-center li.live {
  background-color: #8b75f9;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-center li .icon {
  display: inline-block;
  width: 40px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-center li .txt {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-right {
  position: absolute;
  right: 78px;
  top: 50%;
  transform: translateY(-50%);
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-right li {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  width: 306px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-right li:last-child {
  margin-bottom: 0;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-right li .icon {
  margin-right: 10px;
  display: inline-block;
  width: 24px;
}
.res-teac .solution-row-cont .solution-row-closeloop .closeloop-right li .txt {
  flex: 1;
  color: #141414;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.res-teac .solution-row-cont .solution-row-btn {
  margin-top: 16px;
  text-align: center;
}
.res-teac .solution-row-cont .solution-row-btn .btn-more-lg {
  width: 150px;
}

.res-njads {
  padding-bottom: 0 !important;
}
.res-njads .bolck {
  text-align: center;
}
.res-njads .bolck span {
  display: inline-block;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #0069cb;
}
.res-njads .solution-row-sub-title {
  margin-top: 24px;
  margin-bottom: 16px;
  color: #111315;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
}
.res-njads .solution-row-sub-title-con {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.32px;
}
.res-njads .solution-row-cont ul li:nth-child(1) .t-ad-wrap .con .img-wraps .img {
  padding: 10px 12px 0 14px !important;
}
.res-njads .solution-row-cont ul li:nth-child(2) .t-ad-wrap .con .img-wraps .img {
  padding: 10px 20px 0 !important;
}
.res-njads .solution-row-cont ul li:nth-child(3) .t-ad-wrap .con .img-wraps .img {
  padding: 13px 15px 0 14px !important;
}
.res-njads .solution-row-cont ul li:nth-child(4) .t-ad-wrap .con .img-wraps .img {
  padding: 20px 13px 0 !important;
}
.res-njads .solution-row-cont .t-ad-wrap .con .img-wraps {
  margin: 0 auto;
  width: 178px;
}
.res-njads .solution-row-cont.advs-cont {
  position: relative;
  padding-bottom: 60px;
}
.res-njads .solution-row-cont.advs-cont ul {
  position: relative;
  margin: 0 -4px;
}
.res-njads .solution-row-cont.advs-cont ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 4px;
  border: none;
}
.res-njads .solution-row-cont.advs-cont ul li .ico {
  display: inline-block;
  width: 83px;
  height: 78px;
}
.res-njads .solution-row-cont.advs-cont ul li .cont {
  margin-top: 8px;
  padding: 16px;
}
.res-njads .solution-row-cont.advs-cont ul li .cont .tit {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.res-njads .solution-row-cont.advs-cont ul li .cont .txt {
  margin-top: 8px;
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.res-media {
  position: relative;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  background: linear-gradient(0deg, rgba(0, 105, 203, 0.04) 0%, rgba(0, 105, 203, 0.04) 100%), #fff;
}
.res-media .solution-row-title .title {
  color: #111315;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: normal;
}
.res-media .solution-row-title .info {
  margin-top: 16px;
  color: #666;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.res-media .solution-row-cont {
  position: relative;
  padding-bottom: 0 !important;
}

.res-english {
  position: relative;
  height: 388px;
  background: url("../images/s-res/eng-bg.png") no-repeat;
  background-size: 100% 100%;
}
.res-english .solution-row-cont {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  display: flex;
}
.res-english .solution-row-cont .english-cont {
  flex: 1;
}
.res-english .solution-row-cont .english-cont .title {
  margin-top: 40px;
  color: #111315;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
.res-english .solution-row-cont .english-cont .info {
  margin-top: 16px;
  margin-bottom: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.res-english .solution-row-cont .english-cont .btn-more-lg {
  width: 150px;
}
.res-english .solution-row-cont .english-img {
  margin-left: 71px;
  width: 343px;
}

.res-peonum {
  padding-bottom: 0 !important;
  background: url("../images/s-res/re-7-bg.png") no-repeat;
  background-size: 100% 100%;
}
.res-peonum .solution-row-cont {
  padding-top: 30px !important;
  padding-bottom: 0 !important;
}

.res-caseshow-2 .brand-head {
  margin-top: 20px !important;
  padding-bottom: 0 !important;
}
.res-caseshow-2 .brand-head .brand-title::after {
  content: none;
}
.res-caseshow-2 .solution-row-cont {
  padding-bottom: 20px !important;
}

.res-provider {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  background-image: url("../images/s-res/provider-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.res-provider .solution-row-cont {
  position: relative;
}
.res-provider-wrap {
  position: relative;
  z-index: 1;
  width: 540px;
  color: white;
}
.res-provider-wrap .title-group {
  margin-bottom: 24px;
  line-height: 1.5;
}
.res-provider-wrap .title-group .subtitle {
  font-size: 36px;
  font-weight: 300;
}
.res-provider-wrap .title-group .title {
  font-size: 40px;
  font-weight: 500;
}
.res-provider-wrap .con {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 30px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}
.res-provider-wrap .datas {
  font-size: 0;
}
.res-provider-wrap .datas .cell {
  display: inline-block;
  width: 50%;
  margin: 20px 0;
  line-height: 1.2;
}
.res-provider-wrap .datas .cell .num {
  font-family: "Conv_PFDinTextPro-Light", Sans-Serif;
  font-size: 48px;
  font-weight: bold;
  color: #ffde00;
}
.res-provider-wrap .datas .cell .name {
  font-size: 20px;
  color: white;
}

.accordion-container .accordion-wrapper {
  display: flex;
  margin: 0 -8px;
}
.accordion-container .accordion-wrapper .accordion-slide {
  margin: 0 8px;
  width: 154px;
  height: 464px;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.accordion-container .accordion-wrapper .accordion-slide.active {
  width: 630px;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item {
  display: block;
  padding: 40px;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .title {
  margin-bottom: 24px;
  width: auto;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .title.only {
  writing-mode: horizontal-tb;
  text-align: center;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .sub-tit {
  display: block;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con {
  display: flex;
  margin-right: 0;
  width: auto;
  height: auto;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con.vertical {
  display: block;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .student-wrap,
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .teacher-wrap {
  display: flex;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .icon {
  display: block;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .con-wrap {
  flex: 1;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .con-wrap.con-wrap-original {
  display: block;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .con-wrap.con-wrap-clone {
  display: none;
}
.accordion-container .accordion-wrapper .accordion-slide.active .res-item .con .con-wrap .sub-title {
  margin-bottom: 12px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  padding: 24px;
  height: inherit;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
  background-size: cover;
  overflow: hidden;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-1 {
  background-image: url("../images/s-res/res-4-case1.png");
}
.accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-2 {
  background-image: url("../images/s-res/res-4-case2.png");
}
.accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-3 {
  background-image: url("../images/s-res/res-4-case3.png");
}
.accordion-container .accordion-wrapper .accordion-slide .res-item.res-item-4 {
  background-image: url("../images/s-res/res-4-case4.png");
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .title {
  width: 28px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .title.only {
  writing-mode: vertical-rl;
  text-align: left;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .sub-tit {
  display: none;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 28px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con {
  margin-right: 16px;
  width: 14px;
  height: 350px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con.vertical {
  display: flex;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .student-wrap {
  margin-bottom: 12px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .icon {
  display: none;
  margin-top: 3px;
  margin-right: 12px;
  font-size: 24px;
  overflow: visible;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap {
  line-height: 22px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-original {
  display: none;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-clone {
  display: block;
  width: 16px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-clone .only {
  margin-left: -4px;
  font-size: 16px;
  writing-mode: vertical-rl;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-clone span {
  display: block;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-clone span.mh {
  margin: 0 5px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap.con-wrap-clone .rotate {
  display: inline-block;
  margin-left: -4px;
  transform: rotate(90deg);
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap .sub-title {
  font-size: 18px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap .cont {
  font-size: 14px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .con-wrap .cont .mh {
  display: inline-block;
  margin: 0 5px;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .con .jh {
  font-weight: 400;
  font-size: 18px !important;
}
.accordion-container .accordion-wrapper .accordion-slide .res-item .num {
  font-size: 18px !important;
  font-weight: bold;
}

.ressub-float {
  position: fixed;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  z-index: 9999;
  width: 140px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
}
.ressub-float .title {
  height: 58px;
  background: linear-gradient(98deg, rgba(0, 105, 203, 0.2) 1.15%, rgba(0, 105, 203, 0) 141%);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ressub-float .img {
  position: absolute;
  left: 25px;
  top: -30px;
  width: 88px;
}
.ressub-float ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  height: 60px;
  border-bottom: 1px solid #d9d9d9;
  opacity: 0.5;
  cursor: pointer;
}
.ressub-float ul li:last-child {
  border-bottom: none;
}
.ressub-float ul li.active {
  color: #fff;
  opacity: 1;
}
.ressub-float ul li.active:hover {
  color: #fff;
}
.ressub-float ul li.active::after {
  position: absolute;
  z-index: -1;
  top: -3px;
  left: -5px;
  bottom: 0;
  display: inline-block;
  content: "";
  width: 150px;
  background: url("../images/s-res/float-item-bg.png") no-repeat;
  background-size: 100% 100%;
}
.ressub-float ul li:hover {
  color: #0069cb;
  opacity: 1;
}

.res-szbox {
  padding: 32px 24px 0;
}

.res-bag {
  padding-top: 0 !important;
}
.res-bag .solution-row-sub-title {
  color: #111315;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.res-bag .sol-title-info {
  margin-top: 16px;
  color: #666;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  opacity: 1;
}

.slide-split {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.slide-split img {
  margin: 0 auto;
  width: 158px !important;
}

.publish-line {
  position: absolute;
  top: 40px;
}
.publish-line.publish-line-1 {
  left: 242px;
}
.publish-line.publish-line-2 {
  left: 531px;
}
.publish-line.publish-line-3 {
  left: 820px;
}

.res-yth {
  padding-bottom: 0 !important;
}
.res-yth .sol-title-info {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  opacity: 1;
}
.res-yth .solution-row-cont {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.res-yth .res-yth-cont {
  position: relative;
  height: 424px;
  background: url("../images/s-res/re-6-cont-bg.png");
  background-size: 100% 100%;
}
.res-yth .res-yth-cont .res-yth-cont-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 106px;
  line-height: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  border-radius: 100%;
  background: linear-gradient(290deg, #2e75ea 16.65%, #89b8f7 103.15%);
}
.res-yth .res-yth-cont .res-yth-cont-con ul li {
  position: absolute;
  top: 34px;
  width: 404px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-last-child(-n+2) {
  top: 208px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-child(2n-1) {
  left: 0;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-child(2n) {
  right: 0;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-child(2n) .top {
  justify-content: flex-start;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-child(2n) .top .tit {
  margin-right: 0;
  margin-left: 12px;
  justify-content: flex-start;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li:nth-child(2n) .top .tit i {
  margin-left: 0;
  margin-right: 8px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .top .num {
  position: relative;
  text-align: justify;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  background: linear-gradient(180deg, #0069cb 0%, rgba(0, 105, 203, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .top .num::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 27px;
  height: 1px;
  opacity: 0.3;
  background: #0069cb;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .top .tit {
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
  width: 180px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: justify;
  font-size: 16px;
  line-height: 26px;
  border-radius: 55px;
  background: linear-gradient(290deg, #2e75ea 16.65%, #89b8f7 103.15%);
  box-sizing: border-box;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .top .tit i {
  margin-left: 8px;
  font-size: 24px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .bottom {
  margin-top: 16px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .bottom .txt {
  color: #595959;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.res-yth .res-yth-cont .res-yth-cont-con ul li .bottom .txt span {
  color: #141414;
}

.mt24 {
  margin-top: 24px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.pt16 {
  padding-top: 16px !important;
}

/**
 * Union
 * -----------------------------------------------------------------------------
 */
.union .cur-bar {
  background-color: #ea2526;
}
.union .nav-cell .dropdown .arrow {
  border-bottom-color: #ea2526;
}
.union .nav-cell .dropdown .dropdown-list a:hover {
  color: #ea2526;
}
.union .solution-row {
  position: relative;
  min-height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
.union .solution-row-title {
  margin-top: -50px;
  margin-bottom: 60px;
}
.union .solution-row-cont .content {
  margin-right: 0;
  margin-left: 0;
  color: #666;
  line-height: 32px;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}
.union .sol-title-bar {
  background-color: #ea2526;
}
.union .brand-head {
  margin-top: -20px;
  padding-bottom: 60px;
}
.union .brand-head .brand-title {
  font-size: 32px;
}
.union .brand-head .brand-title:after {
  display: none;
}
.union .brand-head.white .brand-title,
.union .brand-head.white .brand-info {
  color: white;
}
.union .tertiary-title {
  text-align: center;
}
.union .tertiary-title .spell {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  color: #ea2526;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.union .tertiary-title .title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  line-height: 32px;
  background-color: #ea2526;
}
.union .tertiary-title .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #ea2526;
  border-top-style: solid;
}
.union .tertiary-title .info {
  display: block;
  margin-top: 26px;
  font-size: 14px;
  color: black;
  line-height: 24px;
}
.union .tertiary-title.yellow .spell {
  color: #f3b225;
}
.union .tertiary-title.yellow .title {
  background-color: #f3b225;
}
.union .tertiary-title.yellow .title:after {
  border-top-color: #f3b225;
}
.union .tertiary-title.primary-gray .spell {
  color: #2d2c34;
}
.union .tertiary-title.primary-gray .title {
  background-color: #2d2c34;
}
.union .tertiary-title.primary-gray .title:after {
  border-top-color: #2d2c34;
}
.union .tertiary-title.white .spell {
  color: white;
}
.union .tertiary-title.white .title {
  color: #ea2526;
  background-color: white;
}
.union .tertiary-title.white .title:after {
  border-top-color: white;
}
.union .dm span {
  background-color: #ea2526;
}
.union .dm.dm-white span {
  background-color: white;
}
.union .dots {
  display: inline-block;
  width: 36px;
}

.n-work-wrap .con ul .data-wrap, .n-csmet .data .data-wrap {
  height: 100px;
  background-color: white;
  border: 1px solid #e1e3e4;
  box-sizing: border-box;
}

.n-csmet .content-wrap {
  position: relative;
  padding-left: 257px;
  text-align: left;
}
.n-csmet .content-wrap .medal {
  position: absolute;
  top: 8px;
  left: 0;
  width: 217px;
}
.n-csmet .content-wrap .content p {
  margin: 0;
  line-height: 1.875;
  text-indent: 2em;
}
.n-csmet .data {
  margin-right: -20px;
  margin-left: -20px;
}
.n-csmet .data .data-wrap {
  margin: 0 20px;
  padding: 9px 0;
  font-size: 0;
  text-align: center;
}
.n-csmet .data .data-wrap > span,
.n-csmet .data .data-wrap > div {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
.n-csmet .data .data-wrap > span span,
.n-csmet .data .data-wrap > div span {
  display: inline-block;
}
.n-csmet .data .data-wrap .icon {
  width: 82px;
  height: 82px;
}
.n-csmet .data .data-wrap .con {
  line-height: 1;
  text-align: left;
}
.n-csmet .data .data-wrap .num {
  font-size: 36px;
  font-weight: bold;
  color: #ea2526;
}
.n-csmet .data .data-wrap .unit {
  margin-left: 8px;
  font-size: 18px;
  color: #222;
  vertical-align: 1px;
}
.n-csmet .data .data-wrap .title {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.person-wrap {
  position: relative;
}
.person-wrap .img {
  width: 280px;
  height: 157px;
}
.person-wrap .name {
  color: #222;
  line-height: 1;
}
.person-wrap .name span {
  display: inline-block;
  vertical-align: bottom;
}
.person-wrap .name .text {
  font-size: 24px;
  font-weight: 700;
}
.person-wrap .name .spell {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.person-wrap .info {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 22px;
}

.n-expert {
  background-image: url("../images/union/dzxh-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.n-expert .solution-row-cont > ul {
  margin: 0 -75px;
}
.n-expert .person-wrap {
  position: relative;
  margin: 0 75px;
}
.n-expert .person-wrap .con {
  padding-top: 30px;
}
.n-expert .person-wrap .name,
.n-expert .person-wrap .info {
  color: white;
}

.n-display .sum {
  font-size: 0;
  text-align: center;
}
.n-display .sum span, .n-display .sum div {
  vertical-align: middle;
}
.n-display .sum div {
  display: inline-block;
  margin: 0 10px;
  padding: 0 48px;
  font-size: 22px;
  font-weight: 700;
  color: #ea2526;
  line-height: 54px;
  background-color: rgba(234, 37, 38, 0.1);
  border-radius: 27px;
}
.n-display .solution-row-cont > ul {
  margin-top: 20px;
  margin-right: -24px;
  margin-bottom: -10px;
  margin-left: -24px;
  font-size: 0;
}
.n-display .solution-row-cont > ul .cell {
  display: inline-block;
  width: 384px;
  margin: 10px 24px;
  vertical-align: top;
}
.n-display .solution-row-cont > ul .cell:nth-child(3) {
  width: 276px;
}
.n-display .solution-row-cont > ul .cell:nth-child(4), .n-display .solution-row-cont > ul .cell:nth-child(5) {
  margin-top: -234px;
}
.n-display .display-wrap {
  text-align: center;
}
.n-display .display-wrap .name {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 18px;
  letter-spacing: 0.05em;
}

.n-bxqk {
  background-image: url("../images/union/bxqk-bg-1.png");
  background-position: center 130px;
  background-repeat: no-repeat;
}
.n-bxqk .container:first-child .logo {
  width: 160px;
  margin: 0 auto -24px;
}
.n-bxqk .container:first-child .solution-row-cont > ul {
  margin: 0 -30px;
}
.n-bxqk .container:first-child .content-wrap {
  margin: 0 30px;
}
.n-bxqk .container:first-child .content-wrap .content b {
  margin: 0 10px;
  font-size: 24px;
  font-weight: bolder;
  color: #ea2526;
}
.n-bxqk .dm {
  margin-top: 50px;
  margin-bottom: 50px;
}
.n-bxqk .brand-head {
  margin-top: 0;
  padding-bottom: 40px;
}

.n-leader .solution-row-cont > ul .person-wrap:after, .n-leader .solution-row-cont > .person-wrap:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 1px;
  height: 44px;
  background-color: #e1e3e4;
}

.n-leader .solution-row-cont > .person-wrap {
  width: 690px;
  height: 194px;
  margin: 0 auto;
  font-size: 0;
}
.n-leader .solution-row-cont > .person-wrap > div {
  display: inline-block;
  width: 50%;
  height: inherit;
  vertical-align: middle;
}
.n-leader .solution-row-cont > .person-wrap .img {
  position: relative;
}
.n-leader .solution-row-cont > .person-wrap .con {
  padding-right: 25px;
  padding-left: 25px;
  color: white;
  background-image: url("../images/union/bxqk-photo-bg-1.jpg");
  box-sizing: border-box;
}
.n-leader .solution-row-cont > .person-wrap .con:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.n-leader .solution-row-cont > .person-wrap .con .wrap {
  display: inline-block;
  vertical-align: middle;
}
.n-leader .solution-row-cont > .person-wrap .con .wrap div {
  color: inherit;
}
.n-leader .solution-row-cont > .person-wrap .con .name {
  font-size: 24px;
  line-height: 1;
}
.n-leader .solution-row-cont > .person-wrap .con .title {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1;
}
.n-leader .solution-row-cont > .person-wrap .con .info {
  letter-spacing: 0.05em;
}
.n-leader .solution-row-cont > .person-wrap:after {
  bottom: -44px;
}
.n-leader .solution-row-cont > .person-wrap.person-2 .con {
  background-image: url("../images/union/bxqk-photo-bg-2.jpg");
}
.n-leader .solution-row-cont > .person-wrap.person-3 {
  width: 718px;
  height: 194px;
}
.n-leader .solution-row-cont > .person-wrap.person-3 .img {
  width: 194px;
  height: 194px;
}
.n-leader .solution-row-cont > .person-wrap.person-3 .con {
  width: 524px;
  background-image: url("../images/union/degree-photo-bg-1.jpg");
}
.n-leader .solution-row-cont > .person-wrap.person-3 .con .title {
  line-height: 1.5;
}
.n-leader .solution-row-cont > ul {
  position: relative;
  margin: 66px -22px 0;
}
.n-leader .solution-row-cont > ul:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 147px;
  display: block;
  height: 1px;
  background-color: #e1e3e4;
}
.n-leader .solution-row-cont > ul.cell4:before {
  right: 12.5%;
  left: 12.5%;
}
.n-leader .solution-row-cont > ul.cell3:before {
  right: 16.65%;
  left: 16.65%;
}
.n-leader .solution-row-cont > ul .person-wrap {
  width: 250px;
  margin: 22px auto;
  text-align: center;
  background-color: white;
  border: 1px solid #e1e3e4;
}
.n-leader .solution-row-cont > ul .person-wrap .img {
  width: 100%;
}
.n-leader .solution-row-cont > ul .person-wrap .con {
  padding: 0 20px;
}
.n-leader .solution-row-cont > ul .person-wrap .name {
  font-size: 22px;
  line-height: 1.2;
}
.n-leader .solution-row-cont > ul .person-wrap .title {
  margin-top: 5px;
  font-size: 16px;
  color: #ea2526;
  list-style: 1;
}
.n-leader .solution-row-cont > ul .person-wrap .info {
  padding: 15px 0;
  color: #666;
  border-top: 1px dashed #e1e3e4;
}
.n-leader .solution-row-cont > ul .person-wrap:after {
  top: -44px;
}

.n-work .brand-head {
  margin-bottom: -30px;
}
.n-work .solution-row-cont {
  position: relative;
}
.n-work .solution-row-cont > span {
  position: absolute;
  top: 50px;
  right: 305px;
  left: 365px;
  display: block;
  height: 1px;
  background-color: #e1e3e4;
}
.n-work .solution-row-cont > span:after, .n-work .solution-row-cont > span:before {
  content: "";
  position: absolute;
  top: -5px;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid white;
  box-sizing: content-box;
}
.n-work .solution-row-cont > span:before {
  left: -5px;
  background-color: #ea2526;
}
.n-work .solution-row-cont > span:after {
  right: -5px;
  background-color: #f3b225;
}
.n-work .solution-row-cont > ul {
  margin: 0 -40px;
  font-size: 0;
}
.n-work .solution-row-cont > ul > .cell {
  display: inline-block;
  vertical-align: top;
}
.n-work .solution-row-cont > ul > .cell:first-child .n-work-wrap {
  width: 590px;
}
.n-work .solution-row-cont > ul > .cell:first-child .icon {
  background-color: #ea2526;
}
.n-work .solution-row-cont > ul > .cell:last-child .n-work-wrap {
  width: 470px;
}
.n-work .solution-row-cont > ul > .cell:last-child .icon {
  background-color: #f3b225;
}
.n-work-wrap {
  margin: 0 40px;
}
.n-work-wrap .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 40px;
  color: white;
  line-height: 100px;
  text-align: center;
}
.n-work-wrap > .title {
  margin-top: 28px;
  font-size: 0;
  line-height: 1px;
  text-align: center;
}
.n-work-wrap > .title span {
  display: inline-block;
  vertical-align: middle;
}
.n-work-wrap > .title span.text {
  margin: 0 20px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.n-work-wrap .con {
  margin-top: 30px;
}
.n-work-wrap .con ul {
  margin: 0 -5px;
  font-size: 0;
}
.n-work-wrap .con ul .cell {
  display: inline-block;
  vertical-align: top;
}
.n-work-wrap .con ul .cell:first-child {
  width: 40%;
}
.n-work-wrap .con ul .cell:first-child .title {
  line-height: 30px;
}
.n-work-wrap .con ul .cell:last-child {
  width: 60%;
}
.n-work-wrap .con ul .data-wrap {
  height: 124px;
  margin: 0 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.n-work-wrap .con ul .data-wrap .title {
  font-size: 14px;
  color: #666;
  line-height: 1.1;
}
.n-work-wrap .con ul .data-wrap .wrap {
  margin-top: 20px;
  font-size: 0;
}
.n-work-wrap .con ul .data-wrap .wrap span {
  display: inline-block;
  vertical-align: 1px;
}
.n-work-wrap .con ul .data-wrap .wrap .num {
  font-size: 36px;
  font-display: 700;
  color: #ea2526;
}
.n-work-wrap .con ul .data-wrap .wrap .unit {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.n-work-wrap .con img {
  display: block;
}
.n-work-wrap .con .brief,
.n-work-wrap .con .bubble {
  margin: 0 40px;
}
.n-work-wrap .con .brief {
  font-size: 15px;
  color: #666;
  line-height: 24px;
  text-align: center;
}
.n-work-wrap .con .bubble {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 30px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  background-color: #f6f6f6;
  border-radius: 12px;
  text-align: justify;
  text-justify: inter-ideagraph;
  word-break: break-all;
}
.n-work-wrap .con .bubble:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  border-top-color: #f6f6f6;
  border-top-style: solid;
}

.solution-row.n-join {
  padding-bottom: 60px;
  background-image: url("../images/union/bxqk-bg-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.solution-row.n-join .brand-head {
  padding-bottom: 40px;
}
.solution-row.n-join .solution-row-cont > ul {
  margin-top: 0;
  margin-bottom: 0;
}
.solution-row.n-join .icon {
  background-color: transparent;
  border: 1px solid white;
}

.n-center .img {
  width: 2190px/2;
}
.n-center .history {
  position: relative;
}
.n-center .history .swiper-container {
  margin-bottom: -40px;
  padding-bottom: 70px;
}
.n-center .history .swiper-container .swiper-pagination-bullets {
  bottom: 7px !important;
}
.n-center .history .swiper-container .swiper-pagination-bullet-active {
  background: #ea2526;
}
.n-center .history .swiper-container .swiper-button-prev,
.n-center .history .swiper-container .swiper-button-next {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: auto;
  bottom: 0;
  font-size: 18px;
  color: #444;
  line-height: 30px;
  text-align: center;
  background: none;
  border: 1px solid #afafaf;
}
.n-center .history .swiper-container .swiper-button-prev {
  left: 50%;
  margin-left: -80px;
}
.n-center .history .swiper-container .swiper-button-next {
  right: 50%;
  margin-right: -80px;
}
.n-center .history > .title {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
  line-height: 1;
}
.n-center .history > .title span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 30px;
  background-color: #ea2526;
}
.n-center .history > .title .text {
  font-size: 32px;
  font-weight: bold;
  color: #222;
}
.n-center .history > .title .spell {
  margin-top: 10px;
  font-size: 16px;
  color: #afafaf;
  text-transform: uppercase;
}
.n-center .history:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  margin-top: 10px;
  background-color: #e1e3e4;
}
.n-center .history .axis {
  position: relative;
  height: 260px;
  font-size: 0;
}
.n-center .history .axis.swiper-wrapper {
  overflow: visible;
}
.n-center .history .axis .cell {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 260px;
  text-align: center;
  vertical-align: middle;
}
.n-center .history .axis .cell.swiper-slide {
  overflow: visible;
}
.n-center .history .axis .cell:nth-child(1) {
  width: 365px;
}
.n-center .history .axis .cell:nth-child(1) .con:after {
  border-bottom-color: rgba(234, 37, 38, 0.9);
}
.n-center .history .axis .cell:nth-child(2) {
  width: 239px;
}
.n-center .history .axis .cell:nth-child(2) .con {
  background-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(2) .con:after {
  border-top-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(2) .dot {
  border-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(3) {
  width: 194px;
}
.n-center .history .axis .cell:nth-child(3) .con {
  background-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(3) .con:after {
  border-bottom-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(3) .dot {
  border-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(4) {
  width: 171px;
}
.n-center .history .axis .cell:nth-child(4) .con {
  margin-top: 24px;
  background-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(4) .con:after {
  border-top-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(4) .dot {
  border-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(5) {
  width: 160px;
}
.n-center .history .axis .cell:nth-child(5) .con {
  background-color: rgba(234, 37, 38, 0.5);
}
.n-center .history .axis .cell:nth-child(5) .con:after {
  border-bottom-color: rgba(234, 37, 38, 0.5);
}
.n-center .history .axis .cell:nth-child(5) .dot {
  border-color: rgba(234, 37, 38, 0.5);
}
.n-center .history .axis .cell:nth-child(6) {
  width: 160px;
}
.n-center .history .axis .cell:nth-child(6) .con {
  margin-top: 24px;
  background-color: rgba(234, 37, 38, 0.9);
}
.n-center .history .axis .cell:nth-child(6) .con:after {
  border-top-color: rgba(234, 37, 38, 0.9);
}
.n-center .history .axis .cell:nth-child(6) .dot {
  border-color: rgba(234, 37, 38, 0.9);
}
.n-center .history .axis .cell:nth-child(7) {
  width: 160px;
}
.n-center .history .axis .cell:nth-child(7) .con {
  background-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(7) .con:after {
  border-bottom-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(7) .dot {
  border-color: rgba(234, 37, 38, 0.8);
}
.n-center .history .axis .cell:nth-child(8) {
  width: 160px;
}
.n-center .history .axis .cell:nth-child(8) .con {
  margin-top: 24px;
  background-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(8) .con:after {
  border-top-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(8) .dot {
  border-color: rgba(234, 37, 38, 0.7);
}
.n-center .history .axis .cell:nth-child(9) {
  width: 160px;
}
.n-center .history .axis .cell:nth-child(9) .con {
  background-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(9) .con:after {
  border-bottom-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(9) .dot {
  border-color: rgba(234, 37, 38, 0.6);
}
.n-center .history .axis .cell:nth-child(2n-1) .time {
  top: 78px;
}
.n-center .history .axis .cell:nth-child(2n-1) .con {
  margin-top: 155px;
}
.n-center .history .axis .cell:nth-child(2n-1) .con:after {
  top: -12px;
  border-bottom-style: solid;
}
.n-center .history .axis .cell:nth-child(2n) .time {
  bottom: 78px;
}
.n-center .history .axis .cell:nth-child(2n) .con:after {
  bottom: -12px;
  border-top-style: solid;
}
.n-center .history .axis .cell .time {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
}
.n-center .history .axis .cell .time span {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  line-height: 32px;
  background-color: #2d2c34;
  border-radius: 4px;
}
.n-center .history .axis .cell .con {
  position: relative;
  padding: 15px 20px;
  font-size: 14px;
  color: white;
  line-height: 24px;
  text-align: center;
  background-color: rgba(234, 37, 38, 0.9);
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(234, 37, 38, 0.3);
}
.n-center .history .axis .cell .con:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  margin-left: -6px;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
}
.n-center .history .axis .cell .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -8px;
  margin-left: -8px;
  background-color: white;
  border: 3px solid rgba(234, 37, 38, 0.9);
  box-sizing: content-box;
  box-shadow: 0 0 4px white;
}

.n-skill {
  border-top: 1px solid #f1f3f5;
}
.n-skill .solution-row-cont > ul {
  margin: 0 -40px;
}
.n-skill .content-wrap {
  margin: 0 40px;
}
.n-skill .content-wrap .content div {
  margin-top: 14px;
  font-size: 18px;
  font-weight: bold;
  color: #ea2526;
  line-height: 1;
  text-align: center;
}
.n-skill .content-wrap .img {
  margin-top: 40px;
  border-radius: 12px;
  overflow: hidden;
}

.n-slogan {
  height: 300px;
  text-align: center;
  background-image: url("../images/union/zjjd-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.n-slogan .img {
  width: 726px;
  margin: 11px auto;
}

.n-szlm {
  position: relative;
  background-color: #da3536;
  background-image: url(../images/union/szlm-bg-1.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.n-szlm .solution-row-title .content b {
  margin: 0 10px;
  font-size: 24px;
  font-weight: bolder;
  vertical-align: -1px;
}
.n-szlm .container {
  position: relative;
  z-index: 1;
}
.n-szlm .container:first-child .solution-row-cont > ul {
  margin: 0 -30px;
}
.n-szlm .container:first-child .content-wrap {
  margin: 0 30px;
}
.n-szlm .container:first-child .content-wrap .content {
  color: white;
  line-height: 2;
}
.n-szlm .container:first-child .content-wrap .content-row {
  font-size: 0;
}
.n-szlm .container:first-child .content-wrap .content-row span {
  display: inline-block;
  vertical-align: top;
}
.n-szlm .container:first-child .content-wrap .content-row .num {
  margin-right: 10px;
  padding-top: 6px;
}
.n-szlm .container:first-child .content-wrap .content-row .num b {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 13px;
  color: #ea2526 !important;
  line-height: 20px !important;
  text-align: center;
  background-color: white;
}
.n-szlm .container:first-child .content-wrap .content-row .text {
  width: calc(100% - 20px - 10px);
  font-size: 16px;
  line-height: 2;
}
.n-szlm .container:first-child .images-group {
  margin-right: -23px;
  margin-left: -23px;
  padding: 0;
  font-size: 0;
}
.n-szlm .container:first-child .images-group .cell {
  display: inline-block;
  margin: 0 23px;
  vertical-align: middle;
}
.n-szlm .container:first-child .images-group .cell img {
  display: block;
  width: 100%;
  height: auto;
}
.n-szlm .container:first-child .images-group .cell:nth-child(1), .n-szlm .container:first-child .images-group .cell:nth-child(2) {
  width: 250px;
}
.n-szlm .container:first-child .images-group .cell:last-child {
  width: 547px;
}
.n-szlm .bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 271px;
  background-image: url(../images/union/szlm-bg-2.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.n-joinus {
  margin-top: 40px;
  margin-bottom: 100px;
  background: none;
}
.n-joinus .solution-row-cont {
  padding: 20px 90px;
  font-size: 0;
  background-color: rgba(177, 40, 42, 0.6);
}
.n-joinus .solution-row-cont > ul {
  margin: 0 0 0 45px;
  width: calc(100% - 145px);
}
.n-joinus .solution-row-cont > ul .cell {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.n-joinus .solution-row-cont > ul .cell.brief {
  width: 52%;
}
.n-joinus .solution-row-cont > ul .cell.contact {
  width: 48%;
}
.n-joinus .solution-row-cont > * {
  display: inline-block;
  vertical-align: middle;
}
.n-joinus .solution-row-cont .tertiary-title {
  margin-top: -10px;
}
.n-joinus .u-join-wrap {
  margin-left: 40px;
}
.n-joinus .article {
  font-size: 15px;
  color: white;
  line-height: 2;
}
.n-joinus .icon {
  background-color: transparent !important;
  border: 1px solid white;
}
.n-joinus .qr {
  width: 120px;
  height: 120px;
}

.n-digital .container:first-child .solution-row-cont, .n-degree .container:first-child .solution-row-cont {
  font-size: 0;
}
.n-digital .container:first-child .solution-row-cont > *, .n-degree .container:first-child .solution-row-cont > * {
  display: inline-block;
  vertical-align: middle;
}
.n-digital .container:first-child .logo, .n-degree .container:first-child .logo {
  width: 190px;
  height: 190px;
  margin-right: 40px;
}
.n-digital .container:first-child .brief, .n-degree .container:first-child .brief {
  width: calc(100% - 230px);
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-indent: 2em;
}

.n-degree {
  background-image: url("../images/union/degree-bg.png");
  background-position: top center;
  background-repeat: repeat-x;
}
.n-degree .dm {
  margin-top: 50px;
  margin-bottom: 50px;
}

.n-degree-join {
  background-image: url("../images/union/degree-bg-2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.n-degree-join .tertiary-title {
  margin-top: -30px;
}
.n-degree-join .container > .info {
  margin-top: 25px;
  font-size: 16px;
  color: white;
  line-height: 30px;
  text-align: center;
}
.n-degree-join .solution-row-cont {
  margin-top: 30px;
}
.n-degree-join .solution-row-cont > ul {
  font-size: 0;
}
.n-degree-join .solution-row-cont > ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: white;
}
.n-degree-join .solution-row-cont > ul li.brief {
  width: 480px;
  margin-right: 60px;
}
.n-degree-join .solution-row-cont > ul li.qr {
  width: 130px;
}
.n-degree-join .solution-row-cont > ul li.contact {
  width: calc(100% - 670px);
}
.n-degree-join .article {
  line-height: 32px;
}
.n-degree-join .contact li {
  margin-right: 15px;
}
.n-degree-join .contact li:last-child {
  margin-right: 0;
}
.n-degree-join .contact .title {
  margin-bottom: 15px;
}
.n-degree-join .contact .item {
  position: relative;
  line-height: 28px;
}
.n-degree-join .contact .contact-wrap .item:first-child:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
  background-color: white;
}
.n-degree-join .qr-wrap {
  width: 130px;
  height: 130px;
}

.n-digital .logo {
  height: auto !important;
}

.n-features ul {
  margin-right: -12px;
  margin-left: -12px;
}
.n-features .feature-wrap {
  height: 404px;
  margin-top: 68px;
  margin-right: 12px;
  margin-left: 12px;
  border: 1px solid #e1e3e4;
  box-sizing: border-box;
}
.n-features .feature-wrap .con {
  padding-right: 24px;
  padding-left: 24px;
}
.n-features .feature-wrap .title {
  text-align: center;
  border-bottom: 1px dashed #e1e3e4;
}
.n-features .feature-wrap .title span {
  display: inline-block;
  vertical-align: middle;
}
.n-features .feature-wrap .title .dm {
  line-height: 1 !important;
  transform: scale(0.8);
}
.n-features .feature-wrap .title .tit {
  margin-right: 16px;
  margin-left: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  line-height: 64px;
}
.n-features .feature-wrap .text {
  padding-top: 16px;
  font-size: 16px;
  color: #666;
  line-height: 32px;
}

.n-establish {
  background-image: url("../images/union/szzn-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.n-establish ul {
  margin-right: -12px;
  margin-left: -12px;
}
.n-establish .cell {
  width: 33.3% !important;
  margin: 0 !important;
}
.n-establish .display-wrap {
  margin-right: 12px;
  margin-left: 12px;
}
.n-establish .video-show {
  margin-bottom: 30px;
}
.n-establish .video-show .video-wrap {
  width: 706px;
  height: 381px;
  margin-top: 45px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  text-align: center;
  background-image: url("../images/union/macbook.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
}
.n-establish .video-show .video-wrap .screen {
  display: inline-block;
  width: 495px;
  height: 312px;
  margin-right: auto;
  margin-top: auto;
}
.n-establish .video-show .video-wrap .screen img {
  display: block;
  width: 100%;
  height: auto;
}
.n-establish .video-show .title {
  margin-top: 16px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.n-leader-digital .brand-head {
  padding-bottom: 24px;
}
.n-leader-digital .solution-row-cont > ul {
  margin-top: 0 !important;
  margin-right: -28px;
  margin-left: -28px;
}
.n-leader-digital .solution-row-cont > ul:before {
  display: none;
}
.n-leader-digital .solution-row-cont .person-wrap {
  width: 340px !important;
  margin-right: 28px;
  margin-left: 28px;
}
.n-leader-digital .solution-row-cont .person-wrap .img {
  height: auto;
}
.n-leader-digital .solution-row-cont .person-wrap .con {
  padding-top: 16px !important;
}
.n-leader-digital .solution-row-cont .person-wrap:after {
  display: none !important;
}

.n-join.n-join-digital {
  padding-top: 40px;
  padding-bottom: 30px;
  text-align: center;
  background-image: url("../images/union/szzn-bg-2.jpg");
}
.n-join.n-join-digital .solution-row-cont {
  font-size: 0;
}
.n-join.n-join-digital .solution-row-cont > * {
  display: inline-block;
  vertical-align: middle;
}
.n-join.n-join-digital .solution-row-cont .u-join-wrap .con ul {
  margin-top: 0;
}
.n-join.n-join-digital .solution-row-cont .u-join-wrap .con ul li {
  display: inline-block;
  margin-right: 40px;
  vertical-align: middle;
}
.n-join.n-join-digital .solution-row-cont .u-join-wrap .con ul li:last-child {
  margin-right: 0;
}

.bxqk-join .solution-row-cont > ul li.brief {
  width: 410px;
  margin-right: 60px;
}
.bxqk-join .solution-row-cont > ul li.contact {
  width: calc(100% - 600px);
}

.n-merge {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/union/video-page-bg.png");
}
.n-merge .content-wrap {
  position: relative;
  margin-right: 98px;
  margin-left: 98px;
  font-size: 0;
  text-align: left;
}
.n-merge .content-wrap div {
  display: inline-block !important;
  vertical-align: middle;
}
.n-merge .content-wrap .image {
  width: 400px !important;
  margin-right: 40px;
  display: block;
  width: 100%;
  height: auto;
}
.n-merge .content-wrap .content {
  width: calc(100% - (400px + 40px));
}
.n-merge .content-wrap .content .title {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}
.n-merge .content-wrap .content p {
  margin: 0;
  line-height: 1.875;
  text-indent: 2em;
}

/**
 * Product
 * -----------------------------------------------------------------------------
 */
.product {
  background-image: url(../images/products/products-bg.png);
  background-position: center 110px;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
  padding-bottom: 100px;
}

.product-wrap {
  position: relative;
  margin: 40px 15px 0;
}
.product-wrap .swiper-button-prev,
.product-wrap .swiper-button-next {
  font-size: 40px;
  color: #ec2526;
  background-image: none;
}
.product-wrap .swiper-button-prev {
  left: -40px;
}
.product-wrap .swiper-button-next {
  right: -30px;
}
.product-wrap .swiper-pagination {
  margin-top: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.product-wrap .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
  width: 12px;
  height: 12px;
}
.product-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ec2526;
}

.product-cell {
  float: left;
  width: 25%;
  text-align: center;
}

.product-box {
  top: 0;
  height: 420px;
  margin: 0 15px;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
.product-box:hover {
  top: -8px;
  cursor: pointer;
}
.product-box:hover .product-box-inner {
  padding-top: 56px;
}
.product-box:hover .product-name {
  padding-top: 0;
}
.product-box:hover .product-info {
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.product-box:hover .product-artical {
  height: 72.8px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-box:hover .btn-more-sm {
  display: inline-block;
}
.product-box:hover .product-mask {
  background: rgba(0, 0, 0, 0.66);
}
.product-box:hover .product-logo {
  background-position: 0 -100px;
}

.product-logo {
  background-position: 0 0;
  background-size: cover;
}

.product-gpt {
  background-image: url(../images/products/product-gpt.png);
}
.product-gpt .product-logo {
  background-image: url(../images/products/product-logo-gpt.png);
}

.product-rx {
  background-image: url(../images/products/product-rx.png);
}
.product-rx .product-logo {
  background-image: url(../images/products/product-logo-rx.png);
}

.product-rk {
  background-image: url(../images/products/product-rk.png);
}
.product-rk .product-logo {
  background-image: url(../images/products/product-logo-rk.png);
}

.product-live {
  background-image: url(../images/products/product-live.png);
}
.product-live .product-logo {
  background-image: url(../images/products/product-logo-live.png);
}

.product-yy {
  background-image: url(../images/products/product-yy.png);
}
.product-yy .product-logo {
  background-image: url(../images/products/product-logo-yy.png);
}

.product-xn {
  background-image: url(../images/products/product-xn.png);
}
.product-xn .product-logo {
  background-image: url(../images/products/product-logo-xn.png);
}

.product-zyk {
  background-image: url(../images/products/product-zyk.png);
}
.product-zyk .product-logo {
  background-image: url(../images/products/product-logo-zyk.png);
}

.product-box-inner {
  position: relative;
  z-index: 2;
  margin-right: 7%;
  margin-left: 7%;
  padding-top: 110px;
  color: white;
}
.product-box-inner .btn-more-sm {
  display: none;
  margin-top: 50px;
  border-color: white;
  color: white;
}
.product-box-inner .btn-more-sm:hover {
  color: #444;
  background-color: white;
}

.product-logo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-image: url(../images/products/product-logos.png);
  background-repeat: no-repeat;
}

.product-name {
  padding: 10px 0 8px;
  font-size: 18px;
  line-height: 1;
}

.product-info,
.product-artical {
  font-size: 14px;
  line-height: 1.3;
}

.product-info {
  height: 36.4px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-artical {
  height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-mask {
  z-index: 1;
  background: rgba(0, 0, 0, 0.37);
}

.flex-box {
  display: flex;
  justify-content: center;
}

/**
 * News
 * -----------------------------------------------------------------------------
 */
.news-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}

.news-cell {
  float: left;
  width: 33.3333333333%;
}

.news-box {
  top: 0;
  padding: 30px;
}
.news-box:hover {
  top: -8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.news-box:hover img {
  transform: scale(1.1);
}

.news-img {
  height: 160px;
  overflow: hidden;
}
.news-date {
  margin-top: 24px;
  font-size: 24px;
  color: #ddd;
  line-height: 1;
}

.news-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-artical {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  min-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-more {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.news-more:hover {
  color: #ec2526;
}

.news-inner {
  padding: 30px 0 60px;
}
.news-inner .pagination {
  margin-top: 60px;
}

.news-axis {
  top: 60px;
  left: 0;
  z-index: 1;
}

.news-axis-cell {
  margin-bottom: 32px;
}

a.news-axis-link {
  display: block;
  padding-right: 36px;
  line-height: 20px;
  text-align: right;
  text-decoration: none;
}
a.news-axis-link:hover .news-axis-text {
  color: #ec2526;
}
a.news-axis-link:hover .news-axis-dot i {
  background-color: #ec2526;
  border-color: #ec2526;
}
a.news-axis-link.active .news-axis-text {
  font-size: 20px;
  color: #ec2526;
  vertical-align: -2px;
}
a.news-axis-link.active .news-axis-dot {
  background-color: rgba(236, 37, 38, 0.2);
}
a.news-axis-link.active .news-axis-dot i {
  background-color: white;
  border-color: #ec2526;
}

.news-axis-text {
  font-size: 16px;
  color: #bbb;
  vertical-align: -1px;
}

.news-axis-dot {
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-top: -9px;
  background-color: transparent;
}
.news-axis-dot i {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  display: inline-block;
  background-color: #d1d3d5;
  border: 2px solid #d1d3d5;
  border-radius: inherit;
}

.news-axis-line {
  top: 21px;
  right: 8px;
  display: block;
  width: 2px;
  height: 32px;
  background-color: #e5e5e5;
}

.news-list {
  margin-left: 124px;
}
.news-list .news-cell {
  float: none;
  width: 100%;
}
.news-list .news-cell:last-child .news-box {
  border-bottom: 0;
}
.news-list .news-box {
  padding-right: 60px;
  padding-left: 285px;
  border-bottom: 1px solid #e1e3e4;
}
.news-list .news-box:hover {
  top: auto;
  box-shadow: none;
  cursor: pointer;
}
.news-list .news-box:hover .news-more {
  right: 0;
  color: #ec2526;
  opacity: 1;
  filter: alpha(opacity=100);
}
.news-list .news-img {
  top: 30px;
  left: 0;
  width: 255px;
  height: 120px;
}
.news-list .news-title {
  font-size: 20px;
  line-height: 1.5;
  height: 56px;
  margin-bottom: 12px;
}
.news-list .news-artical {
  height: 19.6px;
  min-height: auto;
  margin-top: 0;
  line-height: 1.4;
  display: block;
}
.news-list .news-date {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  color: #afafaf;
}
.news-list .news-more {
  top: 50%;
  right: 12px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: -12px;
  color: #999;
  line-height: 24px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.news-list .news-more i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
}

.news-title-primary {
  padding: 20px 0;
  font-size: 28px;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
}

.news-info {
  color: #afafaf;
}

.news-content {
  padding: 20px 0;
}
.news-content p {
  text-indent: 0;
}
.news-content h3 {
  position: relative;
  margin-top: 60px;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-indent: 1.6em;
}
.news-content h3 span {
  top: 15px;
  bottom: 15px;
  display: block;
  width: 3px;
  background-color: #ec2526;
}
.news-content h4 {
  padding: 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.news-img-container {
  margin-top: 60px;
  text-align: center;
}

.news-artical-img,
.news-img-info {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.news-img-info {
  display: block;
  margin-top: 20px;
  color: #afafaf;
}

.news-pagination {
  padding-top: 30px;
  padding-bottom: 60px;
}
.news-pagination p {
  margin: 0;
  font-size: 16px;
  color: #888;
  line-height: 40px;
  vertical-align: middle;
}
.news-pagination a {
  font-size: inherit;
  color: inherit;
}
.news-pagination a:hover {
  text-decoration: none;
}

/**
 * Alliance
 * -----------------------------------------------------------------------------
 */
.alliance-head, .alliance .nav {
  width: 480px;
  top: 0;
  left: 50%;
  margin-left: -600px;
}

.alliance {
  height: 700px;
}
.alliance .tab-content {
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.alliance .tab-pane {
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}
.alliance .nav {
  z-index: 1;
  height: 700px;
  padding-top: 218px;
  background-color: rgba(45, 44, 52, 0.95);
}
.alliance .alliance-block {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(45, 44, 52, 0.95);
}
.alliance .nav-link {
  position: relative;
  right: 0;
  width: 100%;
  height: 32px;
  margin: 8px 0;
  background-color: transparent;
  border-radius: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  overflow: visible;
}
.alliance .nav-link span {
  display: block;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 300;
  color: white;
  line-height: 32px;
  text-align: right;
}
.alliance .nav-link i {
  position: absolute;
  top: 50%;
  right: 24px;
  display: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
  margin-top: -12px;
}
.alliance .nav-link.active {
  right: -10px;
  outline: none;
  background-color: #ec2526;
  opacity: 1;
  filter: alpha(opacity=100);
}
.alliance .nav-link.active span {
  padding-right: 60px;
}
.alliance .nav-link.active i {
  display: inline-block;
}
.alliance.blue .nav-link.active {
  background-color: #287cc8;
}
.alliance.blue .alliance-spell {
  background-image: url("../images/alliance/title-eng-blue.png");
}

.alliance-head {
  z-index: 2;
}
.alliance-head-wrap {
  padding-top: 100px;
  padding-right: 50px;
  text-align: right;
}

.alliance-title {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 400;
  color: white;
}

.alliance-spell {
  width: 393px;
  height: 39px;
  background-image: url("../images/alliance/title-eng.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.alliance-dzxh {
  background-image: url(../images/alliance/alliance-bg-dzxh.png);
}

.alliance-bxqk {
  background-image: url(../images/alliance/alliance-bg-bxqk.png);
}

.alliance-zyzx {
  background-image: url(../images/alliance/alliance-bg-zyzx.png);
}

.alliance-zjlm {
  background-image: url(../images/alliance/alliance-bg-zjlm.png);
}

.alliance-yxlm {
  background-image: url(../images/alliance/alliance-bg-yxlm.png);
}

.alliance-szlm {
  background-image: url(../images/alliance/alliance-bg-szlm.png);
}

.alliance-wylm {
  background-image: url(../images/alliance/alliance-bg-wylm.png);
}

.alliance-szzn {
  background-image: url(../images/alliance/alliance-bg-szzn.png);
}

.alliance-cxrh {
  background-image: url(../images/alliance/alliance-bg-cxrh.png);
}

.alliance-content {
  float: right;
  width: 50%;
}
.alliance-content .btn-more-lg {
  margin-top: 30px;
}
.alliance-content .btn-more-lg i {
  margin-left: 10px;
}
.alliance-content-inner {
  margin: 100px 30px;
}

.alliance-artical {
  margin-top: 20px;
  height: 95.2px;
  font-size: 14px;
  color: #222;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.alliance-info {
  margin-top: 20px;
  padding-top: 10px;
  font-size: 12px;
  color: #888;
  line-height: 2;
  border-top: 1px solid #e1e3e4;
}
.alliance-info p {
  margin: 0;
  padding: 0;
}

.alliance-szlm .alliance-artical {
  font-size: 16px;
  color: white;
}
.alliance-szlm .btn-primary, .alliance-szlm .btn-primary:hover {
  color: #ec2526;
  background-color: white;
}

.alliance-wylm .alliance-artical {
  font-size: 16px;
}

.alliance-szzn .alliance-artical {
  height: auto;
  margin-top: 0;
  font-size: 16px;
  color: white;
}
.alliance-szzn .btn-primary {
  background-color: #287cc8;
  border-color: transparent;
}
.alliance-szzn .btn-primary:hover {
  background-color: #4995db;
  border-color: transparent;
}

.alliance-cxrh .alliance-content-inner {
  padding-top: 60px;
}
.alliance-cxrh .alliance-artical {
  height: auto;
  margin-top: 0;
  font-size: 16px;
  color: white;
}
.alliance-cxrh .btn-primary {
  background-color: #287cc8;
  border-color: transparent;
}
.alliance-cxrh .btn-primary:hover {
  background-color: #4995db;
  border-color: transparent;
}

/**
 * Case
 * -----------------------------------------------------------------------------
 */
.case-wrap {
  margin: 20px 15px 10px;
}

.case-logo-cell {
  float: left;
  width: 25%;
  margin: 20px 0;
}

.case-logo-link {
  position: relative;
  top: 0;
  display: block;
  margin: 0 15px;
  border-radius: 6px;
}
.case-logo-link:hover {
  top: -8px;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

/**
 * About
 * -----------------------------------------------------------------------------
 */
/**
 * about frame
 */
.about-nav {
  position: fixed;
  top: 430px;
  left: 50%;
  width: 165px;
  margin-left: -570px;
}
.about-nav .list-group-item {
  position: relative;
  display: block;
  margin: 15px 0;
  padding: 0;
  color: #444;
  line-height: 40px;
  background-color: transparent;
  border: 0;
}
.about-nav .list-group-item span {
  vertical-align: middle;
}
.about-nav .list-group-item.active {
  color: #ec2526;
  background-color: transparent;
}
.about-nav .list-group-item.active .list-group-text {
  font-weight: 600;
}
.about-nav .list-group-item.active .icon-comp-stroke:before {
  content: "\e7a9";
}
.about-nav .list-group-item.active .icon-event-stroke:before {
  content: "\e840";
}
.about-nav .list-group-item.active .icon-honor-stroke:before {
  content: "\e7ad";
}
.about-nav .list-group-item.active .icon-contact-stroke:before {
  content: "\e841";
}
.about-nav .list-group-item.active .icon-join-storke:before {
  content: "\e63b";
}
.about-nav .list-group-item.active .icon-download-stroke:before {
  content: "\ea7d";
}
.about-nav .list-group-item.active .list-group-anchor {
  height: 40px;
}
.about-nav .list-group-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  line-height: 28px;
}
.about-nav .list-group-icon i {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 28px;
  vertical-align: middle;
}
.about-nav .list-group-text {
  font-size: 18px;
}
.about-nav .list-group-anchor {
  position: absolute;
  top: 0;
  right: -3px;
  z-index: 1;
  width: 3px;
  height: 0;
  background-color: #ec2526;
}

.about-content {
  margin-left: 166px;
  padding-left: 40px;
  padding-bottom: 60px;
  border-left: 1px solid #e1e3e4;
}

.about-row-space {
  height: 70px;
}

.about-row-title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 28px;
  color: #222;
  line-height: 1;
}
.about-row-title span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-color: #ec2526;
  vertical-align: -1px;
}

/**
 * about: contact
 */
.map {
  height: 400px;
  margin-bottom: 25px;
  overflow: hidden;
}
.map .nav {
  bottom: 0;
  z-index: 1;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  background-color: rgba(45, 44, 52, 0.9);
}
.map .nav-link {
  width: 100%;
  margin: 2px 0;
  font-size: 16px;
  color: #afafaf;
  line-height: 36px;
  text-align: right;
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.map .tab-content {
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.map .tab-pane {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.map .tab-pane a {
  display: block;
  height: 100%;
}

.map-zongbu {
  background-image: url(../images/about/map-zongbu.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-yanfa {
  background-image: url(../images/about/map-yanfa.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-shanghai {
  background-image: url(../images/about/map-shanghai.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-guangzhou {
  background-image: url(../images/about/map-guangzhou.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-shenzhen {
  background-image: url(../images/about/map-shenzhen.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-wuhan {
  background-image: url(../images/about/map-wuhan.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-changsha {
  background-image: url(../images/about/map-changsha.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-xian {
  background-image: url(../images/about/map-xian.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-nanjing {
  background-image: url(../images/about/map-nanjing.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-jinan {
  background-image: url(../images/about/map-jinan.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-jilin {
  background-image: url(../images/about/map-jilin.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.address-cell {
  float: left;
  width: 50%;
  margin: 25px 0;
}
.address-cell:nth-child(2n) .address-wrap {
  margin-left: 20px;
}

.address-wrap {
  margin-right: 20px;
}
.address-wrap .content {
  margin: 0;
  font-size: 14px;
  color: #999;
  line-height: 1.7;
  text-indent: 0;
}

.address-title {
  position: relative;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 20px;
  color: #222;
  line-height: 1;
}

.address-bar {
  bottom: 0;
  display: block;
  width: 2px;
  background-color: #ec2526;
}

/**
 * about event
 */
.event-tabs {
  margin-top: 10px;
  margin-bottom: 30px;
}
.event-tabs .swiper-container {
  margin: 0 36px;
}
.event-tabs .swiper-wrapper {
  flex-wrap: nowrap;
}
.event-tabs .swiper-button-wrap {
  top: 50%;
  width: 100%;
  margin-top: -12px;
  background: red;
}
.event-tabs .swiper-button-prev,
.event-tabs .swiper-button-next {
  display: block;
  margin: 0;
  height: 24px;
  line-height: 24px;
  background-image: none;
  vertical-align: middle;
}
.event-tabs .swiper-button-prev i,
.event-tabs .swiper-button-next i {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  vertical-align: middle;
  color: #222;
}
.event-tabs .swiper-button-prev {
  left: 0;
}
.event-tabs .swiper-button-next {
  right: 0;
}
.event-tabs .event-tablink {
  font-size: font-size-large;
  font-weight: 600;
  color: #666;
  line-height: 36px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 18px;
  cursor: pointer;
}
.event-tabs .event-tablink:hover {
  color: #444;
  background-color: #e4e4e4;
}
.event-tabs .event-tablink.active {
  color: white;
  background-color: #ec2526;
}

.event-con {
  display: none;
}

.event-body {
  clear: both;
}

.event-row {
  margin-left: 5px;
  padding: 5px 0 5px 40px;
  cursor: pointer;
}
.event-row:hover .event-axis-dot {
  background-color: #ec2526;
}
.event-row:hover .event-bubble {
  border-color: #ec2526;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.event-row:hover .event-bubble .arrow {
  border-right-color: #ec2526;
}
.event-row:hover .event-text {
  color: #ec2526;
}
.event-row:hover .event-text span {
  color: #ec2526;
}

.event-axis-dot {
  top: 50%;
  left: 0;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-top: -5px;
  background-color: #ccc;
  border: 2px solid white;
}

.event-axis-line {
  top: 0;
  bottom: 0;
  left: 6px;
  width: 2px;
  background-color: #f3f3f3;
}

.event-bubble {
  padding: 15px;
  border: 1px solid #e1e3e4;
  border-radius: 6px;
  box-shadow: 0;
}
.event-bubble .arrow {
  top: 50%;
  left: -12px;
  display: inline-block;
  margin-top: -6px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 6px;
  border-color: transparent;
  border-style: dashed;
  border-right-color: #afafaf;
  border-right-style: solid;
}

.event-text {
  font-size: 16px;
}
.event-text span {
  display: inline-block;
  margin-right: 10px;
  color: #888;
}

/**
 * about honor wall
 */
.honor {
  padding-bottom: 60px;
}
.honor .swiper-wrapper {
  padding: 5px 0;
}
.honor .swiper-pagination {
  bottom: 0;
}
.honor .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ec2526;
}
.honor .swiper-button-wrap {
  bottom: -2px;
  left: 50%;
  height: 30px;
}
.honor .swiper-button-prev,
.honor .swiper-button-next {
  background-image: none;
}
.honor .swiper-button-prev i,
.honor .swiper-button-next i {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  vertical-align: middle;
  color: #222;
}

.honor-box {
  margin-top: 0;
  padding: 12px;
  border: 1px solid #e1e3e4;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0;
}
.honor-box:hover {
  margin-top: -5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.honor-box:hover img {
  transform: scale(1.2);
}

.honor-img {
  border-radius: 4px;
  overflow: hidden;
}
.honor-img img {
  display: block;
  transform: scale(1);
}
.honor-img.max-img {
  text-align: center;
}
.honor-img.max-img img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 180px;
}

.honor-title {
  display: block;
  height: 39.2px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #444;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.honor-article {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  text-indent: 2em;
}

.honor-popup .modal-content {
  padding: 5px;
  border: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.honor-popup .close {
  z-index: 1;
  padding: 8px 10px;
  color: white;
  background-color: black;
}
.honor-popup .close span {
  -webkit-text-shadow: none;
  text-shadow: none;
}
.honor-popup .honor-title {
  height: auto;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.6;
}
.honor-popup .honor-article {
  max-height: 144px;
  line-height: 24px;
  overflow-y: auto;
}
.honor-popup .honor-article p {
  margin: 0;
}

.fullscreen-carousel {
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
}
.fullscreen-carousel.show {
  z-index: 1060;
}
.fullscreen-carousel .carousel-inner {
  width: 50%;
  margin: 0 auto;
}
.fullscreen-carousel .carousel-item {
  overflow-y: auto;
}
.fullscreen-carousel .carousel-control-prev,
.fullscreen-carousel .carousel-control-next {
  width: 60px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.fullscreen-carousel .carousel-control-prev-icon,
.fullscreen-carousel .carousel-control-next-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 1.6em;
  font-weight: 600;
  color: white;
  line-height: 60px;
  background-image: none;
  background-color: black;
  vertical-align: middle;
}
.fullscreen-carousel .close {
  top: 12px;
  right: 12px;
  z-index: 1060;
  padding: 4px;
  font-size: 2.2em;
  font-weight: normal;
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-image: none;
  outline: none;
}
.fullscreen-carousel .close i {
  -webkit-text-shadow: none;
  text-shadow: none;
}
.fullscreen-carousel .mask {
  z-index: -1;
  display: block;
}

/**
 * about: join
 */
.join-title {
  position: relative;
  margin-bottom: 16px;
  padding-left: 10px;
  font-size: 20px;
  color: #222;
  line-height: 1;
}
.join-title .tips {
  padding-left: 12px;
  font-size: 13px;
  color: #ec2526;
}

.join-bar {
  bottom: 0;
  display: block;
  width: 2px;
  background-color: #ec2526;
}

.join-cell {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #f1f3f5;
}
.join-cell .content {
  margin-bottom: 0;
  font-size: 14px;
  text-indent: 0;
}

.join-box {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}
.join-box .join-cell {
  margin-left: 10px;
  margin-right: 10px;
}

.jobs {
  padding-right: 0;
  padding-bottom: 4px;
}

.job-cell {
  position: relative;
  float: left;
  width: 50%;
}
.job-cell .job-cell-wrap {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 52px;
  padding-right: 20px;
}
.job-cell .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #ec2526;
  background-color: rgba(236, 37, 38, 0.08);
}
.job-cell .icon i {
  font-size: 24px;
}
.job-cell .title {
  font-size: 16px;
  color: #222;
}
.job-cell .content {
  margin-bottom: 0;
  font-size: 14px;
  color: #888;
  text-indent: 0;
}

.work-info-cell {
  position: relative;
  padding-left: 90px;
  margin-bottom: 5px;
}
.work-info-cell h5 {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.8;
  font-size: 14px;
  color: #222;
}
.work-info-cell h5 i {
  margin-right: 5px;
}
.work-info-cell .content .info {
  font-size: 12px;
  color: #999;
}

.job-tips {
  position: relative;
  margin-left: 90px;
  display: inline-block;
  height: 26px;
  padding: 0 12px;
  text-align: center;
  line-height: 26px;
  background-color: rgba(236, 37, 38, 0.08);
  color: #ec2526;
  border-radius: 4px;
}
.job-tips::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 16px;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  border-width: 8px;
  border-color: transparent;
  border-style: dashed;
  border-bottom-color: rgba(236, 37, 38, 0.08);
  border-bottom-style: solid;
}

/**
 * about: download
 */
.download {
  width: 100%;
  height: 590px;
  text-align: center;
  background: url(../images/about/download-bg.png) no-repeat center center;
  font-size: 0;
}
.download:after {
  vertical-align: middle;
}
.download > * {
  display: inline-block;
  vertical-align: middle;
}
.download > *:first-child {
  margin-left: 0;
}
.download > *:last-child {
  margin-right: 0;
}
.download-cell {
  display: inline-block;
  padding: 40px 64px;
  margin: 0 16px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
}
.download-cell img {
  width: 112px;
  height: 112px;
}
.download-cell h3 {
  padding: 16px 0;
  font-size: 20px;
  line-height: 30px;
  color: #222;
}
.download-cell a {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #ec2526;
  border-radius: 15px;
}
.download-cell a:hover {
  background-color: #cc1213;
}

@media screen and (max-width: 1920px) {
  .message {
    background: url(../images/message/bg.jpg) top center no-repeat;
  }
}
@media screen and (min-width: 1921px) {
  .message {
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/message/bg.jpg);
    background-size: 100% auto;
  }
}
.message .nav-brand span {
  background-position: 0 -28px;
}
.message .nav-link {
  color: #56241d;
  opacity: 1;
  filter: alpha(opacity=100);
}
.message .nav-link:hover {
  color: #ec2526;
}
.message .active .nav-link {
  color: #ec2526;
}

.message-ban {
  height: 600px;
  background: url(../images/message/ban.png) top center no-repeat;
}
.message-ban .container {
  position: relative;
  padding-top: 420px;
}
.message-ban .message-ban-txt {
  width: 700px;
  margin-left: 200px;
  font-size: 18px;
  line-height: 32px;
  color: #6c5236;
  text-indent: 2em;
}

.message-main {
  padding-bottom: 110px;
}

.message-1 > h3 {
  width: 366px;
  height: 60px;
  margin: 0 auto;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  color: #805323;
  font-weight: bold;
  background: url(../images/message/title1.png) center no-repeat;
}
.message-1 > p {
  margin: 40px 0;
  padding: 0;
  font-size: 14px;
  color: #9b7854;
  text-align: center;
  font-weight: bold;
}
.message-1 ul {
  padding: 0 30px;
  margin: -16px -8px 0;
}
.message-1 ul li {
  width: 33.3333333333%;
  float: left;
  margin-top: 16px;
}
.message-1 .message-box1 {
  margin: 0 8px;
}
.message-box1 {
  padding: 16px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.message-box1-height1 {
  height: 234px;
}
.message-box1-height2 {
  height: 343px;
}
.message-box1-height3 {
  height: 385px;
}

.message-box1-teacher {
  position: relative;
  min-height: 60px;
  padding-left: 74px;
  padding-bottom: 23px;
  font-size: 14px;
  line-height: 21px;
}
.message-box1-teacher::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 320px;
  height: 7px;
  margin-left: -160px;
  content: "";
  background: url(../images/message/line.png) no-repeat;
}
.message-box1-teacher img {
  position: absolute;
  left: 0;
  top: -2px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid #ffce83;
}
.message-box1-teacher h2, .message-box1-teacher h4 {
  font-size: 14px;
  line-height: 20px;
}
.message-box1-teacher h2 {
  padding-top: 4px;
  color: #131313;
  font-weight: bold;
}
.message-box1-teacher h4 {
  margin-top: 8px;
  color: #969696;
}

.message-box1-article {
  position: relative;
  padding-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #747474;
}
.message-box1-article.tc {
  text-align: center;
}
.message-box1-article:before {
  position: absolute;
  top: 10px;
  left: -10px;
  width: 14px;
  height: 14px;
  content: "";
  background: url(../images/message/message1-note.png);
}

.message-wrapbg {
  position: relative;
  width: 1220px;
  margin: 50px auto 0;
  padding: 44px 0;
  background: url(../images/message/message-mid.png) repeat-y;
}
.message-wrapbg:before, .message-wrapbg:after {
  position: absolute;
  left: 0;
  right: 0;
  height: 44px;
  content: "";
}
.message-wrapbg:before {
  top: -2px;
  background: url(../images/message/message-top.png) no-repeat;
}
.message-wrapbg:after {
  bottom: -2px;
  background: url(../images/message/message-btm.png) no-repeat;
}
.message-wrap {
  width: 1124px;
  margin: 0 auto;
  padding-top: 48px;
  background: url(../images/message/message-wrap.jpg) top center no-repeat;
}
.message-wrap > h3 {
  width: 930px;
  height: 63px;
  margin: 0 auto 24px;
  font-size: 24px;
  line-height: 63px;
  text-align: center;
  color: #6e4722;
  letter-spacing: 4px;
  background: url(../images/message/message-title.png) no-repeat;
}
.message-wrap > h4 {
  width: 314px;
  height: 70px;
  margin: 0 auto 24px;
  font-size: 30px;
  line-height: 70px;
  text-align: center;
  font-weight: bold;
  color: #8c5f30;
  background: url(../images/message/message-title2.png) no-repeat;
}
.message-wrap > div {
  margin: 0 32px;
  padding-bottom: 24px;
}

.message-card {
  padding: 20px 16px 12px;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #e0ac7d;
  background-image: url(../images/message/message-box-bg1.jpg);
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.message-card-title {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 12px;
}
.message-card-title:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  content: "";
  background: url(../images/message/line2.jpg) center no-repeat;
}
.message-card-title h2 {
  font-size: 16px;
  color: #1c1b1a;
}
.message-card-title h4 {
  position: relative;
  height: 36px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 18px;
  color: #a9a7a5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.message-card-body {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  color: #7c7975;
  cursor: pointer;
}
.message-card-body p {
  font-size: inherit;
  line-height: inherit;
}
.message-card-body p.tc {
  text-align: center;
}
.message-card-body-height1 {
  height: 198px;
  margin-bottom: 10px;
}
.message-card-body-height2 {
  height: 110px;
  margin-bottom: 10px;
}
.message-card-body .mCSB_outside + .mCSB_scrollTools {
  right: -20px;
}
.message-card-body .mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: rgba(0, 0, 0, 0.16);
}
.message-card-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #b4b4b4;
}

.message-card-pic {
  text-align: center;
}
.message-card-pic img {
  width: 208px;
  height: 208px;
  display: inline-block;
  border-radius: 12px;
}

.message-swiper-opt {
  margin-top: 20px;
  text-align: center;
}
.message-swiper-opt .swiper-button-next,
.message-swiper-opt .swiper-button-prev,
.message-swiper-opt .swiper-pagination {
  position: relative;
  display: inline-block;
}
.message-swiper-opt .swiper-pagination {
  margin: 0 2px;
}
.message-swiper-opt .swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px;
  background: #d6cec4;
  opacity: 1;
}
.message-swiper-opt .swiper-pagination .swiper-pagination-bullet-active {
  background: #eebd90;
}
.message-swiper-opt .swiper-button-next,
.message-swiper-opt .swiper-button-prev {
  width: 24px;
  height: 24px;
  margin: 0 20px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  background-image: none;
  background-color: #ebccaf;
  border-radius: 50%;
}
.message-swiper-opt .swiper-button-next:hover,
.message-swiper-opt .swiper-button-prev:hover {
  color: #fff;
}
.message-swiper-opt .swiper-button-next i,
.message-swiper-opt .swiper-button-prev i {
  display: inline-block;
  font-size: 12px;
  line-height: inherit;
  vertical-align: top;
}

.message-list {
  padding-bottom: 8px;
}
.message-list ul {
  margin: -18px -9px 0;
}
.message-list ul li {
  float: left;
  margin-top: 18px;
}
.message-list ul li.col2 {
  width: 50%;
}
.message-list ul li.col3 {
  width: 33.3333333333%;
}
.message-list ul li.col4 {
  width: 25%;
}
.message-list .message-card {
  margin: 0 9px;
}

.message-void .message-card {
  padding-bottom: 16px;
  background: none;
  background-color: #fff;
}
.message-void.message-list ul li.col2 h4 {
  display: block;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-card-void {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}
.message-card-void i {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  background: url(../images/message/play.png) no-repeat;
}
.message-card-void img {
  width: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.message-card-void:hover img {
  transform: scale(1.08, 1.08);
}

.void-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: none;
  background: rgba(0, 0, 0, 0.8);
}

.videos {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videos .video {
  max-width: 640px;
  max-height: 640px;
}

.vclose {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background-color: #000;
  cursor: pointer;
}

.wf-roll::-webkit-scrollbar-track-piece {
  width: 10px;
  background-color: transparent;
  border-radius: 50px;
}
.wf-roll::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
.wf-roll::-webkit-scrollbar-thumb {
  height: 50px;
  background: #bdbdbd;
  border-radius: 50px;
  cursor: pointer;
}

.ai-tool-leftbg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 220px;
}
@media screen and (max-width: 1440px) {
  .ai-tool-leftbg {
    width: 180px;
  }
}

.ai-tool-left {
  height: 100%;
  background-color: #f9f9f9;
}

.ai-tool-logo {
  height: 74px;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ai-tool-logo img {
  width: auto;
  height: 30px;
}
@media screen and (max-width: 1440px) {
  .ai-tool-logo img {
    height: 24px;
  }
}

.ai-tool-aside {
  padding: 8px;
  height: calc(100% - 74px);
  overflow-y: scroll;
}
.ai-tool-aside > ul {
  margin-top: -4px;
}
.ai-tool-aside > ul > li {
  margin-top: 4px;
}
.ai-tool-aside > ul > li > a {
  padding: 0 12px 0 20px;
  display: block;
  font-size: 14px;
  line-height: 44px;
  color: #515C6B;
  border-radius: 8px;
}
.ai-tool-aside > ul > li > a i {
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
  line-height: inherit;
  vertical-align: top;
}
.ai-tool-aside > ul > li > a:hover {
  color: #ec2526;
  background-color: #e0e0e0;
}

.ai-tool-bg {
  position: fixed;
  left: 220px;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/ai-tool/bg.png);
  background-size: cover;
}
@media screen and (max-width: 1440px) {
  .ai-tool-bg {
    left: 180px;
  }
}

.ai-tool-main {
  position: relative;
  z-index: 3;
  margin-left: 220px;
  min-height: 100vh;
}
@media screen and (max-width: 1440px) {
  .ai-tool-main {
    margin-left: 180px;
  }
}

.ai-tool-title {
  padding: 60px 0 36px;
  transition: all 0.5s;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-tool-title img {
  width: auto;
  height: 52px;
  display: inline-block;
}

.ai-tool-wrap {
  margin: 0 24px;
  padding-bottom: 24px;
}
.ai-tool-wrap h3 {
  padding-top: 28px;
  font-size: 18px;
  line-height: 26px;
  color: #141414;
  font-weight: bold;
}
.ai-tool-wrap h3 i {
  margin-right: 8px;
  display: inline-block;
  font-size: 22px;
  line-height: inherit;
  font-weight: normal;
  vertical-align: top;
}
.ai-tool-wrap ul {
  padding-top: 20px;
  margin: -24px -12px 0;
}
.ai-tool-wrap ul li {
  width: 16.6666666667%;
  float: left;
  margin-top: 24px;
}
.ai-tool-wrap .ai-toolbox {
  margin: 0 12px;
}
@media screen and (max-width: 1440px) {
  .ai-tool-wrap ul {
    padding-top: 8px;
  }
  .ai-tool-wrap ul li {
    width: 25%;
  }
}

.ai-toolbox {
  position: relative;
  padding: 16px;
  display: flex;
  display: -webkit-flex;
  background-color: #fff;
  box-shadow: 0 0 20px -5px rgba(158, 158, 158, 0.2);
  transition: all 0.5s;
}
.ai-toolbox * {
  margin: 0;
  padding: 0;
}
.ai-toolbox .pic {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.ai-toolbox .pic img {
  width: 100%;
  height: 100%;
}
.ai-toolbox .txt {
  width: calc(100% - 40px - 12px);
}
.ai-toolbox .txt h2, .ai-toolbox .txt h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-toolbox .txt h2 {
  font-size: 16px;
  line-height: 22px;
  color: #282a2d;
  font-weight: bold;
}
.ai-toolbox .txt h4 {
  font-size: 14px;
  line-height: 18px;
  color: #6c757d;
}
.ai-toolbox .txt p {
  position: absolute;
  left: 50%;
  top: -26px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  color: #fff;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.9);
  max-width: 200px;
}
.ai-toolbox .ai-toolbox-tooltip {
  display: none;
}
.ai-toolbox:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 20px -5px rgba(236, 37, 38, 0.2);
}
.ai-toolbox:hover .txt h2 {
  color: #ec2526;
}
.ai-toolbox:hover .ai-toolbox-tooltip {
  display: block;
}
@media screen and (max-width: 1920px) {
  .ai-toolbox .pic {
    margin-right: 8px;
  }
  .ai-toolbox .txt {
    width: calc(100% - 40px - 8px);
  }
}

.ai-toolbox-tooltip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 82px;
  text-align: center;
}
.ai-toolbox-tooltip p {
  position: relative;
  padding: 8px;
  max-width: 200px;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  box-sizing: border-box;
  border-radius: 4px;
}
.ai-toolbox-tooltip p::before {
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-left: -8px;
  content: "";
  border: 8px solid;
  border-color: #000 transparent transparent transparent;
}

/**
 * Apply
*/
.page-ban.apply-ban {
  height: 400px;
  text-align: center;
  background-image: url(../images/ban/apply-ban-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-ban.apply-ban .container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  height: inherit;
  font-size: 0;
  color: white;
  box-sizing: border-box;
}
.page-ban.apply-ban .container .con {
  margin-bottom: 100px;
  width: 600px;
}
.page-ban.apply-ban .con h1 {
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 700;
}

.apply-block {
  background-image: none;
}
.apply-block .crumb {
  padding: 40px;
  font-size: 14px;
  color: #888;
  line-height: 16px;
}
.apply-block .crumb span {
  margin: 0;
  color: #1092ec;
}
.apply-block .crumb a:last-child {
  font-weight: 600;
  color: #222;
  cursor: default;
}
.apply-block .container {
  position: relative;
  margin-top: -100px;
  margin-bottom: 40px;
  padding: 0 30px;
}
.apply-block .row-body {
  margin-top: 0;
  min-height: 500px;
  background-color: white;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.apply-block .row-body > .btn-group .info {
  color: #afafaf;
}
.apply-block .row-body > ul {
  display: flex;
  flex-wrap: wrap;
}
.apply-block .apply-form .form-control {
  border: 1px solid #d1d3d5;
}
.apply-block .apply-form .form-control:focus {
  border-color: #1092ec;
}
.apply-block .apply-form .btn-icon-only {
  line-height: 1;
}

.apply-popup {
  position: relative;
  width: 400px;
  text-align: center;
  border: 0;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0 4px 80px rgba(0, 0, 0, 0.2);
  z-index: 1040;
}
.apply-popup .popup-content {
  height: 240px;
}
.apply-popup .popup-content:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.apply-popup .popup-content > div {
  display: inline-block;
  vertical-align: middle;
}
.apply-popup .popup-content .popup-content-in {
  padding: 0 28px;
  font-size: 14px;
  color: #444;
}
.apply-popup .popup-content .icon {
  width: 120px;
  margin: 0 auto;
}
.apply-popup .popup-content .title {
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.apply-popup .popup-content .info {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
  line-height: 1.2;
}
.apply-popup .popup-foot {
  text-align: center;
  padding: 14px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: white;
}
.apply-popup .popup-foot a {
  width: 200px;
  height: 40px;
  line-height: 30px;
  margin: 0;
  background-color: #1092ec;
}
.apply-popup .popup-foot a:hover {
  background-color: rgba(16, 146, 236, 0.9);
  border-color: rgba(16, 146, 236, 0.9);
}

.mask.mask-transparent {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  display: none;
}

.apply-row {
  min-width: 1200px;
  background-image: url("../images/apply-bg.jpg");
  background-position: center top;
}
.apply-row .row-body > ul {
  width: 840px;
  margin: -15px auto;
  font-size: 0;
}
.apply-row .row-body > ul li {
  width: 50%;
}
.apply-row .row-body > .btn-group {
  margin-top: 60px;
  display: block;
  width: 100%;
  text-align: center;
}
.apply-row .row-body > .btn-group .info {
  margin-bottom: 30px;
  color: #afafaf;
  line-height: 1;
  font-size: 12px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.apply-row .row-body > .btn-group .btn {
  min-width: 200px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 48px;
  border-radius: 24px;
  background-color: #1092ec;
  box-shadow: 0 3px 8px rgba(16, 146, 236, 0.15);
}
.apply-row .row-body > .btn-group .btn:hover {
  background-color: rgba(16, 146, 236, 0.9);
  border-color: rgba(16, 146, 236, 0.9);
}
.form-con {
  line-height: 32px;
}
.form-con .input-wrap {
  position: relative;
  line-height: inherit;
}

.apply-form {
  margin: 15px 20px;
}
.apply-form .date-wrap {
  position: relative;
}
.apply-form .input-hasicon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50px;
  display: inline-block;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #f1f3f5;
}
.apply-form .input-hasicon .form-control {
  padding-left: 60px;
}
.apply-form .input-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  line-height: 50px;
  font-size: 0;
  color: #afafaf;
  vertical-align: middle;
  width: 50px;
  color: #afafaf;
  text-align: center;
}
.apply-form .input-icon i {
  font-size: 20px;
}
.apply-form .form-control {
  padding: 0 8px;
  font-size: 14px;
  line-height: 30px;
  padding-right: 24px;
  height: 50px;
  color: #222;
  border-radius: 0;
  border: none;
}
.apply-form .form-control:focus {
  border-color: #1092ec;
  box-shadow: none;
}
.apply-form .form-date-ico {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  text-align: center;
  cursor: pointer;
  margin-right: 6px;
  font-size: 18px;
  color: #afafaf;
}
.apply-form .form-date-ico:hover {
  color: #1092ec;
}
.apply-form .input-append {
  position: absolute;
  top: 50%;
  right: 1px;
  z-index: 100;
  display: none;
  height: 24px;
  margin-top: -12px;
  font-size: 0;
  line-height: 24px;
  background-color: white;
}
.apply-form .input-append .btn-icon-only {
  display: inline-block;
  margin: 0 4px;
  padding: 0;
  font-size: 18px;
  color: #5c5c5c;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 0;
}
.apply-form .input-append .btn-icon-only:hover {
  color: #1092ec;
}

/**
 * Layout
 * -----------------------------------------------------------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

body {
  min-width: 1200px;
}

.container {
  width: 1200px !important;
  max-width: none !important;
  padding: 0;
}

.page-body {
  margin: 0 30px;
}

.mask-pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
}
.mask-pop.hidden {
  display: none;
}
.mask-pop .popcon {
  position: absolute;
}

.pop-close1 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  background: #000;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
}
.pop-close1 i {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.popcon {
  background: #fff;
}

.pop-void {
  width: 600px;
  padding: 16px;
  border-radius: 8px;
  box-sizing: border-box;
}

/**
 * Header
 * -----------------------------------------------------------------------------
 */
header {
  top: 0;
  z-index: 1031;
  width: 100%;
  height: 70px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header.light {
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
header.light .nav-brand span {
  background-position: 0 -28px;
}
header.light .nav-link {
  color: #444;
}
.nav-brand {
  float: left;
  width: 187px;
  margin-right: 50px;
  margin-left: 30px;
  padding: 21px 0;
}
.nav-brand span {
  display: block;
  width: 100%;
  height: 28px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
}

.nav {
  float: left;
}

.nav-cell {
  position: relative;
  display: inline-block;
  line-height: 70px;
}
.nav-cell .dropdown {
  top: 70px;
  left: 50%;
  z-index: 1030;
  display: none;
  margin-left: auto;
  line-height: 18px;
}
.nav-cell[data-trigger=dropdown-rgzn]:after {
  position: absolute;
  top: 12px;
  right: -4px;
  width: 26px;
  height: 24px;
  content: "";
  background-image: url(../images/ai.png);
  background-size: cover;
  animation: ai 5s infinite;
  animation-delay: 2s;
}

@keyframes ai {
  20% {
    opacity: 0;
    transform: scale(0.5);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  80% {
    transform: rotateY(360deg);
  }
}
.nav-link {
  position: relative;
  margin: 0 13px;
  padding: 0 10px;
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.nav-link:hover {
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}

.cur-bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: none;
  width: 0;
  height: 2px;
  background-color: #ec2526;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.active .nav-link {
  font-weight: 600;
  opacity: 1;
  filter: alpha(opacity=100);
}
.active .cur-bar {
  display: inline-block;
  width: 100%;
}

.dropdown-mutil .dropdown-wrap > ul > li {
  width: 225px;
}
.dropdown-mutil .dropdown-wrap > ul > li .dropdown-cell-wrap {
  width: 205px;
  margin: 0 10px 20px 10px;
}

/**
 * Ban
 * -----------------------------------------------------------------------------
 */
.ban {
  position: relative;
}
.ban .carousel-indicators {
  bottom: 130px;
}
.ban .carousel-item {
  height: 680px;
  background-position: center 0;
}
.ban .carousel-control-prev,
.ban .carousel-control-next {
  top: 50%;
  width: 50px;
  height: 80px;
  margin-top: -75px;
  background-color: rgba(0, 0, 0, 0.5);
}
.ban .carousel-arrow {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 38px;
  vertical-align: middle;
}

.ban1 {
  background-image: url(../../dist/images/ban/ban1.jpg);
}

.ban2 {
  background-image: url(../../dist/images/ban/ban1.jpg);
}

.ban3 {
  background-image: url(../../dist/images/ban/ban1.jpg);
}

.ban-con {
  margin: 0 30px;
  padding-top: 17%;
  color: white;
}
.ban-con h1 {
  font-size: 54px;
  letter-spacing: 3px;
  -webkit-text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.ban-con h6 {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 200;
}
.ban-con .btn {
  width: 180px;
  margin-top: 30px;
  padding: 0;
  font-size: 18px;
}

.datashow {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(45, 44, 52, 0.96);
}

.datashow-cell {
  float: left;
  width: 20%;
  padding: 32px 0;
}
.datashow-cell:last-child .datashow-wrap:after {
  display: none;
}

.datashow-wrap {
  position: relative;
  margin-left: 30px;
  padding-left: 66px;
}
.datashow-wrap:after {
  content: "";
  z-index: 1;
  display: block;
  width: 1px;
  height: 100%;
  background-color: white;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.datashow-row {
  font-size: 16px;
  font-weight: 100;
  color: white;
  line-height: 1.2;
}
.datashow-row span {
  display: inline-block;
  margin-right: 5px;
  font-size: 30px;
  font-weight: bold;
  vertical-align: -1px;
}

.datashow-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 56px;
  height: 56px;
}

.datashow-icon1 {
  background-position: 0px 0;
}

.datashow-icon2 {
  background-position: 100px 0;
}

.datashow-icon3 {
  background-position: 200px 0;
}

.datashow-icon4 {
  background-position: 300px 0;
}

.datashow-icon5 {
  background-position: 400px 0;
}

.page-ban {
  height: 370px;
  background-repeat: no-repeat;
  background-position: center top;
}
.page-ban .container {
  padding-top: 70px;
}

.news-ban {
  background-image: url(../images/ban/news-ban.jpg);
}

.about-ban {
  background-image: url(../images/ban/about-ban.jpg);
}

.solution-ban {
  background-image: url(../images/ban/solution-ban.jpg);
}

.page-ban-wrap {
  margin: 0 30px;
  padding-top: 7.5%;
  color: white;
}

.page-name {
  font-size: 48px;
  letter-spacing: 0.1em;
  -webkit-text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.page-name .page-name-spell {
  display: inline-block;
  margin-left: 20px;
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.page-info {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

/**
 * Footer
 * -----------------------------------------------------------------------------
 */
footer {
  position: relative;
  z-index: 1030;
  background-color: #2d2c34;
}
footer > .container {
  padding: 50px 0;
}

.footer-cell {
  float: left;
}

.footer-cell-wrap {
  margin: 0 30px;
}

.contact {
  color: #888;
}

.contact-body {
  margin-top: 20px;
}

.contact-row {
  margin: 5px 0;
  padding-left: 25px;
}

.contact-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.contact-icon i {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  vertical-align: middle;
}

.contact-text {
  font-size: 14px;
  line-height: 0.8;
}

.contact-qr {
  margin-top: 20px;
}
.contact-qr p {
  margin-top: 6px;
  font-size: 12px;
}

.footer-links-head {
  padding-bottom: 16px;
}

.footer-links-title {
  font-size: 18px;
  font-weight: normal;
  color: white;
}
.footer-links-title:before {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #ec2526;
}

.footer-links-body {
  margin-top: 6px;
}

.footer-links-row {
  vertical-align: bottom;
}
.footer-links-row .link-default {
  font-size: 16px;
  color: #888;
  line-height: 40px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.footer-links-row .link-default:hover {
  color: white;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.copyright {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #393842;
}

.copyright-text {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #888;
  line-height: 2;
}

/**
 * Hacks for IE
 * -----------------------------------------------------------------------------
 */
/**
 * Utility classes
 * ----------------------------------------------------------------------------
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.mask {
  z-index: 1040;
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mask-white {
  z-index: 1019;
  display: none;
  background-color: white;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.mask-transparent {
  background-color: transparent;
}

.assist {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.primary {
  color: #ec2526;
}

.blue {
  color: #49a7f5;
}

.green {
  color: #1f9d57;
}

.red {
  color: #e73c40;
}

.yellow {
  color: #e8dd35;
}

.blue-ass {
  color: #576b95;
}

.dark {
  color: #222;
}

.base {
  color: #444;
}

.light {
  color: #afafaf;
}

.link-default {
  font-size: 12px;
  color: #666;
  text-decoration: none;
}
.link-default:hover {
  color: #ec2526;
  text-decoration: underline;
}

.link-normal {
  font-size: 12px;
  color: #ec2526;
  text-decoration: none;
}
.link-normal:hover {
  text-decoration: underline;
}

.no-shadow {
  box-shadow: none;
}

.dvs-1 {
  float: left;
  width: 100%;
}

.dvs-2 {
  float: left;
  width: 50%;
}

.dvs-3 {
  float: left;
  width: 33.3333333333%;
}

.dvs-4 {
  float: left;
  width: 25%;
}

.dvs-5 {
  float: left;
  width: 20%;
}

.dvs-6 {
  float: left;
  width: 16.6666666667%;
}

.dvs-7 {
  float: left;
  width: 14.2857142857%;
}

.dvs-8 {
  float: left;
  width: 12.5%;
}

.dvs-9 {
  float: left;
  width: 11.1111111111%;
}

.dvs-10 {
  float: left;
  width: 10%;
}

.dvs-11 {
  float: left;
  width: 9.0909090909%;
}

.dvs-12 {
  float: left;
  width: 8.3333333333%;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.icon {
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}

.portrait {
  overflow: hidden;
}
.portrait img {
  display: block;
  width: 100%;
  height: auto;
}

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