@charset "utf-8";
.myscroll{width:1200px;margin:0px auto;}
/*news*/
.myscroll ul{display: flex;flex-wrap: wrap;}
.myscroll ul li {display:block;padding:0;width:32.333333%;overflow:hidden; position:relative;margin-right:1.5%; margin-bottom:1.5%;}
.myscroll ul li:nth-child(3n+3){margin-right: 0;}
.myscroll ul li a { text-decoration:none;}
.myscroll a.pic .intro {position: absolute;z-index: 10;background-color:#000;filter: alpha(opacity=70);width:0;height:246px;color: #fff;-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;text-align: center;}
.myscroll a.pic img{width: 100%;}
.myscroll a.pic .img{overflow: hidden;border-radius: 1px;position: relative;padding-bottom: 58%;}
.myscroll a.pic .img img{transition: all .5s;height: 100%;width: 100%;object-fit: cover;position: absolute;}
.newslist .item:hover .img img{transform:scale(1.05)}
.myscroll a.pic .intro p {margin-top:70px;height:120px;overflow: hidden;font-size:14px}
.myscroll a.pic .intro p img{display:block;margin:0 auto 12px;width: auto;}
.myscroll a.pic .intro {right:0;top:0}

.myscroll ul li:hover .intro{left:0;width:370px; text-decoration:none;}
.myscroll ul li dt{background:#fff; position:relative;z-index: 11; overflow:hidden; padding-top:10px;}
.myscroll ul li dt h4{font-size:14px;height:32px;width:370px;color:#333; text-align:center;}
.myscroll ul li:hover h4{color:#b60110; text-decoration:none;}
.myscroll ul li .intro,.myscroll ul li dt,.myscroll ul li dt h4{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a.icon_newsmore{margin:auto;width:122px;height:40px;line-height:40px;display:block;background-position:-230px -20px}