/* @media (max-width: 1700px) { .CONTENT_1_SHELL_CONTENT .RIGHT { width: 40% !important; } .CONTENT_1_SHELL_CONTENT .LEFT { width: 55% !important; } .content-FA-desc { line-height: 38px !important; } .content-beizhu { padding-top:80px; } } @media (max-width: 1600px) { .CONTENT_1_SHELL_CONTENT .LEFT { width: 55% !important; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 40% !important; } .LEFT108 p { font-size: 60px !important; } .CONTENT_FISRT-content-title { font-size: 28px !important; } .CONTENT_FISRT-content-desc { font-size: 24px !important; } .content-FA-desc { font-size: 24px !important; line-height: 36px !important; } .CONTENT_FISRT-content-FA { font-size: 32px !important; } .content-beizhu { padding-top: 70px; } } @media (max-width: 1500px) { .CONTENT_1_SHELL_CONTENT .LEFT { width: 50% !important; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 40% !important; } .LEFT108 p { font-size: 55px !important; } .CONTENT_FISRT-content-title { font-size: 26px !important; } .CONTENT_FISRT-content-desc { font-size: 22px !important; } .content-FA-desc { font-size: 22px !important; line-height: 34px !important; } .CONTENT_FISRT-content-FA { font-size: 30px !important; } .content-beizhu { padding-top: 60px; } } @media (max-width: 1400px) { .CONTENT_1_SHELL_CONTENT .LEFT { width: 53% !important; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 43% !important; } .LEFT .CONTENT p { font-size: 20px !important; } .LEFT .CONTENT_FISRT p { font-size: 20px !important; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p { font-size: 20px !important; } .LEFT108 p { font-size: 50px !important; } .CONTENT_FISRT-content-title { font-size: 25px !important; } .CONTENT_FISRT-content-desc { font-size: 21px !important; } .CONTENT_FISRT-content-FA { font-size: 29px !important; } .content-FA-desc { line-height: 30px !important; } .content-beizhu { padding-top: 50px; font-size: 18px; } } @media (max-width: 1300px){ .LEFT108 p { font-size: 45px !important; } .CONTENT_1 .CONTENT_1_SHELL { padding: 30px 30px 40px 0px !important; } .CONTENT_1_SHELL_CONTENT .LEFT { width: 50% !important; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 45% !important; } .LEFT .CONTENT_FISRT p { padding: 0px 30px 10px 0px !important; font-size: 18px !important; } .LEFT .CONTENT p { padding-bottom: 10px !important; font-size: 18px !important; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p { padding-bottom: 10px !important; font-size: 18px !important; letter-spacing: 1px !important; } .CONTENT_FISRT-content-title { font-size: 1.1rem !important; } .CONTENT_FISRT-content-desc { font-size: 20px !important; } .content-FA-desc { font-size: 20px !important; } .CONTENT_FISRT-content-FA { font-size: 28px !important; } .content-beizhu { font-size: 18px; } .CONTENT_FISRT-content-desc { font-size: 18px !important; } } */ @media (max-width: 780px) { .tbk { margin-top: 8rem; } .columnf { display: flex; flex-direction: column; } .content-beizhu { margin-top:0.5rem !important; padding: 0.1875rem 0.125rem; font-size: 0.75rem !important; } .content-beizhu span { } .CONTENT_FISRT-content-FA { font-size: 1.2rem !important; padding: 0px !important; padding-bottom: 0.8rem !important; } .content-FA-desc { font-size: 0.8rem !important; line-height: 1.6rem !important; } .CONTENT_FISRT-content-title { font-size: 0.9rem !important; FONT-WEIGHT: 550; } .LEFT .CONTENT_FISRT-content-titles { font-size: 1.2rem !important; } .CONTENT_FISRT-content-desc { padding: 0.1rem 0 0.3rem !important; font-size:0.8rem !important; font-size: 0.8rem !important; display: block; } .LEFT108 { display: none !important; } .LEFT107 { display: block !important; width: 100%; height: 18px; } .LEFT107 P { width: 100%; box-sizing: border-box; padding-left: 15px; line-height: 18px; font-size: 1rem; font-weight: 550; border-left: 4px solid red; } .CONTENT_1 .title { font-size: 24px !important; padding: 55px 0 40px !important; } .CONTENT_1 .CONTENT_1_SHELL { width: 94% !important; border-radius:20px !important; padding: 1.5rem !important; } .CONTENT_1_SHELL .CONTENT_1_SHELL_CONTENT { flex-wrap: wrap-reverse !important; } .CONTENT_1_SHELL_CONTENT .LEFT { width: 100% !important; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 100% !important; padding-top: 25px !important; } .LEFT .LEFT108 { display: none !important; } .LEFT .CONTENT { padding: 0px !important; } .CONTENT_1_SHELL_FOOTER { padding: 0px !important; } .LEFT .CONTENT_FISRT { padding-left: 0px !important; } .LEFT .CONTENT_FISRT p { font-size: 16px !important; line-height: 22px !important; padding: 0px 20px 10px 0px !important; } .LEFT .CONTENT_FISRT>div { padding: 20px 0px 10px !important; } .content-item { padding: 0px !important; } .LEFT .CONTENT>div { padding: 20px 0px 5px !important; } .LEFT .CONTENT p:first-of-type { font-size: 20px !important; padding-bottom: 18px !important; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p:first-of-type { font-size: 20px !important; padding-bottom: 18px !important; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p { font-size: 16px !important; padding-bottom: 10px !important; line-height: 22px !important; } } .CONTENT_1 { overflow: hidden; width: 100%; /* height: 1324px; */ background: url(../imange/Basedrawing.png) repeat; padding-bottom: 120px; } .CONTENT_1 .title { font-size: 60px; color: rgba(26, 19, 17, 1); text-align: center; width: 100%; padding: 80px 0 60px; } .CONTENT_1 .CONTENT_1_SHELL { background: #fff; border-radius:1rem; width: 20rem; margin: 0 auto; padding: 0.9rem 0.9rem 1rem 0px; box-sizing: border-box; box-shadow: 5px 5px 15px rgb(150 150 150); } .CONTENT_1_SHELL .CONTENT_1_SHELL_CONTENT { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .CONTENT_1_SHELL_CONTENT .LEFT { width: 10rem; } .LEFT .CONTENT_FISRT { width: 100%; padding-left: 0.45rem; box-sizing: border-box; /* align-items: flex-start; justify-content: flex-start; display: flex; box-sizing: border-box; flex-wrap: wrap; */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */ } .LEFT .CONTENT_FISRT>div { width: 100%; /* padding: 25px 0px 25px 45px; */ padding: 25px 0px; align-items: flex-start; justify-content: space-between; display: flex; box-sizing: border-box; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .LEFT .CONTENT_FISRT p { font-size: 22px; line-height: 26px; padding:0px 40px 25px 0px; color: rgba(0, 0, 0, 0.85) /* letter-spacing: 2px; */ } .LEFT .CONTENT { width: 100%; padding-left: 0.45rem; box-sizing: border-box; } .LEFT .CONTENT>div { width: 100%; padding: 25px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .LEFT .CONTENT p { } .LEFT .CONTENT p:first-of-type{ font-size: 26px; line-height: 28px; color: rgba(0, 0, 0, 0.85); font-weight: 550; padding-bottom: 25px; } .LEFT .LEFT108{ width: 6.5rem; position: relative; } .LEFT108 p { position: absolute; width: 100%; left: 0; top: 0; right: 0; bottom: 0; font-size: 0.45rem; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; } .LEFT .LEFT108 img { width: 100%; } .CONTENT_1_SHELL_CONTENT .RIGHT { width: 7rem; padding-top: 1.3rem; } .CONTENT_1_SHELL_CONTENT .RIGHT img { width: 100%; /* height: 620px; */ } .CONTENT_1_SHELL_FOOTER { width: 100%; padding-left: 25px; } .CONTENT_1_SHELL_FOOTER>div { width: 100%; padding: 25px 0px; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p { font-size: 22px; line-height: 26px; padding-bottom: 10px; color: rgba(0, 0, 0, 0.85); letter-spacing: 2px; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p:first-of-type{ font-size: 26px; line-height: 28px; color: rgba(0, 0, 0, 0.85); font-weight: 550; padding-bottom: 15px; } .CONTENT_1_SHELL .CONTENT_1_SHELL_FOOTER p:last-of-type{ color: rgba(0, 0, 0, 0.45); } .LEFT107 { display: none; } /* */ .CONTENT_FISRT-content-title{ font-size: 0.4rem; color: rgba(26, 19, 17, 1); font-weight: bold; } .LEFT .CONTENT_FISRT-content-titles { font-size: 0.5rem; } .flexc { display: flex; flex-direction: column; } .CONTENT_FISRT-content-desc{ padding: 0.15rem 0; font-size: 0.35rem; color: rgba(80, 80, 80, 1); font-weight: 400; line-height: 32px; } .content-beizhu{ margin-top: 0.8rem; color: rgba(107, 107, 108, 1); /* border: rgba(0,0,0,0.45) 0.0125rem solid; */ padding: 0.1875rem 0.125rem; font-size: 0.35rem; } .CONTENT_FISRT-content-FA{ font-size: 0.6rem; font-weight: bold; padding-bottom: 0.2rem; color: rgba(26, 19, 17, 1) } .content-FA-desc{ font-size: 0.35rem; /* font-weight: 400; */ color: rgba(80,80,80, 1); line-height: 0.5rem; } .content-item{ padding-top: 11px; }