@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 {
  width: 100%;
  position: relative;
  text-align: center
}
.container #who-sy .content {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    background-color: #FFFFFF;
    /* position: absolute; */
    /* box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);*/
    border-radius: 6px;
    top: 515px;
    left: 50%;
    /* transform: translate(-50%); */
    z-index: 100;
}
.container #who-sy .content .title {
  padding-top: 40px;
  padding-bottom: 34px;
  height: 62px;
  font-size: 44px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 62px;
  text-align: center;
  margin: 0 auto
}
.container #who-sy .content .desc {
  padding-bottom: 55px;
  width: 1108px;
  height: 67px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-align: center;
  margin: 0 auto
}
.container #who-sy .content .desc img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -30%)
}
.container #advantage {
  width: 1200px;
  overflow: visible;
  margin: 0 auto;
  margin-top: 60px;
  font-size: 0px;
}
.container .advantage {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.container .title {
  height: 50px;
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  text-align: center;
  margin-bottom: 29px
}
.container .desc {
  font-size: 16px;
  text-align: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px
}
.container .characteristic, #develop{
    padding-top: 60px;
    background-color: #f8fcff;
    padding-bottom: 60px;
}
.container #advantage .solution-cards-container {
  margin-top: 100px;
  margin-bottom: 60px
}
.container #advantage .solution-card {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 193px;
  height: 296px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 20px 0 rgba(0, 83, 253, 0.1);
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 8px;
  vertical-align: top
}
.container #advantage .solution-card .solution-card-image {
  position: absolute;
  top: 62px;
  left: 67px;
  display: block;
  width: 70px;
  height: 70px
}
.container #advantage .solution-card .solution-card-title {
  padding-top: 147px;
  font-size: 20px;
  color: #333333;
  text-align: center
}
.container #advantage .solution-card .solution-card-summary {
  font-size: 14px;
  color: #333333;
  text-align: center
}
.container #advantage .solution-card .solution-card-content {
  visibility: hidden;
  margin: 5px auto 0;
  padding: 0 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #788297
}
.container #advantage .solution-card .right-arrow-icon {
  position: absolute;
  bottom: 17px;
  left: 91px;
  width: 12px;
  height: 12px
}
.container #advantage .solution-card .solution-card-bottom-button {
  box-sizing: border-box;
  visibility: hidden;
  position: absolute;
  bottom: 17px;
  width: 100%;
  font-size: 0px;
  padding: 0 10px
}
.container #advantage .solution-card .solution-card-bottom-button .attempt-freely {
  display: inline-block;
  box-sizing: border-box;
  width: 80px;
  margin-right: 10px;
  background: #0053FD;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: #FFFFFF;
  cursor: pointer;
  vertical-align: top
}
.container #advantage .solution-card .solution-card-bottom-button .detail-of-function {
  display: inline-block;
  box-sizing: border-box;
  width: 80px;
  text-align: center;
  line-height: 30px;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #0053FD;
  font-size: 14px;
  font-weight: 400;
  color: #0053FD;
  cursor: pointer;
  vertical-align: top
}
.container #advantage .solution-card:nth-child(6) {
  margin-right: 0px
}
.container #advantage .solution-card:nth-child(12) {
  margin-right: 0px
}
.container #advantage .solution-card:hover {
  animation: .5s rainbow;
  animation-fill-mode: forwards
}
.container #advantage .solution-card:hover .solution-card-image {
  animation: .5s image;
  animation-fill-mode: forwards
}
.container #advantage .solution-card:hover .solution-card-title {
  animation: .5s title;
  animation-fill-mode: forwards
}
.container #advantage .solution-card:hover .solution-card-content {
  animation: .5s content;
  animation-fill-mode: forwards
}
.container #advantage .solution-card:hover .right-arrow-icon {
  animation: .5s arrow;
  animation-fill-mode: forwards
}
.container #advantage .solution-card:hover .solution-card-bottom-button {
  animation: .5s bottomBtn;
  animation-fill-mode: forwards
}
@keyframes image {
  to {
    top: -25px
  }
}
@keyframes title {
  to {
    padding-top: 60px
  }
}
@keyframes content {
  to {
    visibility: visible
  }
}
@keyframes arrow {
  0% {
    visibility: hidden
  }
  100% {
    visibility: hidden
  }
}
@keyframes bottomBtn {
  50% {
    visibility: visible
  }
  100% {
    visibility: visible
  }
}
@keyframes rainbow {
  to {
    border: 1px solid #CDDEFF;
    background: linear-gradient(180deg, #F8FBFF 0%, #FFFFFF 100%);
    box-shadow: 0 20px 15px 0 rgba(0, 83, 253, 0.1)
  }
}
.container #mission-values .mission-values-content {
  background: url('../image/missionbg.png') no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 300px;
    min-width: 1200px;
}
.container #mission-values .mission-values-content .text-content
.mission {
    width: 50%;
    float: left;
    text-align: center;
}
.values {
    width: 50%;
    float: left;
    text-align: center;
}
.container #mission-values .mission-values-content .text-content .mission .title {
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0053FD;
  line-height: 33px;
  margin-top: 56px;
  margin-bottom: 28px
}
.container #mission-values .mission-values-content .text-content .mission .desc {
  text-align: center;
  margin: 0 auto;
  height: 96px;
  font-size: 36px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0053FD;
  line-height: 96px;
  margin-bottom: 50px
}
.container #mission-values .mission-values-content .text-content .mission .line {
  height: 4px;
  background: #0053FD;
  text-align: center;
  margin: 0 auto;
  width: 60px
}
.container #mission-values .mission-values-content .text-content .values {
  display: inline-block
}
.container #mission-values .mission-values-content .text-content .values .title {
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 33px;
  margin-top: 56px;
  margin-bottom: 28px
}
.container #mission-values .mission-values-content .text-content .values .desc {
  text-align: center;
  margin: 0 auto;
  height: 96px;
  font-size: 36px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 96px;
  margin-bottom: 50px
}
.container #mission-values .mission-values-content .text-content .values .line {
  text-align: center;
  margin: 0 auto;
  width: 60px;
  height: 4px;
  background: #333333
}
.container #help .help-content {
  width: 1200px;
  height: 450px;
  text-align: center;
  margin: 0 auto
}
.container #help .help-content .title {
  height: 50px;
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 50px;
  margin-top: 80px;
  margin-bottom: 19px
}
.container #help .help-content .desc {
  height: 36px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-bottom: 21px
}
.container #qualification .qualification-content {
  text-align: center;
  margin: 0 auto
}
.container #qualification .qualification-content .title {
  height: 50px;
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 50px
}
.container #qualification .qualification-content .case {
  height: 410px;
  margin-top: 40px
}
.container #qualification .qualification-content img {
  height: 268px
}
.container #qualification .qualification-content .swiper-container {
  width: 1200px;
  height: 330px
}
.container #qualification .qualification-content .swiper-slide {
  box-shadow: none
}
.container #qualification .qualification-content .swiper-button-left, .container #qualification .qualification-content .swiper-button-right {
  height: 300px
}
.container #qualification .qualification-content .slide-content {
  white-space: nowrap;
  overflow: hidden;
  text-align: left
}
.container #qualification .qualification-content .slide-content li {
  display: inline-block
}
.container #develop .develop-content {
  text-align: center;
  margin: 0 auto
}
.container #develop .develop-content .title {
  height: 50px;
  font-size: 36px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 50px
}
.container #develop .develop-content img {
  width: 100%
}
.container #develop .develop-content .case {
  height: 330px
}
.container #develop .develop-content .swiper-button-left, .container #develop .develop-content .swiper-button-right {
  height: 300px
}
.container #develop .develop-content .swiper-container {
  height: 300px
}
.container #develop .develop-content .swiper-slide {
  box-shadow: none;
  height: 300px;
  background-image: url(../image/developbg.png)
}
.container #develop .develop-content .swiper-slide .slide-content li {
  float: left;
  width: 240px;
  padding-top: 60px;
  position: relative
}
.container #develop .develop-content .swiper-slide .slide-content li .time {
  font-size: 26px;
  color: #0053FD;
  font-weight: 600;
  padding-bottom: 10px
}
.container #develop .develop-content .swiper-slide .slide-content li .point {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: rgba(210, 225, 255, 0.18);
  margin: 10px 0;
  position: relative;
  z-index: 1;
  margin: 0 auto
}
.container #develop .develop-content .swiper-slide .slide-content li .point::after {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: rgba(210, 225, 255, 0.59);
  left: calc(50% - 9px);
  top: 4px;
  z-index: 2
}
.container #develop .develop-content .swiper-slide .slide-content li .point::before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #0053FD;
  left: calc(50% - 4px);
  top: 9px;
  z-index: 3
}
.container #develop .develop-content .swiper-slide .slide-content li .info {
  width: 180px;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  color: #333333
}
.container #develop .develop-content .swiper-slide .slide-content li::after {
  content: '— — — — — — —';
  display: block;
  position: absolute;
  top: 108px;
  right: -34%;
  font-weight: normal;
  color: #CFDFFF
}
.container #develop .develop-content .swiper-slide .slide-content li:nth-last-of-type(1)::after {
  display: none
}
@font-face {
  font-family: 'iconfont';
  src: url('https://at.alicdn.com/t/font_2804454_57pnpjzgyn.woff2?t=1631263005620') format('woff2'), url('../font/font_2804454_57pnpjzgyn.woff') format('woff'), url('../font/font_2804454_57pnpjzgyn.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"
}
.appointment.clear-flost {
  text-align: center;
  width: 150px;
}
.appointment.clear-flost:hover {
  background-color: #0053FD;
}
.container .difference {
    position: relative;
    width: 100%;
    height: 680px;
    background: linear-gradient(0deg, #F5FBFF 0%, rgba(245, 251, 255, 0.7) 100%);
    /* float: left; */
    margin-top: 60px;
}
.container .difference-head {
  height: 80px;
}
.container #difference .difference-back-images {
  position: absolute;
  bottom: 18px;
  left: 8px;
  width: calc(100% - 16px);
  height: 415px;
  background-image: url(../image/difference.png);
  background-size: 100% 100%;
  z-index: 0
}
.container #difference {
  position: relative;
  width: 100%;
  height: 780px;
}
.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: 460px;
  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 .tradition-srm .tradition-srm-header.missionbg_01{
    background-image: url(../picture/missionbg_01.png); 
  color: #333333;}
.container #difference .difference-body .difference-content .sunyur-platform .sunyur-platform-header.missionbg_02{
    background-image: url(../picture/missionbg_02.png); 
  color: #333333;}
.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: #333;
  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/dui-icon.png);
  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: 42px;
  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: #333;
  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/dui-icon.png);
  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: #333;
  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/dui-icon.png);
  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/dui-icon.png);
  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/dui-icon.png);
  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/dui-icon.png);
  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
}
li .info span {
    font-size: 14px;
    /* line-height: 10px; */
    height: 20px;
}
img.home-banner9 {
    width: 100%; min-width:1200px;
}
div#who-sy {
    margin-top: 60px;
}
.content.aboutss {
    height: 320px;
}
.develop{margin-top:80px;}
div#mission-values {

}
div#why-sunyur.why-sunyur {
    height: 540px;
}
span.theme-t {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.container #who-sy.product .content .desc {
    padding-bottom:0px;
    width: 1108px;
    height: 27px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}


.mission-title {
    text-align: center;
    margin: 0 auto;
    font-size: 36px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 33px;
    margin-top: 56px;
    margin-bottom: 28px;
}

.mission-desc {
    text-align: center;
    margin: 0 auto;
    height: 96px;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 96px;
    margin-bottom: 50px;
}

a.mission-more{
    padding: 10px 15px;
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 15px;
    color: #333;
}
a.mission-buy{
    padding: 10px 15px;
    background-color: #0053fd;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 15px;
    color: #fff;
}
a.mission-buy:hover, a.mission-more:hover {
    padding: 10px 15px;
    background-color: #2B70FF;
    color: #fff;
}
.container #mission-values .mission-values-content-m {
    background: url('../picture/missionbg.png') no-repeat center center;
    background-size: 100% auto;
    height: 350px;
}
.content.aboutss.product-s {
    height: 280px;
}


.container #difference .difference-body .difference-content .specific-difference .difference-more-r a{
    width: 120px;
    background-color: #0053fd;
    float: right;
    margin-right: 160px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.container #difference .difference-body .difference-content .specific-difference .difference-more-l a{
    width: 120px;
    background-color: #0053fd;
    float: left;
    margin-left: 160px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}

.difference-more{
    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 .difference-more-l:hover a, .container #difference .difference-body .difference-content .specific-difference .difference-more-r:hover a{
    background-color: #2C70FD;
}