@media screen and (max-width: 1550px) { } @media screen and (max-width: 1366px) { .com_con01_l .newtitle_01 { font-size: 15px; } .com_con01_l .newtitle_01 span { font-size: 22px; } .com_con01_l .newcon_01 { font-size: 15px; margin-top: 18px; } .com_con02_li { width: calc(25% - ((25px * 3) / 4)); margin-left: 25px; border-radius: 18px; padding: 35px 30px; } .com_con02_li .com_con02_title { font-size: 22px; margin-top: 35px; } .com_con02_li .com_con02_con { font-size: 15px; margin-top: 8px; } .com_con02_li .com_con02_img img { height: 48px; } .com_con04_li { width: calc(50% - ((30px * 1) / 2)); margin-left: 30px; margin-top: 26px; padding: 34px; } .com_con04_li .com_con04_title { font-size: 18px; } .com_con04_li .com_con04_con { font-size: 15px; margin-top: 12px; width: 70%; } .com_con05_li .com_con05_text .com_con05_time { font-size: 13px; margin-top: 15px; } .com_con05_li .com_con05_text .com_con05_stitle { font-size: 15px; height: 17px; line-height: 17px; } .com_con05_li { padding: 17px 0; } .com_con05_div .com_con05_title { padding: 12px 35px; font-size: 15px; } .com_con06_li_text .com_con06_title { font-size: 15px; } .com_con06_li_text .com_con06_title span { font-size: 22px; } .com_con06_li_text .com_con06_con { font-size: 14px; margin-top: 15px; } .com_con06_li_text .com_con06_imglist .com_con06_imgli { font-size: 14px; margin-left: 10px; border-radius: 6px; padding: 6px 0; margin-top: 8px; } .com_con06_li_text .com_con06_stitle { font-size: 14px; padding-bottom: 8px; margin-top: 30px; } .com_con06_bottom .com_con06_atitle { font-size: 15px; line-height: 44px; height: 44px; } .com_con07_li { width: calc(25% - ((25px * 3) / 4)); margin-left: 25px; } .new_pro_ai07 { padding: 60px 0; margin-top: 60px; } } @media screen and (max-width: 768px) { .com_title { padding: 2rem 0 2rem; } .com_title h2 { font-size: 22px; } .com_con01_l { width: 100%; } .com_con01_r { width: 100%; } .com_con01_l .newcon_01 { font-size: 14px; margin-top: 12px; } .com_con01_l .newtitle_01 { font-size: 14px; margin-top: 15px; } .com_con01_l .newtitle_01 span { font-size: 20px; } .com_con02_li{ width: calc(50% - ((20px * 1) / 2)); margin-left: 20px; border-radius: 10px; margin-top: 20px; padding: 15px; } .com_con02_li:nth-child(4n+1){ margin-left: 20px; } .com_con02_li:nth-child(2n+1){ margin-left: 0; } .com_con02_li .com_con02_con { font-size: 13px; margin-top: 5px; } .com_con02_li .com_con02_title { font-size: 20px; margin-top: 25px; } .com_con02_li .com_con02_img img { height: 40px; } .com_con04_li{ width: 100%; margin-left: 0; margin-top:20px ; padding: 15px; } .com_con04_li:nth-child(-n+2){ margin-top: 20px; } .com_con04_li .com_con04_con { font-size: 13px; margin-top: 10px; width: 70%; } .com_con04_li .com_con04_title { font-size: 16px; } .com_con05_l { width: 100%; margin-bottom: 20px; } .com_con05_r { width: 100%; } .com_con05_div .com_con05_title { padding: 10px 25px; font-size: 14px; } .com_con05_li { padding: 15px 0; } .com_con06_top { padding: 15px 10px 30px; } .com_con06_li_img { width: 100%; margin-bottom: 20px; } .com_con06_li_text { width: 100%; } .com_con06_li_text .com_con06_title { font-size: 14px; } .com_con06_li_text .com_con06_title span { font-size: 20px; } .com_con06_li_text .com_con06_con { font-size: 13px; margin-top: 13px; } .com_con06_li_text .com_con06_imglist .com_con06_imgli{ width: 49%; margin-left: 0; } .com_con06_li_text .com_con06_imglist{ flex-wrap: wrap; justify-content: space-between; } .com_con06_bottom{ flex-wrap: wrap; } .com_con06_bottom .com_con06_atitle{ width: 100%; } .com_con06_bottom .com_con06_atitle { font-size: 14px; line-height: 32px; height: 32px; } .new_pro_ai07 { padding: 40px 0; margin-top: 40px; } .com_con07_li{ width: calc(50% - ((20px * 1) / 2)); margin-left: 20px; margin-top: 20px; } .com_con07_li:nth-child(2n+1){ margin-left: 0; } .com_con07_li:nth-child(-n+2){ margin-top: 0; } }