main{width:100%;height:644px;padding-top:80px;background:url(/public/images/top-bg.CGYDbyk5.png) no-repeat center bottom / max(100%,var(--desktop-canvas)) 564px}main .banner{width:min(100%,var(--desktop-canvas));height:564px;margin:0 auto;padding-top:206px;padding-left:clamp(32px,calc((100vw - var(--desktop-content)) / 2),120px);background-image:url(/public/images/top_background.D3dE_Xan.png);background-repeat:no-repeat;background-position:right clamp(83px,6.944vw,100px) top;background-size:clamp(520px,43.264vw,623px) auto}main .banner .slogan{width:clamp(433px,36.111vw,520px)}main .banner .topTip{width:clamp(432px,35.972vw,518px);margin-top:79px}.second{display:flex;align-items:center;flex-direction:column;width:100%;height:510px;padding:46px 32px 39px}.second .images{flex:0 0 117px;width:117px;background:url(/public/images/png-2.ZGz2R3ep.png) no-repeat center / cover}.second .contentTitle{width:584px;margin-top:20px}.second .contentText{width:410px;margin-top:28px}.chapter{display:flex;align-items:center;justify-content:center;width:100%;height:600px;overflow:hidden;background:linear-gradient(270deg,#f1fff8,#deffee)}.chapter.special{background:linear-gradient(270deg,rgba(241,255,248,.2),rgba(222,255,238,.2))}.chapter .image{flex:0 0 auto;object-fit:contain}.chapterApp{gap:clamp(28px,2.36vw,34px)}.chapterApp .image{width:clamp(620px,51.806vw,746px);height:600px}.chapterScience{justify-content:flex-start}.chapterScience .content{margin-left:max(32px,calc((100% - var(--desktop-content)) / 2))}.chapterScience .image{width:clamp(810px,40.208vw,579px);height:auto}.chapterLife{gap:clamp(220px,18.403vw,265px)}.chapterLife .image{width:clamp(329px,27.431vw,395px);height:347px}.chapter .content{display:flex;flex:0 0 clamp(450px,37.5vw,540px);justify-content:center;flex-direction:column;max-width:525px}.chapter .content .text{margin-top:28px;color:var(--text-color);font-size:16px;font-weight:400;line-height:27px;text-align:left}.chapter .content .text .quote{display:inline-block;font-family:DiwanMishafi,serif;font-size:16px;transform:translateY(-8px)}.chapter .content .text .mark{color:var(--primary-text-color)}.chapter .contactBtn{display:flex;align-items:center;justify-content:center;align-self:flex-start;height:49px;margin-top:44px;padding:0 16px;border-radius:26px;background:linear-gradient(270deg,#7fecb5,#37d786);box-shadow:11px 6px 44px rgba(36,142,88,.22),inset 0 1px 13px rgba(255,255,255,.5);color:var(--text-color);font-family:contact_button_font,sans-serif;font-size:20px;font-weight:700;font-variation-settings:"wght" 700,"BEVL" 80;line-height:1;white-space:nowrap}.chapter .contactBtn span{color:#00773b}.chapter .contactBtn .btnTitle{color:var(--text-color)}section .title{position:relative;z-index:1;width:max-content;font-family:content_title_font,sans-serif;font-size:46px;font-weight:700;font-variation-settings:"wght" 700,"BEVL" 80;line-height:61px}section .title:after{position:absolute;z-index:-1;top:10px;right:-21px;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#37d786,rgba(104,237,187,.16));content:"";opacity:.52}.contact .content{display:flex;align-items:center;flex-direction:column;width:min(calc(100% - 64px),var(--desktop-content));margin:60px auto;padding:48px 60px 42px;border-radius:16px;background:var(--foreground)}.contactForm{display:flex;flex-direction:column;width:100%;background:var(--foreground);font-family:base_font}.contact .content h1.title{font-family:base_font}.contactForm .fieldGroup{display:flex;align-items:center;margin-top:31px}.contactForm .fieldGroup:first-child{margin-top:46px}.contactForm .textareaGroup{align-items:flex-start}.contactForm .label{flex:0 0 158px;margin-right:40px;font-size:16px;font-weight:400;line-height:22px;text-align:left}.contactForm .textareaGroup.hiden{display:none}.contactForm .textareaGroup .label{padding-top:18px}.contactForm .required{margin-left:2px;color:#ef4444}.contactForm .control{position:relative;width:100%}.contactForm input,.contactForm textarea,.contactForm .select{width:100%;border:1px solid #a8acbc;border-radius:12px;background:#fff;color:var(--text-color);font-size:16px}.contactForm input,.contactForm .select{height:58px}.contactForm input,.contactForm textarea{padding:18px 16px;transition:border-color .2s ease,box-shadow .2s ease}.contactForm textarea{height:158px;resize:none}.contactForm input::placeholder,.contactForm textarea::placeholder{color:var(--sub-text-color)}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.contactForm input.error,.contactForm textarea.error,.contactForm .select.error{border-color:#ff4d44}.contactForm input.error:focus,.contactForm textarea.error:focus{box-shadow:0 0 0 3px rgba(89,30,43,.1)}.contactForm .select{position:relative;display:flex;align-items:center;padding:0 52px 0 16px;cursor:pointer;user-select:none}.contactForm .select .placeholderText{color:var(--sub-text-color)}.contactForm .select .icon{position:absolute;top:50%;right:16px;width:30px;height:30px;transform:translateY(-50%)}.contactForm .selectOptions{position:absolute;z-index:99;top:58px;left:0;display:none;width:100%;max-height:386px;overflow-y:auto;border:1px solid #a8acbc;border-radius:12px;background:#fff}.contactForm .selectOptions label{display:flex;align-items:center;justify-content:space-between;height:54px;padding-left:20px;color:var(--text-color);cursor:pointer;font-size:16px;line-height:22px}.contactForm .selectOptions label:hover,.contactForm .selectOptions label.selected{background:rgba(105,115,135,.1)}.contactForm .errorMessage{position:absolute;top:50%;right:16px;color:#ff4d44;font-size:16px;line-height:16px;transform:translateY(-50%)}.contactForm button[type=submit]{display:flex;align-items:center;justify-content:center;width:534px;height:76px;margin:61px auto;border-radius:50px;background:var(--primary-color);box-shadow:21px 11px 84px rgba(36,142,88,.22),inset 0 2px 25px rgba(255,255,255,.5);color:#fff;cursor:pointer;font-family:form_button,sans-serif;font-size:31px;font-weight:700;font-variation-settings:"wght" 700,"BEVL" 80;line-height:31px}body.complex-font .contactForm button[type=submit]{font-family:form_button_other,sans-serif}#aliyunCaptcha-window-popup img{width:auto}
