@charset "utf-8"; /* 组件ID */ #cont_list_1400_010 { font-size: 16px; } /* 组件样式 */ .cont_list_1400_010 {} .cont_list_1400_010 .cont_list14_10_wid { max-width: 1400px; margin: 0 auto; } .cont_list_1400_010 .cont_list14_10_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .cont_list_1400_010 .cont_list14_10_list ul li { width: 48%; margin-bottom: 50px; } .cont_list_1400_010 .cont_list14_10_list ul li a { display: flex; justify-content: space-between; align-items: center; background: #f3f9ff; padding: 35px; position: relative; top: 0; transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li a .date { text-align: center; font-family: Arial; } .cont_list_1400_010 .cont_list14_10_list ul li a .date>p { font-size: 36px; font-weight: 700; color: #004098; transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li a .date>span { display: block; font-size: 18px; font-weight: 400; color: #666666; margin-top: 10px; transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx { flex: 1; min-width: 0; padding-left: 64px; padding-bottom: 40px; position: relative; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 32px; height: 206px; border-left: 1px solid rgb(209 220 230); transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx h3 { font-size: 22px; line-height: 40px; height: 80px; color: #272727; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx>p { font-size: 16px; line-height: 30px; height: 60px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px; transition: all 0.5s; } .cont_list_1400_010 .cont_list14_10_list ul li:hover a { box-shadow: 0 5px 10px 0 rgba(0, 112, 107, 0.1); } .cont_list_1400_010 .cont_list14_10_list ul li:hover a .rtx h3 { color: #004098; } .fyf { text-align: center; font-size: 14px; margin-top: 20px; } @media screen and (max-width: 1400px) { .cont_list_1400_010 .cont_list14_10_wid { padding-left: 0; padding-right: 0; } .cont_list_1400_010 .cont_list14_10_r { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1024px) { .cont_list_1400_010 .cont_list14_10_r { margin-top: 30px; padding: 30px; } .cont_list_1400_010 .cont_list14_10_list ul li { margin-bottom: 30px; } .cont_list_1400_010 .cont_list14_10_list ul li a { padding: 20px; } .cont_list_1400_010 .cont_list14_10_list ul li a .date>p { font-size: 26px; } .cont_list_1400_010 .cont_list14_10_list ul li a .date>span { font-size: 14px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx h3 { font-size: 16px; line-height: 26px; height: 52px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx>p { font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx { padding-left: 50px; padding-bottom: 20px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx::after { left: 25px; height: 100%; } } @media screen and (max-width: 768px) { .cont_list_1400_010 .cont_list14_10_list ul li { width: 100%; margin-bottom: 20px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx h3 { height: auto; max-height: 52px; } .cont_list_1400_010 .cont_list14_10_list ul li a .rtx>p { height: auto; max-height: 48px; } }