@charset "utf-8"; /* 图片自适应 */ .cont_img_1400_003 .imged { position: relative; padding-bottom: 65.2%; width: 100%; height: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important; } a:hover .imged { transform: scale(1.1); } .cont_img_1400_003 .scale { position: relative; overflow: hidden; } /* 组件样式 */ #cont_img_1400_003 { font-size: 16px; } /* public---style----end */ .page { text-align: center; margin-top: 50px; } .cig1403-lt ul li { width: 31.4%; } .cig1403-lt ul>div { width: 31.4%; } .cig1403-lt ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .cig1403-lt ul li { margin-bottom: 40px; } .cig1403-lt ul li a { display:block; position: relative; } .cig1403-lt ul li a p { font-size: 18px; text-align: center; color: #FFFFFF; line-height: 60px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; left: 0; bottom: 0; } .cig1403-lt ul li a:hover p { background: #0065C8; } #cont_img_1400_003 .chg_18 p { color: #ffffff; } #cont_img_1400_003 .chg_17 p { background: rgba(0, 0, 0, 0.4); } #cont_img_1400_003 .chg_20 a:hover p { color: #ffffff; } #cont_img_1400_003 .chg_19 a:hover p { background: #0065C8; } @media screen and (max-width: 768px) { .cig1403-lt ul li { width: 48%; margin-bottom: 30px; } .cig1403-lt ul li a p { line-height: 40px; font-size: 16px !important; } }