@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;}
.boxvideo{ max-width:1170px;padding-right: 15px;padding-left: 15px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.clear{ clear:both;}
.lf{ float:left;}
.rg{ float:right;}  
.div_video{ margin-top:5px;}
.div_video .div1{ background:url(../images/4_02.jpg) center top no-repeat; padding:5%;}
.div_video .div1 .lf{ width:50%; padding-top:5%;}
.div_video .div1 .lf .p1{ color:#4c4c4c; font-size:30px; background:url(../images/2_37.jpg) top left no-repeat; padding-top:40px; line-height:32px;}
.div_video .div1 .lf .p2{ margin-top:20px; color:#808080; line-height:18px; font-size:16px;}
.div_video .div1 .rg{ width:45%; position:relative;}
.div_video .div1 .rg .p1 img{ width:100%;}
.div_video .div1 .rg .p2{ position:absolute; top:50%; left:50%; margin-left:-40px; padding:22px 24px; border:1px solid #fff; border-radius:100%; text-align:center; margin-top:-38px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_video .div1 .rg:hover .p2{ box-shadow: 0px 0px 40px 1px rgba(227, 229, 230, 0.48);}

.div_video1{ margin-top:40px; padding-bottom:60px;}
.div_video1 ul li{ float:left; width:32%; margin-right:2%; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-bottom:25px; overflow:hidden;}
.div_video1 ul li:nth-of-type(3n){margin-right:0;}
.div_video1 ul li .div1{ position:relative;}
.div_video1 ul li .div1 .p1 .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;z-index: 1;}
.div_video1 ul li .div1 .p1 img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:100%;z-index: 2;}

.div_video1 ul li .div2{ margin-top:7px; color:#333; font-size:18px; float:left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.div_video1 ul li .div3{ margin-top:20px; color:#999; font-size:14px; float:right}
.div_video1 ul li .p2{ position:absolute; top:50%; left:50%; padding:22px 24px; border:1px solid #fff; border-radius:100%; margin-left:-46px; margin-top:-38px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_video1 ul li:hover{ top:-10px;}
.div_video1 ul li:hover .p2{ box-shadow: 0px 0px 40px 1px rgba(227, 229, 230, 0.48);}

@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */
 
.div_video1 ul li{ float:left; width:49%; margin-right:2%;} 
.div_video .div1 .lf .p1{ color:#4c4c4c; font-size:16px;}
.div_video1 ul li:nth-of-type(2n){margin-right:0;}
.div_video1 ul li:nth-of-type(3){margin-right:2%;}
.div_video1 ul li:nth-of-type(9){margin-right:2%;}
.div_video1 ul li:nth-of-type(15){margin-right:2%;}
.div_video1 ul li:nth-of-type(21){margin-right:2%;}
.div_video1 ul li:nth-of-type(27){margin-right:2%;}
}

@media screen and (max-width: 480px) and (min-width:0px) {/* 移动端的尺寸 */
.div_video .div1 .lf{ width:100%; padding-top:5%;}
.div_video .div1 .rg{ width:100%; position:relative;}
.div_video1 ul li{ float:none; width:100%; } 
.div_video1 ul li:nth-of-type(2n){margin-right:0;}
.div_video1 ul li:nth-of-type(3n){margin-right:0;}
}