*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#1d457e;--secondary:#0069b9;--title:#111827;--text:#4c5159;--bg:#f9fafb}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:142.8rem;margin:0px auto;position:relative}.wrap{flex-wrap:wrap}body{font-size:1.6rem;color:var(--title)}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img{position:absolute;left:0px;top:0px}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.head.white{color:rgb(255,255,255)}.head.white p,.head.white .desc{color:rgba(255,255,255,0.8);font-weight:300;letter-spacing:0.00222em}.head.bn p,.head.bn .desc{line-height:3.5rem}.head.bn.white p,.head.bn.white .desc{color:rgba(255,255,255,0.85)}.head h1{font-size:5.4rem;font-weight:500}.head p,.head .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text)}.directory_banner{position:relative;max-width:256rem;margin:0px auto;background-color:var(--title)}.directory_banner .bg{width:100%;padding-bottom:32.4479%}.directory_banner .bg::after{position:absolute;width:100%;height:100%;left:0px;bottom:0px;content:"";pointer-events:none;background-image:linear-gradient(to top,var(--title) 10%,transparent 97%);opacity:0.7}.directory_banner .wrap{position:absolute;inset:0px;z-index:2}.directory_banner .wrap .content{height:100%;display:flex;align-items:flex-end}.directory_banner .head{flex:1 1 0%;padding-bottom:7.07283%}.directory_banner .head h1{font-size:6.4rem}.directory_banner p{max-width:51rem;margin-top:0.9rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.directory_banner .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}.directory_banner .head h1{font-size:5rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height: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:0px 20px}div.head.bn p,div.head.bn .desc{line-height:1.5}div.head h1{font-size:25px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.directory_banner .head{padding-bottom:40px}.directory_banner .head h1{font-size:25px}}@media screen and (max-width:576px){.directory_banner .wrap{position:static}.directory_banner .head{padding:30px 0px}.directory_banner .bg::after{display:none}}li{list-style:none}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.directory_nav{background-color:var(--bg);padding:7.4rem 0px 1.4rem;position:sticky;top:-6rem;z-index:99}.directory_nav .nav{z-index:99;top:10px;left:0px;right:0px;max-width:max-content;margin:0px auto;border-radius:1.2rem;background-color:rgb(255,255,255);box-shadow:rgba(0,0,0,0.06) 0px 0.6rem 1.2rem;padding:0.5rem 0px;overflow:hidden;transition:0.3s}.directory_nav .nav .nav_list{display:flex;flex-wrap:wrap;margin-left:-1px;padding-right:0.3rem}.directory_nav .nav li{position:relative;padding:0px 0.4rem 0px 0.5rem}.directory_nav .nav li::before{position:absolute;width:1px;height:1.9rem;background-color:rgb(232,232,232);content:"";left:0px;top:50%;transform:translateY(-50%)}.directory_nav .nav .nav_item{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.3s;font-size:1.913rem;font-weight:500;color:rgb(0,0,0);border-radius:0.8rem;min-width:23rem;gap:1.6rem;padding:1.3rem 2rem}.directory_nav .nav .nav_item.active,.directory_nav .nav .nav_item:hover{background-color:var(--primary);color:rgb(255,255,255)}.directory_nav .nav .nav_item.active .icon,.directory_nav .nav .nav_item:hover .icon{filter:contrast(0) brightness(2)}.directory_nav .nav .nav_item .icon{width:3.2rem;height:3.2rem;flex-shrink:0;transition:0.3s}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.directory_nav{top:64px;padding:12px 0px}.directory_nav .nav{border-radius:5px;padding:5px 0px;top:74px;left:20px;right:20px}.directory_nav .nav .nav_list{flex-wrap:nowrap;overflow-x:auto;margin:0px;padding:0px}.directory_nav .nav .nav_list::-webkit-scrollbar{display:none}.directory_nav .nav .nav_list li{padding:0px 5px}.directory_nav .nav .nav_list li::before{height:14px}.directory_nav .nav .nav_item{font-size:14px;min-width:130px;padding:10px 20px;gap:12px;border-radius:5px;white-space:nowrap}.directory_nav .nav .nav_item .icon{width:22px;height:22px}}.tools_part_vendor .tools_part_box{padding:4rem 0px;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:white;padding:0.8rem 1.5rem}i,em{font-style:normal}.flex{display:flex}.between{justify-content:space-between}.flex_bottom{align-items:flex-end}.gap{gap:3rem}.btn_i{display:inline-flex;align-items:center;cursor:pointer;transition:0.3s;font-size:1.8rem;font-weight:600;color:var(--title);gap:0.61111em}.btn_i::after{display:inline-block;content:"";flex-shrink:0;width:0.8889em;height:0.8889em;background:url("https://hongda.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/directory4-directory_video/assets/img/arrow.svg") center center / contain no-repeat;transition:0.3s}.btn_i:hover{color:var(--primary)}.btn_i:hover::after{transform:translateX(20%)}.btn_i.btn_more{color:var(--primary);font-size:2rem;gap:0.6em}.btn_i.btn_more::after{width:0.75em;height:0.75em;background-image:url("https://hongda.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/directory4-directory_video/assets/img/nav-r.svg")}.head .subtitle{font-size:1.6rem;line-height:1.5;color:var(--primary);text-transform:uppercase;letter-spacing:0.0625em;margin-bottom:1.4rem}.head h2{font-size:5rem;line-height:1.2;font-weight:500}.directory_video{background-color:var(--bg);padding:6.3rem 0px}.directory_video .btn_i{margin-bottom:1.9rem}.directory_video .list{margin-top:4.6rem}.directory_video .list ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem 2.83613%}.directory_video .video_item{display:flex;flex-direction:column;height:100%;background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,0.08);box-shadow:rgba(0,0,0,0.04) 0px 0px 0.8rem;border-radius:2.4rem;padding:1.1rem 0.9rem;position:relative}.directory_video .video_item.btn_video{cursor:pointer}.directory_video .video_item:hover img{transform:scale(1.03)}.directory_video .video_item .img{padding-bottom:141.355%;border-radius:2.4rem}.directory_video .video_item .btn_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16.822%;padding-bottom:16.822%;background:url("https://hongda.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/directory4-directory_video/assets/img/play-w.svg") center center / contain no-repeat;z-index:2;cursor:pointer;transition:0.3s;filter:drop-shadow(rgba(0,0,0,0.14) 0px 0.6rem 0.6rem)}.directory_video .video_item .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.directory_video .video_item .info{flex:1 1 0%;padding:8.15851% 6.99301% 6.75991%}.directory_video .video_item .info .title{font-size:2.4rem;font-weight:600}.directory_video .video_item .info .desc{font-size:1.7rem;color:rgb(65,75,86);margin-top:1.4rem}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.btn_i{font-size:14px}.btn_i.btn_more{font-size:14px}div.head.flex .text{padding:0px}div.head.flex .btn,div.head.flex .btn_i{margin:0px}div.head .subtitle{font-size:13px;margin-bottom:8px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .btn,div.head .btn_i{margin-top:20px}.directory_video{padding:50px 0px}.directory_video .list{margin-top:30px}.directory_video .list ul{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:20px}.directory_video .video_item{border-radius:10px;padding:10px}.directory_video .video_item .img{border-radius:10px}.directory_video .video_item .info{padding:20px 10px 10px}.directory_video .video_item .info .title{font-size:18px}.directory_video .video_item .info .desc{font-size:14px;margin-top:10px}}.directory_video input{position:absolute;z-index:9;right:1rem;top:1rem;padding:8px;width:80%;display:none;background-color:#fff;border:1px solid rgba(0,0,0,0.5)}.toplevel_page_sytech_fronteditor .directory_video input{display:block}.flex_middle{align-items:center}.img.img_aba{position:relative;--h:100%}.img.img_aba::after{content:"";display:block;padding-bottom:var(--h)}.img.img_aba img{position:absolute;left:0px;top:0px}.directory_social{background-color:var(--bg);padding:6.6rem 0px}.directory_social .flex{background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,0.08);box-shadow:rgba(0,0,0,0.04) 0px 0px 0.8rem;border-radius:2.4rem;padding:2.80112% 4.48179%;min-height:46.1rem}.directory_social .head{flex:1 1 0%;width:100%;padding-top:2px}.directory_social p{margin-top:2.7rem}.directory_social .social{width:59.9384%;padding-top:0.4rem}.directory_social .social ul{display:grid;grid-template-columns:repeat(3,1fr);max-width:76rem;gap:3rem 2rem}.directory_social .social li .img{width:100%;max-width:19.6rem;border:1px solid rgb(221,221,221);background-color:rgb(255,255,255);margin:0px auto;--h:100%}.directory_social .social li .acc{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:500;margin-top:2.3rem;gap:0.5rem}.directory_social .social li .acc::before{display:inline-block;content:"";background:center center / contain no-repeat;filter:contrast(0) brightness(0);width:3.95rem;height:3.95rem;flex-shrink:0}.directory_social .social .tiktok .acc::before{background-image:url("https://hongda.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/directory5-directory_social/assets/img/social-tiktok.svg")}.directory_social .social .wechat .acc::before{background-image:url("https://hongda.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/directory5-directory_social/assets/img/social-wechat.svg");background-size:95%}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}div.head .subtitle{font-size:13px;margin-bottom:8px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.directory_social{padding:30px 0px}.directory_social .flex{min-height:unset;padding:40px 20px;border-radius:10px}.directory_social .head{padding:0px}.directory_social .social{padding:0px}.directory_social .social ul{gap:20px}.directory_social .social li .acc{font-size:13px;margin-top:12px;gap:8px}.directory_social .social li .acc::before{width:20px;height:20px}}@media screen and (max-width:576px){.directory_social .social{width:100%}.directory_social .social li .acc{flex-direction:column;text-align:center}}