.content-body {
  min-width: 1200px;
  position: relative;
  overflow: auto;
}

.content {
  width: 1200px;
  margin: 0 auto;
  color: rgba(21, 30, 44, 0.8500);
  font-size: 16px;
  position: relative;
}

.content-top {
  height: 64px;
  line-height: 64px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}


.content-top .top-logo,
.content-top .menu {
  display: inline-block;
}

.content-top .content {
  display: flex;
  justify-content: space-between;
}

.content-top .top-logo {
  height: 40px;
  width: 111px;
  background-image: url('../images/logo_white.png');
  background-size: cover;
  margin-top: 10px;
}

.content-top .menu > ul > li {
  width: 150px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8500);
  /* color: #000000; */
  cursor: pointer;
  text-align: center;
}

.content-top .menu > ul > li a {
  color: rgba(255, 255, 255, 0.8500);
  height: 64px;
  line-height: 64px;
  width: 150px;
  display: inline-block;
}

.content-top.below-top .menu > ul > li.active,
.content-top.below-top .menu > ul > li.active a,
.content-top.below-top .menu > ul > li:hover,
.content-top .menu > ul > li.active,
.content-top .menu > ul > li.active a,
.content-top .menu > ul > li:hover {
  color: rgba(24, 144, 255, 1);
  position: relative;
}

.content-top .menu > ul > li.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 2px;
  background-color: rgba(24, 144, 255, 1);
  left: 45px;
}

.content-top.below-top {
  background: #ffffff;
  color: rgba(21, 30, 44, 0.8500);
}

.content-top.below-top .menu > ul > li a,
.content-top.below-top .menu > ul > li {
  color: rgba(21, 30, 44, 0.8500);
}

.content-top.below-top .top-logo {
  background-image: url('../images/logo_blue.png');
}

.empower {
  margin-top: 60px;
}

.empower .empower-img {
  width: 480px;
  height: 480px;
  display: inline-block;
  vertical-align: top;
}

.empower .empower-img img {
  height: 100%;
}

.empower .empower-text {
  display: inline-block;
  margin-top: 115px;
  margin-left: 40px;
  position: relative;
}

.empower .empower-text .empower-bg {
  background-image: url('../images/empower.png');
  background-size: cover;
  width: 684px;
  height: 144px;
  position: absolute;
  top: -100px;
}

.empower .empower-text h4 {
  color: rgba(21, 30, 44, 0.8500);
  font-size: 26px;
  font-weight: 500;
  position: absolute;
}

.empower h6 {
  margin-top: 60px;
  font-size: 14px;
  color: rgba(21, 30, 44, 0.6500);
  font-weight: 400;
}

.empower .empower-model {
  display: inline-block;
  width: 330px;
  /* padding-top: 73px; */
  margin-top: 40px;
  position: relative;
}

.empower .empower-model.m0 {
  margin: 0;
}

.m0 {
  margin: 0!important;
}

.empower .empower-model .model-num {
  height: 87px;
}

.empower .empower-model .model-num img {
  height: 100%;
}

.empower .empower-model h5 {
  font-size: 18px;
  color: rgba(21, 30, 44, 0.8500);
  font-weight: 500;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  position: absolute;
  top: 44px;
}

.empower .empower-model p {
  font-size: 14px;
  color: rgba(21, 30, 44, 0.6500);
  height: 24px;
  line-height: 24px;
}

.empower .empower-placeholder {
  width: 186px;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 60px;
}

.empower .empower-placeholder img {
  width: 20px;
}

.results {
  margin-top: 180px;
  background: rgba(247, 251, 255, 1);
  height: 378px;
  padding-top: 30px;
  position: relative;
}

.results .achievements {
  position: absolute;
  height: 180px;
  top: -112px;
  left: 50%;
  margin-left: -515px;
}

.results h4 {
  font-size: 26px;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 84px;
  position: relative;
}

.results .results-data ul li {
  display: inline-block;
  width: calc(25% - 4px);
  text-align: center;
  color: rgba(21, 30, 44, 0.8500);
  font-size: 18px;
}

.results .results-data ul li .data {
  color: rgba(0, 115, 255, 1);
  margin-bottom: 30px;
}

.results .results-data ul li .data > span:nth-child(1) {
  font-size: 48px;
  font-weight: 500;
}

.glories {
  color: rgba(21, 30, 44, 0.6500);
  margin-top: 215px;
  position: relative;
}

.glories .text-bg {
  position: absolute;
  top: -100px;
  width: 100%;
}

.glories .text-bg::after {
  content: '';
  position: absolute;
  width: 450px;
  height: 2px;
  background: rgba(0, 115, 255, 1);
  right: 0;
  bottom: 0;
  border-radius: 2px;
}

.glories .text-bg img {
  height: 144px;
}

.glories h4 {
  color: rgba(21, 30, 44, 0.8500);
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 90px;
  position: relative;
}

.glories .company-glories {
  display: inline-block;
  width: 266px;
  height: 266px;
  margin-right: 40px;
}

.glories .company-glories .company-img img {
  width: 100%;
}

.glories .company-glories .company-name {
  text-align: center;
  margin-top: 12px;
  font-size: 18px;
  width: 246px;
  height: 50px;
  margin-left: 10px;
  position: relative;
}

.glories .company-glories .company-name::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 100%;
  background-image: url(../images/border.png);
  background-size: cover;
}

.glories .company-glories .company-name::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100%;
  background-image: url(../images/border.png);
  background-size: cover;
  transform: rotateY(180deg);
}

.glories .mt50 {
  margin-top: 50px;
}

.partners {
  background: rgba(247, 251, 255, 1);
  height: 580px;
  padding: 28px;
  margin-top: 180px;
  position: relative;
}

.partners .content > img {
  position: absolute;
  height: 180px;
  top: -108px;
  left: 50%;
  margin-left: -350px;
}

.partners h4 {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 110px;
  position: relative;
}

.partners .partners-img {
  text-align: center;
  margin-top: 30px;
}

.partners .partners-img div {
  margin-left: 15px;
}

.partners .partners-img div:nth-child(1) {
  margin-left: 0;
}

.partners .partners-img img {
  width: 224px;
}

.partners .partners-img > div {
  display: inline-block;
  width: 224px;
  height: 76px;
  background: #ffffff;
}

.put-on-records {
  height: 33px;
  line-height: 33px;
  color: rgba(21, 30, 44, 0.8500);
  text-align: center;
  width: 100%;
}

.saas {
  color: rgba(21, 30, 44, 0.8500);
}

.saas .content-top .menu > ul > li.active,
.saas .content-top .menu > ul > li.active a,
.saas .content-top .menu > ul > li:hover {
  color: rgba(21, 87, 232, 1);
}

.saas .content-top .menu > ul > li.active::after {
  background-color: rgba(21, 87, 232, 1);
}

.content-introduce {
  height: 880px;
  width: 100%;
  background-image: url('../images/bg1.png');
  background-repeat: repeat-x;
  background-position: center center;
   background-size: cover;
}

.saas .content-introduce {
  background-image: url('../images/bg2.png');
}

.saas .uers {
  position: relative;
  margin-top: 150px;
  text-align: center;
}

.saas .uers > img {
  position: absolute;
  top: -100px;
  height: 144px;
  left: 50%;
  margin-left: -212px;
}

.saas .uers h4 {
  font-size: 26px;
  font-weight: 500;
  color: rgba(21, 30, 44, 0.8500);
  position: relative;
}

.saas .thirdparty {
  display: inline-block;
  margin-top: 90px;
  position: relative;
  z-index: 2;
}

.saas .thirdparty .thirdparty-model {
  display: inline-block;
  background: #ffffff;
  box-shadow: 0px 8px 24px 0px rgba(203,220,255,0.24);
  width: 365px;
  height: 414px;
  margin-left: 40px;
  padding: 124px 0 100px;
  cursor: pointer;
  background-size: cover;
  color: #ffffff;
}

.saas .thirdparty .thirdparty-model:nth-child(1) {
  margin-left: 0;
}

.saas .thirdparty-model .thirdparty-model-img {
  width: 63px;
  height: 68px;
  display: inline-block;
  background-size: cover;
}

.saas .thirdparty-model.thirdparty-model-0 .thirdparty-model-img {
  background-image: url('../images/company_1.png');
}

.saas .thirdparty-model.thirdparty-model-1 .thirdparty-model-img {
  background-image: url('../images/intermediary_1.png');
}

.saas .thirdparty-model.thirdparty-model-2 .thirdparty-model-img {
  background-image: url('../images/business_1.png');
}

.saas .thirdparty-model.thirdparty-model-0 {
  background-image: url('../images/company_bg1.png');
}

.saas .thirdparty-model.thirdparty-model-1 {
  background-image: url('../images/intermediary_bg1.png');
}

.saas .thirdparty-model.thirdparty-model-2 {
  background-image: url('../images/business_bg1.png');
}

.saas .thirdparty-model:hover {
  color: rgba(21, 30, 44, 0.8500);
  /* color: #ffffff; */
  background: #83B5EA;
  box-shadow: 0px 12px 24px 0px rgba(0,183,255,0.4);
}

.saas .thirdparty-model:hover p {
  color: rgba(21, 30, 44, 0.8500);
  /* color: rgba(255, 255, 255, 0.8500); */
}

.saas .thirdparty-model.thirdparty-model-0:hover .thirdparty-model-img {
  background-image: url('../images/company_0.png');
}

.saas .thirdparty-model.thirdparty-model-1:hover .thirdparty-model-img {
  background-image: url('../images/intermediary_0.png');
}

.saas .thirdparty-model.thirdparty-model-2:hover .thirdparty-model-img {
  background-image: url('../images/business_0.png');
}

.saas .thirdparty-model.thirdparty-model-0:hover {
  width: 365px;
  height: 414px;
  background-image: url('../images/company_bg0.png');
  background-size: cover;
}

.saas .thirdparty-model.thirdparty-model-1:hover {
  width: 365px;
  height: 414px;
  background-image: url('../images/intermediary_bg0.png');
  background-size: cover;
}

.saas .thirdparty-model.thirdparty-model-2:hover {
  width: 365px;
  height: 414px;
  background-image: url('../images/business_bg0.png');
  background-size: cover;
}

/* .saas .thirdparty-model img {
  width: 63px;
} */

.saas .thirdparty-model h5 {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}


.saas .thirdparty-model p {
  font-size: 14px;
  /* color: rgba(21, 30, 44, 0.6500); */
  color: #ffffff;
  font-weight: 400;
  line-height: 25px;
}

.saas .structure-bg {
  height: 378px;
  background: rgba(247, 251, 255, 1);
  width: 100%;
  position: absolute;
  bottom: -185px;
  z-index: 1;
}

.saas .structure-bg img {
  position: absolute;
  height: 180px;
  left: 50%;
  margin-left: -395px;
  bottom: -96px;
}

.saas .structure {
  margin-top: 218px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.saas .structure h4 {
  font-size: 26px;
  font-weight: 500;
  color: rgba(21, 30, 44, 0.8500);
  margin-bottom: 90px;
}

.saas .structure img {
  width: 1180px;
  /* margin-bottom: 20px; */
  display: block;
  margin: 0 auto 20px;
}

.saas .structure .user {
  width: 1180px;
  height: 513px;
  display: block;
  margin: 0 auto 20px;
  background-image: url('../images/user.png');
  background-size: cover;
}

.saas .structure .admin {
  width: 1180px;
  height: 562px;
  display: block;
  margin: 0 auto 20px;
  background-image: url('../images/admin.png');
  background-size: cover;
}

.saas .demonstration {
  height: 953px;
  background: rgba(247, 251, 255, 1);
  text-align: center;
  position: relative;
  margin-top: 180px;
  padding-top: 36px;
}

.saas .demonstration .tab-left {
  position: absolute;
  width: 20px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  left: -20px;
  top: 50%;
  margin-top: -40px;
}

.saas .demonstration .tab-left:before {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid rgba(0, 115, 255, 1);
  position: absolute;
  top: 0;
  left: 0px;
}

.saas .demonstration .tab-left:after {
  content: "";
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid rgba(247, 251, 255, 1);
  position: absolute;
  top: 2px;
  left: 2px;
}

.saas .demonstration .tab-right {
  position: absolute;
  width: 20px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  right: -20px;
  top: 50%;
  margin-top: -40px;
}

.saas .demonstration .tab-right:before {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid rgba(0, 115, 255, 1);
  position: absolute;
  top: 0;
  right: 0px;
}

.saas .demonstration .tab-right:after{
  content: "";
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid rgba(247, 251, 255, 1);
  position: absolute;
  top: 2px;
  right: 2px;
}

.saas .demonstration h4 {
  font-size: 26px;
  font-weight: 500;
  color: rgba(21, 30, 44, 0.8500);
  margin-bottom: 90px;
  position: relative;
}

.saas .demonstration > img {
  height: 180px;
  position: absolute;
  left: 50%;
  margin-left: -580px;
  top: -84px;
}

.saas .demonstration .tab {
  /* width: 1180px;
  display: inline-block;
  height: 78px;
  line-height: 76px;
  border-bottom: 2px solid rgba(21, 30, 44, 0.0600);
  border-radius: 4px;
  margin-bottom: 40px; */
  width: 100%;
}

.saas .demonstration .tab ul {
  width: 1180px;
  display: inline-block;
  height: 78px;
  line-height: 76px;
  border-bottom: 2px solid rgba(21, 30, 44, 0.0600);
  border-radius: 4px;
  margin-bottom: 40px;
}

.saas .demonstration .tab li {
  display: inline-block;
  width: 110px;
  text-align: center;
  cursor: pointer;
}

.saas .demonstration .tab li:hover {
  color: rgba(0, 115, 255, 1);
}

.saas .demonstration .tab li.active {
  border-bottom: 2px solid rgba(0, 115, 255, 1);
  border-radius: 2px;
  color: rgba(0, 115, 255, 1);
}

.saas .demonstration .tab-img {
  width: 1160px;
  height: 600px;
  display: inline-block;
  position: relative;
}

.saas .demonstration .tab-img img {
  width: 100%;
}

.about .content-introduce {
  background-image: url('../images/bg3.png');
}

.about {
  color: rgba(21, 30, 44, 0.8500);
  text-align: left;
}

.about .about-map {
  background: rgba(247, 251, 255, 1);
  width: 100%;
  height: 1047px;
  position: relative;
  margin-top: 80px;
}

.about .about-map > img {
  position: absolute;
  width: 624px;
  height: 180px;
  top: -82px;
  left: 50%;
  margin-left: -312px;
  z-index: 1;
}

.about .about-map > h4 {
  text-align: center;
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  color: rgba(21, 30, 44, 0.8500);
  margin-bottom: 110px;
  padding-top: 30px;
  position: relative;
  z-index: 2;
}

.about .about-map .relation {
  width: 1180px;
  height: 789px;
  box-shadow: 0px 20px 34px 0px rgba(150,191,255,0.34);
  background: #ffffff;
  padding: 40px;
  margin: 0 auto;
}

.about .about-map .relation img {
  width: 100%;
}

.about .about-map .relation p {
  margin-top: 30px;
  margin-bottom: 10px;
  color: rgba(18, 30, 45, 0.6500);
  font-size: 14px;
}

.about .about-map .relation h3 {
  font-size: 26px;
  line-height: 40px;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 2px solid #0073FF;
  border-radius: 2px;
}

.about .relation-type {
  margin-top: 16px;
}

.about .relation-type li {
  display: inline-block;
  width: 45%;
}

.about .relation-type li:nth-child(1) {
  width: 34%;
}

.about .relation-type li:nth-child(3) {
  width: 20%;
}

.about .relation-type li div {
  font-size: 26px;
  font-weight: 500;
  margin-top: 20px;
}

.about .introduction {
  position: relative;
  margin-bottom: 236px;
}

.about .introduction > img {
  width: 976px;
  height: 180px;
  position: absolute;
  left: 50%;
  margin-left: -486px;
  top: -100px;
}

.about .introduction > h4 {
  width: 100%;
  text-align: center;
  text-align: center;
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  color: rgba(21, 30, 44, 0.8500);
  margin-bottom: 130px;
  padding-top: 30px;
  position: relative;
  z-index: 2;
  margin-top: 150px;
}

.about .introduction .introduce {
  width: 1180px;
  background: rgba(247, 251, 255, 1);
  height: 388px;
  margin: 0 auto;
  padding: 62px 0 62px 440px;
  position: relative;
}

.about .introduction .introduce > img {
  width: 398px;
  position: absolute;
  top: -67px;
  left: 0;
}

.about .introduction .introduce > div {
  display: inline-block;
  width: 694px;
  color: rgba(21, 30, 44, 0.65);
  font-size: 14px;
  line-height: 24px;
}

.about .introduction .introduce > div p {
  text-indent: 28px;
}