@charset "utf-8";

.xscg li{ float:left; width:370px; margin-right:27px; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);  -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; line-height:28px; color:#9b9b9b; padding-bottom:35px; background:#FFF;}
.xscg li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1); -ms-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.xscg li span{ line-height:25px; min-height:50px; width:100%;  font-size:16px; margin-bottom:20px; color:#2d2d2d;display:block;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.xscg li em{font-style:normal;display: block;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.xscg li .btn{ background:#9acd32; display:block; width:110px; height:35px; margin-top:15px; line-height:33px; color:#FFF; padding:0; font-size:14px; margin-left:25px;}
.xscg li .btn:hover{ background:#8fbf2e; color:#FFF !important;}
.row .more{ display: inline-block; border:2px solid #9acd32; width:200px; height:50px; line-height:47px; border-radius: 3px; -webkit-border-radius: 3px; font-size:15px; color:#2d2d2d;}

.row .more:hover{ background:#9acd32; color:#fff !important;}
.xscg li img{ width:100%; height:208px;}



.xshd li{ float:left; width:571px; margin-right:27px; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);  -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; line-height:28px; color:#9b9b9b; padding-bottom:30px;}

.xshd li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1); -ms-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);}

.xshd li span{ line-height:25px; height:auto; width:100%;display:block; font-size:16px; margin-bottom:20px; color:#2d2d2d;}
.xshd li p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.xshd li .btn{ background:#9acd32; display:block; width:110px; height:35px; margin-top:15px; line-height:33px; color:#FFF; padding:0; font-size:14px; margin-left:25px; clear:both;}
.xshd li .btn:hover{ background:#8fbf2e; color:#FFF !important;}
.xshd li img{ width:100%; height:320px;object-fit: cover;}

.xscgt h5:before{ content:":::"; margin-top:-2px; position:absolute; margin-left:-35px; color:#9acd32;}
.xscgt h5:after{ content:":::"; margin-top:-2px; position:absolute; margin-left:10px; color:#9acd32;}

.xshdt h5:before{ content:":::"; margin-top:-2px; position:absolute; margin-left:-35px; color:#9acd32;}
.xshdt h5:after{ content:":::"; margin-top:-2px; position:absolute; margin-left:10px; color:#9acd32;}

.vbbox{ position:relative; height:655px;}
.vbbox .play{ width:80px; height:80px; display:block; position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-40px; z-index:1; background: url(../images/vbtn-1.jpg) no-repeat;}
.vbbox .play:hover{ background: url(../images/vbtn-2.jpg) no-repeat; width:80px; height:80px;}
#vbox{ display:none; width:1200px; text-align:center; overflow:hidden; z-index:3; position:absolute; left:50%; margin-left:-600px; cursor:pointer;}
.vbg{ background:#000; position:fixed; width:100%; height:100%; z-index:1; left:0; top:0; filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity:0.9; display:none;}
#vclose{ background: url(../images/vclose.jpg) no-repeat; width:25px; height:25px; position:absolute; left:50%; margin-left:568px; z-index:4; text-align:center; line-height:25px; display:none; cursor:pointer; top:-12px;}

#play1{ width:1165px; height:655px; position:absolute; left:50%; margin-left:-582px; top:0px; z-index:100; background: url(../images/vbtn-2.jpg) no-repeat center center; display:none; visibility:hidden;}
#close1{ width:1165px; height:655px; position:absolute; left:50%; margin-left:-582px; top:0px; z-index:100; background: url(../images/vpause2.jpg) no-repeat center center; visibility:hidden;}
#vbox:hover #play1{ visibility:inherit;}
#vbox:hover #close1{ visibility:inherit;}

@media screen and (max-width:1200px){
.xscg li{
    width: 308px;
    margin-right: 15px;
}
.xshd li{
    width: 475px;
    margin-right: 20px;
}
.xshd li span{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.xshd li p{
-webkit-line-clamp: 3;}
}
@media screen and (max-width:1000px){
.block-news{padding-right:0px;}
.xscg li{margin-right:25px;width:362px;}
.xscg li:nth-child(2){margin-right:0px;}
.xscg li:last-child{margin-top:30px;}
.xshd li{margin-right:0px;width:100%;}
.xshd li:last-child{margin-top:30px;}
.page-content a img{object-fit: cover;}
}
@media(min-width:480px) and (max-width:768px) {
.xscg li{margin-right:0px;width:100%;margin-bottom:30px;}
.xscg li:last-child{margin-top:0px;margin-bottom:0px;}
.xscg li span{min-height:auto;}
.xscg li img{height:300px;}
}
@media(max-width:480px) {
.xscg li:last-child{margin-top:12px;}
.xscg li{ float:left; width:92%; margin:12px 4% 12px 4%; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);  -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; line-height:28px; color:#9b9b9b; background:#FFF;}

.xshd li{ float:left; width:92%; margin:12px 4% 12px 4%; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);  -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2); -ms-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; line-height:28px; color:#9b9b9b;}
.xshd li .miaoshu{ margin-top:10px; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.xshd li  .btn{ float:left;}
.vbbox{ position:relative; width:100%; height:auto;}
.xshd li span{margin-bottom:0px;}

}