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

 .lc_bg {
   background: url(../image/hlwyy/l2.png),url(../image/hlwyy/l1.png);
   background-position: left center,right center;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:14% 60%;
}


.our .content3 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content3 .item {
   /* width: 32%; */
   /* width: 526rem; */
   text-align: center;
   margin: 30rem 00rem 0 0;
   background-color: #ffffff;
   border-radius: 15rem;
   padding: 80rem 0;
   /* &:nth-child(3n) {
      margin-right: 0;
   } */
}

.our .content3 .item .title {
   font-size: 24rem;
   color: #333333;
   margin: 30rem 0 20rem 0;
}

.our .content3 .item .text {
   font-size: 18rem;
   color: #666666;
}
.our .content3 .item .icon img{
   width: 118rem;
   height: 143rem;
   display: block;
   margin: 0 auto;
}
.bg_yy {
   background: url(../image/hlwyy/m1.png);
   background-position: left top;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:auto 40%;
}
.our .content4 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content4 .item {
   /* width: 19%; */
   /* width: 320rem; */
   text-align: center;
   margin: 20rem 0rem 0 0;
   background-color: #fdfdfa;
   border-radius: 15rem;
   padding: 30rem;

   /* &:nth-child(5n) {
      margin-right: 0;
   } */
}

.our .content4 .item .title {
   font-size: 24rem;
   color: #333333;
   margin: 30rem 0 ;
}

.our .content4 .item .text {
   font-size: 16rem;
   color: #666666;
}
.our .content4 .item .icon img {
   width: 102rem;
   height:102rem;
   display: block;
   margin: 0 auto;
}
.bg_ys {
   background: url(../image/hlwyy/m2.png);
   background-position: right bottom;
   background-repeat: no-repeat;
   background-color:#fffef6;
   background-size:auto 27%;
}

.our .content5 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content5 .item {
   width: 20%;
   text-align: center;
   margin-top: 20rem;
   background-color: #3262c9;
   border-radius: 15rem;
   padding: 50rem 0;
}

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

.our .content6 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.our .content6 .item {
   /* width: 48%; */
   /* width: 794rem; */
   margin:0 0rem 40rem 0;
   background-color: #ffffff;
   border-radius: 15rem;
   display: flex;
   align-items: center;
   padding: 50rem;
   /* &:nth-child(2n) {
      margin-right: 0;
   } */
}
.our .content6 .item .icon {
   margin-right: 50rem;
}
/* .our .content6 .item .icon img{
   width:85rem;height: 66rem;display: block;
} */

.our .content6 .item .title {
   font-size: 26rem;
   color: #333333;
}

.our .content6 .item .text {
   margin-top: 10rem;
   font-size: 18rem;
   color: #333333;
}