*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1957a7;--secondary:#3990d8;--title:#000031;--text:#5a6577;--bg:#f7f8f9}html{scroll-behavior:smooth;font-size:clamp(7.5px, 0.520834vw, 10px)}.content{max-width:138rem;margin:0 auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.img_bg{position:relative;z-index:2}.img_bg>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:-2}.btn{display:inline-block;vertical-align:top;text-align:center;transition:0.3s;cursor:pointer;color:rgb(255,255,255);font-size:1.7rem;line-height:5.4rem;letter-spacing:.1rem;padding:0 3.9rem;border-radius:.8rem;border:2px solid var(--primary);background-color:var(--primary)}.btn:hover{color:var(--primary);background-color:rgb(255,255,255)}.syedittext p,.syedittext .desc{font-size:1.8rem;line-height:3.2rem}.head.white{color:rgb(255,255,255)}.head.white .subtitle{color:rgba(255,255,255,.68);font-weight:300;letter-spacing:.175rem}.head.white p{color:rgba(255,255,255,.85)}.head.white.bn .subtitle{color:rgba(255,255,255,.85)}.head.bn p{font-size:2rem;line-height:3.5rem}.head .subtitle{color:rgb(133,143,158);letter-spacing:.15rem;text-transform:uppercase;margin-bottom:1.4rem}.head h1{font-weight:500;font-size:6.4rem;line-height:1.25}.head p{font-size:1.8rem;line-height:3.2rem;color:var(--text)}.page_banner{background-color:var(--title);overflow:hidden}.page_banner>img{opacity:.74}.page_banner .bn_lines{content:"";display:block;width:200%;height:4.4rem;position:absolute;left:0;bottom:-3px;z-index:3;opacity:.7;pointer-events:none;background:url(https://highdream-cn.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/blog1-page_banner-img_bg/assets/img/bn-line-mask.svg) center center / contain repeat;animation:7.5s ease-in-out 0s infinite normal none running scroller}.page_banner::before,.page_banner::after{position:absolute;width:43.2812%;height:100%;left:0;bottom:0;content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(to right,rgb(0,0,0) -5.1%,transparent);opacity:.74}.page_banner::after{width:100%;height:23.7214%;background-image:linear-gradient(to top,rgb(11,13,30) -60.1%,transparent);opacity:1}.page_banner .flex{height:100vh;max-height:91.9rem;min-height:max-content;padding:12rem 0}.page_banner .head{width:42%;max-width:52.5rem;padding-top:1.1%}.page_banner .subtitle{margin-bottom:3px}.page_banner p{margin-top:1.8rem}.page_banner .btn{margin-top:3.6rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h1{font-size:6rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h1{font-size:5rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0 20px}.btn,.btn_b,.btn_w,.btn_line{font-size:14px;padding:0 20px;line-height:40px;border-width:1px;letter-spacing:unset}.syedittext p,.syedittext .desc{font-size:14px;line-height:1.5}div.head.white .subtitle{letter-spacing:unset}div.head.bn p{font-size:14px;line-height:1.5}div.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:1px}div.head h1{font-size:25px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head p,div.head .desc{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}div.head .btn,div.head .btn_b,div.head .btn_w,div.head .btn_line{font-size:14px;padding:0 20px;line-height:40px;border-width:1px;letter-spacing:unset;margin-top:20px}.page_banner .bn_lines{height:25px;bottom:0}.page_banner .flex{height:auto;padding:80px 0 50px}.page_banner .flex .head{padding:0}}@media screen and (max-width:576px){.page_banner .flex .head{width:100%}}@keyframes scroller{0%{left:-4%}30%{left:-100%}60%{left:-100%}80%{left:-4%}}