@media only screen and (max-width: 768px) { #c_portalResNews_list-16118253061305168 { padding:0 20px; } #c_portalResPublic_codeContainer-1611819172749 { max-width:100%; } .news_li { width:33.3%; } #content_box-1611819172549-0:after { display:none; } #w_grid-1564456455396 { #padding-top:80px; } #w_grid-1577284338951 { height:80px; min-height:80px; line-height:80px; } #content_box-1611824095168-0 { position: absolute; top: 0; left: 20px; z-index: 999; width:30% !important } #content_box-1611824095168-1 { position: absolute; width: 100% !important; top: 0; } #content_box-1611824095168-2 { display:none; } #w_grid-1611824491600 { line-height:80px; min-height:80px; height:80px; } #w_grid-1611824095168 { padding-left:0; height:80px; min-height:80px; } #w_grid-1564456455396 { padding-top:80px; } .c_portalResnav_main-01001004 .header2 { height:80px; } .c_portalResnav_main-01001004 .header2 .nav-btn { margin-top:35px; } .c_portalResProduct_list-01001013 { margin-top:80px !important; } .c_portalResIntro_detail-01001 { /* margin-top:50px !important;*/ } #w_common_text-1590544607607 { margin-top:60px !important; } #w_common_text-1590544607607 span{ font-size:24px; } .e_FlowCommonStyleBox-001 .title_main { font-size:24px !important; margin-top:20px; } #c_portalResNews_detail-15644776604697218 { margin-top:10px; } #w_common_text-1611819172704 span { font-size:24px !important; } #w_common_text-1611819172709 span { font-size:18px !important; } #c_portalResPublic_codeContainer-1611819172749 { margin-left:0; } #c_portalResNews_list-1611819172754 { margin-top:30px; } #c_portalResPublic_codeContainer-16118303433498531 { padding-left:0; } } #ly-d { flex: 1; max-width: 100%; max-height: 100%; display: flex; align-items: center; } #ly-d .ly-img { overflow: hidden; width: 100%; } #ly-d .ly-img img { width: 100%; height: 100%; object-fit: contain; } #ly-d .ly-wz { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; padding: 2vw; background: rgb(0 0 0 / 30%); } #ly-d .ly-wz2 { flex: 1; max-width: 100%; max-height: 100%; } #ly-d .ly-wz2 .ly-wz2-bt { font_radio: 2; font-size: 2vw; color: rgba(255, 255, 255, 1); line-height: 1.5; display-radio: -webkit-box; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; padding-left: 30px; background: url(/img/bt.jpg); background-repeat: repeat-y; margin-bottom: 10px; } #ly-d .ly-wz2 .ly-wz2-nr { display-radio: 1; font_radio: 2; font-size: 1vw; color: rgb(255 255 255 / 90%); line-height: 1.8; padding-top: 0px; } #ly-d .ly-wz2-nr span { font-size: 1.2vw; font-weight: bold; } @media only screen and (min-width: 768px) { #ly-d .ly-wz { left: 0; bottom: 0; position: absolute; } } @media only screen and (max-width: 768px) { #ly-d .ly-wz { background: rgb(0 0 0 /50%); } #ly-d { flex-direction: column; } }