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

 .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;
    line-height: 30rem;
    color: #666666;
 }
 .our .tit3 {
   border-bottom: solid 1rem #eeeeee;
   display: flex;
   justify-content: center;
   margin: 50rem 0;
 }
 .our .tit3 .item {
   font-size: 18rem;
   height: 50rem;
   line-height: 50rem;
   cursor: pointer;
   text-align: center;
   margin-right: 50rem;
 }
 .our .tit3 .item:last-child {
   margin: 0;
 }
 .our .tit3 .tab-item-acts {
   font-weight: bold;
   color: #3860f4;
   border-bottom: solid 2rem #3860f4;
 }

 .bg_yy {
   background: url(../image/qyzt/bg1.png);
   background-position: right top;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:auto 60%;
}

.bg_yy2 {
   background: url(../image/zhly/bg3.png);
   background-position: left center;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:auto 80%;
}

 .our .content4 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
   margin-top: 20rem;
}
.our .content4 .item {
   /* width: 32%; */
   width: 540rem;
   background: url(../image/zhly/bg1.png);
   background-position: right bottom;
   background-repeat: no-repeat;
   background-color: #ffffff;
   border-radius: 10rem;
   padding: 30rem;
   border: solid 1rem #efefef;
   margin: 0 19.9rem 30rem 0;
   background-size:100rem 125rem;
   &:last-child {
     margin-right: 0;
   }
}
.our .content4 .item:last-child {
   margin-right: 0;
 }
.our .content4 .item .title {
   font-size: 22rem;
   color: #2f354e;
}

.our .content4 .item .title2 {
   font-size: 24rem;
   color: #3860f4;
   margin: 20rem 0 ;
   font-weight: bold;
}

.our .content4 .item .text {
   font-size: 16rem;
   color: #707589;
   line-height: 30rem;
}

.our .shj {
   display: flex;
   justify-content: center;
}

.our .tit4 {
   border-bottom: solid 1rem #eeeeee;
   display: flex;
   justify-content: center;
   margin: 20rem 0 52rem;
   width: 914rem;
   padding: 0 115rem;
 }
 .our .tit4 .item {
   font-size: 18rem;
   height: 50rem;
   line-height: 50rem;
   cursor: pointer;
   text-align: center;
   flex: 1;
 }
 .our .tit4 .item:last-child {
   margin: 0;
 }
 .our .tit4 .tab-item-acts {
   font-weight: bold;
   color: #3860f4;
   /* border-bottom: solid 2rem #3860f4; */
   position: relative;
 }

 .our .tit4 .tab-item-acts::after {
   content: '';
   width:46rem;
   height: 3rem;
   background-color: #3860f4;
   position: absolute;
   bottom: -2rem;
   left: 50%;
   transform: translateX(-50%);
 }
 


.our .content18 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
   margin-top: 30rem;
   flex-wrap: wrap;
}

.our .content18 .item {
   /* border-radius: 10rem ; */
   padding: 22rem 27rem 0rem 50rem;
   /* flex: 1; */
   width: 340rem;
   margin:0 99.9rem 30rem 0;
   border-radius: 10rem;
   position: relative;
   border: solid 1rem #4f7ce5;
   height: 110.34rem;
   &:last-child{
     margin-right: 0;
   }
}
.our .content18 .item:last-child {
   margin-right: 0;
 }
.our .content18 .item .icon{
   position: absolute;
   bottom: -2%;
   left: -5%;
   background-color: #fffef6;
   z-index: 99;
}
.our .content18 .item .icon img{
   width:53rem;
   height: 63rem;
   display: block;
}
.our .content18 .item .icon2{
   width: 200rem;
   height: 20rem;
   position: absolute;
   bottom: -5%;
   left: 10%;
   background-image: linear-gradient(to right, rgba(250,249,241, 1), rgba(250,249,241, 0));
}

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

.our .content18 .item .title {
   font-size: 20rem;
   color: #c9d0f2;
   margin-bottom: 13rem;
   font-weight: bold;
}

.our .content18 .item .text {
   font-size: 24rem;
   line-height: 30rem;
   color: #333333;
   font-weight: bold;
}

.our .content-17 {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.our .content-17 .left {
   text-align: right;
}


.our .content-17 .title{
   font-size: 24rem;
   color: #075ff6;
   font-weight: bold;
   margin-bottom: 50rem;
}
.our .content-17 .title2{
   font-size: 24rem;
   color: #ff935d;
   font-weight: bold;
   margin-bottom: 50rem;
}

.our .content-17 .list{
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-bottom: 30rem;
}
.our .content-17 .list img,.our .content-17 .list1 img{
   width: 39rem;
   height: 39rem;
   display: block;
}
.our .content-17 .list .tit1 {
   font-size: 16rem;
   color: #2f354e;
   margin-right: 50rem;
}

.our .content-17 .list1{
   display: flex;
   align-items: center;
   margin-bottom: 30rem;
}
.our .content-17 .list1 .tit1 {
   font-size: 16rem;
   color: #2f354e;
   margin-left: 50rem;
}


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

.our .content1 .item {
   /* border-radius: 10rem ; */
   padding: 30rem;
   /* flex: 1; */
   width: 384rem;
   margin:0 41rem 30rem 0;
   height: 313rem;
   &:last-child{
     margin-right: 0;
   }
}
.our .content1 .item:last-child{
   margin-right: 0;
 }

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

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

.our .content1 .item .text {
   margin-top: 20rem;
   font-size: 18rem;
   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 .content5 {
   display: flex;
}
.our .content5 .left {
   flex: 1;
}
.our .content5 .right {
   flex: 1;
   padding: 50rem 0 0 0;
}
.our .content5 .right .title {
   font-size: 20rem;
   color: #2f354e;
   font-weight: bold;
   margin-bottom: 50rem;
   line-height: 40rem;
}
.our .content5 .right .title2 {
   font-size: 18rem;
   color: #2f354e;
   display: flex;
   align-items: center;
   margin-bottom: 20rem;
}
.our .content5 .right .title2 img{
  width: 29rem;
  height: 27rem;
  display: block;
}


.our .content3 {
   display: flex;
   justify-content: center;
   align-items: flex-end;
   flex-wrap: wrap;
}
.our .content3 .item {
   /* width: 25%; */
   width: 278rem;
   text-align: center;
   margin: 0 186rem 30rem 0;
   &:last-child {
      margin-right: 0;
   }
}
.our .content3 .item:last-child {
   margin-right: 0;
}
.our .content3 .item .title {
   font-size: 20rem;
   color: #2f354e;
   margin-bottom: 10rem;
}

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


.our .content6 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content6 .item {
   /* width: 15%; */
   width: 249rem;
   height: 180rem;
   border-radius: 10rem;
   box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1);
   text-align: center;
   background-color: #ffffff;
   padding: 30rem 0;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 33rem 30rem 0;
   &:last-child {
      margin-right: 0;
   }
}

.our .content6 .item:last-child {
   margin-right: 0;
}
.our .content6 .item .icon {
   background-color: #f3f6fe;
   border-radius: 50%;
   height: 85rem;
   width: 85rem;
   display: flex;
   align-items: center;
   justify-content: center;
}
.our .content6 .item .icon .text {
   font-size: 16rem;
   color: #8691bb;
   line-height: 36rem;
   position: absolute;
   font-weight: 550;
}




.our .content9 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-top: 67rem;
}
.our .content9 .item {
   /* width: 15%; */
   /* width: 249rem; */
   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;
   margin: 0 0rem 30rem 0;
   /* &:nth-child(6n) {
      margin-right: 0;
   } */
}
/* .our .content9 .item:nth-child(6n) {
   margin-right: 0;
} */
.our .content9 .item .icon .text {
   margin-top: 20rem;
   font-size: 16rem;
   color: #8691bb;
}
.our .content9 .item .icon img {
   width: 86rem;
   height: 86rem;
   display: block;
}


.our .sgf {
   background-color: #f1f7ff;
   text-align: center;
   color: #2f354e;
   padding: 40rem 0;
   margin-bottom: 50rem;
}