/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
 .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;
 }

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

 .our .content04 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content04 .item {
   width: 540rem;
   text-align: center;
   margin-top: 20rem;
   background-color: #fdfdfa;
   border-radius: 10rem;
   padding: 50rem 0;
   border: solid 1rem #efefef;
   margin: 20rem 20rem 10rem 0;
   &:last-child {
    margin-right: 0;
   }
}
.our .content04 .item img{
   width: 176rem;
   height: 114rem;
   display: block;
   margin: 0 auto;
}
.our .content04 .item:last-child {
   margin-right: 0;
  }
.our .content04 .item .title {
   font-size: 24rem;
   color: #333333;
   margin: 20rem 0 ;
}

.our .content04 .item .text {
   font-size: 16rem;
   color: #707589;
}

.our .content6 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content6 .item {
   width: 800rem;
   margin-bottom: 40rem;
   background-color: #ffffff;
   border-radius: 15rem;
   display: flex;
   align-items: center;
   padding: 50rem;
}
.our .content6 .item img{
   width: 58rem;
   height: 58rem;
   display: block;
}
.our .content6 .item .icon {
   margin-right: 50rem;
}

.our .content6 .item .title {
   font-size: 24rem;
   color: #2f354e;
}

.our .content6 .item .text {
   margin-top: 30rem;
   font-size: 16rem;
   color: #2f354e;
   line-height: 30rem;
}


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

.our .content14 .item {
   /* border-radius: 10rem ; */
   padding: 184rem 50rem 50rem 72rem;
   /* flex: 1; */
   width: 380rem;
   margin: 0rem 47rem 70rem 0rem;
   background-color: #ffffff;
   border-radius: 6rem;
   position: relative;
   border: solid 1rem #efefef;
   height: 405.5rem;
   &:last-child {
    margin-right: 0;
   }
}
.our .content14 .item img{
   width: 175rem;
   height: 217rem;
   display: block;
   margin: 0 auto;
}
.our .content14 .item:last-child {
   margin-right: 0;
  }
.our .content14 .item .icon{
   position: absolute;
   top: -73rem;
   left: 50%;
   transform: translateX(-50%);
}

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

.our .content14 .item .title {
   text-align: center;
   font-size: 20rem;
   color: #383838;
   margin: 20rem 0;
   font-weight: 550;
}

.our .content14 .item .text {
   font-size: 16rem;
   line-height: 30rem;
   color: #383838;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}


.our .content02 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
}
.our .content02 .item .head {
   background-image: linear-gradient(#3a61f4, #9cb0fa);
   height: 130rem;
   line-height: 130rem;
}

.our .content02 .item {
   position: relative;
   border-radius: 5rem ;
   overflow: hidden;
   /* padding: 40rem; */
   /* flex: 1; */
   width: 524.34rem;
   margin-right: 20rem;
   background-color: #ffffff;
   box-shadow: 0rem 0rem 10rem rgba(69,106,245,0.1);
   /* background: url(../image/dzsw/blue_bg.png);
   background-size: 15%;
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #ffffff; */
   height: 412rem;
   margin: 0 44rem 30rem 0;
   &:last-child {
    margin-right: 0;
   }
}
.our .content02 .item:last-child {
   margin-right: 0;
  }

.our .content02 .item .title {
   font-size: 30rem;
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.our .content02 .item .text {
   font-size: 20rem;
   color: #3860f4;
   background-color: #ffffff;
   position: absolute;
   top: 105rem;
   left: 50%;
   padding: 10rem 20rem;
   transform: translateX(-50%);
   border-radius: 5rem;
   box-shadow: 0rem 0rem 10rem rgba(69,106,245,0.3);
}
.our .content02 .item .li {
   padding: 50rem 100rem;
   display: flex;
   justify-content: space-between;
}
.our .content02 .item .li .list {
   margin-bottom: 20rem;
   color: #111111;
   font-size: 20rem;
   display: flex;
   align-items: center;
}
.our .content02 .item .li .list:last-child {
   margin: 0;
}
.our_bg{
   background: url(../image/qyzt/bg2.png);
   background-position: left 40%;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:auto 60%;
}

.our .content12 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content12 .item {
   width: 800rem;
   margin-bottom: 40rem;
   background-color: #ffffff;
   border-radius: 15rem;
   padding: 50rem;
}
.our .content12 .item .icon {
   margin-right: 50rem;
   display: flex;
   align-items: center;
}

.our .content12 .item .title {
   font-size: 24rem;
   margin-left: 50rem;
   color: #383838;
}

.our .content12 .item .text {
   margin-top: 20rem;
   font-size: 18rem;
   color: #383838;
   line-height: 30rem;
}