/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
 .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 .content6 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content6 .item {
   /* width: 15%; */
   width: 240rem;
   border-radius: 10rem;
   box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1);
   text-align: center;
   margin: 30rem 44rem 0 0;
   background-color: #ffffff;
   padding: 50rem 0;
   display: flex;
   align-items: center;
   justify-content: center;
   &:last-child{
      margin-right: 0;
   }
}
.our .content6 .item:last-child {
   margin-right: 0;
   /* background-color: red; */
}
.our .content6 .item .icon .text {
   margin-top: 10rem;
   font-size: 16rem;
   color: #2f354e;
}


.our .content7 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content7 .item {
   /* width: 18%; */
   width: 300rem;
   border-radius: 10rem;
   box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1);
   text-align: center;
   background-color: #ffffff;
   padding: 30rem 0;
   position:relative;
   margin: 0 40rem 30rem 0;
   &:last-child{
      margin-right: 0;
   }
}
.our .content7 .item:last-child{
   margin-right: 0;
}
.our .content7 .item .icon {
   background-color: #164cc2;
   padding: 15rem;
   color: #ffffff;
   font-size: 24rem;
   border-radius: 50%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -30rem;
   width: 56rem;
   height: 56rem;
}
.our .content7 .item .text {
   margin-top: 20rem;
   font-size: 24rem;
   color: #333333;
}
.our .content7 .item .li {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.our .content7 .item .li .list {
   background-color: #f1f4fb;
   width: 80%;
   border-radius: 5rem;
   height: 30rem;
   line-height: 30rem;
   color: #333333;
   margin-top: 10rem;
   font-size: 14rem;
}
.our .content7 .item .li .list:first-child{
   margin-top: 20rem;
}
.our .content1 {
   display: flex;
   align-items: center;
}
.our .content1 .left {
   width: calc(100% / 2);
   /* margin-right: 42rem; */
   /* padding-right: 146rem; */
}
.our .content1 .right {
   /* flex: 1; */
   width: calc(100% / 2);
   color: #ffffff;
   /* margin-left: 100rem; */
   margin-top: -20rem;
}
.our .content1 .right .title {
   font-size: 24rem;
}
.our .content1 .right .title2 {
   font-size: 18rem;
   margin: 13rem 0 38rem 0;
}
.our .content1 .right .text {
   font-size: 18rem;
   line-height: 35rem;
}
.lc_bg {
   background: url(../image/zhdj/bg_left.png),url(../image/zhdj/bg_right.png);
   background-position: left center,right center;
   background-repeat: no-repeat;
   background-color:#ffffff;
   background-size:14% 60%;
}
.our .content2 {
   display: flex;
   /* align-items: center; */
}
.our .content2 .left {
   margin-left: 118rem;
   margin-top: 30rem;
}
.our .content2 .right {
   width: calc(100% / 2);
   margin-top: 30rem;
}
.our .content2 .right .title {
   display: flex;
   align-items: center;
   font-size: 24rem;
   color: #2f354e;
}
.our .content2 .right .title img{
   width: 27rem;
   height:29rem;
   display: block;
}
.our .content2 .right .title .ti2 {
   font-size: 18rem;
   color: #164cc2;
}
.our .content2 .right .title2 {
   font-size: 18rem;
   color: #164cc2;
   margin-bottom: 5rem;
}
.our .content2 .right .text {
   font-size: 18rem;
   line-height: 25rem;
   margin-top: 30rem;
   color: #2f354e;
}


.our .content8 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content8 .item {
   width: 140rem;
   height: 140rem;
   border-radius: 5rem;
   /* box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1); */
   text-align: center;
   background-color: #f1f2ef;
   /* padding: 30rem; */
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 49.9rem 30rem 0;
   &:last-child{
      margin-right: 0;
   }
}
.our .content8 .item:last-child{
   margin-right: 0;
}
.our .content8 .item .icon .text {
   margin-top: 10rem;
   font-size: 18rem;
   color: #333333;
}

.our .content2 .right .content12 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 80rem;
}
.our .content2 .right .content12 .item {
   /* width: 15%; */
   border-radius: 5rem;
   /* box-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.1); */
   text-align: center;
   /* background-color: #f1f2ef; */
   /* padding: 30rem; */
   display: flex;
   align-items: center;
   justify-content: space-around;
   height: 130rem;
}
.our .content2 .right .content12 .item .icon .text {
   margin-top: 10rem;
   font-size: 18rem;
   color: #333333;
}

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

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

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

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

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



.our .content03 {
   display: flex;
   flex-wrap: wrap;
   /* justify-content: space-between; */
}
.our .content03 .item {
   width: 225rem;
   text-align: center;
   margin: 100rem 133rem 0 0;
   &:last-child{
      margin-right: 0;
   }
   
}
.our .content03 .item img{
   width: 85rem;
   height: 86rem;
   display: block;
   margin: 0 auto;
}
.our .content03 .item:last-child{
   margin-right: 0;
}
.our .content03 .item .title {
   font-size: 18rem;
   color: #2f354e;
   margin: 20rem 0;
}

.our .content03 .item .text {
   font-size: 15rem;
   line-height: 25rem;
   color: #4d5471;
}


.our .content18 {
   display: flex;
   /* justify-content: center; */
   align-items: center;
   margin: 0 auto;
   width: fit-content;
}
.our .content18 .item {
   text-align: center;
   margin:0 150rem 30rem 0;
}
.our .content18 .item img{
  margin: 0 auto;
  width: 160rem;
  height: 160rem;
  display: block;
}
.our .content18 .item:last-child {
   margin-right: 0;
}
.our .content18 .item .icon .text {
   margin-top: 20rem;
   font-size: 24rem;
   color: #ffffff;
}
.our .content20 {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.our .content20 .left {
   /* flex: 1; */
   width: 797.71rem;
   background-color: #ffffff;
   border-radius: 15rem;
   height: 250rem;
   /* margin-right: 50rem; */
   background-image: url(../image/zhjj/g1.png);
   background-repeat: no-repeat;
   background-color:#ffffff;
   background-position: left bottom;
   /* background-size:60% 80%; */
   text-align: right;
   padding: 50rem;
   font-size: 24rem;
   color: #333333;
   margin-bottom: 30rem;
   background-size: 530rem 252rem;
}

.our .content20 .right {
   width: 797.71rem;
   background-color: #ffffff;
   border-radius: 15rem;
   height: 250rem;
   background-image: url(../image/zhjj/g2.png);
   background-repeat: no-repeat;
   background-color:#ffffff;
   background-position: left bottom;
   /* background-size:60% 80%; */
   padding: 50rem;
   text-align: right;
   font-size: 24rem;
   color: #333333;
   margin-bottom: 30rem;
   background-size: 509rem 245rem;
}