@charset "utf-8";:root{--g-c-00:#fff;--g-c-10:#14b1bb;--g-c-11:#0f7a81;--g-c-12:#d2fcff;--g-c-20:#000;--g-c-21:#333;--g-c-22:#666;--g-c-23:#999;--g-c-24:#aaa;--g-c-25:#fcfcfc;--g-c-26:#f0f0f0;--g-c-27:#eee;--g-c-28:#f4f8fc;--g-c-31:#fd4a36;--g-c-32:#f20352;--g-f-0:'\5FAE\8F6F\96C5\9ED1';--g-f-1:"\5b8b\4f53";--g-f-3:Helvetica;--g-b-0:linear-gradient(to right,#fff,#b7e6ff);--g-b-1:linear-gradient(120deg,#fdfbfb 0,#ebedee 100%);--g-b-2:linear-gradient(180deg,#fff 0,#ebedee 100%);--g-s-0:rgba(0,0,0,0.7)}body{overflow:auto}body.no-scroll{overflow:hidden}*{font-family:"Microsoft YaHei",serif;-webkit-transition:none;transition:none}a{color:var(--g-c-21);transition:color .5s;text-decoration:none}a:hover{color:var(--g-c-10) !important}.w{margin:0 auto 30px auto;width:1200px}.header-top{display:flex;align-items:center;background:var(--g-c-10);height:40px}.header-top .w{display:flex;justify-content:space-between;margin-bottom:0}.header-top ul{display:flex;color:var(--g-c-00);font-size:12px}.header-top ul li{margin:0 5px 0 0}.header-top ul li i{font-size:14px}.header-top ul li i.ri-phone-fill{margin:0 0 0 10px}.header-top ul li a{color:var(--g-c-00)}.header-top ul li a:hover{color:var(--g-c-31) !important}.header{height:108px}.header .w{margin-bottom:0}.header .w>div{position:relative;display:flex;justify-content:space-between;align-items:center;height:108px}.header.header-menu-float .w>div{width:1200px;margin:0 auto}.header.header-menu-float .w{z-index:999;position:fixed;top:0;margin:0;width:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);box-shadow:0 1px 10px rgba(0,0,0,0.1);transition:background-color .3s ease 0}.header .logo{width:208px;height:52px;background:url("/s/img/logo.png") no-repeat}.header.header-menu-float .logo{background-image:url("/s/img/logo.f.png")}.header .menu{display:flex;justify-content:space-between}.menu>li{position:relative;display:flex;align-items:center;height:44px;padding:0 15px;font-size:18px}.menu>li a{display:block;color:var(--g-c-22);padding:0 0 0 2px;height:44px;line-height:44px;letter-spacing:2px}.menu>li .ri-arrow-down-s-line{position:absolute;top:13px;right:-5px;color:var(--g-c-24);transform:rotate(0);transition:.3s}.menu>li:hover .ri-arrow-down-s-line{top:12px;color:var(--g-c-10);transform:rotate(180deg)}.menu>li.sel a,.menu>li.sel .ri-arrow-down-s-line{color:var(--g-c-10)}.menu>li.sel:after{position:absolute;top:45px;left:50%;margin-left:-20px;content:'\20';width:40px;height:0;font-size:0;border-bottom:2px solid var(--g-c-10)}.menu>li i.ri-search-2-line{font-size:18px}.header.header-menu-float .menu>li i.ri-arrow-down-s-line,.header.header-menu-float .menu>li i.ri-search-2-line,.header.header-menu-float .menu>li a{color:var(--g-c-00)}.menu>li.ad{margin:0 0 0 10px;padding:0 20px;background:var(--g-c-10);border-radius:50px;transition:.3s}.menu>li.ad:hover{background:var(--g-c-31)}.menu>li.ad a,.menu>li.ad a:hover{color:var(--g-c-00) !important}.menu>li.searchBtn{margin-left:10px;cursor:pointer}.menu>li.searchBtn:hover{color:var(--g-c-10)}.submenu{visibility:hidden;z-index:999;position:absolute;top:80px;left:50%;margin-left:-80px;padding:10px 20px;width:160px;background:var(--g-c-00);box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:0 0 5px 5px;opacity:0;transition:.3s}.menu>li:hover .submenu{visibility:visible;opacity:1;top:40px}.submenu>li{margin:8px 0;height:30px;display:flex;justify-content:center;align-items:center;text-align:center}.submenu>li a{color:var(--g-c-22) !important;font-size:14px;font-weight:normal}.submenu>li:hover a,.submenu>li a:hover{transition:none !important;color:var(--g-c-00) !important}.submenu>li:hover{background:var(--g-c-10);border-radius:5px}.header .button{display:none;cursor:pointer}.header .button i{font-size:24px;color:var(--g-c-10)}.menuPop{z-index:990;position:fixed;top:0;right:0;width:0;height:100%;background:rgba(0,0,0,0.8);overflow:hidden}.header-pop .menuPop{width:100%}.menuPop .menu{z-index:991;position:absolute;top:0;right:0;display:flex;justify-content:flex-start;flex-direction:column;width:200px;height:100%;padding:50px 20px 0 20px;background:var(--g-c-00);transition:.5s all;transform:translateX(200px)}.header-pop .menuPop .menu.enter{transform:translateX(0)}.header-pop .menuPop .menu>li{display:block;height:auto;min-height:44px}.header-pop .menuPop .menu>li.searchBtn{display:flex;justify-content:center;align-items:center;margin-top:10px;background:var(--g-c-25);border-radius:60px;cursor:pointer}.header-pop .menuPop .menu>li.searchBtn:hover{background:var(--g-c-26)}.header-pop .menuPop .menu>li>div{display:flex;align-items:center;height:44px;border-bottom:1px dotted var(--g-c-24)}.header-pop .menuPop .menu li .submenu{visibility:visible;position:static;transition:none;opacity:1;margin:0;padding:0;width:100%;border-bottom:1px dotted var(--g-c-24);box-shadow:none}.header-pop .menuPop .menu li.ad{display:flex;justify-content:center;align-items:center;position:absolute;right:20%;bottom:20px;width:60%}.header .w>div.header-pop .button{z-index:992;position:absolute;top:10px;right:0}.header .w>div.header-pop .button i:before{color:var(--g-c-21);content:"\eb99"}.header .w>div.header-pop .button:hover i:before{color:var(--g-c-31)}.search{z-index:9990;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.9);overflow:hidden;transform:translateX(-100%);transition:.5s all}.search.enter{transform:translateX(0)}.search>div{display:flex;justify-content:space-between;position:relative;width:80%}.search>div input{flex-grow:2;height:40px;line-height:40px;width:150px;color:var(--g-c-00);background:transparent;border:solid rgba(255,255,255,0.5);border-width:0 0 1px 0}.search>div input::placeholder{color:rgba(255,255,255,0.5)}.search>div i{margin:0 0 0 10px;width:40px;height:40px;color:var(--g-c-00);font-size:40px;opacity:.5}.search>div i:hover{opacity:1;cursor:pointer}.search>div i.ri-close-circle-fill{position:absolute;top:-100px;left:50%;margin-left:-20px}.nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:20px;height:140px;font-size:15px;background:url("/s/img/nav_bg_1.png") center no-repeat}.nav .w{margin-bottom:0}.nav .w div{padding:0 0 0 5px;width:100%;font-size:28px;font-weight:bold;text-align:center;letter-spacing:5px}.nav ul{padding:10px 0 0 0;display:flex;justify-content:center}.nav li{color:var(--g-c-00);margin:0 5px}.nav .w div,.nav li.line,.nav li a{color:var(--g-c-00)}.nav li a{font-size:12px}.nav li i{margin:0 5px 0 0;width:15px;height:15px}.body-article{display:flex;justify-content:space-between;padding:0 0 20px 0}.body-article .body-left{width:250px}.body-article .body-left-submenu{margin-bottom:20px}.body-article .body-left-submenu .title{display:flex;padding:20px 30px;color:var(--g-c-00);font-size:21px;font-weight:bold;letter-spacing:5px;background:var(--g-c-11);border-radius:10px 0 0 0}.body-article .body-left-submenu .title i{margin:2px 10px 0 0;font-size:25px}.body-article .body-left-submenu ul{padding:20px 40px;background:var(--g-c-10);border-radius:0 0 10px 0}.body-article .body-left-submenu li{padding:10px 30px;color:var(--g-c-00);font-size:16px;letter-spacing:2px;text-align:center}.body-article .body-left-submenu li a,.body-article .body-left-submenu li a:hover{color:var(--g-c-00) !important}.body-article .body-left-submenu li.sel{position:relative;background:var(--g-c-00);border-radius:50px}.body-article .body-left-submenu li.sel a{color:var(--g-c-11) !important}.body-article .body-left-submenu li.sel:before{display:none;position:absolute;top:50%;left:-4px;margin-top:-4px;content:'\20';height:8px;width:8px;background:var(--g-c-32)}.body-article .body-left-submenu li.sel a{color:var(--g-c-21);background:var(--g-c-00);pointer-events:none}.body-article .body-left-title{position:relative;padding:0 0 10px 13px;color:var(--g-c-22);font-size:16px;font-weight:bold}.body-article .body-left-title:before{position:absolute;top:4px;left:0;content:'\20';height:12px;width:6px;font-size:0;background-color:var(--g-c-10);border-radius:10px}.body-article .body-left-search{position:relative;display:flex;justify-content:space-between;margin-bottom:20px;padding:30px 20px;background-image:linear-gradient(120deg,#89f7fe 0,var(--g-c-10) 100%);border-radius:10px 0 10px 0}.body-article .body-left-search input{flex-grow:2;padding:0 10px;height:30px;line-height:30px;background-color:var(--g-c-00);border:0;border-radius:0 3px 3px 0}.body-article .body-left-search i.ri-search-2-line{padding:0 0 0 10px;height:30px;line-height:30px;color:var(--g-c-23);font-size:18px;text-align:center;background-color:var(--g-c-00);border-radius:3px 0 0 3px}.body-article .body-left-search i.close{display:none;position:absolute;right:20px;width:30px;height:30px;line-height:30px;color:var(--g-c-32);font-size:18px;text-align:center;cursor:pointer}.body-article .body-right,.body-article-search{padding:10px 30px 20px 30px;width:920px;background:var(--g-c-25);border-radius:15px;box-sizing:border-box}.body-article-search{width:100%}.body-article-search .list-box{height:calc(100% - 61px)}.body-article .body-right .body-right-title,.body-article-search .body-right-title{display:flex;justify-content:space-between;margin:0 0 15px 0;padding:15px 0;border-bottom:1px solid var(--g-c-27)}.body-article .body-right .body-right-title .title,.body-article-search .body-right-title .title{position:relative;padding:0 0 0 20px;height:30px;line-height:30px;color:var(--g-c-10);font-size:18px;font-weight:bold}.body-article .body-right .body-right-title .title:before,.body-article-search .body-right-title .title:before{position:absolute;top:7px;left:0;content:'\20';height:17px;width:6px;font-size:0;background-color:var(--g-c-10);border-radius:10px}.body-article .body-right .body-right-title .total,.body-article-search .body-right-title .total{padding:0 15px;height:30px;line-height:30px;color:var(--g-c-24);background-color:var(--g-c-26);border-radius:15px}.body-article .body-right-list li{position:relative;display:flex;justify-content:space-between;padding:12px 0 12px 15px;font-size:16px}.body-article .body-right-list li a{width:calc(100% - 150px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.body-article .body-right-list li:before{position:absolute;top:50%;left:0;margin-top:-2px;content:'\20';height:4px;width:4px;background:var(--g-c-10);border-radius:6px}.body-article .body-right-list li span{width:150px;color:var(--g-c-24);text-align:right}.body-article .body-right-list li.line{margin:15px 0;padding:0;height:0;font-size:0;border-top:1px dashed #ddd}.body-article .body-right-list li.line:before{display:none}.body-article .body-right-list-thumbnail{display:flex;justify-content:space-between;flex-wrap:wrap}.body-article .body-right-list-thumbnail li{margin:20px 0 0 0;width:270px;background-color:var(--g-c-00);border-radius:0 0 10px 10px}.body-article .body-right-list-thumbnail li a{display:table;padding:9px;width:100%;font-size:14px;border:1px solid var(--g-c-27);box-sizing:border-box}.body-article .body-right-list-thumbnail li a img{display:table;margin:0 0 5px 0;width:250px;height:140px}.body-article .body-right-list-thumbnail li a span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.body-article .body-right-list-thumbnail li div{display:flex;justify-content:space-between;padding:5px;color:var(--g-c-24);font-size:12px;line-height:16px}.body-article .body-right-list-thumbnail li div label{display:flex}.body-article .body-right-list-thumbnail li div i{margin:0 5px 0 0;font-size:16px}.body-article .body-right-list-thumbnail li.line{width:100%;border-bottom:1px dashed var(--g-c-27)}.body-article .body-right .list-box{height:calc(100% - 61px)}.empty-box{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:200px}.empty{display:none}.empty-box .empty{display:table;color:#ccc;font-size:18px;letter-spacing:2px}.empty-box .empty i{display:table;margin:0 auto 10px auto;font-size:50px}.body-detail{padding:20px 0}.body-detail .title{margin-bottom:10px;padding:0;font-size:26px;font-weight:bold;text-align:center}.body-detail .articleInfo{display:flex;justify-content:center;padding-top:10px;border-top:1px solid var(--g-c-27)}.body-detail .articleInfo li{display:flex;margin:0 15px;font-size:14px}.body-detail .content{padding:50px;min-height:500px;background-image:linear-gradient(to top,var(--g-c-25) 0,var(--g-c-00) 100%);border-radius:15px}.body-detail .content img{max-width:100%;height:auto}.pagebar{display:flex;justify-content:center;padding:15px 0 0 0}.pagebar .layui-laypage,.pagebar .layui-laypage-count,.pagebar .layui-laypage-refresh{background:transparent}.pagebar .layui-laypage{display:flex;justify-content:center}.pagebar .layui-laypage>a,.pagebar .layui-laypage>span{margin:0 5px}.pagebar .layui-laypage .layui-laypage-curr .layui-laypage-em{background:var(--g-c-10) !important}.footer{position:relative;background-image:url("/s/img/footer_bg_1.jpg");background-size:cover;background-repeat:repeat-x;background-position:center center}.footer .w{position:relative}.footer:before{content:"";z-index:0;position:absolute;top:0;height:100%;width:100%;left:0;right:0;margin:auto;background-color:rgba(0,0,0,0.7)}.footer .info{display:flex;justify-content:space-between;padding:60px 0 30px 0;color:var(--g-c-00);font-size:16px}.footer .info dl dt{padding:0 0 10px 0;font-size:26px;font-family:"kzgdh"}.footer .info dl dd{display:flex;padding:5px 0}.footer .info dl dd i{margin:3px 10px 0 0}.footer .info .aboutUs{width:300px}.footer .info .aboutUs dd{display:block;position:relative}.footer .info .siteNav{text-align:center}.footer .info .siteNav dd{justify-content:center;padding:5px 0}.footer .info .siteNav dd a{color:var(--g-c-00)}.footer .info .qrCode dt{margin-top:15px;text-align:center}.footer .info .qrCode.appCode dd{padding:0}.footer .info .qrCode dt:first-child{margin-top:0}.footer .info .qrCode img{width:180px;height:180px}.footer .info .qrCode.appCode img{width:90px;height:90px}.footer .copyright{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--g-c-00)}.footer .copyright li.logo{width:161px;height:40px;background:url("/s/img/logo.wx.png") no-repeat}.footer .copyright li,.footer .copyright li a{color:var(--g-c-00);font-size:14px;text-decoration:none;line-height:40px}.footer .copyright li a:hover{color:var(--g-c-32)}.home-banner{width:1200px;height:120px}.article-banner{width:250px;height:250px;background-color:var(--g-c-25)}.detail-banner{width:1200px;height:100px;background-color:var(--g-c-25)}.layui-layer-loading{top:50% !important;left:50% !important;margin-left:-38px;margin-top:-19px}.body-search .w{margin-bottom:0}.body-search-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;background-color:var(--g-c-25);border-radius:15px 15px 0 0;border-bottom:1px dashed rgba(13,118,239,0.3)}.body-search-box>div{position:relative;width:60%}.body-search-box span{display:table;margin:0 auto;padding:0 0 20px 5px;color:var(--g-c-21);font-size:25px;letter-spacing:5px}.body-search-box input{padding:15px 15px 15px 50px;width:100%;height:46px;color:var(--g-c-22);font-size:16px;line-height:46px;border-radius:50px;border:1px solid var(--g-c-10)}.body-search-box i{position:absolute;top:61px;left:10px;height:30px;width:30px;line-height:30px;color:var(--g-c-10);font-size:26px}.body-search-box i.ri-delete-bin-fill{display:none;left:auto;right:90px;cursor:pointer}.body-search-box input:focus{border-color:var(--g-c-32)}.body-search-box input:focus+i{color:var(--g-c-32)}.body-search-box label:active{background:var(--g-c-32)}.body-search-box label{position:absolute;top:56px;right:3px;height:40px;width:80px;line-height:40px;color:var(--g-c-00);background-color:var(--g-c-10);font-size:16px;text-align:center;cursor:pointer;border-radius:50px}.slideBar{z-index:999;position:fixed;bottom:340px;right:100px;width:80px}.slideBar>ul>li{position:relative;display:flex;flex-direction:column;justify-content:center;margin:0 0 10px 0;padding:10px 0 0 0;transition:.5s;background-image:linear-gradient(120deg,#89f7fe 0,var(--g-c-10) 100%);border-radius:50px;text-shadow:1px 1px 0 rgba(13,118,239,0.6);box-shadow:0 0 10px var(--g-c-12)}.slideBar>ul>li:hover{background:var(--g-c-31);text-shadow:none;box-shadow:0 0 5px var(--g-c-31)}.slideBar>ul>li:hover ul,.slideBar>ul>li:hover div{display:table}.slideBar>ul>li>i{width:80px;height:40px;line-height:40px;color:var(--g-c-00);font-size:40px;text-align:center}.slideBar>ul>li span{padding:0 0 10px 0;text-align:center;color:var(--g-c-00);font-size:12px;font-weight:bold}.slideBar li ul,.slideBar>ul>li div{display:none;position:absolute;top:50%;margin-top:-100px;left:-230px;padding:10px;width:200px;height:200px;background-color:var(--g-c-00);box-sizing:border-box;border:1px solid var(--g-c-31);border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1)}.slideBar li ul{left:-200px;margin-top:-41px;padding:10px 20px;height:82px;width:170px}.slideBar li ul li{display:flex;height:30px;line-height:30px}.slideBar li ul li i{margin:0 10px 0 0;font-size:18px}.slideBar>ul>li div img{width:178px;height:178px}.slideBar li ul:after,.slideBar>ul>li div:after{position:absolute;top:50%;margin-top:-10px;right:-20px;content:'\20';border-width:10px;border-style:solid;border-color:transparent transparent transparent var(--g-c-31)}.slideBar .toTop{margin:20px auto 0 auto;width:40px;height:40px;color:var(--g-c-00);font-size:30px;line-height:36px;text-align:center;transition:.5s;border-radius:30px;background-color:var(--g-c-27);cursor:pointer}.slideBar .toTop:hover{background-color:#ccc}.slideBar .toTop:active{background-color:var(--g-c-31)}.body-error{display:flex;justify-content:center;align-items:center;height:500px;text-align:center;background:url(/portal/smjcrj/img/error_bg-c0b419590a34a1f2bc612a23243bd292.png) center no-repeat}.body-error h1{padding:0 0 0 14px;color:#ffae00;font-size:200px;font-family:var(--g-f-2);letter-spacing:10px;line-height:300px;opacity:.7}.body-error p{color:var(--g-c-23);font-size:16px}.body-product{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0 15px 0}.body-product>div{position:relative;margin:90px 0 0 0;padding:70px 40px 0 40px;width:calc(33.333333333% - 20px);height:250px;background-image:var(--g-b-2);border-radius:10px;border:0 solid var(--g-c-27)}.body-product>div>em{position:absolute;top:-60px;left:50%;margin-left:-60px;width:120px;height:120px;line-height:90px;text-align:center;color:var(--g-c-10);font-size:50px;background:var(--g-c-00);border:15px solid #ebebeb;border-radius:100px;transition:.3s}.body-product>div>em:before{display:block;transition:1s}.body-product>div:hover>em:before{transform:rotateY(360deg)}.body-product>div label{display:table;margin:0 auto 10px auto;font-size:20px;font-weight:bold}.body-product>div p{padding:5px 0 15px 0;font-size:14px;text-align:center}.body-product>div a{position:absolute;bottom:20px;left:50%;margin-left:-55px;display:flex;justify-content:center;align-items:center;height:38px;width:110px;text-align:center;color:var(--g-c-00);background:var(--g-c-10);border-radius:5px;transition:.3s}.body-product>div a:hover{color:var(--g-c-00) !important;background:var(--g-c-31)}.body-product>div a em{margin:0 0 0 5px;color:var(--g-c-00)}.body-product>div.copper:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#FFB30150 100%)}.body-product>div.copper:hover>em{border-color:#FFB30180}.body-product>div.pin:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#0ED1B350 100%);border-color:#FFB30150}.body-product>div.pin:hover>em{border-color:#0ED1B350}.body-product>div.shield:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#18A8FF50 100%)}.body-product>div.shield:hover>em{border-color:#18A8FF50}.body-product>div.team:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#18A8FF50 100%)}.body-product>div.team:hover>em{border-color:#18A8FF50}.body-product>div.soundcloud:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#FF6A3450 100%)}.body-product>div.soundcloud:hover>em{border-color:#FF6A3450}.body-product>div.building:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#39526050 100%)}.body-product>div.building:hover>em{border-color:#39526050}.body-product>div.pantone:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#947A6D50 100%)}.body-product>div.pantone:hover>em{border-color:#947A6D50}.body-product>div.database:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#7397AB50 100%)}.body-product>div.database:hover>em{border-color:#7397AB50}.body-product>div.lightbulb:hover{background-image:linear-gradient(180deg,#fdfbfb 0,#974DFF50 100%)}.body-product>div.lightbulb:hover>em{border-color:#974DFF50}.body-case{display:flex;flex-wrap:wrap;justify-content:space-between}.body-case>div{display:flex;align-items:center;margin:10px 0;padding:0 20px;height:100px;width:calc(100%/3 - 15px);font-size:18px;background:var(--g-c-00)}.body-case>div img{margin-right:10px;width:50px;height:50px}.home-top-carousel{width:100%}.home-top-carousel .layui-carousel{margin:0 auto;background:transparent}.home-top-carousel .layui-carousel>ul li{background:transparent}.home-top-carousel .layui-carousel>ul li a{display:block;width:100%;height:100%}.home-block .title{position:relative;margin:0 0 30px 0;padding:0 0 0 5px;color:#f9f9f9;font-size:50px;text-align:center;letter-spacing:5px}.home-block .title label{position:absolute;top:0;left:50%;margin-left:-100px;padding:0 0 0 5px;width:200px;height:30px;line-height:30px;color:var(--g-c-10);font-size:30px;font-weight:bold;text-align:center;letter-spacing:5px}.home-news{margin-top:20px;padding:50px 0 20px 0;background-color:#f7f8f8}.home-news.home-block .title{color:var(--g-c-26)}.home-news .w>ul{display:flex;justify-content:space-between;flex-wrap:wrap}.home-news .w>ul li{margin-bottom:30px;width:calc(100%/3 - 20px);background:var(--g-c-00);border-radius:8px}.home-news .w>ul li div{position:relative;z-index:3;border-radius:8px;overflow:hidden}.home-news .w>ul li div:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:#000;-webkit-transition:.5s;transition:.5s}.home-news .w>ul li div img{width:100%;height:auto;-webkit-transition:.3s;transition:.3s}.home-news .w>ul li:hover div:before{content:"\ebc2";display:flex;justify-content:center;align-items:center;color:var(--g-c-00);font-size:50px;font-family:remixicon;opacity:.5;visibility:visible}.home-news .w>ul li:hover div img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.home-news .w>ul li p{display:flex;flex-direction:column;padding:0 20px 20px 20px}.home-news .w>ul li p span{display:flex;align-items:center;height:50px}.home-news .w>ul li p label{margin-bottom:10px;padding-bottom:14px;height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;font-size:16px;font-weight:bold;overflow:hidden;border-bottom:1px dashed var(--g-c-24)}.home-news .w>ul li p a{color:var(--g-c-10)}.home-news .w>ul li i{margin-right:10px}.home-wedo{padding:35px 0}.home-wedo div.w{display:flex;justify-content:space-between;flex-wrap:wrap}.home-wedo div.w>div{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:15px 0;padding:35px 20px;width:calc(25% - 20px);text-align:center;border:1px solid var(--g-c-27);border-radius:8px}.home-wedo>div.w>div em{font-size:50px;font-weight:normal}.home-wedo>div.w>div label{padding:10px 0;font-size:18px;font-weight:bold}.home-wedo>div.w>div p{color:var(--g-c-22)}.home-wedo>div.w>div:hover{background-image:var(--g-b-1)}.home-wedo>div.w>div:hover em{transition:1s;transform:rotateY(360deg)}.home-customers div.w{display:flex;justify-content:center;flex-wrap:wrap;padding:0 0 30px 0}.home-customers div.w>div{display:flex;justify-content:center;align-items:center;margin:15px;padding:20px;width:calc(20% - 30px);color:var(--g-c-22);font-size:16px;font-weight:bold;border:1px solid #ccc;border-radius:10px}.home-customers div.w>div:hover{background-image:var(--g-b-1)}.home-customers div.w>div>div img{margin:0 10px 0 0;height:50px;width:auto}.home-counter{z-index:1;position:relative;margin-bottom:50px;background-image:url("/profile/material/2024/01/15/4519f373-bef9-4580-8b62-a7d443706ecb.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.home-counter:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:.6;background-color:#1f1f54}.home-counter div.w{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto;padding:80px 0}.home-counter div.w>div{display:flex;justify-content:center;flex-direction:column;margin:20px 0;width:25%;align-items:center;color:var(--g-c-00)}.home-counter div.w>div label{margin-bottom:20px;font-size:50px;font-weight:bold}.home-counter div.w>div p{padding:0 0 0 5px;font-size:20px;letter-spacing:5px}.body-aboutus{display:flex;justify-content:space-between}.body-aboutus-img{display:flex;align-items:end;width:40%}.body-aboutus-img img{width:100%;border-radius:0 150px 0 30px}.body-aboutus-txt{width:calc(60% - 50px)}.body-aboutus-txt .title{position:relative;margin:0 0 50px 0;padding:30px 0 50px 0;color:var(--g-c-21);font-size:25px;font-weight:bold;letter-spacing:5px;text-align:right}.body-aboutus-txt .title:before{content:'\20';position:absolute;bottom:0;right:5px;height:3px;font-size:0;width:100px;background-image:linear-gradient(135deg,#90f7ec 10%,#32ccbc 100%);border-radius:10px}.body-contactus-title{display:flex;margin:50px 0 30px 0;color:var(--g-c-27);font-size:24px}.body-contactus-title label{margin:0 20px 0 0}.body-contactus-title label:first-child{color:var(--g-c-10);font-weight:bold;letter-spacing:3px}.body-contactus-info{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 0 30px 0}.body-contactus-info>div{display:flex;flex-direction:column;align-items:center;margin:0 0 20px 0;padding:50px 0;width:calc(100%/3 - 20px);border-radius:10px;border:1px solid var(--g-c-26);transition:.3s}.body-contactus-info>div em{color:var(--g-c-31);font-size:50px}.body-contactus-info>div label{margin:10px 0 0 0;font-size:16px}.body-contactus-info>div:hover{background-image:var(--g-b-1)}.body-contactus-info>div:hover em{color:var(--g-c-10)}.body-contactus-form{margin:0 0 50px 0;padding:30px 50px;display:flex;flex-wrap:wrap;justify-content:space-between;background-image:url("/profile/material/2024/01/16/f53df357-f798-4a5d-94d6-5b9cbf8412bb.png");background-repeat:no-repeat;background-size:contain;border-radius:20px;border:2px dashed var(--g-c-26)}.body-contactus-form>div{position:relative;margin:15px 0;width:calc(50% - 30px)}.body-contactus-form>div input,.body-contactus-form>div textarea{padding:0 20px;width:100%;height:50px;line-height:50px;border-radius:5px;border:1px solid var(--g-c-27);border-left-color:var(--g-c-10);box-shadow:0 0 10px rgba(0,0,0,0.05);transition:.3s}.body-contactus-form>div input:focus,.body-contactus-form>div textarea:focus{border-color:var(--g-c-10);box-shadow:0 0 10px rgba(0,0,0,0.05)}.body-contactus-form>div textarea{padding:20px;height:200px;line-height:normal}.body-contactus-form>div.content{width:100%}.body-contactus-form>div.content button{display:table;float:right;margin:20px 0 0 0;padding:0 0 0 5px;height:50px;line-height:50px;width:120px;color:var(--g-c-00);font-size:16px;text-align:center;letter-spacing:5px;background:var(--g-c-31);border:0;border-radius:5px;cursor:pointer;transition:.3s;opacity:.8}.body-contactus-form>div label{position:absolute;bottom:-20px;left:0;color:var(--g-c-31)}.body-contactus-form>div.content label{bottom:52px}.anchorBL{display:none !important}.body-attach{position:relative;margin-top:50px;padding:20px;border:1px dashed var(--g-c-24);border-radius:10px}.body-attach .title{position:absolute;top:-10px;left:20px;padding:0 20px 0 45px;color:#666;font-size:16px;font-weight:bold;line-height:20px;background:#fcfcfc}.body-attach .title i{position:absolute;top:1px;left:20px;font-size:20px}.body-attach ul li{position:relative;padding:0 0 0 25px;border-bottom:1px dashed var(--g-c-24)}.body-attach ul li:before{position:absolute;top:50%;left:0;transform:translateY(-50%);margin:0 10px 0 0;content:"\f022";font-family:var(--g-f-5)}.body-attach ul li label{height:30px;line-height:30px;font-size:14px;transition:.3s;cursor:pointer}.body-attach ul li label:hover{color:var(--g-c-32)}