.index #mproject .module .cl-c .img img,.index #mproject .module .cl-r .img img {
  border-radius: 10px;
}
.index #mproject .module .cl-l .time{
    margin: 10px 0;
}
/*上海助孕公司*/
.index  .tit{
    font-size: 19px;
    color: #000;
    line-height: 54px;
}
.index #mproject .module1{
    padding-top: 11px !important;
}
.index #mproject .module{
    /*width: 860px;*/
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 10px;
    padding: 0 15px;
    padding-bottom: 20px;
}
.index #mproject .module1 .tit:before{
  content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/company.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -5px;
}
.index #mproject .tit .more{
font-size: 16px;
    color: #7e7e7e;
    float: right;
    margin-right: 16px;
}
.index #mproject .module .cl-l{
width: 355px;
}
.index .link{
font-size: 12px;
  line-height: 50px;
  color: rgba(0,0,0,0.5);
}
.index .link:before{
content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/static/index/pc/images/icon1.png) no-repeat;
    background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -6px;
}
.index .link a,.index .link p{
    color: #7e7e7e;
    margin: 0 3px;
}
.index #mproject .module .cl-l .title{
   font-size: 18px;
  color: #000;
  font-weight: 600;
 line-height: 32px;
}
.index #mproject .module .cl-l .des{
 font-size: 14px;
 line-height: 24px;
  margin-top: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
 color: #616161;
}
.index .time{
 font-size: 12px;
color: rgba(0,0,0,0.3);
  line-height: 40px;
  padding: 0px 0 3px;
  line-height: 16px;
}
.index #mproject .module .cl-l .list_show{
    position: relative;
  height: 38px;
  background: #fff2ec;
  border-radius: 6px;
  overflow: hidden;
  line-height: 38px;
}
.index #mproject .module .cl-l .list_show .list{
    position: absolute;
    right: 0;
width: 258px;
   animation:zxPlay 18s infinite;
}
.index #mproject .module .cl-l .list_show span{
    line-height: 38px;
    font-size: 16px;
  margin: 0 6px;
}
.index #mproject .module .cl-l .list_show {
      color: #ff631f;
      font-weight: 600;
}
.index #mproject .module .cl-l .list_show li{
     height: 38px;
  border-radius: 6px;
  line-height: 38px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index #mproject .module .cl-l .list_show li a{
    font-weight: normal;
    font-size: 15px;
    color: #000;
}
/*最新资讯轮播关键帧*/
        @keyframes zxPlay {
            0%   { top:0;}
            2%{top:-38px;}
             14%  {top:-38px; } 
            16% { top:-76px; } 
             26% { top:-76px; } 
            28% { top:-114px; } 
            38% { top:-114px; } 
             40% { top:-152px; } 
              50% { top:-152px; } 
             52%{ top:-114px; }
              62%{ top:-114px; }
             64%{  top:-76px; }
              74%{  top:-76px; }
              76%{ top:-38px;  } 
              86%{ top:-38px;  } 
            88%{top:0;}
              100%{ top:0;}
        }
        .index #mproject .module .cl-c{
width: 461px;
        }
        .index #mproject .module .cl-c li{
            justify-content: space-between;
        }
        .index #mproject .module .cl-c .text{
     width: 288px;
            border-bottom: 2px dotted #e4e4e4;
            overflow: hidden;
            padding: 8px 0;
        }
        .index #mproject .module .cl-c li:nth-of-type(1) .text{
            border-top: 2px dotted #e4e4e4;
        }
        .index #mproject .module .cl-c .link {
 font-size: 12px;
  line-height: 16px;
}
.index #mproject .module .cl-c .link::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/static/index/pc/images/icon1.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -6px;
  margin-right: 3px;
}
.index #mproject .module .cl-c .link {
  color: rgba(0,0,0,0.5);
}
.index #mproject .module .cl-c .time{
    padding: 0;
    margin-top: 5px;
}
.index #mproject .module .cl-c .title{
    display: block;
    font-size: 16px;
    line-height: 24px;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0,0,0,0.8);
  font-weight: 400;
}
.index #mproject .module .cl-c .des{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  color: rgba(0,0,0,0.5);
  line-height: 17px;
  margin-top: 5px;
}
.index #mproject .module .cl-c .img{
    text-align: center;
  line-height: 120px;
  width: 150px;
}
.index #mproject .module .cl-c .img img{
}
.index #mproject .module .cl-r{
  width: 302px;
}
/*.index #mproject .module1 .cl-r .tit:before{*/
/*  content: '';*/
/*  display: inline-block;*/
/*  width: 26px;*/
/*  height: 27px;*/
/*  background: url(/static/index/pc/images/capital.png) no-repeat;*/
/*  background-size: 100% 100%;*/
/*  margin-bottom: -5px;*/
/*}*/
.index #mproject .module .cl-r li{
 border-bottom: 2px dotted #e4e4e4;
  padding: 12px 0;
   justify-content: space-between;
}
.index #mproject .module .cl-r li:last-child{
    border: none;
}
.index #mproject .module .cl-r .text{
width: 186px;
 padding-right: 0;
}
.index #mproject .module .cl-r .text .title {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
line-height: 20px;
  font-size: 14px;
  margin-bottom: 16px;
}
.index #mproject .module .cl-r .text .des{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
font-size: 12px;
color: rgba(0,0,0,0.5);
  line-height: 17px;
  
}
.index #mproject .module .cl-r .img{
display: flex;
  flex-direction: column;
  justify-content: center;
}
.index #mproject .module .cl-r .img img{
    width: 90px;
    /*height: 73px;*/
}
/*上海助孕中心*/

.index #mproject .module2 .tit:before{
  content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/capital.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -5px;
}
.index #mproject .module2 .cl-r{
}
.index #mproject .module2 .cl-c{
    width: 462px;
}

/*上海助孕机构*/
.index #mproject .module3 .cl-r{
}
.index #mproject .module3 .cl-l{
    padding: 0;
}
.index #mproject .module3 .tit:before{
  content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/jigou.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -5px;
}
/*上海三大助孕公司*/
.index #mnews{
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 12px;
    padding-bottom: 30px;
}
.index #mnews .tit:before{
  content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/gold.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.index #mnews .newstitem{
    width: 400px;
    position: relative;
}
.index #mnews .newstitem:nth-of-type(10) .right,.index #mnews .newstitem:nth-of-type(11) .right,.index #mnews .newstitem:nth-of-type(12) .right{
    border: none;
}
.index #mnews .newstitem:hover .mask{
    display: flex;
   
}
.index #mnews .newstitem .left{
  width: 78px;
  line-height: 104px;
}
.index #mnews .newstitem .left .year{
  font-size: 25px;
    font-weight: 600;
    color: #e5e5e5;
}
.index #mnews .newstitem .right{
 border-bottom: 2px dotted #e4e4e4;
 width: 302px;
 padding: 8px 0;
}
.index #mnews .newstitem .right .link{
    line-height: 32px;
}
.index #mnews .newstitem .right .title{
    font-size: 16px;
    color: #000;
}
.index #mnews .newstitem .right .time{
    line-height: 30px;
}
.index #mnews .newstitem .mask{
    position: absolute;
    display:none;
 background: #f2f8fd;
    left: 4%;
     transition: left .4s;
}
.index #mnews .newstitem .mask:hover{
    left: 0;
}
.index #mnews .newstitem .mask .left{
  width: 134px;
padding: 0px 0 2px 10px;
}
.index #mnews .newstitem .mask .left img{
    width: 10%;
    border-radius: 10px;
      transition: width .3s;
}
.index #mnews .newstitem .mask:hover .left img{
    width: 100%;
}
.index #mnews .newstitem .mask .right {
  border-bottom: none;
 width: 221px;
  padding-left: 16px;
}

  .index #mnews .newstitem .mask .right .year{
  font-size: 25px;
    font-weight: 600;
 color: #ffffffba;
}
.index #mnews .newstitem .mask .right .title {
  font-size: 16px;
  color: #000;
line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 0;
}
.index #mnews .newstitem .mask:hover .right .title {
    width: 100%;
     transition: width .3s;
}
.index #mnews .newstitem .mask .right .link::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/static/index/pc/images/icon2.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -6px;
  margin-right: 3px;
}
/*助孕服务*/
.index #mservice .main{
  
    justify-content: space-between;
    margin-top: 8px;
}
.index #mservice .tit:before{
  content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/mservice.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.index #mservice .fw{
    justify-content: space-between;
     width: 895px;
}
.index #mservice .fw .serviceitem{
    width: 285px;
}
.index #mservice .fw .serviceitem a img{
    transition: transform .3s linear;
}
.index #mservice .fw .serviceitem:hover a img{
    transform: scale(1.5);
    transform-origin:center;
}
.index #mservice .fw .serviceitem a{
    display: block;
    position: relative;
    width: 100%;
  overflow: hidden;
}
.index #mservice .fw .serviceitem .title{
    position: absolute;
    z-index: 999;
    color: rgba(255,255,255,0.8);
    font-size: 20px;
    text-align: center;
    width: 100%;
    top: 59px;
  font-weight: 500;
}
.index #mservice .fw .serviceitem .ddd1{
    font-size: 14px;
    color: #000;
    font-weight: 400;
line-height: 14px;
width: 120px;
height: 40px;
overflow: hidden;
background: rgba(229,241,251,0.5);
text-align: center;
  border-radius: 8px;
  line-height: 40px;
  margin-top: 15px;
}
.index #mservice .fw .serviceitem .ddd{
    justify-content: space-around;
    border: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 15px;
}
.index #mservice .tj{
width: 255px;
  background: rgba(68,156,231,0.03);
  padding: 15px;
}
.index #mservice .tj .tj-tit{
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(68,156,231);
    height: 20px;
}
.index #mservice .tj .tj-tit span{
  width: 5px;
  height: 5px;
  border-radius: 6px;
  background: rgba(68,156,231);
  display: inline-block;
  margin: 0 6px 4px;
}
.index #mservice .tj .list li a{
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,0.5);
    line-height: 14px;
}
.index #mservice .tj .list li{
    margin-top: 15px;
    border: none;
    padding-top: 0;
}
.index #mservice .tj .list li:nth-of-type(1){
    margin-top: 13px;
}
.index #mservice .tj .list li:nth-of-type(1) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(2) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/2.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(3) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/3.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(4) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/4.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(5) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/5.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(6) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/6.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice .tj .list li:nth-of-type(7) a:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(/static/index/pc/images/7.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.index #mservice {
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 12px;
  padding-bottom: 25px;
}
/*坤和助孕中心*/
.index #mprogram .tit:before{
    content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/mprogram.png) no-repeat;
    background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.index #mprogram .programlist{
    justify-content: space-between;
}
.index #mprogram .item{
    width: 275px;
    margin-bottom: 20px;
}
.index #mprogram .item a{
    width: 100%;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    position: relative;
}
.index #mprogram .item img{
    height: 180px;
    width: 100%;
}
.index #mprogram .item .info{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.7);
bottom: -180px;
    left: 0;
    text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
    transition: bottom .2s linear;
}
.index #mprogram .item:hover .info{
    bottom: 0;
}
.index #mprogram .item .info .title{
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 26px;
    margin: 0 34px;
}
.index #mprogram .item .info .subtitle{
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: rgba(255,255,255,0.7);
    margin: 0 23px;
    margin-top: 10px;
}
.index #mprogram {
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 12px;
    padding: 0 15px;
}
/*坤和简介*/
.index #mpage{
    padding: 0 15px;
}
.index #mpage .tit:before{
    content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/jianjie.png) no-repeat;
    background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.index #mpage .des{
    width: 555px;
    background: rgba(0,0,0,0.02);
    padding: 15px;
    border-radius: 10px;
}
.index #mpage .description{
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    color: rgba(0,0,0,0.5);
    padding-bottom: 21px;
}
.index #mpage .more{
    display: block;
    width: 72px;
height: 18px;
float: right;
}
.index #mpage .fimg{
    width: 570px;
   background:url(/static/index/pc/images/mjianjie.png) no-repeat;
   background-size: 100%;
}
.index #mpage .content{
    justify-content: space-between;
}
.index #mpage {
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 12px;
    padding: 0 15px;
    padding-bottom: 15px;
}
/*合作伙伴*/
.index #mpartner{
    padding: 0 15px;
}
.index #mpartner .tit:before{
    content: '';
  display: inline-block;
  width: 26px;
  height: 27px;
  background: url(/static/index/pc/images/partner.png) no-repeat;
    background-size: auto;
  background-size: 100% 100%;
  margin-bottom: -5px;
  margin-right: 5px;
}
.index #mpartner #partneritem{
    justify-content: space-between;
}
.index #mpartner #partneritem a{
    width: 275px;
    display: block;
    margin-bottom: 20px;
}
.index #mpartner #partneritem a img{
    width: 100% !important;
    height: auto !important;
}