/*-----------------领导信息-------------------*/ .Min_Box ul li { float: left; padding: 0 15px 15px 0; box-sizing: border-box; position: relative; } .Min_Box ul li img { float: left; margin-right: 10px; border: 1px solid #ccc; padding: 3px; box-shadow: 2px 2px 2px lightgray; } .Min_Box ul li a.title_type { font-size: 16px; line-height: 2em; color: #28b5a9 } .Min_Box ul li a.title_type:hover { font-weight: bold; } .Min_Box ul li p { font-size: 14px; line-height: 2em } ul.Leader_One li { width: 50%; } ul.Leader_One li img { width: 160px; height: 190px; } .Min_Box ul li a.detail { position: absolute; bottom: 10px; right: 15px; padding: 5px 10px; color: #28b5a9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } a.details { color: #2076bd; } a.details:hover { font-weight: bold; } @media (min-width:1440px) and (max-width:1920px) { .Min_Box ul li a.title_type { font-size: 20px; } .Min_Box ul li p { font-size: 16px; } } @media only screen and (max-width: 768px) { ul.Leader_One li { width: 50%; overflow: hidden; height: 215px; margin: 0 0 15px 0; } } @media only screen and (max-width: 680px) { ul.Leader_One li { width: 100%; float: none!important } } @media only screen and (max-width:410px){ ul.Leader_One li p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } } @media only screen and (max-width:374px){ .Min_Box ul li img{ float: none; display: block; margin: 0 auto; } .Min_Box ul li a.title_type{ display: block; text-align: center; } ul.Leader_One li{ height: auto } .Min_Box ul li a.detail{ right: 0; } }