/* CSS Document */
body{margin:0px;padding:0px;font-size:10px;}
*{margin:0px;padding:0px}
a,a:visited,a:link{text-decoration:none;}
ul,li{list-style:none;}




/*ÐÂÎÅ¿ªÊ¼*/
.news{width:100%;height:auto;clear:both;display:block;transition: all 2.5s;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.news ul{width:100%;height:auto;}
.news ul li{width:100%;height:15vh;background:rgba(0,0,0,0.8);margin-top:2rem;padding:1%;}
.news ul li .text{float:left;height:100%;padding-left:10px;width:100%;overflow:hidden;}
.news ul li .text h1{display:block;width:100%;height:auto;line-height:3;}
.news ul li .text h1 a{color:#fff;font-size:2rem;}
.news ul li .text h1 span{line-height:3;color:#fff;font-size:1.4rem;float:right;}
.news ul li .text p{font-size:1.4rem;color:#fff;lin-height:1.6;}
.news ul li:hover{background:rgba(222,37,37,0.8);}



.news2{width:80%;height:auto;clear:both;margin:0 auto;margin-top: 2vh;display:none;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}



@media (max-width:468px){

.news{display:none;}
.news2{;display:block;}
}

@media (max-width:1080px){
.news{display:none;}
.news2{;display:block;} 
}