@media (min-width:821px) {
    .latest .header .tit{
        background: url(/static/index/pc/zyzx/latest_head_bg.png) no-repeat;
        background-size: 100% 100%;
                  }
    .latest .header .tit h2{
                    width: 170px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
       }
       .latest .content{
         
        margin-top:20px;
        justify-content: space-between;
        align-items: start;
       }
       .latest .content1{
        width: 1200px;
        /* padding: 30px;
        border-radius: 10px 10px, 10px, 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25); */
justify-content: space-between;
       }
       .latest .content1 .zx{
              border-radius: 10px 10px 10px 10px;
              background: rgba(250, 250, 250, 1);
              box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
              width: 490px;
              height: 260px;
              padding: 30px;
       }
       .latest .content1 .zx img{
              height: 100%;
       }
       .latest .content1 .swiper-zx{
             
        border-radius: 10px;
        overflow: hidden;
        position: relative;
       }
       .latest .content1 .swiper-zx li{
        position: relative;
        height: 260px;
       }
       .latest .content1 .swiper-zx .info{
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 2;
        left: 0;
        height: 50px;
border-radius: 0px 0px, 10px, 10px;
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(8px);
       }
       .latest .content1 .swiper-zx .info .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;

        text-overflow: ellipsis;
        line-height: 50px;
        width: 299px;
        margin-left: 18px;
        font-size: 20px;
font-weight: 600;
color: rgba(255, 255, 255, 1);
       }
       .latest .content1 .swiper-zx .swiper-pagination{
        text-align: right;
       right: 13px;
       width: 466px;
       position: absolute;
       z-index: 3;
       }
       .latest .content1 .swiper-zx .swiper-pagination-bullets{
  
        bottom: 15px;
       }
       .latest .content1 .swiper-zx .swiper-pagination-bullet{
        width: 10px;
height: 10px;
opacity: 1;
border: 1px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0);
margin: 0 7.5px;
       }
       .latest .content1 .swiper-zx .swiper-pagination-bullet-active{
        background: rgba(255, 255, 255, 1);
       }
       .latest .content1 .zx1{
        padding: 30px;
        width: 560px;
opacity: 1;
border-radius: 10px 10px 10px 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
       }
       .latest .content1 .zx1 .title{
        letter-spacing: 1px;
line-height: 24px;
color: rgba(0, 0, 0, 0.8);
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 28px;
       }
       .latest .content1 .zx1 .des{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 36px;
        margin: 30px 0;
       }
       .latest .content1 .zx1 .time{
        justify-content: space-between;
        margin-bottom: 6px;
       }
       .latest .content1 .zx1 .time span{
        color: rgba(0, 0, 0, 0.2);
       }
       .latest .content2{
        width: 330px;
border-radius: 10px 10px, 10px, 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
padding: 15px;
margin-top: 30px;
       }
       .latest .content2 .title{
        line-height: 30px;
        color: rgba(0, 0, 0, 0.8);
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
       }
       .latest .content2 .zx2{
              border-bottom: 1px dashed rgba(0, 0, 0, 0.2); 
       }
       .latest .content2 .zx2 .img{
        justify-content: space-between;
        margin: 15px 0
       }
       .latest .content2 .zx2 .img li{
        width: 100px;
        height: 90px;
        border-radius: 5px;
        overflow: hidden;
       }
       .latest .content2 .zx2 .des{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 36px;
        margin: 0 0 15px;
       }
       .latest .content2 .zx3{
              margin-top: 15px;
       }
       .latest .content2 .zx3 .des{
              line-height: 36px;
              margin-top: 15px;
       }
       .latest .content2 .zx4 li{
              height: 40px;
              border-radius: 20.5px;
              background: rgba(0, 0, 0, 0.05);
              padding: 0 15px;
              margin-top: 21px;
             
       }
       .latest .content2 .zx4 li .title{
              line-height: 40px;
             
       }
       .latest .content3{
              width: 810px;
              margin-left: 30px;
       }
       .latest .content3 .zx5{
             margin-top: 30px;
              height: 200px;
      padding: 30px;
              border-radius: 10px 10px 10px 10px;
              background: rgba(250, 250, 250, 1);
              box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);  
              justify-content: space-between;
       }
       .latest .content3 .zx5 li{
              width: 230px;
height: 200px;
opacity: 1;
border-radius: 5px;
position: relative;
       }
       .latest .content3 .zx5 li .title{
              display: block;
              font-weight: 700;
              line-height: 29px;
              color: rgba(255, 255, 255, 1);
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              padding: 0 20px;
              width: 190px;
height: 40px;
line-height: 40px;
border-radius: 0px 0px 5px 5px;
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(8px);
position: absolute;
bottom: 0;
left: 0;
       }
       .latest .content3 .zx6{
              width: 750px;
              padding: 15px 30px;
              border-radius: 10px;
              background: rgba(250, 250, 250, 1);
              box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25); 
              justify-content: space-between;
              margin-top: 30px;
       }
       .latest .content3 .zx6 li{
              width: 360px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              line-height: 30px;
              margin: 15px 0;
              height: 30px;
       }
       .pregnancy .header .tit{
              background: url(/static/index/pc/zyzx/pregnancy_head_bg.png) no-repeat;
              background-size: 100% 100%;
                        }
          .pregnancy .header .tit h2{
                         width: 640px;
            background: url(/static/index/pc/images/head_tit.webp) no-repeat;
            background-size: 100% 100%;
                          line-height: 58px;
             }
             .pregnancy .content{
              margin-top: 20px;
              justify-content: space-between;
              align-items: start;
             }
             .pregnancy .content .left{
              width: 750px;
             }
              .pregnancy .content .left .box{
              width: 750px;
              padding: 30px;
border-radius: 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
              }
             .pregnancy .content .pregnancy1{
              justify-content: space-between;
             }
             .pregnancy .content .pregnancy1 img{
              width: 260px;
              height: 200px;
              border-radius: 5px;
             }
             .pregnancy .content .pregnancy1 .info{
              width: 470px;
             }
             .pregnancy .content .pregnancy1 .time{
              justify-content: space-between;
              line-height: 0px;
             }
             .pregnancy .content .pregnancy1 .time span{
color: rgba(0, 0, 0, 0.2);
             }
             .pregnancy .content .pregnancy1 .title{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: 1px;
line-height: 29px;
margin: 10px 0;
             }
             .pregnancy .content .pregnancy1 .des{
              line-height: 32px;  
             }
             .pregnancy .content .pregnancy1 .more{
              display: block;
              width: 120px;
              text-align: center;
height: 35px;
border-radius: 10px 0px 10px 0px;
background: linear-gradient(90deg, rgba(7, 216, 179, 1) 0%, rgba(0, 222, 158, 1) 100%);
font-size: 14px;
font-weight: 400;
line-height: 35px;
color: rgba(255, 255, 255, 1);
margin-top: 27px;
             }
             .pregnancy .content .pregnancy1 .more:after{
              content: '';
              display: inline-block;
              width: 20px;
height: 20px;
background: url(/static/index/pc/zyzx/more.png) no-repeat;
background-size: 100% 100%;
margin-left: 9px;
margin-bottom: -5px;

             }
             .pregnancy .content .list {
margin-top: 30px;
             }
             .pregnancy .content .list .time{
              width: 89px;
height: 90px;
font-size: 24px;
font-weight: 400;
line-height: 48px;
color: rgba(0, 0, 0, 1);
             }
             .pregnancy .content .list .time i{
              font-style: normal;
              display: block;
              font-size: 60px;
font-weight: 900;
color: rgba(255, 141, 26, 1);
             }
             .pregnancy .content .list li{
              justify-content: space-between;
              padding: 30px 0;
              border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
             }
             .pregnancy .content .list .info{
              width: 645px;
             }
             .pregnancy .content .list .title{
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-bottom: 10px;
             }
             .pregnancy .content .list .des{
line-height: 32px;
             }
             .pregnancy .content .aside1{
              width: 300px;
              border-radius: 10px 0px, 10px, 10px;
              background: rgba(250, 250, 250, 1);
              box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25); 
              padding: 30px;
             }
             .pregnancy .content .aside1 .pregnancy2{
              border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
             }
             .pregnancy .content .aside1 .pregnancy2 img{
width: 300px;
height: 200px;
border-radius: 5px;
             }
             .pregnancy .content .aside1 .pregnancy2 .title{
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              line-height: 30px;
              margin: 15px 0;
             }
             .pregnancy .content .aside1 .pregnancy2 .des{
              display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom:15px;
             }
             .pregnancy .content .aside1 .pregnancy3 .title{
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              line-height: 30px;
             }
             .pregnancy .content .aside1 .pregnancy3 li{
              margin-top: 15px;
             }
             .pregnancy .content .aside2{
              width: 360px;
border-radius: 10px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
margin-top: 30px;
padding-bottom: 27px;
             }
             .pregnancy .content .aside2 .ma{
              height: 300px;
border-radius: 10px 10px 0px 0px;
background: url(/static/index/pc/zyzx/aside2_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;

             }
             .pregnancy .content .aside2 .ma img{
              width: 200px;
height: 200px;
border-radius: 10px;
margin-top: 50px;
             }
             .pregnancy .content .aside2 .tit{
              font-size: 20px;
font-weight: 400;
line-height: 30px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin: 25px 0 10px;
             }
             .pregnancy .content .aside2 .tit::before{
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: url(/static/index/pc/zyzx/aside_wx.png) no-repeat;
background-size: 100% 100%;
margin-right: 15px;
margin-bottom: -8px;
             }
             .pregnancy .content .aside2 .des{
              line-height: 30px;
text-align: center;
             }
}
@media (max-width:820px) {
       .one{
              margin-top: 0;
       }
       .latest .header .tit{
           background: url(/static/index/pc/zyzx/latest_head_bg_phone.png) no-repeat;
           background-size: 100% 100%;
                     }
                     .latest .header{
                            width: 84vw;
                     }
       .latest .header .tit h2{
              width: 27.73vw;
                       background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
                       background-size: 100% 100%;
                       height: 7.87vw;
          }
          .latest .content{
            
           margin-top:2.67vw;
        display: block;
        padding: 4vw;
        border-radius: 1.33vw;
background: rgba(250, 250, 250, 1);
box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25)
          }
          .latest .content1{
 display: block;
          }
          .latest .content1 .zx{   
                 height: 44.67vw;
                 padding-bottom: 4vw;
                 border-bottom: .13vw dashed rgba(0, 0, 0, 0.2);
          }
          .latest .content1 .zx img{
                 height: 100%;
          }
          .latest .content1 .swiper-zx{
                
           border-radius: 1.33vw;
           overflow: hidden;
           position: relative;
          }
          .latest .content1 .swiper-zx li{
           position: relative;
           height: 44.67vw;
          }
          .latest .content1 .swiper-zx .info{
           position: absolute;
           width: 100%;
           bottom: 0;
           z-index: 2;
           left: 0;
           height: 9.33vw;
   border-radius: 0px 0px 1.33vw 1.33vw;
   background: rgba(0, 0, 0, 0.15);
   backdrop-filter: blur(8px);
          }
          .latest .content1 .swiper-zx .info .title{
           display: block;
           white-space: nowrap;
           overflow: hidden;
   
           text-overflow: ellipsis;
           height: 9.33vw;
           line-height: 9.33vw;
           width: 60vw;
           margin-left: 1.33vw;
           font-size: 4vw;
   font-weight: 600;
   color: rgba(255, 255, 255, 1);
          }
          .latest .content1 .swiper-zx .swiper-pagination{
           text-align: right;
          width: 80vw;
          position: absolute;
          z-index: 3;
          }
          .latest .content1 .swiper-zx .swiper-pagination-bullets{
     
           bottom: 3.1vw;
          }
          .latest .content1 .swiper-zx .swiper-pagination-bullet{
           width: 1.33vw;
   height: 1.33vw;
   opacity: 1;
   border: .13vw solid rgba(255, 255, 255, 1);
   background: rgba(255, 255, 255, 0);
   margin: 0 1vw;
          }
          .latest .content1 .swiper-zx .swiper-pagination-bullet-active{
           background: rgba(255, 255, 255, 1);
          }
          .latest .content1 .zx1{
           margin-top: 4vw;
           border-bottom: .13vw dashed rgba(0, 0, 0, 0.2);
          }
          .latest .content1 .zx1 .title{
           letter-spacing: .13vw;
   color: rgba(0, 0, 0, 0.8);
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
          }
          .latest .content1 .zx1 .des{
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 5;
           overflow: hidden;
           text-overflow: ellipsis;
           line-height: 5.33vw;
           margin: 2vw 0;
          }
          .latest .content1 .zx1 .time{
           justify-content: space-between;
           margin-bottom: 4vw;
          }
          .latest .content1 .zx1 .time span{
           color: rgba(0, 0, 0, 0.2);
          }
          .latest .content2{
   margin-top: 4vw;
   padding-bottom: 4vw;
   border-bottom: .13vw dashed rgba(0, 0, 0, 0.2);
          }
          .latest .content2 .title{
           color: rgba(0, 0, 0, 0.8);
           display: block;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
          }
          .latest .content2 .zx2{
                 border-bottom: .13vw dashed rgba(0, 0, 0, 0.2); 
          }
          .latest .content2 .zx2 .img{
           justify-content: space-between;
           margin: 2vw 0
          }
          .latest .content2 .zx2 .img li{
           width: 25.33vw;
           height: 16vw;
           border-radius: .67vw;
           overflow: hidden;
          }
          .latest .content2 .zx2 .des{
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 3;
           overflow: hidden;
           text-overflow: ellipsis;
           line-height: 5.33vw;
           margin: 0 0 2.67vw;
          }
          .latest .content2 .zx3{
                 margin-top: 2.67vw;
          }
          .latest .content2 .zx3 .des{
                 line-height: 5.33vw;
                 margin-top: 2vw;
                 display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
          }
          .latest .content2 .zx4 li{
                 height: 9.33vw;
                 border-radius: 4.67vw;
                 background: rgba(0, 0, 0, 0.05);
                 padding: 0 2.67vw;
                 margin-top: 2.67vw;
                
          }
          .latest .content2 .zx4 li .title{
              line-height: 9.33vw;
                
          }
       
          .latest .content3 .zx5{
                margin-top: 4vw;
                 justify-content: space-between;
          }
          .latest .content3 .zx5 li{
                 width: 40.67vw;
   height: 28.67vw;
   border-radius: .67vw;
   position: relative;
          }
          .latest .content3 .zx5 li .title{
                 display: block;
                 font-weight: 700;
                 line-height: 7.33vw;
                 color: rgba(255, 255, 255, 1);
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 padding: 0 3.33vw;
                 width: 34vw;
   height: 7.33vw;
   border-radius: 0px 0px .67vw .67vw;
   background: rgba(0, 0, 0, 0.15);
   backdrop-filter: blur(8px);
   position: absolute;
   bottom: 0;
   left: 0;
          }
          .latest .content3 .zx5 li:last-child{
              display: none;
          }
          .latest .content3 .zx6{
             display: block;
          }
          .latest .content3 .zx6 li{
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 line-height: 5.73vw;
                 margin: 4vw 0 0;
                 height: 5.73vw;
          }
          .latest .content3 .zx6 li:nth-of-type(2n){
              display: none;
          }
          .pregnancy .header .tit{
                 background: url(/static/index/pc/zyzx/pregnancy_head_bg_phone.png) no-repeat;
                 background-size: 100% 100%;
                           }
             .pregnancy .header .tit h2{
              /*width: 27.73vw;*/
                             background: url(/static/index/pc/images/head_tit_phone.png) no-repeat;
                             background-size: 100% 100%;
                             height: 7.87vw;
                }
                .pregnancy .content{
                 margin-top: 2.67vw;
           display: block;
                }
                .pregnancy .content .left{
                 padding: 4vw;
   border-radius: 1.33vw;
   background: rgba(250, 250, 250, 1);
   box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
                }
                .pregnancy .content .pregnancy1{
                 justify-content: space-between;
                 padding-bottom: 4vw;
                 border-bottom: .13vw dashed rgba(0, 0, 0, 0.2);;
                }
                .pregnancy .content .pregnancy1 img{
                 width: 34.67vw;
                 height: 26.67vw;
                 border-radius: .67vw;
                }
                .pregnancy .content .pregnancy1 .info{
               justify-content: space-between;
                }
                .pregnancy .content .pregnancy1 .time{
                 justify-content: space-between;
                 line-height: 4.67vw;
                 margin: 2vw 0;
                }
                .pregnancy .content .pregnancy1 .time span{
   color: rgba(0, 0, 0, 0.2);
                }
                .pregnancy .content .pregnancy1 .title{
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   letter-spacing: .13vw;
   line-height: 5.73vw;
                }
                .pregnancy .content .pregnancy1 figcaption{
                     width:46.67vw ;
                     justify-content: space-between;
                }
                .pregnancy .content .pregnancy1 .des{
                 line-height: 4.8vw;  
                 display: -webkit-box;
                 -webkit-box-orient: vertical;
                 -webkit-line-clamp: 4;
                 overflow: hidden;
                 text-overflow: ellipsis;
                }
                .pregnancy .content .pregnancy1 .more{
                 display: block;
                 width: 16vw;
                 text-align: center;
   height: 4.67vw;
   border-radius: 1.33vw 0px 1.33vw 0px;
   background: linear-gradient(90deg, rgba(7, 216, 179, 1) 0%, rgba(0, 222, 158, 1) 100%);
   font-size: 2.13vw;
   font-weight: 400;
   line-height: 4.67vw;
   color: rgba(255, 255, 255, 1);
   margin-top: 2.67vw;
                }
                .pregnancy .content .pregnancy1 .more:after{
                 content: '';
                 display: inline-block;
                 width: 3.67vw;
                 height: 3.67vw;
   background: url(/static/index/pc/zyzx/more.png) no-repeat;
   background-size: 100% 100%;
   margin-left: 1.33vw;
   margin-bottom: -1.18vw;

   
                }
                .pregnancy .content .list .time{
                 width: 12vw;
   height: 12vw;
   font-size: 3.2vw;
   font-weight: 400;
   line-height: 6.4vw;
   color: rgba(0, 0, 0, 1);
                }
                .pregnancy .content .list .time i{
                 font-style: normal;
                 display: block;
                 font-size: 8vw;
   font-weight: 900;
   color: rgba(255, 141, 26, 1);
                }
                .pregnancy .content .list li{
                 justify-content: space-between;
                 border-bottom: .13vw dashed rgba(0, 0, 0, 0.2);
                 padding: 4vw 0;
                }
                .pregnancy .content .list .info{
                 width: 70vw;
                }
                .pregnancy .content .list .title{
                 display: block;
                 display: -webkit-box;
                 -webkit-box-orient: vertical;
                 -webkit-line-clamp: 2;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 margin-bottom: 2vw;
                 line-height: 5.73vw;
                }
                .pregnancy .content .list .des{
   line-height: 5.33vw;
                }
                .pregnancy .content .aside2{
   border-radius: 1.33vw;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
   margin-top: 4.27vw;
   padding-bottom: 3.33vw;
                }
                .pregnancy .content .aside2 .ma{
                 height: 40vw;
   border-radius: 1.33vw 1.33vw 0px 0px;
   background: url(/static/index/pc/zyzx/aside2_bg.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
   
                }
                .pregnancy .content .aside2 .ma img{
                 width: 26.67vw;
   height: 26.67vw;
   border-radius: 1.33vw;
   margin-top: 6.4vw;
                }
                .pregnancy .content .aside2 .tit{
                 font-size: 4.27vw;
   font-weight: 400;
   line-height: 4.67vw;
   color: rgba(0, 0, 0, 0.8);
   text-align: center;
   margin: 3.33vw 0 3.33vw;
                }
                .pregnancy .content .aside2 .tit::before{
   content: '';
   display: inline-block;
   width: 4.67vw;
   height: 4.67vw;
   background: url(/static/index/pc/zyzx/aside_wx.png) no-repeat;
   background-size: 100% 100%;
   margin-right: 2vw;
   margin-bottom: -1.1vw;
                }
                .pregnancy .content .aside2 .des{
                 line-height: 4vw;
   text-align: center;
                }
   }