@font-face{font-family:Alibaba-PuHuiTi-M;src:url(../fonts/Alibaba-PuHuiTi-Medium.ttf)}
@font-face{font-family:Alibaba-PuHuiTi-L;src:url(../fonts/Alibaba-PuHuiTi-Light.ttf)}
@font-face{font-family:AlibabaPuHuiTi_2_95_ExtraBold;src:url(../fonts/AlibabaPuHuiTi-2-95-ExtraBold.ttf)}
@font-face{font-family:AlibabaPuHuiTi_2_65_Medium;src:url(../fonts/AlibabaPuHuiTi-2-65-Medium.ttf)}
@font-face{font-family:alimamafangyuanti;src:url(../fonts/alimamafangyuanti.ttf)}
@font-face{font-family:alimamafangyuantiSquareBold;src:url(../fonts/alimamafangyuantiSquareBold.ttf)}
@font-face{font-family:alimamafangyuantiSquareMedium;src:url(../fonts/alimamafangyuantiSquareMedium.ttf)}
@font-face{font-family:alimamafangyuantiSquareSemiBold;src:url(../fonts/alimamafangyuantiSquareSemiBold.ttf)}
@font-face{font-family:SourceHanSansCN-Regular;src:url(../fonts/SourceHanSansCN-Regular.otf)}
@font-face{font-family:SourceHanSansCN-Normal;src:url(../fonts/SourceHanSansCN-Normal.otf)}
@font-face{font-family:SourceHanSansCN-Medium;src:url(../fonts/SourceHanSansCN-Medium.otf)}
@font-face{font-family:SourceHanSansCN-Bold;src:url(../fonts/SourceHanSansCN-Bold.otf)}
@font-face{font-family:PingFang-SC-Heavy;src:url(../fonts/PingFang-SC-Heavy.ttf)}
@font-face{font-family:PingFang-SC-Bold;src:url(../fonts/PingFang-SC-Bold.ttf)}
@font-face{font-family:PingFang-SC-Medium;src:url(../fonts/PingFang-SC-Medium.ttf)}
@font-face{font-family:PingFang-SC-Regular;src:url(../fonts/PingFang-SC-Regular.ttf)}
.wp{padding-left:1rem;padding-right:1rem}
.wp2{padding-left:1.65rem;padding-right:1.65rem}
.wp3{padding-left:2.4rem;padding-right:2.4rem}
.wp4{margin:0 auto;max-width:12rem}
.header{position:fixed;top:0;left:0;width:100%;background:rgba(29,23,23,.3);backdrop-filter:blur(10px);padding:.3rem 1.55rem;display:flex;justify-content:space-between;align-items:center;z-index:999}
.header .logo{display:flex;align-items:center;justify-content:center;height:.4rem}
.header .logo img{display:block;height:100%;width:auto}
.header .lang{height:.2rem;display:flex;align-items:center;justify-content:center}
.header .lang img{display:block;height:100%;width:auto}
.header .nav{display:flex;align-items:center;justify-content:center}
.header .nav .item+.item{margin-left:.9rem}
.header .nav .item{font-size:.18rem;color:#fff;font-family:Alibaba-PuHuiTi-M;transition:all .3s ease}
.header .nav .item.active,.header .nav .item:hover{color:#e73a23}
.footer{background:#000}
.footer .fd-top{padding:.8rem 1.55rem .5rem;display:flex;justify-content:space-between}
.footer .fd-left{display:flex;flex-direction:column;align-items:flex-start}
.footer .fd-left .fd-logo{display:block;height:.42rem;margin-bottom:.5rem}
.footer .fd-left .fd-logo img{display:block;height:100%;width:auto}
.footer .fd-left p+p{margin-top:.2rem}
.footer .fd-left p{font-family:Alibaba-PuHuiTi-L;font-size:.18rem;color:#fff}
.footer .fd-nav{display:flex;justify-content:flex-end;text-align:center;margin-top:.28rem}
.footer .fd-nav dl+dl{margin-left:1.4rem}
.footer .fd-nav dt{font-family:Alibaba-PuHuiTi-M;font-size:.18rem;color:#fff;margin-bottom:.3rem}
.footer .fd-nav dd a{font-family:Alibaba-PuHuiTi-L;font-size:.18rem;color:#fff;transition:all .3s ease}
.footer .fd-nav dd a:hover{opacity:.8}
.footer .fd-nav dd+dd{margin-top:.24rem}
.footer .fd-bot{padding:.8rem 1.64rem;display:flex;align-items:center;justify-content:space-between;color:#fff}
.footer .copyright{font-family:PingFang-SC-Medium;font-size:.18rem}
.footer .copyright a{color:#fff;transition:all .3s ease}
.footer .copyright a:hover{opacity:.8}
.footer .media{display:flex;align-items:center}
.footer .media .item+.item{margin-left:.5rem}
.footer .media .item{display:flex;align-items:center;justify-content:center;position:relative}
.footer .media .item .qr{opacity:0;pointer-events:none;position:absolute;bottom:calc(100% + 20px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:120px;height:120px;border-radius:10px;background-color:#fff;padding:5px;transition:all .3s ease}
.footer .media .item .qr img{display:block;width:100%;height:100%}
.footer .media .item .icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer}
.footer .media .item .icon img{display:block;width:100%;height:100%;object-fit:contain}
.footer .media .item:hover .qr{opacity:1;pointer-events:auto}
.index-banner{height:calc(100vh - 1.36rem)}
.index-banner .video-ban{height:100%;overflow:hidden}
.index-banner video{width:100%;height:100%;display:block;object-fit:cover}
.index-banner .text{position:absolute;bottom:0;left:0;width:100%;padding:0 1.87rem 1.1rem;font-family:BankGothicBT-Light;font-size:.66rem;color:#fff;line-height:.72rem}
.page-nav{padding:0 1.8rem;background:#000;height:1.36rem;display:flex;align-items:center;gap:.25rem}
.page-nav a,.page-nav em{font-family:alimamafangyuantiSquareSemiBold;font-size:.28rem;color:#fff}
.page-nav a{transition:all .3s ease}
.page-nav a:hover{color:#e73a23}
.project-sec{padding-top:1.08rem;padding-bottom:.83rem}
.project-sec .g-btn{width:3.26rem;height:.78rem}
.project-list{display:flex;flex-wrap:wrap;margin:0 -.11rem .34rem}
.project-list .item{flex:0 0 50%;margin-bottom:.24rem}
.project-list .item .inner{display:block;margin:0 .11rem;border-radius:.1rem;overflow:hidden;position:relative}
.project-list .item .inner .pic{display:block;width:100%;height:100%}
.project-list .item .inner .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.35,.01,0,.99)}
.project-list .item .inner h3{position:absolute;bottom:.35rem;left:.4rem;font-family:AlibabaPuHuiTi_2_95_ExtraBold;font-size:.28rem;color:#fff}
.project-list .item .inner:hover .pic img{transform:scale(1.1)}
body{color:#231815;--motion-duration:0.6s;--cta-motion-easing:cubic-bezier(0.6, 0.5, 0, 1)}
.g-btn{display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:.1rem;overflow:hidden;background:#000;height:.68rem;width:1.96rem;position:relative;border:1px solid #000;transition:background var(--motion-duration) var(--cta-motion-easing);cursor:pointer}
.g-btn span{position:relative;z-index:3;font-family:Alibaba-PuHuiTi-M;font-size:.24rem;color:#fff;transition:color var(--motion-duration) var(--cta-motion-easing)}
.g-btn.white,.g-btn:hover{background:#fff}
.g-btn.white span,.g-btn:hover span{color:#000}
.g-btn.white:hover{background:#000}
.g-btn.white:hover span{color:#fff}
.work-sec{padding-top:.83rem;padding-bottom:1.36rem}
.work-row{display:flex;justify-content:space-between;padding-left:.4rem}
.work-row .text{flex:0 0 3.4rem;margin-right:2.18rem}
.work-row .text h3{font-family:alimamafangyuantiSquareBold;color:#231815;font-size:.36rem}
.work-row .text p{color:#231815;font-size:.24rem;line-height:.37rem;margin:.3rem 0 .4rem;font-family:Alibaba-PuHuiTi-L}
.work-row .text .g-btn{margin:0}
.work-swi{flex:1;width:0;overflow:hidden}
.swi-btns{display:flex;align-items:center;gap:.2rem;margin-top:.6rem}
.swi-btns .btn{cursor:pointer;height:.42rem;width:1.27rem;border-radius:.21rem;border:1px solid #000;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;transition:opacity .3s}
.swi-btns .btn:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/swi-r.png) no-repeat center center/contain;width:.1rem;height:.17rem;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swi-btns .btn:hover{background:#000}
.swi-btns .btn:hover:after{background-image:url(../images/swi-r-w.png)}
.swi-btns .btn-prev{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.work-item .pic{position:relative;overflow:hidden;padding-top:140.9%;border-radius:.1rem;margin-bottom:.26rem}
.work-item .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:transform 1s cubic-bezier(.35,.01,0,.99)}
.work-item:hover .pic img{transform:scale(1.1)}
.work-item h3{font-family:AlibabaPuHuiTi_2_65_Medium;font-size:.24rem;color:#231815}
.work-item p{font-family:Alibaba-PuHuiTi-L;font-size:.18rem;color:#231815;line-height:.23rem;margin-top:.1rem}
.txt-pic-row{position:relative}
.txt-pic-row img{display:block;width:100%}
.txt-pic-row .wp{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#fff}
.txt-pic-row .wp h3{font-family:alimamafangyuantiSquareBold;font-size:.36rem;line-height:.53rem;white-space:pre-line}
.txt-pic-row .wp p{font-family:Alibaba-PuHuiTi-L;margin-top:.3rem;font-size:.24rem}
.news-sec{padding-top:1.18rem;padding-bottom:.8rem}
.g-title{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:.64rem}
.g-title h3{position:relative;z-index:2;color:#231815;font-size:.36rem;font-family:alimamafangyuantiSquareBold}
.g-title em{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:1;top:-.3rem;font-family:SourceHanSansCN-Bold;color:#e8f1f6;font-size:.48rem}
.news-list{display:flex;flex-wrap:wrap;margin:0 -.12rem .78rem}
.news-list .item{flex:0 0 33.3%}
.news-list .item .inner{display:block;margin:0 .12rem}
.news-list .item .pic{padding-top:59.42%;position:relative;overflow:hidden;border-radius:.1rem}
.news-list .item .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:transform 1s cubic-bezier(.35,.01,0,.99)}
.news-list .item .inner:hover .pic img{transform:scale(1.1)}
.news-list .item .text{margin-top:.2rem}
.news-list .item .text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:AlibabaPuHuiTi_2_65_Medium;font-size:.24rem;color:#231815}
.news-list .item .text p{font-family:Alibaba-PuHuiTi-L;font-size:.18rem;margin-top:.1rem}
.inner-banner{position:relative}
.inner-banner img{display:block;width:100%;height:100%;object-fit:cover}
.inner-banner .wp2{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:100%;bottom:0;padding-bottom:1rem;color:#fff;font-size:.63rem;line-height:.87rem}
.inner-banner .wp2 h3{font-family:alimamafangyuantiSquareMedium}
.inner-banner .wp2 p{font-family:alimamafangyuanti;font-weight:300;font-style:normal}
.inner-banner .wp2 span{display:block;font-family:PingFang-SC-Bold;font-size:.24rem}
.g-tabs{background-color:#eeeeef}
.g-tabs .tabs{display:flex;align-items:center;justify-content:center;gap:.9rem}
.g-tabs .tabs a{padding:.4rem .2rem;display:flex;align-items:center;justify-content:center;font-family:SourceHanSansCN-Medium;font-size:.18rem;color:#231815}
.g-tabs .tabs li.active a{position:relative}
.g-tabs .tabs li.active a:afteR{content:'';position:absolute;bottom:0;left:0;width:100%;height:.08rem;background-color:#e73a23}
.project-list2{padding-top:.8rem;display:flex;flex-wrap:wrap;margin:0 -.09rem .2rem}
.project-list2 .item{flex:0 0 25%;margin-bottom:.7rem}
.project-list2 .item .inner{display:block;margin:0 .09rem}
.project-list2 .item .pic{padding-top:100%;position:relative;overflow:hidden}
.project-list2 .item .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:transform 1s cubic-bezier(.35,.01,0,.99)}
.project-list2 .item .inner:hover .pic img{transform:scale(1.1)}
.project-list2 .item .text{margin-top:.2rem}
.project-list2 .item .text h3{font-size:.24rem;font-family:AlibabaPuHuiTi_2_65_Medium}
.project-list2 .item .text p{margin-top:.1rem;font-family:Alibaba-PuHuiTi-L;font-size:.18rem}
.project-list2.w3 .item{flex:0 0 33.3%}
.btn-group{display:flex;align-items:center;justify-content:center;gap:.15rem}
.btn-group .g-btn{margin:0}
.project-page{padding-bottom:1.25rem}
.about-content{background-position:top left;background-repeat:no-repeat;background-size:cover;padding-bottom:2.14rem;padding-top:1rem}
.intro-sec{margin-bottom:1.2rem;background:url(../images/intro-bg.jpg) no-repeat center center/cover;padding-top:1.5rem;padding-bottom:1.7rem}
.intro-sec .wp2{display:flex;align-items:center;justify-content:space-between}
.intro-sec .desc{flex:0 0 9.55rem;display:flex;flex-direction:column;align-items:flex-end;font-family:PingFang-SC-Medium;font-size:.18rem;color:#333;line-height:.42rem}
.intro-sec .desc p+p{margin-top:.2rem}
.intro-sec .title{font-size:.42rem;color:#000}
.intro-sec .title h3{font-family:alimamafangyuantiSquareSemiBold}
.intro-sec .title p{font-family:alimamafangyuanti;font-weight:300;font-style:normal}
.abo-title{display:flex;align-items:baseline;padding-left:.27rem;position:relative;margin-bottom:.5rem}
.abo-title:after{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:.05rem;height:.35rem;background:#e73a23}
.abo-title h3{font-family:alimamafangyuantiSquareBold;font-size:.36rem;color:#000;margin-right:.2rem}
.abo-title em{font-family:alimamafangyuanti;font-weight:400;font-style:normal;font-size:.24rem;color:#000}
.partners{background:#000;padding:1rem 0}
.partners img{display:block;width:100%}
.partners-sec{padding-bottom:1.2rem}
.honors-list{display:flex;flex-wrap:wrap;margin:0 -.06rem}
.honors-list .item{flex:0 0 33.3%;margin-bottom:.12rem}
.honors-list .item .inner{margin:0 .06rem;height:100%;background:rgba(255,255,255,.8);border-radius:.1rem;padding-top:.5rem;padding-bottom:.3rem}
.honors-list .item .inner .pic{margin-bottom:.2rem;height:1.52rem;display:flex;align-items:center;justify-content:center}
.honors-list .item .inner .pic img{max-height:100%;object-fit:contain}
.honors-list .item .inner .txt{text-align:center}
.honors-list .item .inner .txt em{font-family:alimamafangyuanti;font-weight:300;font-style:normal;font-size:.24rem;color:#000}
.honors-list .item .inner .txt h3{font-family:AlibabaPuHuiTi_2_95_ExtraBold;font-size:.18rem;color:#000}
.news-page{padding-bottom:.96rem}
.news-list2{display:flex;flex-wrap:wrap;margin:0 -.1rem .5rem;padding-top:.74rem}
.news-list2 .item{flex:0 0 33.3%;margin-bottom:.2rem}
.news-list2 .item .inner{display:block;margin:0 .1rem;border-radius:.1rem;overflow:hidden;background:#efefef;position:relative}
.news-list2 .item .inner .title{color:#000;position:absolute;top:.5rem;left:0;width:100%;padding:0 .64rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:SourceHanSansCN-Bold;font-size:.28rem;line-height:.47rem;transition:color var(--motion-duration) var(--cta-motion-easing)}
.news-list2 .item .inner .info{transition:color var(--motion-duration) var(--cta-motion-easing);position:absolute;bottom:.5rem;left:0;width:100%;padding:0 .64rem;font-family:SourceHanSansCN-Normal;font-size:.18rem;color:#000}
.news-list2 .item .pic{padding-top:71.17%;position:relative;overflow:hidden;opacity:0;transition:opacity var(--motion-duration) var(--cta-motion-easing)}
.news-list2 .item .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:transform 1s cubic-bezier(.35,.01,0,.99)}
.news-list2 .item .inner:hover .pic{opacity:1}
.news-list2 .item .inner:hover .pic img{transform:scale(1.1)}
.news-list2 .item .inner:hover .info,.news-list2 .item .inner:hover .title{color:#fff}
.news-list2 .item.w2{flex:0 0 66.6%}
.news-list2 .item.w2 .inner{height:100%}
.news-list2 .item.w2 .inner .pic{padding-top:0;height:100%;opacity:1}
.news-list2 .item.w2 .inner .info,.news-list2 .item.w2 .inner .title{color:#fff}
.pages{display:flex;align-items:center;justify-content:center;gap:.2rem}
.pages li a{width:.42rem;height:.42rem;border-radius:50%;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-family:alimamafangyuanti;font-weight:300;font-style:normal;font-size:.28rem;color:#000;transition:background var(--motion-duration) var(--cta-motion-easing),color var(--motion-duration) var(--cta-motion-easing)}
.pages li a:hover{background:#000;color:#fff}
.pages li em{display:block;background:url(../images/dots.png) no-repeat center center/contain;width:.29rem;height:.7rem}
.pages li.active a{width:1.27rem;background:#000;color:#fff;border-radius:.3rem}
.contact-content{background-position:top left;background-repeat:no-repeat;background-size:cover;padding-bottom:5.62rem;padding-top:.9rem}
.contact-list{display:flex;flex-wrap:wrap;margin:0 -.1rem}
.contact-list .item{flex:0 0 50%;margin-bottom:.2rem}
.contact-list .item .inner{margin:0 .1rem;border-radius:.1rem;background:rgba(0,0,0,.8);height:3.42rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transition:background var(--motion-duration) var(--cta-motion-easing),color var(--motion-duration) var(--cta-motion-easing)}
.contact-list .item .inner:hover{background:rgba(255,255,255,.8);color:#000}
.contact-list .item .tit{display:flex;align-items:center;justify-content:center;margin-bottom:.1rem}
.contact-list .item .tit .icon{width:.24rem;height:.24rem;display:flex;align-items:center;justify-content:center;margin-right:.14rem}
.contact-list .item .tit .icon img{display:block}
.contact-list .item .tit h3{font-family:PingFang-SC-Heavy;font-size:.24rem}
.contact-list .item p{font-family:AlibabaPuHuiTi_2_65_Medium;font-size:.28rem}
.company-name{height:3.35rem;background:rgba(0,0,0,.5);margin-top:.87rem;margin-bottom:1.33rem}
.company-name .wp3{height:100%;display:flex;align-items:center;justify-content:center}
.company-name img{width:4.7rem;height:1.64rem;display:block;position:relative;object-fit:contain}
.company-name h3{font-family:alimamafangyuantiSquareSemiBold;font-size:.39rem;color:#fff}
.company-name i{margin-right:.66rem;margin-left:.25rem;display:block;width:.09rem;height:.09rem;border-radius:50%;background-color:#fff}
.logo-box{display:flex;align-items:center;justify-content:center;flex-direction:column}
.logo-box img{height:.55rem;display:block;margin-bottom:.56rem}
.logo-box p{font-family:alimamafangyuantiSquareSemiBold;font-size:.3rem;color:#000}
.news-detail-page{padding-top:1.82rem;padding-bottom:1.1rem;background:#efefef}
.header.black{background:#000}
.detail-box{background-color:#fff;padding:.85rem 1.1rem 1rem;margin-bottom:.52rem}
.detail-box .title{padding-bottom:.2rem;margin-bottom:.5rem;border-bottom:1px solid #eaeaea}
.detail-box .title h1{font-family:PingFang-SC-Heavy;margin-bottom:.3rem;color:#000;font-size:.24rem}
.detail-box .title .info{display:flex;align-items:center;justify-content:space-between;font-family:PingFang-SC-Bold;font-size:.16rem;color:#666}
.detail-box .content{color:#000;font-family:PingFang-SC-Regular;font-size:.16rem;line-height:.29rem}
.detail-box .content h3{font-family:PingFang-SC-Heavy;font-size:.18rem}
.detail-box .content img{display:block}
.pages-box{background-color:#fff;padding:.5rem .7rem}
.pages-box .item+.item{margin-top:.3rem;padding-top:.3rem;border-top:1px solid #bbb}
.pages-box .item p{font-family:SourceHanSansCN-Regular;font-size:.18rem;color:#999}
.pages-box .item a{font-family:PingFang-SC-Heavy;font-size:.24rem;color:#000;transition:opacity .3s}
.pages-box .item a:hover{opacity:.6}
.case-det{padding-top:1rem;padding-bottom:1.37rem}
.case-det .text{padding-left:.58rem;padding-right:.9rem;display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}
.case-det .text .title{font-family:alimamafangyuantiSquareSemiBold;font-size:.34rem;color:#000;line-height:.48rem}
.case-det .text .desc{flex:0 0 10rem;font-size:.18rem;color:#333;line-height:.38rem;font-family:PingFang-SC-Medium;text-indent:2em}
.img-group{display:flex;flex-wrap:wrap;gap:.25rem}
.rela-pro{padding-bottom:1rem}
.rela-pro .project-list2{padding-top:0}
.header-menuBtn{display:none;position:absolute;top:5px;right:10px;width:40px;height:40px;cursor:pointer;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;z-index:102}
.header-menuBtn span{position:absolute;left:8px;top:50%;right:0;width:24px;height:3px;margin-top:-2px;background-color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.header-menuBtn span:after,.header-menuBtn span:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:30px;background-color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.header-menuBtn span:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
.header-menuBtn span:after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
.header-menuBtn.open span{background-color:transparent}
.header-menuBtn.open span:before{background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.header-menuBtn.open span:after{background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.news-list .item{width:0}
.g-title em{text-align:center;line-height:1.1}
.case-video{margin-top:60px}
.case-video video{display:block;width:100%}
.news-list2 .item.w2 .inner .pic {
    height: auto;
    padding-top: 35.58%;
}
@media only screen and (max-width:767px){
.case-video{margin-top:25px}
.header{position:fixed;top:0;left:0;z-index:999;background:#000;padding:15px 20px}
.header .nav{display:none;position:fixed;top:55px;left:0;width:100%;height:calc(100vh - 55px);overflow-y:auto;background:#000;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;padding:20px 30px}
.header .nav a{display:flex;flex:0 0 100%}
.header .nav .item+.item{margin-left:0;margin-top:30px}
.header .logo{height:25px}
.header-menuBtn{top:9px;display:block}
.header .lang{margin-right:30px}
.wp{padding-left:20px;padding-right:20px}
.page-nav{padding:20px;height:auto;flex-wrap:wrap}
.project-list .item{flex:0 0 100%}
.project-list .item .inner h3{left:20px;bottom:20px}
.project-sec .g-btn{width:100%}
.work-row{display:block;padding-left:0}
.work-row .text{margin-right:0;margin-bottom:40px;text-align:center}
.work-row .text .g-btn{margin:0 auto}
.work-swi{width:100%}
.swi-btns{justify-content:center}
.txt-pic-row{padding-top:40px;padding-bottom:40px}
.txt-pic-row img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;object-fit:cover}
.txt-pic-row .wp{position:relative;top:0;left:0;z-index:2;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.txt-pic-row .wp h3{font-size:34px}
.news-list .item{width:100%;flex:0 0 100%;margin-bottom:40px}
.news-list{margin-bottom:30px}
.footer .fd-top{padding:80px 20px 40px;display:block}
.footer .fd-nav{display:block}
.footer .fd-nav dl+dl{margin-left:0}
.footer .fd-bot{padding:40px 20px 80px;display:block;text-align:center}
.footer .fd-left{text-align:center}
.footer .fd-nav dl{border-bottom:1px solid rgba(255,255,255,.8)}
.footer .fd-nav dl dd:last-child{padding-bottom:20px}
.footer .fd-nav dl dt.open:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.footer .fd-nav dl dt{padding:20px 0;margin:0;position:relative}
.footer .fd-nav dl dt:after{content:'';background:url(../images/swi-r-w.png) no-repeat center center/contain;width:10px;height:16px;position:absolute;right:20px;top:50%;margin-top:-8px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.footer .fd-nav dl dd{display:none}
.footer .fd-nav dd+dd{margin-top:10px}
.footer .copyright{margin-bottom:20px}
.footer .media .item:last-child .qr{left:auto;right:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.footer .media .item:first-child .qr{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.wp2{padding-left:20px;padding-right:20px}
body{padding-top:55px}
.inner-banner .wp2{padding:20px;font-size:48px;line-height:1.6}
.inner-banner{height:400px}
.intro-sec .wp2{display:block}
.intro-sec .title{text-align:center;margin-bottom:30px}
.abo-title{display:block}
.partners{padding:20px 0}
.honors-list .item{flex:0 0 100%}
.news-list2 .item,.news-list2 .item.w2{flex:0 0 100%}
.news-list2 .item.w2 .inner .pic{height:auto;padding-top:71.17%}
.news-list2 .item .inner .info,.news-list2 .item .inner .title{padding:20px;position:static}
.news-list2 .item .inner .title{padding:0 20px;margin:20px 0}
.news-list2 .item .pic{opacity:1}
.news-list2 .item.w2 .inner .info,.news-list2 .item.w2 .inner .title{color:#000}
.news-list2 .item .inner:hover{background:#000}
.news-list2 .item.w2 .inner:hover .info,.news-list2 .item.w2 .inner:hover .title{color:#fff}
.news-detail-page{padding-top:0}
.detail-box{padding:40px 20px}
.pages-box{padding-left:20px;padding-right:20px}
.case-det .text{padding:0;display:block;margin-bottom:40px}
.case-det .text .title{margin-bottom:20px}
.project-list2.w3 .item{flex:0 0 100%}
.wp3{padding-left:20px;padding-right:20px}
.contact-list .item{flex:0 0 100%}
.contact-list .item .inner{padding:20px;text-align:center}
.contact-list .item p{font-size:24px;word-break:break-all}
.company-name .wp3{flex-direction:column;justify-content:center;align-items:center;text-align:center}
.company-name img{top:0}
.company-name i{margin:20px 0}
.company-name{height:auto;padding:40px 0}
.logo-box img{height:auto}
.contact-content{padding-bottom:133px}
.logo-box p{font-size:28px}
.g-tabs .tabs{flex-wrap:wrap;gap:0}
.g-tabs .tabs li{flex:0 0 50%}
.g-tabs .tabs a{white-space:nowrap;padding:20px}
.g-tabs .tabs li.active a:afteR{height:4px}
.project-list2 .item{flex:0 0 100%}
}