.inside-banner {
  height: 690px;
}

.inside-banner .container {
  position: relative;
}

.inside-banner .box .txt {
  /* width: 630px; */
  width: 50%;
  float: left;
  margin-top: 177px;
  position: relative;
  z-index: 1;
}

.inside-banner .txtInfor .txt .smallTxt {
  width: 574px;
  font-size: 14px;
  font-weight: 400;
  color: #D4DAE7;
  line-height: 24px;
}

/* 内页 */
.cooperation {
  padding-top: 64px;
}

.cooperation .cooperInfor {
  margin: 0 -24px;
}

.cooperation .cooperInfor .item {
  width: 33.33333%;
  float: left;
  padding: 0 24px;
  box-sizing: border-box;
}

.cooperation .cooperInfor .item .insideBox {
  background: #FFFFFF;
  box-shadow: 0px 16px 35px 0px rgba(23, 35, 73, 0.06);
  border-radius: 4px;
  height: 445px;
}

.cooperation .cooperInfor .insideBox .img {
  position: relative;
  height: 220px
}

.cooperation .cooperInfor .insideBox .txt {
  padding: 35px 32px 0;
  box-sizing: border-box;
}

.cooperation .cooperInfor .insideBox .txt .title {
  font-size: 24px;
  font-weight: bold;
  color: #233863;
  line-height: 33px;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 27px;
}

.cooperation .cooperInfor .insideBox .txt .title::after {
  position: absolute;
  content: '';
  display: block;
  width: 48px;
  height: 4px;
  background: #7479F7;
  bottom: 0;
}

.cooperation .cooperInfor .insideBox .txt .des {
  font-weight: 400;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 24px;
}

.cooperation .question {
  margin: 120px 0 30px;
  display: flex;
  justify-content: space-between;
}

.cooperation .question .question-video {
  width: 520px;
}

.cooperation .question .question-text {
  padding-left: 118px;
  position: relative;
  width: calc(100% - 520px);
}

.cooperation .question .videoshow {
  position: relative;
}

.cooperation .question .videoshow::after {
  position: absolute;
  content: '';
  width: 132px;
  height: 132px;
  background-image: url("../image/icon-01.png");
  background-size: cover;
  right: -47px;
  bottom: -62px;
  z-index: -1;
}

.cooperation .question .videoshow video {
  box-shadow: 2px 2px 36px 0px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.prism-big-play-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 48%;
  width: 72px;
  height: 72px;
  background: transparent;
  cursor: pointer;
}

.cooperation .question .question-text::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 98px;
  width: 159px;
  height: 159px;
  background-image: url("../image/icon-02.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.cooperation .question .question-text .tit {
  padding-top: 28px;
  font-weight: bold;
  font-size: 40px;
  color: #233863;
  line-height: 56px;
}

.cooperation .question .question-text .des {
  margin-top: 32px;
}

.cooperation .question .question-text .des p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A4A;
  line-height: 28px;
}

.cooperation .question .question-text .des p:last-child {
  margin-top: 24px;
}

.yun {
  background-image: url("../image/aboutbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 85px;
  padding-bottom: 95px;
}

.title-01 {
  font-weight: bold;
  font-size: 40px;
  color: #233863;
  line-height: 56px;
  text-align: center;
}

.yun .title-01 br {
  display: none;
}

.yun .title-02 {
  margin-top: 32px;
  font-weight: 400;
  font-size: 16px;
  color: #4A4A4A;
  line-height: 28px;
  text-align: center;
  margin-bottom: 39px;
}

.yun-box .item {
  float: left;
  width: calc(50% - 16px);
  height: 149px;
  margin-right: 16px;
  margin-bottom: 16px;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  background: linear-gradient(21deg, #FFFFFF 0%, rgba(255, 255, 255, 0.56) 100%);
  border-radius: 8px;
}

.yun-box .item:nth-child(2n) {
  margin-left: 8px;
  margin-right: 0px;
}

.yun-box .item img {
  width: 64px;
  height: 64px;
  margin-right: 34px;
}

.yun-box .item .text .tit {
  font-weight: 400;
  font-size: 24px;
  color: #233863;
  line-height: 33px;
}

.yun-box .item .text .des {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #6B7B9B;
  line-height: 22px;
}

.partner {
  margin-top: 33px;
}

.partner .title-01 span:first-child {
  font-size: 48px;
  line-height: 67px;
  color: #229AF4;
}

.partner .title-01 br {
  display: none;
}

.partner-box {
  display: flex;
  /* margin-bottom: 64px; */
}

.partner-box .img {
  width: 533px;
  height: 400px;
  display: flex;
  align-items: center;
}

.partner-box .text {
  width: calc(100% - 533px);
  padding-left: 40px;
  padding-top: 87px;
  padding-bottom: 50px;
}

.partner-box .text p {
  font-weight: 400;
  font-size: 16px;
  color: #4A4A4A;
  line-height: 28px;
  text-align: left;
  margin-bottom: 32px;
}

.cultureinfo {
  /* width: 100%;
  height: 1006px;
  background-image: url("../image/aboutbg.png");
  background-size: cover;
  background-repeat: no-repeat; */
  position: relative;
}

.cultureinfo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/value_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.8;
  z-index: -1;
}

.cultureinfo .title-01 {
  padding-top: 60px;
  margin-bottom: 40px;
}

.main .ll .yidong {
  position: relative;
}

.main .ll .yidong .center-sanjiao {
  width: 884px;
  height: 631px;
  margin: auto;
  position: relative;
  cursor: pointer;
  z-index: 1;
  background-image: url("../image/sjbg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.main .ll .yidong .center-sanjiao .desc {
  font-size: 40px;
  font-weight: 500;
  color: #B0DDFF;
  line-height: 68px;
  width: 40px;
  position: absolute;
  left: 420px;
  top: 213px;
  z-index: 1;
}

.main .ll .yidong .center-sanjiao .box {
  position: absolute;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.main .ll .yidong .center-sanjiao .box:hover {
  z-index: 2;
}

.main .ll .yidong .center-sanjiao .box span {
  font-weight: 600;
  font-weight: bold;
  font-size: 26px;
  color: #FFFFFF;
  line-height: 37px;
  position: relative;
  z-index: 10000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.main .ll .yidong .center-sanjiao .box1 {
  width: 294px;
  height: 209px;
  left: 296px;
  top: 40px;
  text-align: center;
  background: url("../image/as1.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box1 span {
  display: block;
  margin: auto;
  margin-top: 98px;
  width: 85px;
}

.main .ll .yidong .center-sanjiao .box1.active {
  background: url(../image/jz1.png) no-repeat center;
  /* background-size: cover; */
}

.mjzt {
  display: none;
}

.main .ll .yidong .center-sanjiao .box2 {
  width: 239px;
  height: 132px;
  left: 202px;
  top: 251px;
  background: url("../image/as2.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box2 span {
  float: left;
  margin-top: 46px;
  margin-left: 104px;
}

.main .ll .yidong .center-sanjiao .box2.active {
  background: url(../image/jz2.png) no-repeat center;
}

.main .ll .yidong .center-sanjiao .box3 {
  width: 239px;
  height: 132px;
  right: 202px;
  top: 251px;
  background: url("../image/as3.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box3 span {
  float: right;
  margin-top: 46px;
  margin-right: 104px;
}

.main .ll .yidong .center-sanjiao .box3.active {
  background: url(../image/jz3.png) no-repeat center;
  /* background-size: cover; */
}

.main .ll .yidong .center-sanjiao .box4 {
  width: 158px;
  height: 222px;
  left: 42px;
  bottom: 24px;
  background: url("../image/as4.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box4 span {
  float: left;
  margin-top: 174px;
  margin-left: 80px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box4.active {
  background: url(../image/jz4.png) no-repeat center;
  /* background-size: cover; */
}

.main .ll .yidong .center-sanjiao .box5 {
  width: 239px;
  height: 222px;
  left: 201px;
  bottom: 24px;
  background: url("../image/as5.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box5 span {
  float: left;
  margin-top: 174px;
  margin-left: 30px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box5.active {
  background: url(../image/jz5.png) no-repeat center;
}

.main .ll .yidong .center-sanjiao .box6 {
  width: 239px;
  height: 222px;
  left: 203px;
  bottom: 24px;
  background: url("../image/as6.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box6 span {
  float: right;
  margin-top: 50px;
  margin-right: 49px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box6.active {
  background: url(../image/jz6.png) no-repeat center;
}

.main .ll .yidong .center-sanjiao .box1.active span,
.main .ll .yidong .center-sanjiao .box2.active span {
  color: #FFFFFF;
}

.main .ll .yidong .center-sanjiao .box3.active span,
.main .ll .yidong .center-sanjiao .box4.active span {
  color: #FFFFFF;
}

.main .ll .yidong .center-sanjiao .box6.active span,
.main .ll .yidong .center-sanjiao .box5.active span {
  color: #FFFFFF;
}

.main .ll .yidong .center-sanjiao .box7.active span,
.main .ll .yidong .center-sanjiao .box8.active span {
  color: #FFFFFF;
}

.main .ll .yidong .center-sanjiao .box9.active span,
.main .ll .yidong .center-sanjiao .box10.active span {
  color: #FFFFFF;
}

.main .ll .yidong .center-sanjiao .box7 {
  width: 239px;
  height: 222px;
  right: 202px;
  bottom: 24px;
  background: url("../image/as7.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box7 span {
  float: left;
  margin-top: 50px;
  margin-left: 48px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box7.active {
  background: url(../image/jz7.png) no-repeat center;
  /* background-size: cover; */
}

.main .ll .yidong .center-sanjiao .box8 {
  width: 239px;
  height: 222px;
  right: 200px;
  bottom: 24px;
  background: url("../image/as8.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box8 span {
  float: right;
  margin-top: 174px;
  margin-right: 50px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box8.active {
  background: url(../image/jz8.png) no-repeat center;
  /* background-size: cover; */
}

.main .ll .yidong .center-sanjiao .box9 {
  width: 158px;
  height: 222px;
  right: 41px;
  bottom: 24px;
  background: url("../image/as9.png") no-repeat center;
}

.main .ll .yidong .center-sanjiao .box9 span {
  float: left;
  margin-top: 174px;
  margin-left: 30px;
  font-size: 24px;
  line-height: 33px;
}

.main .ll .yidong .center-sanjiao .box9.active {
  background: url(../image/jz9.png) no-repeat center;
  /* background-size: cover; */
}

.enterprise-culture .main .ll .yidong .center-sanjiao .canvas {
  z-index: 100;
}

.main .rr {
  position: absolute;
  top: 91px;
  right: 0;
  width: 431px;
  height: 190px;
  padding: 49px;
  background-image: url("../image/sinfo.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.rr .info .desc {
  font-weight: 400;
  font-size: 14px;
  color: #233863;
  line-height: 20px;
  text-align: left;
  position: relative;
  padding-left: 32px;
  box-sizing: border-box;
}

.rr .info .desc img {
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}

.rr .info .desc .sub-title {
  font-weight: 500;
  font-size: 20px;
  color: #233863;
  line-height: 20px;
  margin-bottom: 8px;
}

.rr .info .desc2 {
  padding-left: 0px;
}

.rr .info .desc2 .sub-title {
  padding-left: 32px;
}









.cooperation .cultrue .tit {
  font-size: 48px;
  font-family: "D-DINExp-Bold";
  color: #233863;
  line-height: 52px;
  margin-bottom: 64px;
}

.culture .coreValuesTit {
  background-image: url(../image/value_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  padding-top: 331px;
  height: 454px;
  font-weight: 400;
  font-size: 46px;
  color: #FFFFFF;
  line-height: 65px;
}

.culture .coreValuesTit .container p {
  white-space: nowrap;
}

.culture .valuesBox {
  padding: 88px 0;
}

.culture .valuesBox .item {
  margin-bottom: 56px;
}

.culture .valuesBox .item:nth-last-of-type(1) {
  margin-bottom: 0;
}

.culture .valuesBox .item .imgBox {
  position: relative;
  height: 240px;
  width: 400px;
  margin-right: 50px;
  float: left;
}

.culture .valuesBox .item .txtBox {
  padding-top: 46px;
}

.culture .valuesBox .item .txtBox .tit {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.culture .valuesBox .item .txtBox .tit::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 3px;
  background: #7479F7;
  bottom: 0;
}

.culture .valuesBox .item .txtBox .tit p {
  line-height: 28px;
}

.culture .valuesBox .item .txtBox .tit .t1 {
  font-size: 28px;
  font-weight: bold;
  color: #233863;
  margin-bottom: 8px;
}

.culture .valuesBox .item .txtBox .tit .t2 {
  font-size: 18px;
  color: #999999;
}

.culture .valuesBox .item .txtBox .des {
  font-size: 18px;
  color: #4a4a4a;
}

/* .yun-box .swiper-wrapper {
    display: block;
} */

@media screen and (min-width:2000px) {
  .inside-banner {
    background-position: bottom;
  }
}

@media screen and (max-width:1550px) {
  .inside-banner .box .img {
    right: 0;
    width: 70.74%;
    top: 30px;
  }
}

@media screen and (max-width:1380px) {
  .cooperation .cooperInfor {
    margin: auto;
  }
}

/*移动端*/
@media screen and (max-width: 768px) {
  .m-banner {
    height: 583px;
  }

  .m-banner .m-title {
    margin-bottom: 14px;
  }

  .m-banner .container {
    padding-top: 13px;
  }

  .m-banner .m-smltitle {
    font-size: 12px;
    font-weight: 400;
    color: #D4DAE7;
    line-height: 20px;
  }

  .cooperation {
    margin-top: 48px;
    padding-top: 0;
  }

  .cooperation .cooperInfor {
    display: flex;
    flex-direction: column;
  }

  .cooperation .cooperInfor .item {
    width: 100%;
    padding: 0;
    box-shadow: 0px 16px 35px 0px rgba(23, 35, 73, 0.06);
    border-radius: 4px;
    margin-bottom: 40px;
  }

  .cooperation .cooperInfor .item:nth-last-child(1) {
    margin-bottom: 0;
  }

  .cooperation .cooperInfor .item .insideBox {
    height: auto;
  }

  .cooperation .cooperInfor .insideBox .img {
    height: 185px;
    width: 100%;
  }

  .cooperation .cooperInfor .insideBox .txt {
    padding: 19px 24px 32px;
  }

  .cooperation .cooperInfor .insideBox .txt .title {
    margin-bottom: 25px;
  }

  .cooperation .cooperInfor .insideBox .txt .des {
    height: 72px;
    font-size: 14px;
    line-height: 24px;
  }

  .cooperation .question {
    margin: 0;
    flex-direction: column;
  }

  .cooperation .question .question-video,
  .cooperation .question video {
    width: 100%;
    height: 100%;
  }

  .cooperation .question .question-text {
    padding-left: 0;
    width: 100%;
    margin-top: 49px;
  }

  .cooperation .question .videoshow::after {
    width: 107px;
  }

  .cooperation .question .question-text::before {
    left: -24px;
  }

  .cooperation .question .question-text .tit {
    font-size: 32px;
    line-height: 45px;
    padding-top: 24px;
  }

  .cooperation .question .question-text .des {
    margin-top: 20px;
  }

  .cooperation .question .question-text .des p {
    font-size: 14px;
    line-height: 24px;
  }

  .yun {
    padding-top: 62px;
    position: relative;
    background: none;
    padding-bottom: 55px;
  }

  .partner {
    margin-top: 0;
  }

  .yun::after {
    content: '';
    background-image: url(../image/m-bg-015.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 42px;
    display: inline;
    height: 2065px;
    width: 100%;
    z-index: -1;
  }

  .title-01 {
    font-size: 28px;
    line-height: 40px;
  }

  .yun .title-01 {
    margin-bottom: 32px;
  }

  .yun .title-01 span {
    display: none;
  }

  .yun .title-01 br {
    display: inline;
  }

  .partner .title-01 {
    padding: 0 19px 0 20px;
  }

  .partner .title-01 .comma {
    display: none;
  }

  .partner .title-01 br {
    display: inline;
  }

  .partner-box {
    margin-bottom: 0;
    flex-direction: column;
  }

  .partner .container {
    padding: 0;
  }

  .partner-box .img {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
  }

  .partner-box .text {
    padding: 0 24px;
    width: 100%;
  }

  .partner-box .text p {
    line-height: 22px;
  }

  .partner-box .text p:nth-last-child(1) {
    margin-bottom: 0;
  }

  .cultureinfo .title-01 {
    padding-top: 42px;
    margin-bottom: 24px;
  }

  .culture .coreValuesTit {
    background-image: url(../image/m-value-bg.png);
    background-size: 100% 100%;
    height: 276px;
    padding-top: 120px;
  }

  .culture .coreValuesTit .container p {
    white-space: normal !important;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
  }

  .culture .valuesBox {
    padding-top: 40px;
  }

  .culture .valuesBox .item .imgBox {
    width: 100%;
    height: 220px;
    margin: 0;
    margin-bottom: 21px;
  }

  .culture .valuesBox .item .txtBox {
    padding: 0;
  }

  .culture .valuesBox .item {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
  }

  .culture .valuesBox .item .txtBox .tit .t1 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 8px;
  }

  .culture .valuesBox .item .txtBox .tit .t2 {
    font-size: 14px;
    line-height: 20px;
  }

  .culture .valuesBox .item .txtBox .tit {
    padding-bottom: 19px;
    margin-bottom: 16px;
  }

  .culture .valuesBox .item .txtBox .des {
    font-size: 14px;
    line-height: 20px;
  }

  .culture .valuesBox {
    padding-bottom: 64px;
  }

  .main .rr {
    display: none;
  }

  .main .ll .yidong .center-sanjiao {
    width: 100%;
  }

  .yun-box {
    overflow: hidden;
    margin: 0 -24px;
    position: relative;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .yun-box .item {
    flex-direction: column;
    height: 292px;
    width: calc(100% - 40px);
    margin: 0 12px 24px;
  }

  .yun-box .item:nth-child(2n) {
    margin: 0 0 24px 0;
  }

  .swiper-pagination {
    bottom: 0;
    width: 100%;
    margin: 0 auto;
  }

  .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 6px;
  }

  /* .yun-box .swiper-wrapper {
        display: flex;
    } */
  .yun-box .item .text .tit {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .yun-box .item .text .des {
    margin-top: 24px;
    font-size: 12px;
    line-height: 20px;
    width: 212px;
  }

  .yun-box .item img {
    width: 56px;
    height: 56px;
    margin: 0;
    margin-bottom: 16px;
  }

  .yun .title-02 {
    display: none;
  }

  .partner .title-01 span {
    font-size: 32px;
    line-height: 45px;
  }

  .culture_img {
    height: 234px;
    width: 100%;
  }

  .cultureinfo {
    position: relative;
    height: auto;
    background: none;
    margin-bottom: 100px;
  }

  .cultureinfo::after {
    content: '';
    background-image: url(../image/m-bg-015.png);
    background-size: 100% 432px;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    display: inline;
    height: 432px;
    width: 100%;
    z-index: -1;
  }

  #aboutus-title {
    font-size: 24px;
    line-height: 38px;
    width: 75%;
  }

  #aboutus-bg {
    background-image: url(static/image/banner_bg18.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 280px;
  }
}