/*新闻列表*/ .ey_news359 { height: auto; color: #434343; } .ey_news359 .news_ny { width: 100%; padding: 20px 0; height:auto; overflow:hidden; } .ey_news359 .news_list { width: 47%; float: left; padding: 1.5%; height: auto; overflow: hidden; background-color: #fff; box-shadow: 0px 2px 10px #b3b3b3; margin: 1.5% } .ey_news359 .e_news_l { width: 35%; float: left } .ey_news359 .e_news_l .img { display: block; width: 100%; padding-top: 75%; position: relative; overflow: hidden; } .ey_news359 .e_news_l .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; } .ey_news359 .e_news_r { width: 62%; float: right; } .ey_news359 .e_news_r h3 { font-size: 16px; line-height: 26px; font-weight: normal; color: #222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;/*显示几行*/ overflow: hidden; } .ey_news359 .e_news_r span { padding-top: 5px; display: block; font-size: 13px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; color: #787878; } .ey_news359 .e_news_r p { padding-top: 5px; color: #626262; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/*显示几行*/ overflow: hidden; } .ey_news359 .ey_page { line-height: 30px; font-size: 14px; text-align: center; color: #626262; margin: 30px 0; } .ey_news359 .ey_page li { display: inline-block; } .ey_news359 .ey_page a { margin: 0px 2px; padding: 8px 16px; border: 1px solid #ccc; color: #626262; background-color: #fff } .ey_news359 .ey_page a:hover, .ey_news359 .ey_page .active a { background-color: #009fa8; color: #fff; border: 1px solid #009fa8; box-shadow: 0 0 14px rgb(0 0 0 / 20%); } @media (max-width:1199px) { .ey_news359 .news_list { width: 47%; padding: 1.5%; margin: 1.5% } .ey_news359 .e_news_r p { padding-top: 10px; } .ey_news359 .news_ny { padding: 20px 0; height:auto; overflow:hidden; } } @media (max-width:991px) { .ey_news359 .e_news_l { width: 40%; float: left } .ey_news359 .e_news_r { width: 57%; float: right; } .ey_news359 .e_news_r span { padding-top: 0; } } @media (max-width:768px) { .ey_news359 .e_news_l { width: 100%; float: none } .ey_news359 .e_news_r { width: 100%; float: none; } } @media (max-width:480px) { .ey_news359 .news_list { width: 97%; float: none; padding: 4%; margin: 0 1.5% 25px 1.5% } .ey_news359 .e_news_r h3 { margin-top: 15px } .ey_news359 .e_news_r span { padding-top: 5px; } } @media (max-width:768px) { .ey_news359 .ey_page { line-height: 30px; font-size: 14px; text-align: center; color: #626262; margin: 30px 0 } .ey_news359 .ey_page a { margin: 2px 1px; padding: 0px 8px; border: 1px solid #ccc; color: #626262; background-color: #fff; display: inline-block } .ey_news359 .ey_page a:hover { background-color: #009fa8; color: #fff; padding: 0px 8px; border: 1px solid #009fa8;} .ey_news359 .ey_page span { background-color: #009fa8; color: #fff; padding: 0px 8px; border: 1px solid #009fa8; display: inline-block;} } /*新闻列表*/ @media(min-width:800px) { /* 宽度 */ .ey_pro109 .box109 { width: 1200px; margin: 0 auto; } /* 颜色 */ .ey_pro109 { background: #eee; padding-top: 50px; padding-bottom: 20px; } .ey_pro109 .title { width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #396bde; margin-bottom: 15px; } .ey_pro109 .title a { float: right; font-size: 15px; color: #666666; } .ey_pro109 .title strong { display: inline-block; height: 40px; line-height: 40px; color: #fff; background: #396bde; padding: 0 20px; font-size: 18px; } .ey_pro109 ul li { display: block; float: left; width: 23.5%; margin-right: 1.8%; background: #fff; padding: 2%; box-sizing: border-box; transition: all .5s; } .ey_pro109 ul li a.t { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #666666; } .ey_pro109 ul li .pro_c a { display: block; float: right; width: 52px; height: 28px; line-height: 28px; text-align: center; color: #fff; background: #396bde; font-size: 15px; border-radius: 5px; margin-top: 10px; } .ey_pro109 ul li .pro_c p { font-size: 14px; color: #666666; line-height: 22px; } .ey_pro109 ul li a.t:hover { color: #396bde; } /* 颜色 end*/ .ey_pro109 ul:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .ey_pro109 .box109:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .ey_pro109 .pro_box109 { margin-bottom: 15px; } .ey_pro109 ul li:last-child { margin-right: 0; } .ey_pro109 ul li .pic { display: block; width: 100%; position: relative; padding-top: 65%; overflow: hidden; } .ey_pro109 ul li img { display: block; position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; transition: all .5s; } .ey_pro109 ul li:hover { box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .ey_pro109 ul li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } } @media(max-width:800px) { /* 宽度 */ .ey_pro109 .box109 { width: 96%; margin: 0 auto; } /* 颜色 */ .ey_pro109 { background: #eee; padding-top: 20px; padding-bottom: 20px; } .ey_pro109 .title { width: 100%; height: 35px; line-height: 35px; border-bottom: 2px solid #396bde; margin-bottom: 15px; } .ey_pro109 .title a { float: right; font-size: 14px; color: #666666; } .ey_pro109 .title strong { display: inline-block; height: 35px; line-height: 35px; color: #fff; background: #396bde; padding: 0 15px; font-size: 16px; } .ey_pro109 ul li { display: block; float: left; width: 49%; margin-right: 2%; background: #fff; padding: 2%; box-sizing: border-box; transition: all .5s; margin-bottom: 10px; } .ey_pro109 ul li a.t { display: block; text-align: center; font-size: 14px; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ey_pro109 ul li a.t:hover { color: #396bde; } /* 颜色 end*/ .ey_pro109 .box109:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .ey_pro109 ul:after { content: ""; display: block; height: 0px; visibility: hidden; clear: both; } .ey_pro109 .pro_box109 { margin-bottom: 0px; } .ey_pro109 ul li:nth-of-type(even) { margin-right: 0; } .ey_pro109 ul li .pic { display: block; width: 100%; position: relative; padding-top: 100%; overflow: hidden; margin-bottom: 8px; } .ey_pro109 ul li img { display: block; position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; transition: all .5s; } .ey_pro109 ul li .pro_c a { display: none; } .ey_pro109 ul li .pro_c p { display: none; } .ey_pro109 ul li:hover { box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .ey_pro109 ul li .pic:hover img { -webkit-transform: scale(1.12); transform: scale(1.12); } }