@charset "utf-8"; /* 图片自适应 */ .cont_char_1400_003_FAB78003 .imged { position: relative; padding-top: 65%; width: 100%; height: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important; } .cont_char_1400_003_FAB78003 .scale { position: relative; overflow: hidden; padding: 5px; } /* 组件样式 */ #cont_char_1400_003_FAB78003 { font-size: 16px; padding-top: 30px; } /* public---style----end */ .page { text-align: center; margin-top: 50px; } /* end */ .ccr1403-lt ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .ccr1403-lt ul li { width: 21%; margin-bottom: 25px; } .ccr1403-lt ul>div { width: 21%; } .ccr1403-lt ul li .scale { transition: all 0.3s; } .ccr1403-lt ul li a:hover .scale { background: url(../images/ccr1403-picbg.png) no-repeat; background-size: 100% 100%; padding: 5px; } .ccr1403-lt ul li .scale .imged { padding-top: 125.6%; } .ccr1403-tx h3 { font-size: 24px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 36px; } .ccr1403-tx { padding-top: 5px; } .ccr1403-tx p { font-size: 18px; line-height: 30px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; height: 30px; } .ccr1403-lt ul li a:hover h3 { font-weight: 600; color: #333333; } .ccr1403-lt ul li a:hover p { color: #333333; } #cont_char_1400_003_FAB78003 .chg_17 h3 {color:rgba(51,51,51,1.0);font-weight:400;font-size:20px;text-align: center;} #cont_char_1400_003_FAB78003 .chg_18 p {color:rgba(153,153,153,1.0);font-weight:400;font-size:14px;} #cont_char_1400_003_FAB78003 .chg_19 .scale{} #cont_char_1400_003_FAB78003 .chg_23 a:hover h3 {color:rgba(51,51,51,1.0);font-weight:700;font-size:20px;} #cont_char_1400_003_FAB78003 .chg_22 a:hover p{color:rgba(51,51,51,1.0);font-weight:400;font-size:14px;} #cont_char_1400_003_FAB78003 .chg_21_png_bg a:hover .scale{background: #980D14;} @media screen and (max-width: 1024px) { .ccr1403-lt ul li { width: 31%; } } @media screen and (max-width: 768px) { .ccr1403-lt ul li { width: 48%; margin-bottom: 25px; } .ccr1403-tx h3 { font-size: 18px !important; } .ccr1403-tx p { font-size: 16px !important; } }