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

 .our_bg {
   background: url(../image/dzsw/big_bg.png);
   background-repeat: no-repeat;
   background-position: right bottom;
   background-size: 29%;
   padding-bottom: 100rem;
   background-color: #fffef6;
 }

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

.our .content02 .item {
   /* border-radius: 10rem ; */
   padding: 30rem;
   width: 540rem;
   margin:0 20rem 30rem 0;
   background: url(../image/zhdj/bg1.png);
   background-size: 102rem 102rem;
   background-repeat: no-repeat;
   background-position: left top;
   background-color: #ffffff;
   height: 221rem;

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

.our .content02 .item .num {
   font-size: 24rem;
   color: #3860f4;
   margin-right: 5rem;
   font-weight: bold;
}

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

.our .content02 .item .text {
   margin-top: 30rem;
   font-size: 16rem;
   line-height: 25rem;
   color: #707589;
}


.our .content4 {
   display: flex;
   /* justify-content: center; */
   align-items: flex-end;
   margin: 0 auto;
   width: fit-content;
}
.our .content4 .item {
   text-align: center;
width: 108rem;   
   margin: 0 80rem 30rem;
}

.our .content4 .item .text {
   font-size: 18rem;
   color: #2f354e;
   margin-top: 30rem;
}


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

.our .content7 .item {
   /* border-radius: 10rem ; */
   padding: 60rem 30rem 30rem 30rem;
   /* flex: 1; */
   margin:0 34rem  70rem 0;
   background-color: #ffffff;
   border-radius: 10rem;
   position: relative;
   height: 312rem;
   width: 390rem;
   &:last-child {
      margin-right: 0;
   }
}
.our .content7 .item:last-child {
   margin-right: 0;
}
.our .content7 .item .icon{
   position: absolute;
   bottom: 85%;
   left: 50%;
   transform: translateX(-50%);
}

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

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

.our .content7 .item .text {
   font-size: 18rem;
   line-height: 30rem;
   color: #383838;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.lc_bg {
   background: url(../image/zhdj/bg_left.png),url(../image/zhdj/bg_right.png);
   background-position: left top,right center;
   background-repeat: no-repeat;
   background-color:#ffffff;
   background-size:14% 60%;
}

.lan {
   background: url(../image/zhdj/lan.jpg);
   background-repeat: no-repeat;
   background-size:100% 100%;
   height: 700rem;
}
.tit2s{
    font-size: 16rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
}
.tit2s .nr{
   width: 60%;
   margin-top: 60rem;
   line-height: 30rem;
}
.our_labg {
   background: url(../image/zhdj/bg_la.png);
   background-repeat: no-repeat;
   background-position: left bottom;
   background-size: 21% 64%;
   background-color: #fffef6;
}

.our .content8 {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
}
.our .content8 .item_bg {
   background: url(../image/zhdj/bg_l1.jpg);
   /* background-size: 50%; */
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #ffffff;
   background-size: 327rem 264rem;
}
.our .content8 .item_bg2 {
   background: url(../image/zhdj/bg_l2.jpg);
   /* background-size: 50%; */
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #ffffff;
   background-size: 327rem 264rem;
}
.our .content8 .item_bg3 {
   background: url(../image/zhdj/bg_l3.jpg);
   /* background-size: 50%; */
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #ffffff;
   background-size: 306rem 246rem;
}

.our .content8 .item {
   /* border-radius: 10rem ; */
   padding: 30rem 30rem 130rem 30rem;
   /* flex: 1; */
   width: 540rem;
   margin:0 30rem 30rem 0;
   background-color: #ffffff;
   border-radius: 10rem;
   position: relative;
   height: 384.5rem;
   &:last-child {
      margin-right: 0;
   }
}
.our .content8 .item:last-child {
   margin-right: 0;
}

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

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

.our .content8 .item .text {
   font-size: 16rem;
   line-height: 30rem;
   color: #383838;
   width: 60%;
}

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

.our .content9 .item {
   /* border-radius: 10rem ; */
   padding: 106rem 50rem 0rem 55rem;
   /* flex: 1; */
   width: 390rem;
   margin:0 0rem 100rem 0;
   background-color: #ffffff;
   border-radius: 10rem;
   position: relative;
   height: 312rem;
}
.our .content9 .item img{
   width: 111rem;
   height: 111rem;
   display: block;
}
.our .content9 .item .icon{
   position: absolute;
   top: -60rem;
   left: 50%;
   transform: translateX(-50%);
}


.our .content9 .item .title {
   text-align: center;
   font-size: 24rem;
   color: #383838;
   margin-bottom: 25rem;
}

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