body{ background-color: #F2F2F2; } .nsc-box{ } .nsc-box h1{ padding: 1.9375rem 0 2.6875rem 0; text-align: center; font-size: 2rem; font-weight: 700; color: #333333; } /* 闆嗗洟妯″潡 */ .nsc-group{ margin-bottom: 3.125rem; } .nsc-group .nscg-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; } .nscg-top .nscgt-left{ font-size: 1.5rem; font-weight: 700; color: #333333; text-align: center; } .nscg-top .nscgt-left img{ width: 1.625rem; height: 1.625rem; display: inline-block; } .nscg-top .nscgt-right{ font-size: 1.25rem; font-weight: 400; color: #999999; } .nscg-content{ background: #ffffff; padding: 1.875rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; } .nscg-content .nscgc-left{ width: 45.71%; } .nscgc-spcing{ width: 1.875rem; } .nscg-content .nscgc-left img{ width: 100%; height: 18.75vw; } .nscg-content .nscgc-left .text1{ font-size: 1.25rem; font-weight: 700; color: #333333; padding: 1.375rem 0; } .nscg-content .nscgc-left .text2{ font-size: 1.125rem; font-weight: 400; color: #666666; } .nscgc-right{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; min-height: 26.04vw; flex: 1; } .nscgc-right .nscgcr-item{ display: flex; justify-content: space-between; align-items: center; margin: 10px; } .nscgc-right .nscgcr-item img{ width: 11.875rem; /* height: 6.25vw; */ margin-right: 1.6875rem; } /* .nscgc-right .nscgcr-item .item-con{ height: 6.25vw; } */ .nscgc-right .nscgcr-item .item-con .item-t1{ font-size: 1.25rem; font-weight: 700; color: #333333; margin: 0.8rem 0; } .nscgc-right .nscgcr-item .item-con .item-t2{ font-size: 1.125rem; font-weight: 400; color: #666666; } .nscg-content-menu{ flex-wrap: wrap; } .nscg-content-menu li{ width: 30%; font-size: 1.125rem; font-weight: 400; color: #666666; line-height: 3rem; } @media only screen and ( max-width:1000px) { .nscg-content-menu li{ width: 100%; } .nscg-content{ flex-direction: column; } .nscg-content .nscgc-left{ width: 100%; margin-bottom: 2.5rem; } .nscg-content .nscgc-left img{ height: auto; } .nscgc-right .nscgcr-item{ margin-bottom: 1.25rem; } .nscgc-right .nscgcr-item img{ height: auto; } .nscgc-right .nscgcr-item .item-con .item-t1{ margin: 0; margin-bottom: 0.625rem; font-size: 1rem; } .nscgc-right .nscgcr-item .item-con .item-t2{ font-size: 0.9rem; } }