/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
 .area {
    max-width: var(--container-max-width);
    margin: 0 auto;
 }

 .tab.active {
   display: block;
}

 .our {
    background-color: #fffef6;
    padding: 100rem 0 0;
 }

 .our .tit1 {
    text-align: center;
    font-size: 32rem;
    color: #333333;
    display: flex;
    justify-content: center;
 }

 .our .tit1 .tit_bg {
    background-image: url(../image/dzsw/tit_bg.png);
    background-repeat: no-repeat;
    background-position: right 6rem;
    width: fit-content;
    padding: 0 22rem;
    height: 100rem;
    line-height: 90rem;
    background-size: 54rem 54rem;
 }

 .our .tit2 {
    /* margin-top: 30rem; */
    text-align: center;
    font-size: 18rem;
    color: #666666;
 }

 .our .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* justify-content: space-between; */
 }

 .our .content .item {
    border-radius: 10rem 0 10rem 10rem;
    padding: 50rem 20rem 20rem 20rem;
    /* flex: 1; */
    height: 335rem;
    width: 308rem;
    margin: 0 30rem  20rem 0;
 }
 .our .content .item.bg5 {
   margin-right: 0;
 }
 .our .content .item .title {
    font-size: 24rem;
    font-weight: bold;
    color: #333333;
 }

 .our .content .item .text {
    margin-top: 20rem;
    font-size: 16rem;
    line-height: 30rem;
    color: #333333;
 }

 .our .content .bg1 {
    background: url(../image/about/bg1.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    background-size: 90rem 69rem;
 }

 .our .content .bg2 {
    background: url(../image/about/bg2.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    background-size: 92rem 70rem;
 }

 .our .content .bg3 {
    background: url(../image/about/bg3.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    background-size: 91rem 70rem;
 }

 .our .content .bg4 {
    background: url(../image/about/bg4.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    background-size: 91rem 70rem;
 }


 .our .content .bg5 {
    background: url(../image/about/bg5.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    background-size: 91rem 70rem;
 }
 .our_bg {
   background: url(../image/dzsw/big_bg.png);
   background-repeat: no-repeat;
   background-position: right bottom;
   background-size: 29%;
   padding-bottom: 70rem;
   background-color: #fffef6;
 }

 .our .content1 {
    display: flex;
    /* align-items: center; */
    /* justify-content: space-between; */
 }

 .our .content1 .item {
    /* border-radius: 10rem ; */
    padding: 30rem;
    /* flex: 1; */
    width: 408rem;
    margin:0 30rem 30rem 0;
    /* height: 330rem; */
 }

 .our .content1 .item:last-child {
    margin-right: 0;
 }

 .our .content1 .item .title {
    font-size: 20rem;
    color: #ffffff;
    margin: 20rem 0;
 }

 .our .content1 .item .text {
    font-size: 14rem;
    line-height: 25rem;
    color: #ffffff;
 }

 .our .content1 .bg1 {
    background: url(../image/dzsw/1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }
 .our .content1 .item img {
  width: 100rem;
  height: 100rem;
  display: block;
 }
 .our .content1 .bg2 {
    background: url(../image/dzsw/2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

 .our .content1 .bg3 {
    background: url(../image/dzsw/3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

 .our .content1 .bg4 {
    background: url(../image/dzsw/4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

 .our .content2 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
}

.our .content2 .item {
   /* border-radius: 10rem ; */
   padding: 40rem;
   /* flex: 1; */
   width: 540rem;
   margin:0 20rem 30rem 0;
   background: url(../image/dzsw/blue_bg.png);
   background-size: 15%;
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #ffffff;
   /* height: 330rem; */
}

.our .content2 .item:last-child {
   margin-right: 0;
}

.our .content2 .item .title {
   font-size: 24rem;
   color: #333333;
}

.our .content2 .item .text {
   margin-top: 10rem;
   font-size: 18rem;
   line-height: 25rem;
   color: #333333;
}
.our .content2 .item .list {
   margin-bottom: 20rem;
   color: #111111;
   font-size: 20rem;
   display: flex;
   align-items: center;
}
.our .content2 .item .list:last-child {
   margin: 0;
}
.our .content2 .item .list img{
   width: 20rem;
   height: 15rem;
   display: block;
}


.our .content3 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content3 .item {
   width: 415rem;
   text-align: center;
   margin-top: 100rem;
}

.our .content3 .item .title {
   font-size: 18rem;
   color: #111111;
   margin: 20rem 0 10rem 0;
}

.our .content3 .item .text {
   font-size: 14rem;
   color: #666666;
}





.our .content4 {
   display: flex;
   /* justify-content: center; */
   align-items: center;
   margin: 0 auto;
   width: fit-content;
}
.our .content4 .item {
   text-align: center;
   
   margin: 0 80rem 30rem;
}
.our .content4 .item img{
   width: 143rem;
   height: 143rem;
   display: block;
}
.our .content4 .item .text {
   font-size: 16rem;
   color: #ffffff;
}


.our .content5 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content5 .item {
   opacity: 0.9;
   border-radius: 10rem;
   background-color: #ffffff;
   width: 32.7%;
   margin-top: 18rem;
   padding: 20rem;
}

.our .content5 .item .title {
   font-size: 20rem;
   color: #3860f4;
   margin-bottom: 15rem;
}

.our .content5 .item .text {
   font-size: 16rem;
   text-indent: 2em;
   color: #666666;
   line-height: 25rem;
}

.our .content6 {
   /* display: flex;
   flex-wrap: wrap; */
   justify-content: space-between;
   display: grid;
   grid-template-columns: repeat(6, 240rem);
}
.our .content6 .item {
   /* width: 15%; */
   border-radius: 10rem;
   box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1);
   text-align: center;
   margin-top: 30rem;
   background-color: #ffffff;
   padding: 50rem 0;
   display: flex;
   align-items: center;
   justify-content: center;
}
.our .content6 .item img{
  margin: 0 auto;
  width: 86rem;
  height: 86rem;
  display: block;
}
.our .content6 .item .icon .text {
   margin-top: 10rem;
   font-size: 16rem;
   color: #8691bb;
}


.our .content7 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
}

.our .content7 .item {
   /* border-radius: 10rem ; */
   padding: 40rem;
   /* flex: 1; */
   width: 540rem;
   margin:0 20rem 30rem 0;
   background-color: #ffffff;
   border-radius: 10rem;
   text-align: center;
   /* height: 330rem; */
}

.our .content7 .item:last-child {
   margin-right: 0;
}

.our .content7 .item .title {
   font-size: 24rem;
   color: #383838;
   margin: 20rem 0;
}

.our .content7 .item .text {
   font-size: 18rem;
   line-height: 25rem;
   color: #383838;
}

.our .content8 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
}

.our .content8 .item {
   border-radius: 10rem ;
   padding: 30rem;
   /* flex: 1; */
   width: 400rem;
   margin:0 21rem 30rem 0;
   border: dashed 1rem #2351af;
   position: relative;
   /* height: 330rem; */
}

.our .content8 .item:last-child {
   margin-right: 0;
}
.our .content8 .item .icon{
   display: flex;
   align-items: center;
   position: absolute;
   top: -22rem;
   left: 20rem;
   background: #ffffff;
   padding: 0 10rem;
}

.our .content8 .item .icon .title {
   font-size: 22rem;
   color: #2f354e;
   margin-left: 10rem;
}

.our .content8 .item .text {
   font-size: 14rem;
   line-height: 25rem;
   color: #2f354e;
}



 .our2 {
    background-color: #fffef6;
    padding: 39.63rem 0 0;
 }

 .our2 .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* justify-content: space-between; */
 }

 .our2 .content .item {
    overflow: hidden;
    /* height: 210rem; */
    height: 240rem;
    width: 300rem;
    border-radius: 10rem;
    padding: 50rem 0;
    /* flex: 1; */
    margin:0 40rem 30rem 0;
    background-color: #ffffff;
    text-align: center;
    &:last-child {
        margin-right: 0;
    }
 }
 .our2 .content .item:last-child {
   margin-right: 0;
}

 .our2 .content .item .title {
    font-size: 16rem;
    color: #333333;
    margin: 15rem 0;
 }

 .our2 .content .item .text {
    font-size: 18rem;
    line-height: 30rem;
    font-weight: bold;
    color: #164cc2;
    padding:0 40rem;
 }
 .our2 .content .item .icon img{
   width: 58rem;
   height: 58rem;
   display: block;
   margin: 0 auto;
 }


 .our .content40 {
   display: flex;
   flex-wrap: wrap;
}
.our .content40 .item {
   width: 15%;
   text-align: center;
   margin-top: 30rem;
   margin-bottom: 10rem;
   margin-right: 6%;
   cursor: pointer;
}
.our .content40 .item:nth-child(5n) {
   margin-right: 0;
}


.title-box {
   font-size: 26rem;
   line-height: 30rem;
   color: #222222;
   margin-bottom: 43rem;
   padding-left: 9rem;
   font-weight: 300;
}


 /* marqueeleft */
 .marqueeleft {
   /* height: 87rem; */
   overflow: hidden;
   margin-bottom: 16rem;
 }

 .marqueeleft ul {
   float: left;
 }

 .marqueeleft li {
   float: left;
   margin: 0 9rem;
   /* display: inline; */
   width: 193rem;
   height: 82rem;
   overflow: hidden;
border-radius: 8rem;
   background-color: #fff;
 }
 .marqueeleft li img{
   width: 192rem;
   height: 86rem;
   display: block;
 }

 .overT6 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
   overflow: hidden;
}


/* 关于灵集 新版*/
.our2.culture-box .culture-box-box{
   background-color: #fff;
   /* height: 485rem; */
   padding: 63rem 60rem 62rem 0;
}
.our2.culture-box .culture-box-box .left-box{
   font-size: 34rem;
   font-weight: 700;
   letter-spacing: 0rem;
   /* line-height: 31rem; */
   color: rgba(34, 34, 34, 1);
}
.our2.culture-box .culture-box-box .left-box img{
   width:331rem;
   height: 253rem;
   display: block;
   image-rendering: pixelated;
  backface-visibility: hidden;
}
.our2.culture-box .culture-box-box ul{
   width: 1200rem;
/* height: 360rem; */
/* opacity: 0.2; */
background: linear-gradient(90deg, rgba(82, 165, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
padding: 62rem 36rem 10rem 89rem;
}
.our2.culture-box .culture-box-box ul .title{
   font-size: 30rem;
   font-weight: 400;
   letter-spacing: 0rem;
   line-height: 31rem;
   color: rgba(34, 34, 34, 1);
   margin-left: 10rem;
}
.our2.culture-box .culture-box-box ul .txt{
   font-size: 14rem;
font-weight: 400;
letter-spacing: 0rem;
line-height: 23rem;
color: rgba(44, 66, 115, 1);
margin: 13rem 0 55rem;
}
.our2.culture-box .culture-box-box ul li img{
   width: 40rem;
   height: 40rem;
   display: block;
   image-rendering: pixelated;
  backface-visibility: hidden;
}
.our2.culture-box .idea-box{
   margin-top: 56.01rem;
 background-color: #FFF;
 padding: 60.22rem 125rem 62rem 73rem;
}
.our2.culture-box .idea-box .idea-box-box{
   width: 1180.28rem;
   overflow: hidden;
}
.our2.culture-box .idea-box ul li{
   /* width: 590rem; */
   height: 48rem;
   /* opacity: 0.8; */
   border-radius: 40rem;
   background: rgba(237, 243, 255, 1);
   position: relative;
   padding: 0 30rem 0 122rem;
   font-size: 14rem;
font-weight: 400;
letter-spacing: 0rem;
line-height: 48rem;
color: rgba(0, 0, 0, 1);
margin:0 40rem 24rem 0;
}
.our2.culture-box .idea-box ul li:nth-child(2n){
   margin-right: 0;
}

.our2.culture-box .idea-box ul li .tip-box {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100rem;
opacity: 1;
border-radius: 40rem;
background: rgba(22, 76, 194, 1);
font-size: 16rem;
color: rgba(255, 255, 255, 1);
}

.our2.culture-box .idea-box ul li .li-txt{
   overflow: hidden;
   white-space: nowrap;
   white-space: pre;
}
.our2.culture-box .idea-box .right-box{
   font-size: 34rem;
font-weight: 700;
letter-spacing: 0rem;
/* line-height: 31rem; */
color: rgba(34, 34, 34, 1);
margin-top: -30rem;
}
.our2.culture-box .idea-box .right-box .txt{
   margin: 31rem 0 38rem;
}
.our2.culture-box .idea-box .right-box>img{
   width: 176rem;
   height: 137rem;
   display: block;
   margin: 0 auto;
}
.our2.culture-box .idea-box .right-box div img{
   width: 40rem;
   height: 40rem;
   display: block;
}
/* .our2.culture-box .idea-bg{
   display: block;
   width: 100%;
    margin-bottom: 60rem;
} */
.our2.culture-box .idea-bg{
   display: block;
   width: 100%;
   height: 424rem;
    margin-bottom: 60rem;
    background-image: url('../image/about/idea_bg.png');
   background-size: cover; 
   background-position: center;
   font-size: 20rem;
font-weight: 300;
letter-spacing: 0rem;
line-height: 40rem;
color: rgba(255, 255, 255, 1);
padding: 177rem 135rem 0rem 359rem ;
image-rendering: pixelated;
backface-visibility: hidden;
}
.our2.culture-box .idea-bg .title{
   font-size: 50rem;
font-weight: 700;
line-height: 31rem;
margin-bottom: 39rem;
}
.our2.culture-box .process-box{
   position: relative;
   overflow: hidden;
}
.our2.culture-box .process-box .process-box-box{
   width: calc(100% - 77rem);
   margin: 0 auto;
   margin-bottom: 73.14rem;
   overflow: hidden;
}
.our2.culture-box .process-box ul{
   width: 100%;
}
.our2.culture-box .process-box ul li{
   width: 25%;
   font-size: 24rem;
font-weight: 400;
letter-spacing: 0rem;
line-height: 31rem;
color: rgba(0, 0, 0, 1);
flex-shrink: 0;
}
.our2.culture-box .process-box ul li .line{
   width: 100%;
  height: 2rem;
  background-color: #CCD6E8;
  position: relative;
  margin: 46rem 0 34rem;
}
.our2.culture-box .process-box ul li .act{
   color: rgba(22, 76, 194, 1) !important;
}
.our2.culture-box .process-box ul li .line .dian{
   width: 8rem;
  height: 8rem;
  background-color: #CCD6E8;
  border-radius: 50%;
  position: absolute;
  top: -4rem;
  left: 50%;
  transform: translateX(-50%);
}
.our2.culture-box .process-box ul li .line .local-pic{
  position: absolute;
  top: -32rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 32rem;
  height: 32rem;
}
.our2.culture-box .process-box ul li .title{
   font-size: 24rem;
font-weight: 700;
letter-spacing: 0rem;
line-height: 31rem;
color: rgba(34, 34, 34, 1);
/* margin-bottom: 23rem; */
}
.our2.culture-box .process-box ul li .txt{
   font-size: 16rem;
   font-weight: 400;
   letter-spacing: 0rem;
   line-height: 30rem;
   color: rgba(34, 34, 34, 1);
}

.our2.culture-box .process-box .towards-left{
   position: absolute;
   top: 76rem;
   left: 0rem;
   cursor: pointer;
   transform: translateY(-50%);
}
.our2.culture-box .process-box .towards-left img,.our2.culture-box .process-box .towards-right img{
   width: 40rem;
   height: 40rem;
}
.our2.culture-box .process-box .towards-right{
   position: absolute;
   top: 76rem;
   right: 0rem;
   cursor: pointer;
   transform: translateY(-50%);
}
.banner.culture-box{
   padding-top: 62.53rem;
}
.banner.culture-box .swiper {
   cursor: grab;
   width: calc(100% - (100vw - var(--container-max-width)) / 2);
   height: 646rem;
   margin-left: calc((100vw - var(--container-max-width)) / 2);
   position: relative;
 }
.banner.culture-box .swiper .shade-pic{
   width: 357rem;
   height: 646rem;
   opacity: 1;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   display: block;
   pointer-events:none;
 }

 /*.banner.culture-box .swiper-slide {
   background-color: red;
 } */

 .banner.culture-box .swiper-slide img {
   width: 1384rem;
   /* display: none; */
 }