.bg{width:100%;

    margin: 56px auto auto auto;

    overflow: hidden;


}

.bg img{width: 100%;}


.video{width: 100%;

    margin: auto auto auto auto;

    overflow: hidden;

}

.videoli{width: 96%;

      margin: 4rem 2% 4rem 2%;

      overflow: hidden;

}

.vltitle{width: 100%;

      margin: auto auto auto auto;

      overflow: hidden;

}

.vltitle img{width: 60%;}

.vltitlem{width: 100%;

     margin: 25px auto auto auto;

     overflow: hidden;

     font-size: 20px;

     color: #3a89ec;

}

.vldowm{width: 100%;

     margin: 3rem auto auto auto;

     overflow: hidden;

}

.hdcase{width: 100%;

    margin: auto auto auto auto;

    overflow-y: hidden;

    overflow-x: auto;

    height: 60px;
	
	background-color: #f5f5f5;

}



.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;

        cursor: pointer;

        box-sizing: border-box;

        font-size: 16px;

        padding-top: 17px;

        padding-left: 15px;

        padding-right: 15px;

        border-radius: 10px;

}

.hdcase ul .on{color: #ffffff;

       background-color: #3f86e7;

}

.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;
}

.videodiv{width: 100%;

    margin: auto 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;

}
.videolt a{ color: #ffffff;}
.videoplay{width: 54px;

    height: 54px;
    
    background-image: url('http://www.topivf.com.cn/public/static/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('http://www.topivf.com.cn/public/static/Image/videoclose.png');
      
      background-size: 30px 30px;
      
      background-position: center center;
      
      background-repeat: no-repeat;
}