.banner{width: 100%;

    overflow:hidden;
    
    margin: auto auto auto auto;
    
    position: relative;

}

.banner img{width:100%;
                    
      display:block; 
}


.transport{width: 100%;
          
    margin: auto auto auto auto;

    overflow: hidden;

}

.transportli{width: 96%;

     margin: 3rem 2% auto 2%;

     overflow: hidden;

}

.transporttop{width: 100%;

       margin: auto auto auto auto;

       overflow: hidden;

}


.transportlist{margin: auto auto 2rem auto;

    overflow: hidden;

    width: 100%;

    background-color: #f5f5f5;

    border-radius: 5px;

    text-align: left;

    cursor: pointer;

}

.transportlev{

background-image: url('../image/transportlistvm.png');

background-repeat: no-repeat;

background-position: center center;

background-size: 100% 100%;

}


.transportlt{width: 90%;

    margin: 2rem 5% auto 5%;

    overflow: hidden;

    font-size: 24px;

    color: #000000;

}

.transportlev .transportlt{color: #ffffff !important;}

.transportll{width: 67px;

    margin: 1.5rem auto 1.5rem 5%;

    overflow: hidden;

    border-radius: 2px;

    border-bottom: #000000 solid 4px;

}

.transportlev .transportll{border-bottom: #ffffff solid 4px !important;}

.transportlc{width: 90%;

       margin: auto 5% 1rem 5%;

       overflow: hidden;

       font-size: 18px;

       color: #000000;

}

.transportlev .transportlc{color: #ffffff !important;}

.transportle{width: 90%;

   margin:  3rem 5% 3rem 5%;

   overflow: hidden;

   font-size: 16px;

   color: #ffffff;

   display: none;

}

.transportle p{margin: auto auto 10px auto;}

.transportlev .transportle{display: block;}

.case{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-color: #ffffff;

}

.caseli{width: 96%;

      margin: 5rem 2% 5rem 2%;

      overflow: hidden;

}

.casenum{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

        font-size: 40px;

        background: linear-gradient(90deg, #3a89ec, #7f5da1); 
        
        -webkit-background-clip: text;
            
        background-clip: text;
            
        color: transparent;

}

.casetitle{width: 100%;

        margin: 23px auto auto auto;

        overflow: hidden;

}

.casetext{width: 100%;

        margin: 28px auto auto auto;

        overflow: hidden;

        font-size: 16px;

        color: #000000;

        display: none;

}

.casedown{width: 100%;

        margin: 3rem auto auto auto;

        overflow: hidden;

}

.caseleft{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}


.hdcase{width:  100%;

    height: 60px;

    margin: auto auto auto auto;

     background-color: #f5f5f5;

    overflow-y: hidden;

    overflow-x: auto;

}



.hdcase ul{

      margin: 0px 0px 0px 0px;

      padding: 0px;

      list-style: none;

      height: 60px;

     

}

.hdcase ul li{height: 60px;

        float: left;

        margin: auto auto auto auto;

        color: #000000;

        font-size: 16px;

        padding-top: 17px;

        padding-left: 15px;

        padding-right: 15px;

        box-sizing: border-box;

        cursor: pointer;

}

.hdcase ul  .on{color: #3b88eb;

          

}

.bdcase{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;
    

}



.bdcase ul{width:  100%;

        margin: 0px 0px 0px 0px;

        padding: 0px;

        list-style: none;

}

.bdcase ul li{width:  100%;

        margin: auto auto auto auto;

        overflow: hidden;

}


.caseDRS{width:  90%;

    margin: 15px 5% auto 5%;

    overflow: hidden;

    

}

.caseDRSTop{width: 100%;

        height: 70px;

        padding-top: 20px;

        box-sizing: border-box;

        margin: auto auto auto auto;

        overflow: hidden;

        border-bottom: #cccccc solid 1px;

}

.caseDRSTopTitle{width: 90%;

            margin: auto auto auto auto;

            overflow: hidden;

            font-size: 16px;

            color: #333333;

            float: left;

            text-align: left;

            padding-right: 5%;

            box-sizing: border-box;

}

.caseDRSTopMore{width: 20px;

            height: 20px;

            margin: auto auto auto auto;

            padding-right: 15px;

            box-sizing:border-box ;

            overflow: hidden;

            float: left;

            background-image: url('../image/caseDRSTopMore.png');

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 20px 20px;

            cursor: pointer;

}
.caseDRS .on{border: 0px;}
.caseDRS .on .caseDRSTopTitle{color: #3b88eb;}
.caseDRS .on .caseDRSTopMore{background-image: url('http://www.topivf.com.cn/public/static/Image/caseDRSTopMores.png'); background-size: 20px 20px;}

.caseDRSTopText{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

            text-align: left;

            display: none;

            font-size: 16px;

            border-bottom: #cccccc solid 1px;

}

.caseDRSTopTextsite{width: 100%;

                margin: auto 10px auto 10px;

                overflow: hidden;

                color: #3b88eb;
				
				

}

.caseDRSTopTextsite img{margin-right: 10px; vertical-align: middle;}

.caseDRSTopTexts{width: 100%;

            margin: 13px auto 13px auto;

            overflow: hidden;

            line-height: 30px;font-size:14px
}

.caseDRSTopTexta{width: 100%;
     
            margin: auto auto 10px auto;

            text-align: right;

}

.caseDRSTopTexta a{color: #3b88eb;  letter-spacing: 3px;}

.caseDRSa{width: 100%;

      margin: 22px auto auto auto;

      overflow: hidden;

      text-align: left;

      padding-left: 10px;

      box-sizing: border-box;

}

.caseDRSa a{color: #3b88eb; letter-spacing: 1px;}

.caseright{width: 100%;

       margin: auto auto auto auto;

       overflow: hidden;

}

.caseright img{margin: auto auto auto auto;}

.advantage{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

        background-image: url('../image/advantage.png');

        background-repeat: no-repeat;

        background-position: top center;

        background-size: 100%;

}

.advantagetitle{width: 100%;

                margin: 5rem auto auto auto;

                overflow: hidden;

}

.advantagetitle img{width: 60%;}

.advantagetop{width: 100%;

            margin: 20px auto auto auto;

            overflow: hidden;

            background-image: url('http://www.topivf.com.cn/public/static/Image/advantagetopm.png');

            background-repeat: no-repeat;

            background-position: top center;

            background-size:100% 100%
}

.advantagetopli{width: 96%;

                margin: 20px 2% 20px 2%;

                overflow: hidden;

}

.advantagetoptitlee{width: 100%;

                margin: auto auto auto auto;

                overflow: hidden;

                box-sizing: border-box;

                font-size: 14px;

                color: #ffffff;

                text-align: center;

                display: none;

}

.advantagetoptitle{width: 100%;

                    margin: 15px auto auto auto;

                    overflow: hidden;

                    box-sizing: border-box;

                    font-size: 20px;

                    color: #ffffff;

                    text-align: center;

}


.advantagetoplis{width: 100%;

                margin: 2rem auto auto auto;

                color: #ffffff;

                text-align: left;

                overflow: hidden;


}
.advantagetoplilist{width: 46%;

                    margin: 2rem 2% 2rem 2%;

                    overflow: hidden;

                    float: left;

}


.advantagetoplilisttitle{width: 100%;

                        margin: auto auto auto auto;

                        overflow: hidden;

                        font-size: 16px;

                        color: #ffffff;

}

.advantagetoplilistline{width: 25%;

                        margin: 15px auto 15px 0px;

                        overflow: hidden;

                        border-bottom: #ffffff solid 2px;

}

.advantagetoplilist p{font-size: 14px;

                        color: #ffffff;

                        margin: auto auto 10px auto;

}


.advantagecen{width: 100%;

            margin: 15px auto 15px auto;

            overflow: hidden;

}


.advantagecenli{width: 96%;

                margin: auto 2% auto 2%;

                overflow: hidden;

}

.advantagecenimg{width: 33%;

                margin: auto auto auto auto;

                overflow: hidden;

                float: left;

                display: flex;

                justify-content: center;

                align-items: center;

}

.advantagecenimg img{width: 96%; margin: auto 2% auto 2%;}


.advantagedowm{width: 100%;

                margin: auto auto auto auto;

                overflow: hidden;

                background-image: url('../image/advantagedowmm.png');

                background-repeat: no-repeat;

                background-position: top center;

                background-size:100% 100%;

}


.advantagedowmlis{width: 96%;

                margin: 2rem 2% auto 2%;

                color: #ffffff;

                overflow: hidden;

                text-align: left;
}


.advantagedowmtitlee{width: 100%;

                    margin: auto auto auto auto;

                    overflow: hidden;

                    box-sizing: border-box;

                    font-size: 14px;

                    color: #ffffff;

                    text-align: center;

                    display: none;

}

.advantagedowmtitle{width: 100%;

                    margin: 10px auto auto auto;

                    overflow: hidden;

                    box-sizing: border-box;

                    font-size: 20px;

                    color: #ffffff;

                    text-align: center;

}

.hospital{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

}

.hospitalli{width: 96%;

            margin: 3rem 2% 5rem 2%;

}

.hospitaltitle{width: 100%;

                margin: auto auto auto auto;

                overflow: hidden;

}

.hospitaltitle img{width: 60%;}

.hospitaltitlee{width: 100%;

                margin: 25px auto auto auto;

                overflow: hidden;

                font-size: 22px;

                color: #000000;

                font-weight:bold;

}


.hospitaltop{width: 100%;

            margin: 2rem auto auto auto;

}

.hdhospital{width: 100%;

            margin: auto auto auto auto;

            overflow-y: hidden;

            overflow-x: auto;

            height: 60px;
			
			

}



.hdhospital ul{height: 60px;

            margin: 0px 0px 0px 0px;

            padding: 0px;

            list-style: none;

}

.hdhospital ul li{height: 60px;

          float: left;

          margin: auto auto auto auto;

          color: #000000;

          font-size: 16px;

          padding-top: 17px;

          box-sizing: border-box;

          cursor: pointer;

          padding-left: 15px;

          padding-right: 15px;

}

.hdhospital ul  .on{color: #3b88eb;

        

}

.bdhospital{width:  100%;

             margin: 3rem auto auto auto;

}

.bdhospital ul{width:  100%;

            margin: 0px 0px 0px 0px;

            padding: 0px;

            list-style: none;

}

.bdhospital ul li{width: 100%;

                   margin: auto auto auto auto;

}


.qahospital{width:100%;

        margin: auto auto auto auto;

        position: relative;

        border-radius: 15px;

}

.bdhospitals{width:100%;

        margin: auto auto auto auto;

        overflow: hidden;

}


.bdhospitals ul{width: 100%;

                margin: 0px 0px 0px 0px;

                padding: 0px;

                list-style: none;

}

.bdhospitals ul li{width: 100%;

                 overflow: hidden;
}


.qalist{width: 100%;

        margin: auto auto auto auto;

        overflow: hidden;

}


.qslistleft{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

            text-align: left;

}


.qalistltitle{width: 100%;

                margin: 2rem auto auto auto;

                overflow: hidden;

                font-size: 20px;

                color: #3c88ea;

                font-weight: bold;
				
				text-align:center;

}

.qalistltitle a{font-size: 18px;

    color: #3c88ea;}

.qalistltitlee{width: 100%;

                margin: 10px auto auto auto;

                overflow: hidden;

                font-size: 16px;

                color: #000000;

                font-weight: bold;
				
				text-align:center;

}

.qalistltitlee a{font-size: 16px;

    color: #000000;}

.qalistltext{width: 100%;

            margin: 2rem auto auto auto;

            overflow: hidden;

            font-size: 16px;

            line-height: 26px;

            color: #000000;

}
.qalistltext a{ font-size: 16px;

    line-height: 26px;

    color: #000000;}
.qalistltext p{margin: auto auto 15px auto;}

.qalistla{width:100%;

        margin: 10px auto 15px auto;

        overflow: hidden;

}

.qalistla a{color: #3c88ea; font-size: 16px; letter-spacing: 2px;}

.qslistright{width: 100%;
            
            margin: 10px auto auto auto;

            overflow: hidden;

}

.qslistright img{width: 100%;

                 border-radius: 15px;


}

.team{width: 100%;

      margin: auto auto auto auto;

      overflow: hidden;

      background-color: #f5f5f5;

}

.teamli{width: 96%;

        margin: 5rem 2% 4rem 2%;

        overflow: hidden;
}

.teamtitle{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

}

.teamtitle img{width: 60%;}


.teamtitlee{width: 100%;

        margin: 12px auto auto auto;

        overflow: hidden;

        font-size: 16px;

        color: #000000;

}

.teamtitlea{width: 100%;

            margin: 1rem auto auto auto;

            overflow: hidden;

            display: none;

}

.teamtitlea a img{border: 0px; width: 50%;}

.teamdowm{width: 96%;

            margin: 3rem 2% auto 2%;

            position:relative;

            overflow: hidden;

}

.teamdowm .bdteam{width: 100%;

                  margin: auto auto auto auto;
}
.teamdowm .bdteam ul{ overflow:hidden; 

                zoom:1; 
                  
                padding: 0px;
                  
                margin: 0px;

                width: 100%;
}
.teamdowm .bdteam ul li{ 
         
                  width: 100%;

                  margin: auto auto auto auto;

                  overflow: hidden;

                  background-color: #ffffff;

                  border-radius: 15px;

}

.teamlimg{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.teamlimg img{width: 100%;}


.teamlt{width: 96%;

    margin: 2rem 2% auto 2%;

    overflow: hidden;

}

.teamlleft{width: 80%;

       margin: auto auto auto auto;

       overflow: hidden;

       float: left;

       text-align: left;

}

.teamlright{width: 20%;

        margin: auto auto auto auto;

        overflow: hidden;

        float: left;

}

.teamlname{width: 100%;

       margin: auto auto auto auto;

       overflow: hidden;

       font-size: 22px;

       color: #3a89ec;

}

.teamlnamee{width: 100%;

            margin: 5px auto auto auto;

            overflow: hidden;

            font-size: 16px;

            color: #000000;

}

.teamlyear{width: 100%;

    margin: 15px auto auto auto;

    overflow: hidden;

    font-size: 16px;

    color: #3a89ec;

}

.teamltext{width: 96%;

       margin: 15px 2% auto 2%;

       overflow: hidden;

       font-size: 16px;

       line-height: 28px;

       text-align: left;

}

.teamla{width: 96%;

    margin: 15px 2% 15px 2%;

    overflow: hidden;

    text-align: left;
}

.teamla a{font-size: 16px; color: #3a89ec;}

.teamdowm .hdteam{ overflow:hidden;

               width: 50%;

               height: 44px;

               margin: 10px auto auto auto;

               position: relative;
}

.teamnext{float: right; 

    width: 44px;
    
    height: 44px;
    
    display: block;
    
    cursor: pointer;
    
    background-image: url('../image/teamnext.png');
    
    background-repeat: no-repeat;
    
    background-position: top center;

    background-size: 44px 44px;
}

    
.teamprev{float: left; 
    
    width: 44px;
    
    height: 44px;
    
    display: block; 
    
    cursor: pointer;
    
    background-image: url('../image/teamprev.png');
    
    background-repeat: no-repeat;
    
    background-position: top center;

    background-size: 44px 44px;
    
}

.hdteam .prevStop{ background-image: url('../image/teamprevs.png') !important; }
.hdteam .nextStop{ background-image: url('../image/teamnexts.png') !important; }

.hdteam .pageState{font-size: 22px;  display: block; float: left;padding-top: 5px;width: calc(100% - 88px); text-align:center}

.video{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;
    
    background-image: url('../image/videom.png');

    background-position: top center;

    background-repeat: no-repeat;

    background-size: 100%;
}

.videoli{width: 96%;

    margin: 2rem 2% 2rem 2%;

    overflow: hidden;

}

.videotitle{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    color: #ffffff;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

}

.videotitle span{font-size: 22px; margin-left: 10px; display: none;}

.videotitlee{width: 100%;

        margin: 10px auto auto auto;

        overflow: hidden;

        color: #ffffff;

        font-size: 16px;

        text-align: center;

}

.videodowm{width: 100%;

   margin: 3rem auto auto auto;

   overflow: hidden;
   
   display: grid;

   grid-template-columns: 50% 50%;

}

.videolist{width: 100%;

    margin: 2rem auto auto auto;

    overflow: hidden;

}


.videoimg{width: 96%;

    margin: auto 2% auto 2%;

    overflow: hidden;

    position: relative;

}

.videoimg img{border-radius: 5px; width: 100%;

              width:100%;

              

}

.videolt{width: 96%;

    margin: -15px 2% auto 2%;

    overflow: hidden;

    background-color: #2060b0;

    font-size: 12px;

    color: #ffffff;

    padding:15px 0px 15px 0px;

    box-sizing: border-box;

}

.videoplay{width: 54px;

    height: 54px;
    
    background-image: url('../image/videoplay.png');
    
    background-size: 54px 54px;
    
    margin: auto auto auto auto;
    
    overflow: hidden;

    cursor: pointer;
    
    z-index: 1;
    
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;


}
.video-modal{position: fixed;
        
    background: rgba(0, 0, 0, .8);
   
    top: 0;
   
    bottom: 0;
   
    left: 0;
   
    right: 0;
   
    width: 100%;
   
    margin: auto auto auto auto;
   
    z-index: 999999;
   
    display:none;
}

.video-box{position: absolute;
  
  top:0;
   
  left: 0;
   
  right: 0;
   
  bottom: 0;
   
  margin: auto auto auto auto;
   
  width: 75%;
}


.video-title{width: 100%;

   margin: 20px auto auto auto;

   overflow: hidden;

   color: #ff7652;

   font-size: 24px;

   text-align: left;


}

.video-text{width: 100%;

margin: 20px auto 20px auto;

overflow: hidden;

color: #ffffff;

font-size: 16px;

text-align: left;


}

.close-video{ position: absolute;
      
      width: 60px;
      
      height: 60px;
      
      line-height: 60px;
      
      right: -60px;
      
      color: #fff;
      
      text-align: center;
      
      background-color: rgba(255,255,255,0.4);
      
      cursor: pointer;
      
      background-image: url('../image/videoclose.png');
      
      background-size: 30px 30px;
      
      background-position: center center;
      
      background-repeat: no-repeat;
}

.popular{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

    background-image: url('../image/populam.png');

    background-position: top center;
      
    background-repeat: no-repeat;

    background-size: 100% 100%;

}

.popularlis{width:  100%;

    margin: auto auto auto auto;

    overflow: hidden;
}

.popularli{width: 96%;

   margin: 3rem 2% 3rem 2%;

   overflow: hidden;
   
   text-align: left;

}


.populartitlee{width: 100%;

            margin: auto auto auto auto;

            overflow: hidden;

            font-size: 20px;

            color: #ffffff;

            font-weight: bold;
			
			text-align: center;

}

.populartitle{width: 100%;

            margin: 10px auto auto auto;

            overflow: hidden;

            font-size: 20px;

            color: #ffffff;

            font-weight: 500;

            font-weight: bold;
			
			text-align: center;

}


.popularti{width: 100%;

    margin: 35px auto auto auto;

    overflow: hidden;

    font-size: 22px;

    color: #ffffff;
	
	display: none;

}

.populartw{width: 100%;

    margin: 15px auto auto auto;

    overflow: hidden;

    font-size: 16px;

    color: #ffffff;text-align: center;

}

.populardowm{width: 100%;

    height: 435px;

    margin: 4rem auto auto auto;

    overflow-x: hidden;

    overflow-y: auto;
	
	

}

.populardowm::-webkit-scrollbar {width: 2px;  }

.populardowm::-webkit-scrollbar-track {background: #b2b2b2; }

.populardowm::-webkit-scrollbar-thumb {background: #ffffff;}

.popularlist{width: 90%;

    margin: 2rem 5% auto 5%;

    border: #ffffff solid 1px;

    border-radius: 10px;

}

.popularlist:nth-last-child(1){margin-bottom: 15px;}

.popularlisthover{background-color: #ffffff;}

.popularlisthover .popularltitle{color: #3a89ec !important;}

.popularlisthover .popularltitle a{color: #3a89ec !important;}

.popularlisthover .popularltext{color: #3a89ec !important;}

.popularlisthover .popularltext a{color: #3a89ec !important;}

.popularlnum{width: 30px;

    height: 30px;

    margin: -10px auto auto -10px;

    overflow: hidden;

    color: #ffffff;

    font-size: 18px;

    background-image: url('../image/popularlnum.png');

    background-position: center center;
       
    background-repeat: no-repeat;

    background-size: 30px 30px;

    text-align: center;

    padding-top: 3px;

    box-sizing: border-box;

}

.popularltitle{width:96%;

      margin: auto 2% auto 2%;

      overflow: hidden;

      font-size: 18px;

      color: #ffffff;
}

.popularltitle a{ font-size: 18px;

color: #ffffff;
}

.popularltext{width: 96%;

       margin: 10px 2% 10px 2%;

       overflow: hidden;

       font-size: 16px;

       color: #ffffff;

       line-height: 28px;
	   
	   cursor: pointer;
}

.popsq{display: none;}

.popularltext a{ font-size: 16px;

color: #ffffff;
}

.popularltext p{margin: 2px auto 2px auto;}