.image_line{position:relative;overflow:hidden}.image_line:after{content:"";position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:hsla(0,0%,100%,.3);transform:translate(-50%, -50%) rotate(-45deg);z-index:1}.image_line:hover:after{height:250%;transition:all 600ms linear;background-color:rgba(0,0,0,0)}@font-face{font-family:"socialshare";src:url("/i/sharejs/fonts/iconfont.eot");src:url("/i/sharejs/fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("/i/sharejs/fonts/iconfont.woff") format("woff"),url("/i/sharejs/fonts/iconfont.ttf") format("truetype"),url("/i/sharejs/fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:""}.social-share .icon-qq:before{content:""}.social-share .icon-weibo:before{content:""}.social-share .icon-wechat:before{content:""}.social-share .icon-douban:before{content:""}.social-share .icon-heart:before{content:""}.social-share .icon-like:before{content:""}.social-share .icon-qzone:before{content:""}.social-share .icon-linkedin:before{content:""}.social-share .icon-diandian:before{content:""}.social-share .icon-facebook:before{content:""}.social-share .icon-google:before{content:""}.social-share .icon-twitter:before{content:""}.social-share{font-size:14px;color:#999}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:16px;border-radius:50%;line-height:32px;border:1px solid #ddd;color:#999;text-align:center;vertical-align:middle;transition:all .5s}.social-share .social-share-icon:hover{color:#fff}.social-share .icon-weibo:hover{background:#ff763b;border-color:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7;border-color:#56b6e7}.social-share .icon-qzone{color:#fdbe3d;border-color:#fdbe3d}.social-share .icon-qzone:hover{background:#fdbe3d}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin:hover{background:#0077b5;border-color:#0077b5}.social-share .icon-facebook{color:#44619d;border-color:#44619d}.social-share .icon-facebook:hover{background:#44619d}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307dca;border-color:#307dca}.social-share .icon-diandian:hover{background:#307dca}.social-share .icon-wechat{position:relative}.social-share .icon-wechat:hover{background:#7bc549;border-color:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.social-share .icon-wechat:hover .wechat-qrcode{display:block}.common_txt{font-size:clamp(14px,16px,.8333333333vw);line-height:1.875em}.common_txt .social-share{margin-bottom:20px}.common_col{min-height:100vh;display:flex;background:#003da6}@media(max-width: 767px){.common_col{flex-direction:column}}.common_col__side{width:260px;padding:3.90625vw 0;position:relative;z-index:2;display:flex;flex-direction:column;gap:5px}@media(max-width: 767px){.common_col__side{width:100%;padding:0}}.common_col__side>li{text-align:center}.common_col__side>li>.title{display:flex;justify-content:center}.common_col__side>li>.title>a{font-size:clamp(16px,20px,1.0416666667vw);line-height:2.4em;font-weight:bold;color:#fff}.common_col__side>li .sub{display:none}.common_col__side>li .sub>ul{display:flex;flex-direction:column;background-color:#003787;padding:4.347826087vh 30px}@media(max-width: 767px){.common_col__side>li .sub>ul{padding:20px 30px}}.common_col__side>li .sub>ul>li{padding:5px 0;position:relative;border-bottom:1px dashed hsla(0,0%,100%,.3)}.common_col__side>li .sub>ul>li::before{content:"";width:15px;height:40px;background:#30d7a7;position:absolute;left:-30px;top:50%;transform:translateY(-50%);opacity:0}.common_col__side>li .sub>ul>li a{position:relative;display:flex;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.common_col__side>li .sub>ul>li a::before{content:"";width:16px;height:40px;clip-path:polygon(100% 0, 100% 0%, 100% 100%, 100% 100%, 0% 50%);background:#30d7a7;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0}.common_col__side>li .sub>ul>li a::after{content:"";width:calc(100% - 16px);height:40px;background:#30d7a7;position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:0}.common_col__side>li .sub>ul>li a span{position:relative;z-index:2;font-size:clamp(12px,14px,.7291666667vw);line-height:40px;color:#fff;transition:all .5s}@media(max-width: 767px){.common_col__side>li .sub>ul>li a span{font-size:14px}}.common_col__side>li .sub>ul>li:last-child{border-bottom:none}.common_col__side>li .sub>ul>li:not(.active):hover a span{color:#30d7a7}.common_col__side>li .sub>ul>li.active::before{opacity:1}.common_col__side>li .sub>ul>li.active a::before{opacity:1}.common_col__side>li .sub>ul>li.active a::after{opacity:1}.common_col__side>li .sub>ul>li.active a span{font-weight:bold;color:#003da6}.common_col__side>li.cur>.title{background:#30d7a7}.common_col__side>li.cur>.title>a{color:#003da6}.common_col__side>li.cur .sub{display:block}.common_col__main{width:calc(100% - 260px);padding:0 5.2083333333vw 3.125vw;background-color:#fff}@media(max-width: 767px){.common_col__main{width:100%;padding:0 20px 20px}}.common_col__main .pagination{margin-top:2.0833333333vw}.case_detail__top .top_title .title,.pro_detail__top .top_info__title{display:flex;flex-direction:column;gap:10px;margin-bottom:3.125vw}@media(max-width: 767px){.case_detail__top .top_title .title,.pro_detail__top .top_info__title{margin-bottom:20px;padding-right:50px}}.case_detail__top .top_title .title h1,.pro_detail__top .top_info__title h1{font-size:clamp(20px,26px,1.3541666667vw);font-weight:bold;color:#003da6}.case_detail__top .top_title .title span,.pro_detail__top .top_info__title span{font-size:clamp(16px,20px,1.0416666667vw);line-height:1.25em}.case_detail__top .top_title .info_back,.pro_detail__top .top_back{display:flex;justify-content:center;align-items:center;width:2.6041666667vw;height:2.6041666667vw;background-color:#003da6;border-radius:9999px;position:absolute;right:0;top:3.90625vw;z-index:10;transition:all .5s}@media(max-width: 767px){.case_detail__top .top_title .info_back,.pro_detail__top .top_back{width:30px;height:30px;top:20px}}.case_detail__top .top_title .info_back svg,.pro_detail__top .top_back svg{width:50%;height:50%}.case_detail__top .top_title .info_back:hover,.pro_detail__top .top_back:hover{background-color:#30d7a7}.pro_list{margin-top:2.0833333333vw;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));-moz-column-gap:2.0833333333vw;column-gap:2.0833333333vw;row-gap:1.5625vw}@media(max-width: 1245px){.pro_list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(max-width: 968px){.pro_list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 767px){.pro_list{grid-template-columns:repeat(1, minmax(0, 1fr))}}.pro_list>li a{display:flex;flex-direction:column;height:100%;position:relative}.pro_list>li a .img{position:relative;z-index:3}.pro_list>li a .img img{display:block;width:100%;filter:drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));transition:all .3s}.pro_list>li a .info{flex:1 1 0%;display:flex;flex-direction:column;position:relative;z-index:2;padding:0 30px 20px}.pro_list>li a .info .title{font-size:clamp(14px,20px,1.0416666667vw);color:#003da6;line-height:1.5em;min-height:3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:.5208333333vw;font-weight:bold;transition:all .5s}.pro_list>li a .info .desc{border-top:1px dashed rgba(0,0,0,.2);padding-top:.5208333333vw;text-align:justify;font-size:clamp(12px,14px,.7291666667vw);line-height:1.875em;color:#666;transition:all .5s}.pro_list>li a .info .desc ul{display:flex;flex-direction:column;gap:5px}.pro_list>li a::before{content:"";display:block;width:100%;height:80%;position:absolute;left:0;bottom:0;z-index:1;border-radius:15px;background-image:linear-gradient(to bottom, #f9f9f9, #fff);transition:all .5s}.pro_list>li a::after{content:"";display:block;width:100%;height:80%;position:absolute;left:0;bottom:0;z-index:1;border-radius:15px;background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-image:url("../images/prolist_line.svg");transition:all .5s}@media(min-width: 1245px){.pro_list>li a:hover .img img{transform:scale(1.11)}.pro_list>li a:hover .info .title{color:#fff}.pro_list>li a:hover .info .title span{color:#fff}.pro_list>li a:hover .info .desc{border-top-color:hsla(0,0%,100%,.3);color:#fff}.pro_list>li a:hover::after{background-color:#003da6;box-shadow:5px 9px 8px 2px rgba(0,0,0,.1)}}.pro_detail__top{position:relative;padding:3.90625vw 0 0}@media(max-width: 767px){.pro_detail__top{padding:20px 0 0;display:flex;flex-direction:column-reverse}}.pro_detail__top .top_img{width:45%;position:absolute;right:8%;top:2.6041666667vw;z-index:5}@media(max-width: 1440px){.pro_detail__top .top_img{right:5%}}@media(max-width: 767px){.pro_detail__top .top_img{width:100%;position:static;right:0;top:0}}.pro_detail__top .top_img img{width:100%}.pro_detail__top .top_info__bar{position:relative;padding:2.6041666667vw 0}@media(max-width: 767px){.pro_detail__top .top_info__bar{padding:20px 0}}.pro_detail__top .top_info__bar::after{content:"";display:block;width:calc(100% + 10.4166666667vw);height:100%;background-color:#eee;background-repeat:no-repeat;background-position:26.0416666667vw center;background-image:url("../images/prodetail_line.svg");position:absolute;left:-5.2083333333vw;top:0;z-index:1}.pro_detail__top .top_info__bar>*{position:relative;z-index:2}.pro_detail__top .top_info__bar .desc{width:40%;font-size:clamp(14px,16px,.8333333333vw)}@media(max-width: 1440px){.pro_detail__top .top_info__bar .desc{width:50%}}@media(max-width: 767px){.pro_detail__top .top_info__bar .desc{width:100%}}.pro_detail__top .top_info__bar .desc ul{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:2.6041666667vw;column-gap:2.6041666667vw;row-gap:1.0416666667vw}@media(max-width: 1440px){.pro_detail__top .top_info__bar .desc ul{-moz-column-gap:20px;column-gap:20px}}@media(max-width: 767px){.pro_detail__top .top_info__bar .desc ul{grid-template-columns:repeat(1, minmax(0, 1fr));gap:20px}}.pro_detail__top .top_info__bar .tab_head{width:35%;margin-top:2.0833333333vw;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:2.6041666667vw;column-gap:2.6041666667vw;row-gap:1.0416666667vw}@media(max-width: 767px){.pro_detail__top .top_info__bar .tab_head{width:100%;margin-top:20px;gap:20px}}.pro_detail__top .top_info__bar .tab_head li{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:clamp(14px,16px,.8333333333vw);height:2.75em;box-shadow:2px 5px 5px 0 rgba(0,0,0,.05);transition:all .5s}.pro_detail__top .top_info__bar .tab_head li:hover{background-color:#003da6;color:#30d7a7}.pro_detail__main{padding:2.6041666667vw 0;display:flex;flex-direction:column;gap:2.0833333333vw}@media(max-width: 767px){.pro_detail__main{padding:20px 0;gap:20px}}.pro_detail__main .col_title{display:block;width:100%;margin-bottom:1.0416666667vw;border-bottom:1px solid #ddd}@media(max-width: 767px){.pro_detail__main .col_title{margin-bottom:20px}}.pro_detail__main .col_title .title{display:inline-flex;align-items:center;gap:.5208333333vw;padding-bottom:1.0416666667vw;position:relative}@media(max-width: 767px){.pro_detail__main .col_title .title{gap:10px;padding-bottom:20px}}.pro_detail__main .col_title .title::after{content:"";width:100%;height:3px;background-color:#003da6;position:absolute;left:0;bottom:0}.pro_detail__main .col_title .title .icon{padding:.2604166667vw;width:1.5625vw;height:1.5625vw;border:1px solid #003da6;border-radius:9999px;display:flex;justify-content:center;align-items:center}@media(max-width: 767px){.pro_detail__main .col_title .title .icon{padding:5px;width:30px;height:30px}}.pro_detail__main .col_title .title .icon svg{width:100%;height:100%;color:#003da6}.pro_detail__main .col_title .title span{font-size:clamp(16px,20px,1.0416666667vw);line-height:1em;font-weight:bold;color:#003da6}.case_subcategory_list{margin-top:2.0833333333vw;display:flex;flex-direction:column;gap:4.1666666667vw}@media(max-width: 767px){.case_subcategory_list{margin-top:20px;gap:20px}}.case_subcategory_list--title{display:flex;align-items:center}.case_subcategory_list--title::after{content:"";flex:1 1 0%;height:1px;background-color:#003da6}.case_subcategory_list--title svg{width:1.1458333333vw;height:1.1458333333vw}@media(max-width: 767px){.case_subcategory_list--title svg{width:17px;height:17px}}.case_subcategory_list--title span{font-size:clamp(18px,24px,1.25vw);font-weight:bold;color:#003da6;line-height:1em;white-space:nowrap;margin-left:.8333333333vw;margin-right:2.6041666667vw}@media(max-width: 767px){.case_subcategory_list--title span{margin-left:10px;margin-right:20px}}.case_list{margin-top:2.0833333333vw;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));-moz-column-gap:1.5625vw;column-gap:1.5625vw;row-gap:1.5625vw}@media(max-width: 1245px){.case_list{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(max-width: 968px){.case_list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(max-width: 767px){.case_list{margin-top:20px;gap:20px;grid-template-columns:repeat(1, minmax(0, 1fr))}}.case_list>li a{display:block;height:100%;border-radius:15px;overflow:hidden;position:relative;background:#003da6}.case_list>li a .img{width:100%;aspect-ratio:79/50;overflow:hidden;position:relative;z-index:3;transition:all 1.2s}.case_list>li a .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s}.case_list>li a .info{position:relative;z-index:3;padding:30px 20px 20px;margin-top:30px}.case_list>li a .info::before{content:"";display:block;width:calc(100% - 60px);height:1px;position:absolute;left:30px;top:0;border-top:1px dashed rgba(0,0,0,.3);transition:all .3s}.case_list>li a .info .title{font-size:clamp(14px,16px,.8333333333vw);color:#003da6;line-height:1.5em;transition:all .3s}@media(max-width: 767px){.case_list>li a .info .title{font-size:16px}}.case_list>li a .info .title span{display:block;font-size:clamp(12px,14px,.7291666667vw);color:#222;transition:all .3s}.case_list>li a .info .cate{display:inline-block;margin-top:20px;padding:0 10px;font-size:13px;line-height:26px;background:#003da6;color:#fff;border-radius:9999px;transition:all .3s}.case_list>li a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:2;background-color:#f9f9f9;background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-image:url("../images/prolist_line.svg");transition:all .3s}.case_list>li a::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:1;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:var(--bgi);opacity:0;transition:all .3s}@media(min-width: 1245px){.case_list>li a:hover{box-shadow:5px 9px 8px 2px rgba(0,0,0,.1)}.case_list>li a:hover .img{padding:15px}.case_list>li a:hover .img img{border-radius:10px}.case_list>li a:hover .info::before{border-color:hsla(0,0%,100%,.3)}.case_list>li a:hover .info .title{color:#fff}.case_list>li a:hover .info .title span{color:#fff}.case_list>li a:hover .info .cate{background:#fff;color:#003da6}.case_list>li a:hover::before{opacity:0}.case_list>li a:hover::after{opacity:.1}}.case_detail .col_w{width:100%;width:1080px}@media(max-width: 1440px){.case_detail .col_w{width:100%}}.case_detail__top{position:relative;padding:3.90625vw 0 0;background-repeat:no-repeat;background-position:right top;background-image:url("../images/prodetail_line.svg")}@media(max-width: 767px){.case_detail__top{padding:20px 0}}.case_detail__top .top_imgs{padding:2.6041666667vw 0;display:flex;position:relative}@media(max-width: 767px){.case_detail__top .top_imgs{padding:20px 0;flex-direction:column}}.case_detail__top .top_imgs::after{content:"";display:block;width:100vw;height:7.2916666667vw;position:absolute;left:-5.2083333333vw;top:50%;transform:translateY(-50%);z-index:1;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(rgba(0, 61, 166, 0.8), rgba(0, 61, 166, 0.8)),var(--bgi)}@media(max-width: 767px){.case_detail__top .top_imgs::after{height:200px}}.case_detail__top .top_imgs img{width:100%}.case_detail__top .top_imgs .img_pro{width:calc(40% + 2.6041666667vw);position:absolute;left:-2.6041666667vw;top:50%;transform:translateY(-50%);z-index:2}@media(max-width: 767px){.case_detail__top .top_imgs .img_pro{width:100%;position:relative;left:0;top:0;transform:translateY(0)}}.case_detail__top .top_imgs .img_case{position:relative;z-index:2;width:50%;flex-shrink:0;margin-left:auto;border-radius:15px;overflow:hidden;box-shadow:5px 9px 8px 2px rgba(0,0,0,.1)}@media(max-width: 767px){.case_detail__top .top_imgs .img_case{width:100%}}.case_detail__main{padding:2.6041666667vw 0}@media(max-width: 767px){.case_detail__main{padding:20px 0}}.case_detail__main .desc{margin-bottom:2.6041666667vw}@media(max-width: 767px){.case_detail__main .desc{margin-bottom:20px}}.case_detail__main .desc ul{display:flex;flex-wrap:wrap;gap:1.5625vw}@media(max-width: 767px){.case_detail__main .desc ul{gap:20px}}.case_detail__main img{max-width:100%}.case_detail__main video{width:100%;aspect-ratio:16/9}.case_grid{margin-top:20px;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 767px){.case_grid{grid-template-columns:repeat(2, 1fr)}}.case_grid>li img{display:block;width:100%;aspect-ratio:16/11;-o-object-fit:cover;object-fit:cover;border-radius:5px}.case_grid.img_res>li img{aspect-ratio:auto}.huace_list{margin-top:4.1666666667vw;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));-moz-column-gap:2.0833333333vw;column-gap:2.0833333333vw;row-gap:1.5625vw}@media(max-width: 1245px){.huace_list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(max-width: 968px){.huace_list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 767px){.huace_list{grid-template-columns:repeat(1, minmax(0, 1fr))}}.huace_list>li a{display:flex;flex-direction:column;gap:20px;position:relative}.huace_list>li a .img{border-radius:5px;overflow:hidden;position:relative;z-index:3;box-shadow:0 0 10px 0px rgba(0,0,0,.15)}.huace_list>li a .img img{display:block;width:100%;transition:all 1s}.huace_list>li a .title{font-size:clamp(14px,20px,1.0416666667vw);color:#003da6;line-height:1.5em;min-height:3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;transition:all .5s}@media(min-width: 1245px){.huace_list>li a:hover .img img{transform:scale(1.11)}}/*# sourceMappingURL=app.css.map */