@import "common.css";

@import "reset.css";

.sectionTitle {

  font-size: 35px;

  font-weight: bold;

  text-align: center

}

a {

  text-decoration: none;

  color: #FFFFFF

}

a:hover {

  color: #FFFFFF

}

.container #home-banner {

  background:none;

}

.container #home-banner .banner {

  width: 1920px;

  height: 605px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%)

}

.container #solution {

  width: 1200px;

  height: 230px;

  z-index: 990;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-600px)

}

.container #solution .solution-desc {

  margin-top: 164px;

  margin-bottom: 95px

}

.container #solution .solution-desc .solution-title {

  font-weight: 600;

  font-size: 50px;

  line-height: 66px;

  color: #333333

}

.container #solution .solution-desc .solution-text {

  margin-top: 16px;

  font-weight: 400;

  font-size: 20px;

  line-height: 27px;

  color: #333333

}

.container #solution .solution-desc .solution-button {

  display: inline-block;

  width: 200px;

  height: 60px;

  background-color: #0046DC;

  border-radius: 6px;

  margin-top: 48px;

  line-height: 60px;

  color: #FFFFFF;

  cursor: pointer;

  text-align: center

}

.container #solution .solution-desc .solution-button:hover {

  background-color: #0053FD

}

.container #solution .solution-desc .solution-button:hover span {

  color: #FFFFFF

}

.container #solution .solution-desc .solution-button img {

  position: absolute;

  top: -105px;

  left: 33px

}

.container #solution .solution-desc .solution-button .white {

  display: none

}

.container #solution .solution-box {

  width: 1920px;

  transform: translateX(-360px);

  background: rgba(255, 255, 255, 0.4);

  backdrop-filter: blur(10px);

  display: flex;

  justify-content: center

}

.container #solution .solution-list {

  width: 1200px;

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center

}

.container #solution .solution-list .solution-hover {

  position: relative;

  top: 80px;

  z-index: 10000;

  height: 100%;

  width: 390px;

  background: linear-gradient(0deg, #ffffff 0%, #FFFFFF 100%);

  box-shadow: 0 30px 20px 0 rgba(61, 82, 235, 0.1);

  border-radius: 6px;

  transition: all .3s linear 0s;

  display: none

}

.container #solution .solution-list .solution-hover .desc {

  margin-left: 39px;

  padding-top: 20px;

  text-align: left

}

.container #solution .solution-list .solution-hover .desc .title {

  width: 311px;

  display: inline;

  font-size: 12px;

  font-family: PingFang SC;

  font-weight: 600;

  color: #0053FD;

  line-height: 20px

}

.container #solution .solution-list .solution-hover .desc .title-desc {

  width: 311px;

  font-size: 12px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #77839B;

  line-height: 16px;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: .5px solid #DCDCDC

}

.container #solution .solution-list .solution-hover .desc .title-desc:last-child {

  border-bottom: none

}

.container #solution .solution-list .solution-content {

  text-align: center;

  flex: 1

}

.container #solution .solution-list .solution-content img {

  width: 24px;

  height: 24px;

  vertical-align: bottom

}

.container #solution .solution-list .solution-content .theme-title {

  color: #333;

  font-family: PingFang SC;

  font-size: 18px;

  font-weight: 600

}

.container #solution .solution-list .solution-content .theme-desc {

  color: #666;

  font-family: PingFang SC;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal

}

.container #solution .solution-list .solution-content:hover .solution-normal {

  display: none

}

.container #solution .solution-list .solution-content:hover .solution-hover {

  display: block

}

.container #enterprise {

  width: 1200px;

  overflow: hidden;

  margin: 0 auto;

  padding-top: 80px

}

.container #enterprise .enterprise-header {

  margin-bottom: 25px;

  font-weight: 600;

  font-size: 36px;

  line-height: 48px;

  text-align: center;

  color: #333333

}

.container #enterprise .enterprise-body {

  width: 1200px;

  height: 708px;

  margin: 0 auto

}

.container #enterprise .enterprise-body .enterprise-items {

  display: flex;

  font-family: PingFang SC;

  font-weight: 500;

  font-size: 18px;

  justify-content: center

}

.container #enterprise .enterprise-body .enterprise-items .enterprise-item {

  width: 186px;

  height: 59px;

  margin-right: 16px;

  text-align: center;

  line-height: 59px;

  position: relative;

  cursor: pointer;

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.container #enterprise .enterprise-body .enterprise-items .enterprise-item.active {

  color: #0046DC

}

.container #enterprise .enterprise-body .enterprise-items .enterprise-item.active::after {

  content: '';

  position: absolute;

  background: url(../image/after-line.png);

  width: 100px;

  height: 2px;

  left: 43px;

  bottom: 0

}

.container #enterprise .enterprise-body .enterprise-line {

  height: 1px;

  background: #E1E1E1

}

.container #enterprise .enterprise-body .enterprise-item-content {

  padding-top: 60px;

  overflow: hidden

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs {

  list-style: none;

  float: left;

  width: 180px;

  height: 210px;

  padding: 16px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  border-radius: 6px;

  background: #F4F9FF;

  margin-right: 20px

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs li {

  box-sizing: border-box;

  position: relative;

  display: block;

  width: 148px;

  height: 48px;

  line-height: 48px;

  padding-left: 25px;

  border-radius: 5px

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs li img {

  display: inline-block;

  width: 24px;

  height: 24px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%)

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs li p {

  display: inline-block;

  margin-left: 32px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs li:hover {

  cursor: pointer

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs .active {

  color: #fff;

  font-size: 12px;

  font-family: PingFang SC;

  font-weight: 400;

  background: #0046dc

}

.container #enterprise .enterprise-body .enterprise-item-content .enterprise-tabs .active p {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution {

  overflow: hidden;

  float: left;

  width: 1000px;

  height: 510px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text {

  float: left;

  height: 300px;

  width: 300px;

  margin-top: 124px;

  margin-left: 20px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-title {

  font-size: 32px;

  font-family: PingFang SC;

  font-weight: 600;

  color: #333333;

  line-height: 28px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-desc {

  height: 70px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #929AAC;

  line-height: 28px;

  margin-top: 16px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-desc .bd-text-desc-item {

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #929AAC;

  line-height: 28px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but {

  margin-top: 80px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but div {

  display: inline-block

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but div .item-btn1 {

  cursor: pointer;

  margin: 0 auto;

  width: 100px;

  text-align: center;

  height: 34px;

  line-height: 34px;

  border: 1px solid #0053FD;

  border-radius: 4px;

  font-size: 14px;

  color: #FFFFFF;

  background-color: #0053FD;

  margin-right: 18px;

  border: none

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but div .item-btn1:hover {

  background-color: #4484FF;

  color: #FFFFFF

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but div .item-btn2 {

  cursor: pointer;

  margin: 0 auto;

  width: 100px;

  text-align: center;

  height: 34px;

  line-height: 34px;

  border: 1px solid #0B3EE6;

  border-radius: 4px;

  font-size: 14px;

  color: #0B3EE6;

  margin-right: 18px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-text .bd-text-but div .item-btn2:hover {

  border: 1px solid #4484FF;

  color: #4484FF

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-img {

  float: right

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide .content-slide .bd-img img {

  width: 680px

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(1) {

  background: url('../image/huokebao.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(2) {

  background: url('../image/yingxiaobao.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(3) {

  background: url('../image/xiaochengxu.gif') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(4) {

  background: url('../image/solution-cooperation.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(5) {

  background: url('../image/solution-mall.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(6) {

  background: url('../image/solution-invoicing.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .swiper-solution .swiper-slide:nth-child(7) {

  background: url('../image/solution-brain.png') no-repeat

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item {

  width: 288px;

  height: 404px;

  background-color: #f1f6fb;

  padding: 30px 10px 0 30px;

  box-sizing: border-box;

  color: #333;

  position: relative;

  overflow: hidden;

  background: url("../image/open-bgc.png");

  border-radius: 8px;

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .main-right-item-title {

  font-family: PingFang SC;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  color: #0046DC

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .main-right-item-desc {

  color: #333;

  font-family: PingFang SC;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-top: 5px

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .main-right-item-line {

  width: 160px;

  height: 1px;

  background: #BCBCBC;

  margin-top: 18px

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .main-right-item-ul {

  margin-top: 18px;

  display: flex;

  flex-direction: column

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .main-right-item-ul .main-right-item-li {

  color: #333;

  height: 20px;

  line-height: 20px;

  font-family: PingFang SC;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-bottom: 8px

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item .open-item-img {

  position: absolute;

  width: 306px;

  height: 306px;

  bottom: -100px;

  right: -155px;

  transition: right .3s ease-out

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item:hover {

  background: url("../image/open-active-bgc1.png")

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item:hover .main-right-item-title {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item:hover .main-right-item-desc {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item:hover .open-item-img {

  right: -75px

}

.container #enterprise .enterprise-body .enterprise-item-content .open-item:hover .main-right-item-li {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content .bottom-desc {

  font-family: "PingFang SC";

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  border-bottom: 1px solid;

  margin: 0 auto;

  cursor: pointer;

  margin-top: 33px

}

.container #enterprise .enterprise-body .enterprise-item-content .bottom-desc span {

  color: #0046DC

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item {

  width: 389px;

  height: 237px;

  background-color: pink;

  margin-top: 16px;

  display: flex;

  flex-direction: column;

  align-items: center;

  border-radius: 8px;

  background: #F4F9FF;

  background: url("../image/pass-bgc.png")

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item .paas-item-title {

  color: #141E34;

  text-align: center;

  font-family: PingFang SC;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-top: 126px

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item .paas-item-desc {

  color: rgba(34, 34, 34, 0.6);

  text-align: center;

  font-family: PingFang SC;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-top: 5px

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item:hover {

  background: url("../image/pass-active.png")

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item:hover .paas-item-title {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content .paas-item:hover .paas-item-desc {

  color: white

}

.container #enterprise .enterprise-body .enterprise-item-content.enterprise-item-open {

  padding-top: 68px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap

}

.container #enterprise .enterprise-body .enterprise-item-content.enterprise-item-paas {

  padding-top: 56px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap

}

.container #enterprise .enterprise-body .enterprise-item-content.hidden {

  display: none

}

.container #enterprise .enterprise-body .enterprise-item-content.enterprise-item-open.hidden {

  display: none

}

.container #enterprise .enterprise-body .enterprise-item-content.enterprise-item-pass.hidden {

  display: none

}

.container #difference {

  position: relative;

  width: 100%;

  height: 680px;

  background: linear-gradient(0deg, #F5FBFF 0%, rgba(245, 251, 255, 0.7) 100%)

}

.container #difference .difference-header {

  width: 100%;

  padding-top: 84px;

  margin-bottom: 78px;

  text-align: center;

  font-weight: 600;

  font-size: 36px;

  line-height: 48px;

  color: #333333

}

.container #difference .difference-body {

  width: 100%;

  height: 670px

}

.container #difference .difference-body .difference-content {

  width: 1065px;

  height: 380px;

  margin: auto;

  position: relative

}

.container #difference .difference-body .difference-content .tradition-srm {

  margin-left: 30px;

  display: inline-block;

  width: 365px;

  height: 100%;

  background: #FFFFFF;

  box-shadow: 0 3px 29px rgba(61, 82, 235, 0.15);

  border-radius: 6px

}

.container #difference .difference-body .difference-content .tradition-srm .tradition-srm-header {

  width: 100%;

  height: 130px;

  text-align: center;

  font-size: 30px;

  font-family: PingFang SC;

  font-weight: 600;

  color: #FFFFFF;

  line-height: 130px;

  background-image: url(../image/srm-bg.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference {

  position: absolute;

  top: 170px;

  left: 0;

  width: calc(100% + 40px);

  z-index: 5

}

.container #difference .difference-body .difference-content .specific-difference .first-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  height: 42px;

  margin-bottom: 3px

}

.container #difference .difference-body .difference-content .specific-difference .first-line .left-text {

  display: inline-block;

  line-height: 42px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .first-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 13px 45.5px 13px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .first-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 18px 10px 18px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .first-line .middle-text {

  float: right;

  color: #333333;

  line-height: 42px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 9.5px;

  margin-right: 9.5px

}

.container #difference .difference-body .difference-content .specific-difference .first-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 18px 53px 18px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .first-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 13px 19px 13px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .first-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .first-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .specific-difference .second-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  padding-top: 10.5px;

  padding-bottom: 10.5px;

  height: 42px;

  margin-bottom: 3px

}

.container #difference .difference-body .difference-content .specific-difference .second-line .left-text {

  display: inline-block;

  line-height: 21px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .second-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 45.5px 2.5px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .second-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 10px 7.5px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .second-line .middle-text {

  float: right;

  color: #0053FD;

  line-height: 21px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 9.5px;

  margin-right: 9.5px

}

.container #difference .difference-body .difference-content .specific-difference .second-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 53px 7.5px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .second-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 19px 2.5px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .second-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .second-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .specific-difference .third-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  padding-top: 10.5px;

  padding-bottom: 10.5px;

  height: 42px;

  margin-bottom: 3px

}

.container #difference .difference-body .difference-content .specific-difference .third-line .left-text {

  display: inline-block;

  line-height: 21px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .third-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 45.5px 2.5px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .third-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 10px 7.5px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .third-line .middle-text {

  float: right;

  color: #333333;

  line-height: 21px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 9.5px;

  margin-right: 9.5px

}

.container #difference .difference-body .difference-content .specific-difference .third-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 53px 7.5px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .third-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 19px 2.5px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .third-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .third-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  padding-top: 10.5px;

  padding-bottom: 10.5px;

  height: 42px;

  margin-bottom: 3px

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .left-text {

  display: inline-block;

  line-height: 21px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 45.5px 2.5px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 10px 7.5px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .middle-text {

  float: right;

  color: #333333;

  line-height: 21px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 1.5px;

  margin-right: 1.5px

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 53px 7.5px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 19px 2.5px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .fifth-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  padding-top: 10.5px;

  padding-bottom: 10.5px;

  height: 42px;

  margin-bottom: 3px

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .left-text {

  display: inline-block;

  line-height: 21px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 45.5px 2.5px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 10px 7.5px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .middle-text {

  float: right;

  color: #0053FD;

  line-height: 21px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 1.5px;

  margin-right: 1.5px

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 7.5px 53px 7.5px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 2.5px 19px 2.5px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .sixth-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .specific-difference .last-line {

  position: relative;

  left: -20px;

  box-sizing: border-box;

  height: 42px

}

.container #difference .difference-body .difference-content .specific-difference .last-line .left-text {

  display: inline-block;

  line-height: 42px;

  width: 361.5px;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #AEAEAE;

  text-align: right

}

.container #difference .difference-body .difference-content .specific-difference .last-line .wrong-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 13px 45.5px 13px 19px;

  background-image: url(../image/cuo-icon.svg);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .last-line .left-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 18px 10px 18px 53px;

  background-image: url(../image/huijiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .last-line .middle-text {

  float: right;

  color: #333333;

  line-height: 42px;

  font-size: 16px;

  font-family: PingFang SC;

  font-weight: 600;

  text-align: center;

  margin-left: 1.5px;

  margin-right: 1.5px

}

.container #difference .difference-body .difference-content .specific-difference .last-line .right-arrow {

  float: right;

  width: 6px;

  height: 6px;

  margin: 18px 53px 18px 10px;

  background-image: url(../image/lvjiantou-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .last-line .correct-icon {

  float: right;

  width: 16px;

  height: 16px;

  margin: 13px 19px 13px 45.5px;

  background-image: url(../image/dui-icon.png);

  background-size: 100% 100%

}

.container #difference .difference-body .difference-content .specific-difference .last-line .right-text {

  float: right;

  line-height: 21px;

  width: 361.5px;

  word-wrap: normal;

  font-size: 14px;

  font-family: PingFang SC;

  font-weight: 400;

  color: #333333;

  text-align: left

}

.container #difference .difference-body .difference-content .specific-difference .last-line:hover {

  border-top: 1px solid;

  border-bottom: 1px solid;

  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #83b9ff, rgba(255, 255, 255, 0)) 1 1

}

.container #difference .difference-body .difference-content .sunyur-platform {

  position: absolute;

  width: 365px;

  height: 100%;

  right: 30px;

  top: 0;

  background: #FFFFFF;

  box-shadow: 0 3px 29px rgba(61, 82, 235, 0.15);

  border-radius: 6px;

  overflow: hidden;

}

.container #difference .difference-body .difference-content .sunyur-platform .sunyur-platform-header {

  width: 100%;

  height: 130px;

  text-align: center;

  font-size: 30px;

  font-family: PingFang SC;

  font-weight: 600;

  color: #FFFFFF;

  line-height: 130px;

  background-image: url(../image/office.png);

  background-size: 100% 100%

}

.container #difference .difference-back-image {

  position: absolute;

  bottom: 18px;

  left: 8px;

  width: calc(100% - 16px);

  height: 415px;

  background-image: url(../image/qubie_bg.png);

  background-size: 100% 100%;

  z-index: 0

}

.container #platform {

  padding-top: 84px;

  padding-bottom: 108px;

  text-align: center;

  background-image: url(../image/r4_bg.png);

  background-size: 100% 100%

}

.container #platform .title {

  margin-bottom: 36px;

  text-align: center;

  font-weight: 600;

  font-size: 36px;

  line-height: 48px;

  color: #333333

}

.container #platform img {

  width: 1200px

}

.container #partner {

  width: 1375px;

  margin: 0 auto;

  margin-top: 60px

}

.container #partner .logo_wrap {

  position: relative;

  overflow: hidden;

  margin: 100px auto;

  font-size: 0

}

.container #partner .logo_wrap .logo-left {

  position: absolute;

  z-index: 100;

  margin-left: -60px

}

.container #partner .logo_wrap .logo-right {

  position: absolute;

  right: 0;

  z-index: 100;

  top: 0;

  margin-right: -60px

}

.container #partner .logo_wrap .logo-anim {

  width: 100%;

  height: 94px;

  position: relative;

  overflow: hidden

}

.container #partner .logo_wrap .logo-anim .content {

  overflow: hidden;

  position: absolute;

  left: 0;

  top: 0

}

.container #partner .logo_wrap .logo-anim .content img {

  float: left;

  height: 104px

}

.container #partner .logo_wrap .logo-right {

  transform: rotate(180deg)

}

.container #why-sunyur {

  color: #fff;

  width: 100%;

  min-width: 1200px;

  height: 740px;

  position: relative

}

.container #why-sunyur .back-content {

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background-size: 100% 100%

}

.container #why-sunyur .main-content {

  width: 1200px;

  margin: 0 auto;

  z-index: 5;

  text-align: center

}

.container #why-sunyur .main-content .title {

  margin: 0 auto;

  padding-top: 84px

}

.container #why-sunyur .main-content .title h3 {

  font-size: 36px;

  font-family: PingFang SC;

  font-weight: 600;

  color: #333333;

  line-height: 50px

}

.container #why-sunyur .main-content .case-list {

  width: 100%;

  padding-top: 40px;

  display: flex;

  justify-content: space-between

}

.container #why-sunyur .main-content .case-list .case-content {

  height: 450px;

  overflow: hidden;

  box-sizing: border-box;

  padding-top: 20px;

  box-shadow: 3px 3px 10px -8px #666;

  border-radius: 10px;

}

.container #why-sunyur .main-content .case-list .case-content .case-normal {

  width: 195px;

  height: 430px;

  box-sizing: border-box;

  background: linear-gradient(0deg, #F5F7FF 0%, #FFFFFF 100%);

  box-shadow: 0 9px 10px 0 rgba(61, 82, 235, 0.05);

  border-radius: 6px;

  position: relative;

  padding-top: 19px

}

.container #why-sunyur .main-content .case-list .case-content .case-normal .blue-line {

  width: 31px;

  height: 4px;

  margin: 0 auto;

  background: #0053FD

}

.container #why-sunyur .main-content .case-list .case-content .case-normal .theme {

  padding-top: 108px;

  margin: 0 auto;

  /*width: 96px*/

}

.container #why-sunyur .main-content .case-list .case-content .case-normal .theme p {

  padding-top: 19px;

  color: #333333;

  font-size: 16px;

  line-height: 26px;

  text-align: center

}

.container #why-sunyur .main-content .case-list .case-content .case-normal .case-back .case-show {

  position: absolute;

  left: 90px;

  bottom: 27px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover {

  display: none;

  position: relative;

  height: 100%;

  width: 346px;

  height: 430px;

  background: linear-gradient(0deg, #F5F7FF 0%, #FFFFFF 100%);

  box-shadow: 0 30px 20px 0 rgba(61, 82, 235, 0.1);

  border-radius: 6px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-icon {

  margin: 0 auto;

  width: 82px;

  height: 82px;

  position: absolute;

  top: -21px;

  left: 132px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-title {

  margin: 0 auto;

  padding-top: 113px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-title h3 {

  font-size: 22px;

  font-weight: 600;

  color: #0053FD;

  line-height: 30px;

  text-align: center

}
span.theme-title-h3-info{

  font-size: 16px;

  color: #0053FD;

  font-weight: 100;

}
.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-detail {

  margin: 0 auto;

  width: 242px;

  padding-top: 51px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-detail p {

  font-size: 12px;

  font-weight: 400;

  color: #788297;

  line-height: 20px;

  text-align: center

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .case-close {

  margin: 0 auto;

  position: absolute;

  left: 165px;

  bottom: 27px

}

.container #why-sunyur .main-content .case-list .case-content .case-hover .theme-back {

  width: 160px;

  height: 160px;

  position: absolute;

  bottom: 0px;

  right: 0px

}

@font-face {

  font-family: 'iconfont';

  src: url('https://at.alicdn.com/t/font_2766067_l9vxhf7zvy.woff2?t=1647245281622') format('woff2'), url('../font/font_2766067_l9vxhf7zvy.woff') format('woff'), url('../font/font_2766067_l9vxhf7zvy.ttf') format('truetype')

}

.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

.icon-guanbi:before {

  content: "\e608"

}

.mamiother {

  background-color: #f9f9f9;

}

video.banner-v {

  min-width: 100%;

  height: 620px;

}

video.banner-sem {}