body { background-color: #fff; } .solution-detail-wrap { position: relative; } .solution-detail-wrap h2{ /*margin-bottom: 40px;*/ /*margin-top: 60px;*/ } .solution-detail-wrap .sort-title { padding-bottom: 48px; } .solution-detail-wrap .sort-title .project-title { font-size: 24px; line-height: 30px; font-weight: 600; } .solution-detail-wrap .detail-cnt { padding: 65px 0; } .solution-detail-wrap .model-box { max-width: 1400px; width: 92%; margin: 0 auto 96px auto; } .solution-detail-wrap .model-bg { max-width: 100%; width: 100%; padding: 80px 0 110px 0; background-color: #f7f7f7; } .solution-detail-wrap .sort-title { display: flex; align-items: center; } .solution-detail-wrap .sort-title .sort-icon { width: 34px; height: 34px; margin-right: 16px; } .solution-detail-wrap .project-text { font-size: 16px; line-height: 32px; } .solution-detail-wrap .project-text img{ max-width: 100%; margin-left: -34px; } .solution-detail-wrap .model-bg .cnt-box, .solution-detail-wrap .cnt-box { max-width: 1400px; width: 92%; margin: 0 auto; } .solution-detail-wrap .model-box .ul-box { display: flex; flex-wrap: wrap; justify-content: space-between; } .solution-detail-wrap .model-box .ul-box .list { width: 47%; margin-bottom: 60px; } .solution-detail-wrap .model-box .ul-box .list .list-title { font-size: 18px; line-height: 26px; font-weight: 600; color: #cc0000; } .solution-detail-wrap .model-box .ul-box .list .list-text { font-size: 16px; line-height: 32px; margin-top: 22px; } .solution-detail-wrap .apply-model .apply-li { display: flex; margin-bottom: 72px; } .solution-detail-wrap .apply-model .apply-li .img-box { width: 33%; max-width: 424px; height: 270px; } .solution-detail-wrap .apply-model .apply-li .text-box { width: calc(67% - 36px); margin-left: 36px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title { display: flex; align-items: center; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title .iconfont { font-size: 22px; line-height: 22px; color: #c9c9ca; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title .text { font-size: 18px; font-weight: 600; margin-left: 22px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-text { font-size: 16px; line-height: 32px; margin-top: 28px; } @media screen and (max-width: 1440px) { .solution-detail-wrap .model-box, .solution-detail-wrap .model-bg .cnt-box { max-width: 1000px; } .solution-detail-wrap .model-bg { max-width: 100%; } .solution-detail-wrap .model-box { margin: 0 auto 50px auto; } .solution-detail-wrap .sort-title { padding-bottom: 38px; } .solution-detail-wrap .model-box .ul-box .list { margin-bottom: 40px; } .solution-detail-wrap .apply-model .apply-li { margin-bottom: 40px; } .solution-detail-wrap .apply-model .apply-li .img-box { height: 180px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-text { margin-top: 12px; } } @media screen and (max-width: 1024px) { .solution-detail-wrap .model-box { margin: 0 auto 40px auto; } .solution-detail-wrap .model-bg { padding: 40px 0; } .solution-detail-wrap .sort-title { padding-bottom: 24px; } .solution-detail-wrap .project-text { font-size: 14px; line-height: 28px; } .solution-detail-wrap .sort-title { padding-bottom: 12px; } .solution-detail-wrap .detail-cnt { padding: 65px 0 0 0; } .solution-detail-wrap .sort-title .sort-icon { width: 24px; height: 24px; margin-right: 6px; } .solution-detail-wrap .sort-title .project-title { font-size: 18px; } .solution-detail-wrap .apply-model .apply-li { flex-wrap: wrap; } .solution-detail-wrap .apply-model .apply-li .img-box { width: 100%; max-width: 100%; } .solution-detail-wrap .apply-model .apply-li .text-box { width: 100%; margin: 16px 0 0 0; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title .text { font-size: 16px; line-height: 24px; margin-left: 10px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-text { font-size: 14px; line-height: 28px; margin-top: 12px; } .solution-detail-wrap .model-box .ul-box .list .list-title { font-size: 16px; } .solution-detail-wrap .model-box .ul-box .list .list-text { font-size: 14px; line-height: 28px; margin-top: 12px; } } @media screen and (max-width: 768px) { .solution-detail-wrap { padding: 0 0 40px 0; } .solution-detail-wrap h2 { margin: 0px auto; } .solution-detail-wrap .detail-cnt { padding: 0; } .solution-detail-wrap .model-box { margin: 0 auto 16px auto; } .solution-detail-wrap .model-bg { padding: 24px 0; } .solution-detail-wrap .sort-title .sort-icon { width: 16px; height: 16px; } .solution-detail-wrap .sort-title .project-title { font-size: 16px; line-height: 24px; } .solution-detail-wrap .model-box .ul-box .list { width: 100%; margin-bottom: 16px; } .solution-detail-wrap .model-box .ul-box .list .list-title { font-size: 14px; line-height: 22px; } .solution-detail-wrap .model-box .ul-box .list .list-text { margin-top: 6px; } .solution-detail-wrap .apply-model .apply-li { margin-bottom: 16px; } .solution-detail-wrap .apply-model .apply-li .img-box { height: 204px; } .solution-detail-wrap .apply-model .apply-li .text-box { margin: 12px 0 0 0; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-text { font-size: 12px; line-height: 25px; margin-top: 6px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title .text { font-size: 14px; margin-left: 6px; } .solution-detail-wrap .apply-model .apply-li .text-box .apply-title .iconfont { font-size: 16px; } }