@font-face {
    font-family: DINAlternate;
    src: url(../fonts/DINAlternate-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: DINAlternate;
    src: url(../fonts/DINAlternate.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

*, :after, :before { box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0;}

li, ul { padding: 0; list-style: none;}

a{ text-decoration: none; color: inherit; background-color: transparent; }

svg { width: 100%; height: 100%; }

img { border-style: none; }

body{ overflow-x:hidden; }

body.no-scroll { overflow: hidden; }

.text-center{ text-align: center; }
.text-right{ text-align: right; }

.ellip-1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}

.ellip-4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}


.clearfix::after{content:'\200B';display:block;clear:both;visibility:hidden;height:0;}

.clearfix{*zoom:1;}

.loading{ width: 100%; height: 100%; position: fixed; z-index:1000; background-color: white; display: flex; align-items: center; justify-content: center; }
.loading .loading-logo{ width:160px; max-width: 100%; height:auto; }
.loading .loading-logo img{ max-width:100%; opacity: 0.3;  } 

#app {  width: 100%; height: 100%; background-color: #fff; font-family: Helvetica,Arial,sans-serif; overflow: hidden; }

/*#app .blur {
    filter: blur(20px)
}*/



/* -------- 页首 开始 -------- */
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; }

nav { width: 100%; padding: 0 0.8rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; transition: background-color .3s ease-out; font-size: .14rem; box-shadow: 3px 3px 15px 3px rgba(0,0,0,.2); }

.mobile nav { height: 1.44rem; padding: 0 0.42rem; justify-content: flex-end; }

nav.blur { /*-webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);*/box-shadow: none; color: #831d1e; }

.desktop nav { height: 0.89rem; }

.mobile nav.blur { -webkit-backdrop-filter: none; backdrop-filter: none; }

nav.white { background-color: #fff; color: #831d1e; box-shadow: none; border-bottom: 1px solid #ccc;}

nav.hide { transform: translate3d(0,-100%,0); }

nav .left{ justify-content: space-between; }

nav .left .logo, nav .left { display: flex; align-items: center; flex-direction: row; }

.desktop nav .left { width: 5.83rem; }

.desktop nav .left .btn-menu { display: none; }

.mobile nav .left { position: absolute; left: .42rem; }

nav .left .logo, nav .left { display: flex; align-items: center; flex-direction: row; }

nav .left .logo { cursor: pointer; }

.nav-logo { width: auto; height: 0.56rem; flex-shrink: 0; overflow: hidden;}

.mobile .nav-logo { width:auto; height: 0.8rem; }

.icon-logo, .icon-logo img {
    height: 0.56rem;
    width: auto;
    /*filter: drop-shadow(0 0.56rem #fff);
    transform: translateY(-100%);*/
}
.mobile .icon-logo, .mobile .nav-logo img{ height: 0.8rem;filter: drop-shadow(0 0.8rem #fff); }
/*nav.white .nav-logo img{ filter:unset; transform: translateY(100%); }*/

.icon-logo .c1, .icon-logo .c2 {fill: #fff;}

nav .left .logo .copy {margin-left: 0.1rem;}

nav .left .logo .copy .en {font-size: .18rem;line-height: .24rem;font-weight: 500;}

.mobile nav .left .logo .copy .en {font-size: .22rem;line-height: .26rem}

nav .left .logo .copy .cn {font-size: .14rem;line-height: .24rem;}

.mobile nav .left .logo .copy .cn {font-size: .18rem;line-height: .26rem}

nav .middle {position: absolute;}

.desktop nav .middle {display: none;}

nav .right {display: flex;align-items: center;justify-content: flex-end;flex-direction: row;}

/*.nav-list {display: flex; flex-direction: row;align-items: center;}
.nav-list-item { white-space: nowrap;overflow: hidden;position: relative;opacity: 0.8;}
.nav-list-item.active {opacity: 1;}
.nav-list-item.white {filter: invert(1);}
.nav-list .item {margin-left: 0.87rem;}
.nav-list-item .link {cursor: pointer;pointer-events: all;display: block;text-transform: capitalize;color: #831d1e; font-weight:700;}
.nav-list-item .underline {width: 100%; bottom: 0;height: 1px; background: #831d1e; transform: translate3d(-105%,0,0);transition: transform .2s ease-out;}
.nav-list-item:hover .underline{ transform: translateZ(0); }*/



.nav-list {display: flex; flex-direction: row;align-items: center;}
.nav-list-item { cursor: pointer; white-space: nowrap;position: relative;height:0.89rem; display: flex;align-items: center;}
.nav-list-item.active {}
.nav-list-item.white { /*filter: invert(1);*/}
.nav-list .item {margin-left: 0.54rem;}
.nav-list-item .link {opacity: .8; cursor: pointer;pointer-events: all;text-transform: capitalize;color: #831d1e; display: flex; align-items: center;font-weight:700; font-size:0.2rem;}
.nav-list-item.active .link{opacity: 1;}
.nav-list-item .link span{position: relative; overflow: hidden; }
.nav-list-item .link span:after{ position: absolute; left: 0; content: ""; width: 100%; bottom: 0;height: 1px; background: #831d1e; transform: translate3d(-105%,0,0);transition: transform .2s ease-out;}
.nav-list-item:hover .link span:after{transform: translateZ(0);}
.nav-list-item .link i{ margin-left: 0.04rem; width: 0.16rem; height: 0.16rem; background-image: url(../images/icon-arrow-down.svg); display: inline-block; background-size: 100% auto; background-position:center; background-repeat: no-repeat;transition: all .2s;}
.nav-list-item:hover .link i{transform: rotate(180deg);}
.nav-list-item .subMenu{white-space: initial;position:absolute; top: 0; left: 0; width: 100%; height: auto; background-color: white; display: none;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);}
.nav-list-item.white .subMenu{background-color: white; opacity: 1;}
.nav-list-item .subMenu .subMenu-wrap{width: 100%;padding:0.43rem 0.87rem;box-sizing: border-box;}
.nav-list-item .subMenu .title{ font-size:0.32rem ; color: #831d1e; margin-bottom: 0.2rem; }
.nav-list-item .subMenu .items{ width: 100%; }
.nav-list-item .subMenu .items .sublink{display: inline-block; font-size: 0.18rem; color:#914343; opacity:0.9; margin-right: 0.42rem; margin-top: 0.1rem; }
.nav-list-item .subMenu .items .sublink:last-child{ margin-right: 0; }
.nav-list-item .subMenu .items .sublink.on,
.nav-list-item .subMenu .items .sublink:hover{color:#831d1e; opacity:1; }
.nav-list-item .subMenu .items .sublink.on{font-weight:500; }


.btn-locale { display: flex;flex-direction: row;align-items: center;justify-content: center;pointer-events: all;cursor: pointer; }
.btn-locale .cn { font-size: .14rem; white-space: nowrap;}
.mobile .btn-locale .cn {font-size: .32rem}
.mobile .btn-locale .en {font-size: .32rem}

.btn-locale .split{font-size: .16rem;margin-top: -0.025rem;}
.mobile .btn-locale .split {font-size: .42rem;margin-top: -0.06rem;}

.btn-locale .btn {margin: 0 0.096rem;opacity: .6; font-weight:700;}
.btn-locale .btn.active { opacity: 1;}

.nav-icon {width: 0.32rem;height: 0.32rem;min-width: 32px;min-height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;pointer-events: all;}

.desktop nav .right .btn-menu, .mobile nav .right .nav-list { display: none; }
.icon-menu-toggle { position:relative;right: 0;top: 0;width:18px;height:14px;z-index:100;background-color:transparent; }
nav.white .icon-menu-toggle span,
nav.white .icon-menu-toggle span:after,
nav.white .icon-menu-toggle span:before{ background-color:#831d1e; }
.icon-menu-toggle span {position: relative;display: block;margin:6px auto 0;width: 18px;height:1.8px;background-color:#831d1e;}
.icon-menu-toggle span:after,.icon-menu-toggle span:before {content: "";position: absolute;display: inline-block;width: 100%;height: 1.8px;left: 0;background-color:#831d1e;-webkit-transition-duration: .3s, .3s;-moz-transition-duration: .3s, .3s;-ms-transition-duration: .3s, .3s;-o-transition-duration: .3s, .3s;transition-duration: .3s, .3s;-webkit-transition-delay: .3s, 0s;-moz-transition-delay: .3s, 0s;-ms-transition-delay: .3s, 0s;-o-transition-delay: .3s, 0s;transition-delay: .3s, 0s}
.icon-menu-toggle span:before {top: -6px;-webkit-transition-property: top, transform;-moz-transition-property: top, transform;-ms-transition-property: top, transform;-o-transition-property: top, transform;transition-property: top, transform;}
.icon-menu-toggle span:after {bottom: -6px;-webkit-transition-property: bottom, transform;-moz-transition-property: bottom, transform;-ms-transition-property: bottom, transform;-o-transition-property: bottom, transform;transition-property: bottom, transform;}
.icon-menu-toggle.active span {background-color: transparent!important;-webkit-transition-delay: 0s, 0s;-moz-transition-delay: 0s, 0s;-ms-transition-delay: 0s, 0s;-o-transition-delay: 0s, 0s;transition-delay: 0s, 0s}
.icon-menu-toggle.active span:after,
.icon-menu-toggle.active span:before {-webkit-transition-delay: 0s, .3s;-moz-transition-delay: 0s, .3s;-ms-transition-delay: 0s, .3s;-o-transition-delay: 0s, .3s;transition-delay: 0s, .3s}
.icon-menu-toggle.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.icon-menu-toggle.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


nav .border-bottom {position: absolute;bottom: 2px;left: 0;width: 100%;height: 2px;line-height: 0;pointer-events: none;user-select: none;}

nav .border-bottom img {width: 100%;height: 100%;}

.menu { position: fixed; z-index: 999; left: 0; bottom: 0; right: 0; opacity: 0; color: #831d1e; overflow: hidden; background: #fff;pointer-events: none;}
.desktop .menu {top: .89rem;}
.mobile .menu {top: 1.44rem;}

.splitting .char,.splitting .word {display: inline-block;}
.splitting .char {position: relative;}
.splitting .char:after,
.splitting .char:before {content: attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.splitting {
    --word-center: calc(var(--word-total)/2 - 0.5);
    --char-center: calc(var(--char-total)/2 - 0.5);
    --line-center: calc(var(--line-total)/2 - 0.5)
}
.splitting .word {
    --word-percent: calc(var(--word-index)/var(--word-total));
    --line-percent: calc(var(--line-index)/var(--line-total))
}
.splitting .char {
    --char-percent: calc(var(--char-index)/var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc(var(--char-offset)*var(--char-offset)/var(--char-center));
    --distance-sine: calc(var(--char-offset)/var(--char-center));
    --distance-percent: calc(var(--distance)/var(--char-center))
}
.splitting.cells img {width: 100%;display: block;}

@supports (display: grid) {
    .splitting.cells {position:relative;overflow: hidden;background-size: cover;visibility: hidden;}
    .splitting .cell-grid {
        background: inherit;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: grid;
        grid-template: repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr);
    }
    .splitting .cell {background: inherit;position: relative;overflow: hidden;}
    .splitting .cell-inner {
        background: inherit;
        position: absolute;
        visibility: visible;
        width: calc(100%*var(--col-total));
        height: calc(100%*var(--row-total));
        left: calc(-100%*var(--col-index));
        top: calc(-100%*var(--row-index))
    }
    .splitting .cell {
        --center-x: calc(var(--col-total)/2 - 0.5);
        --center-y: calc(var(--row-total)/2 - 0.5);
        --offset-x: calc(var(--col-index) - var(--center-x));
        --offset-y: calc(var(--row-index) - var(--center-y));
        --distance-x: calc(var(--offset-x)*var(--offset-x)/var(--center-x));
        --distance-y: calc(var(--offset-y)*var(--offset-y)/var(--center-y))
    }
}

.reveal-text .splitting .char {opacity: 0;transform: translateY(20%);}
.reveal-text.active .splitting .char { opacity: 1;transition: opacity var(--var-duration) cubic-bezier(.5,0,.5,1) calc(var(--var-delay) + 0.2s*var(--char-index)/var(--char-total) + var(--stager-time)),transform var(--var-duration) cubic-bezier(.5,0,.5,1) calc(var(--var-delay) + 0.2s*var(--char-index)/var(--char-total) + var(--stager-time));
    transform: translateY(0);}
    
.menu.active {opacity: 1;transition: all .2s ease-out;overflow-y: auto;pointer-events: auto;}
.menu .menu-items {display: flex;align-items: center;flex-direction: column;}
.menu .menu-items .menu-item { width: 100%; font-weight: 500;font-size: .36rem;line-height: .42rem;margin-top: .8rem;text-transform: capitalize;cursor: pointer;text-align: center;}
.menu .menu-items .menu-item .reveal-text{ display: inline-block; }
.menu .menu-items .menu-item .icon{ margin-left: 0.15rem; width: 0.36rem; height: 0.32rem; background-image: url(../images/icon-arrow-down.svg); display: inline-block; background-size: 100% auto; background-position:center; background-repeat: no-repeat;transition: all .2s;}
.menu .menu-items .menu-item .icon.on{transform: rotate(180deg);}
.menu .menu-items .menu-item .subMenu{ display: none;margin-top: 0.24rem; width: 100%; background: #f6f6f6; }
.menu .menu-items .menu-item .subMenu .items{padding: 0.42rem;}
.menu .menu-items .menu-item .subMenu .item{ padding: 0.2rem 0; font-size: 0.3rem; display: block; text-align: center; opacity: 0.9; }
.menu .menu-items .menu-item .subMenu .item.on{ color:#831d1e; font-weight: 700; opacity: 1; }
/*.menu .menu-items .line { margin-top: .4rem; width: 2.75rem;}*/


/* -------- 页首 结束 -------- */



/* -------- 通用内容 开始 -------- */
.the-main{width:100%;max-width:12.4rem;position:relative;margin:auto;}
.the-main .wrapper{width:100%;position:relative;z-index:10;}
.the-main .bg{pointer-events: none;width:100%;height:100%;position:absolute;display:flex;flex-direction:row;justify-content:space-between;}
.mobile .the-main .bg{padding:0 .42rem;}
.the-main .bg .grid{width:100%;border-right:1px solid rgba(0,0,0,.05);}
.the-main .bg .grid:first-child{border-left:1px solid rgba(0,0,0,.05);}
.mobile .the-main .bg .grid:last-child{display:none;}

.container{width:100%;}
.container .main .section{margin-top:1.67rem;}

.section-title{margin-bottom:.88rem;margin-left:.3rem;margin-right:.3rem;}
.mobile .section-title{margin-left:.6rem;margin-right: 0.6rem;}
.section-title.uppercase h1{text-transform:uppercase;}
.section-title h1{color:#831d1e;font-size:.5rem;margin-bottom:.22rem;white-space:pre-wrap;font-weight:500;}
.mobile .section-title h1{font-size:.45rem;}
.section-title .desc{color:#831d1e;margin-top: 0.32rem; font-size: 0.3rem; line-height: 1.2;opacity: 0.7;}
.mobile .section-title .desc{font-size:.32rem;line-height: 1.5;}

.section-title .subtitle{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;}
.section-title .subtitle p{width:8.05rem;font-size:.18rem;line-height:.24rem;color:#000;text-transform:none;margin-bottom:1.8rem;}
.mobile .section-title .subtitle p{margin-bottom:.1rem;}


.banner{width:100%;height:45.1388888889vw;background: #000;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.mobile .banner{height:72.6666666667vw;}
.banner img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;pointer-events: none;}
.banner img.pc{ display: block; }
.banner img.mob{ display: none; }
.mobile .banner img.pc{ display: none; }
.mobile .banner img.mob{ display: block; }

.banner .wrapper{width:100%;height:100%;max-width:12.4rem;margin:auto;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.banner .banner-title{color:#fff;font-size:.54rem;font-weight:700;position:absolute;text-transform:uppercase;white-space:pre-wrap;left:0;}
.mobile .banner .banner-title{font-size:.64rem;left:.6rem;bottom:1.5rem;}

.banner-bg{position:absolute;width:100%;height:8.66rem;background:#f4f4f4;}
.mobile .banner-bg{height:7.8rem;}
.mobile .banner-bg.about{height:8.2rem;}
.banner-bg.portfolio{height:7.36rem;}
.mobile .banner-bg.portfolio{height:11rem;}
.banner-bg.esg{height:7.36rem;}
.mobile .banner-bg.esg{height:9rem;}
.mobile .banner-bg.contact{height:9.1rem;}
.banner-bg img{width:100%;height:100%;z-index:1;-o-object-fit:cover;object-fit:cover;}

.contact-link{color:#0d3271;font-size:.24rem;line-height:.48rem;font-weight:700;display:flex;align-items:center;cursor:pointer;pointer-events:all}
.mobile .contact-link{font-size:.26rem}
.contact-link .arrow{margin-left:.05rem;margin-top:.02rem;width:.16rem;height:.16rem}


/* -------- 通用内容 结束 -------- */



/* -------- 首页 开始 -------- */
/* ---- 首页幻灯片 ----------- */
.home-swiper-wrap {width: 100%;height: 45.1388888889vw;position: relative;}
.home-swiper-wrap .flickity-viewport {height: 100%!important;}
.mobile .home-swiper-wrap { height: 98.6666666667vw;}
.home-swiper-wrap .home-swiper {width: 100%;height: 100%;}
.home-swiper-wrap .home-swiper .slide-item {width: 100%;height: 100%;position: relative;background: #000;}
.home-swiper-wrap .home-swiper .slide-item >img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.home-swiper-wrap .home-swiper .slide-item >img.pc{display:block;}
.home-swiper-wrap .home-swiper .slide-item >img.mob{display:none;}
.mobile .home-swiper-wrap .home-swiper .slide-item >img.pc{display:none;}
.mobile .home-swiper-wrap .home-swiper .slide-item >img.mob{display:block;}
.home-swiper-wrap .video,.home-swiper-wrap >video {width: 100%;height: 100%;}
.home-swiper-wrap video {-o-object-fit: cover;object-fit: cover;}
.home-swiper-wrap .btn-mute {position: absolute;right: 1rem;top: 1rem;}
.mobile .home-swiper-wrap .btn-mute {top: 1.6rem;right: 0.6rem;}
.home-swiper-wrap .btn-mute {width: .26rem;height: .26rem;min-width: 24px; min-height: 24px;cursor: pointer;display: flex;flex-direction: column;
    justify-content: center;align-items: center;line-height: 0;pointer-events: all;}
.home-swiper-wrap .btn-mute .icon-mute {position: absolute;width: 100%;height: 100%; -o-object-fit: contain;object-fit: contain;}
.home-swiper-wrap .swiper-pagination {display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;flex-direction: row;margin-left: 1.28rem;justify-content: flex-start;bottom: .54rem;width: 100%;z-index: 99;}
.mobile .home-swiper-wrap .swiper-pagination {margin-left: 1rem;}
.home-swiper-wrap .swiper-pagination .swiper-pagination-bullet {cursor: pointer;width: .3rem;height: .04rem;background: #fff; opacity: .5; margin-right: .2rem; border-radius: 0;}
.mobile .home-swiper-wrap .swiper-pagination .swiper-pagination-bullet{margin-right: .10rem;}
.home-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

/* ---- 首页价值理念 ----------- */
.home-value{width:100%;min-height:7.2rem;margin-bottom:1.8rem;}
.home-value .btn{margin-left:.3rem;}
.mobile .home-value{height:auto;}
.mobile .home-value .btn{position:absolute;right:.6rem;}
.home-value > .title{margin-left:.32rem;}
.mobile .home-value > .title{margin-left:.42rem;}
.home-value .values{margin-bottom:1rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.mobile .home-value .values{flex-direction:column;padding:0 .42rem;}
.mobile .home-value .values .value{width: 100%;margin-bottom: 0.5rem;}
.home-value .values .value:nth-child(2){padding-top:1.04rem;}
.mobile .home-value .values .value:nth-child(2){padding-top:0;align-self:flex-end;}

.home-value-item{width:100%;padding:0 .32rem;}
.mobile .home-value-item{padding:0 .19rem;}
.home-value-item .icon{width:1.2rem;height:1.2rem;margin-bottom:.25rem;}
.home-value-item .icon img{width:100%;height:100%;}
.home-value-item .title{margin-bottom:.3rem;}
.home-value-item .title h1{margin-bottom:.23rem;color:#000;font-size:.4rem;font-weight:400;text-transform:uppercase;}
.mobile .home-value-item .title h1{font-size:.36rem;}
.home-value-item .title .split{width:.8rem;height:.04rem;background:#5c1416;}
.home-value-item .copy{color:#555;font-size:.16rem;width:3rem;text-transform:none;line-height:.3rem;}
.mobile .home-value-item .copy{width:100%;font-size:.26rem;line-height:.32rem;}


/* ---- 首页新闻 ----------- */
.home-news{width:100%;}
.home-news .title{margin-left:.32rem;}
.mobile .home-news .title{margin-left:.42rem;}
.home-news .home-news-swiper{ overflow: inherit; }
.home-news .news{margin-left:.32rem;margin-bottom:.64rem;width:100%;}
.home-news .news .swiper .swiper-wrapper,.home-news .news .swiper{width:100%;height:100%;}
.home-news .news .swiper .swiper-wrapper .swiper-slide{width:5rem;height:100%; margin-right: 0.60rem;}
.home-news .news .swiper .swiper-wrapper .swiper-slide:last-child{margin-right: 0px;}
.home-news .news .news-item{margin-right:.6rem;}
.home-news .btns{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-start;margin-bottom:1.41rem;padding:0 .42rem;}
.mobile .home-news .btns{align-items:flex-end;}

.home-news-item{width:100%;cursor:pointer;}
.home-news-item:hover .cover img{transform-origin:center;transform:scale(1.1);}
.home-news-item .cover{width:5rem;height:3.75rem;font-size: 0.32px;overflow:hidden;margin-bottom:.37rem;}
.home-news-item .cover img{ width:100%;height:100%;transition:transform .5s ease;-o-object-fit:cover;object-fit:cover;}
.home-news-item .title{margin-bottom:.16rem;padding:0 .32rem;}
.mobile .home-news-item .title h1{font-size:.36rem;}
.home-news-item .title h1{color:#000;font-size:.32rem;line-height:.84rem;font-weight:400;white-space:nowrap;}
.home-news-item .copy,.home-news-item .title h1{text-transform:none;overflow:hidden;text-overflow:ellipsis;width:100%;}
.home-news-item .copy{padding:0 .32rem;color:#555;font-size:.18rem;line-height:.24rem;height:.75rem;}
.mobile .home-news-item .copy{width:100%;font-size:.26rem;line-height:.3rem;height:.9rem;}

/* -------- 首页 结束 -------- */



/* -------- 新闻列表 开始 -------- */
.container .news-list{width: 100%; padding: 0.47rem 0.32rem 0.4rem!important; display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 0.6rem; grid-row-gap: 0.6rem; position: relative;}
.desktop .container .news-list{padding-top:1.5rem!important;}
.container .news-list .card{width:3.5rem;margin-bottom:1rem;}
.mobile .container .news-list .card{width:100%;}
.mobile .container .news-list{display:flex;flex-direction:column;}

.news-card{color:#323237;cursor:pointer;}
.mobile .news-card{width:100%;}
.mobile .news-card .cover{width:100%;height:auto;}
.mobile .news-card .cover img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;}
.news-card .cover{width:100%;line-height:0;margin-bottom:.3rem;}
.news-card .cover img{width:100%;-o-object-fit:contain;object-fit:contain;}
.news-card .date{font-weight:600;font-size:.16rem;line-height:.24rem;letter-spacing:.0025rem;margin-bottom:.12rem;}
.mobile .news-card .date{font-size:.26rem;line-height:.3rem;}
.news-card .title{font-weight:500;font-size:.3rem;line-height:.38rem;letter-spacing:-.4px;margin-bottom:.12rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mobile .news-card .title{font-size:.36rem;line-height:.42rem;}
.news-card .body{font-size:.16rem;line-height:.24rem;letter-spacing:.1px;color:#555;height:.75rem;overflow:hidden;text-overflow:ellipsis;}
.mobile .news-card .body{width:100%;font-size:.26rem;line-height:.3rem;height:.9rem;}
/* -------- 新闻列表 结束 -------- */

/* -------- 新闻内容 开始 -------- */
.news-article-top{ height:1.5rem; }
.news-article{width:100%;}
.news-article .content{margin:auto;width:100%;}
.desktop .news-article .content{width:7.36rem;padding:.6rem .64rem;}
.mobile .news-article .content{padding:.6rem .64rem;}
.news-article .content .head{margin-bottom:.4rem;}
.news-article .content .head .date{font-size:.18rem;line-height:.26rem;color:#737d82;margin-bottom:.08rem;}
.mobile .news-article .content .head .date{font-size:.26rem;line-height:.3rem;}
.news-article .content .head .title{font-weight:500;font-size:.36rem;line-height:.5rem;letter-spacing:-.004rem;margin-bottom:.5rem;}
.mobile .news-article .content .head .title{font-size:.36rem;line-height:1.2;}
.news-article .content .head .cover{width:100%;}
.news-article .content .head .cover img{width:100%;-o-object-fit:contain;object-fit:contain;}
.news-article .content .body .bold{font-weight:700;}
.news-article .content .body .center{text-align:center;}
.news-article .content .body img{width:100%;-o-object-fit:contain;object-fit:contain;display:block;}
.news-article .content .body section{margin-bottom:.4rem;}
.news-article .content .body h1{font-weight:600;font-size:.2rem;line-height:.26rem;margin-bottom:.16rem;}
.mobile .news-article .content .body h1{font-size:.36rem;line-height:.48rem;}
.news-article .content .body{font-size:.16rem;line-height:.26rem;}
.mobile .news-article .content .body{font-size:.26rem;line-height:1.5;}
.news-article .content .body a{color:#19f;cursor:pointer;display:inline;}
.news-article .btns{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-start;margin-top:1rem;margin-bottom:1.41rem;padding:0;}
.mobile .news-article .btns{align-items:flex-end;}
/* -------- 新闻内容 结束 -------- */


/* -------- 单页模块 开始 -------- */
.page-head{width:100%;position:relative;}
.page-head .section-bg{width: calc(100% + 2rem); position: absolute; z-index: 1; top: 0; left: -1rem;height:100%; background-color: #f4f4f4;background-repeat: no-repeat; background-position: top center;background-size: cover;}
.mobile .page-head .section-bg{ width: 100%; left:0;}
.page-head .section-main{width:100%;position:relative;z-index: 2;top: 0;left: 0;height: auto; display: flex; align-items: center; flex-direction: row; justify-content: space-between;}
.mobile .page-head .section-main{flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-bottom: 1rem;}

.contact-touch-tab{width:4.91rem;position:relative;}
.expandable{width:100%;height:auto;color:#fff;display:flex;align-items:center;flex-direction:row;cursor:pointer}
.expandable.active .tri{opacity:1;transform:translateZ(0)}
.expandable.active .title{font-size:.48rem;line-height:.7rem;font-weight:500;opacity:1}
.expandable .tri{width:.16rem;height:.18rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:.19rem;opacity:0;transform:translate3d(-50%,0,0);transition:all .5s ease-out}
.expandable .tri img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.expandable .title{opacity:.5;font-size:.24rem;line-height:.7rem;text-transform:uppercase;display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between}
.desktop .expandable .name{margin-bottom:.16rem}
.desktop .expandable .name .btn-expand{display:none}
.mobile .expandable .name{width:100%;height:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}



.page-head .section-main .sec{width: 50%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mobile .page-head .section-main .sec{ width: 100%;justify-content: flex-start; align-items: flex-start; }
.page-head .card-box{position: relative; left: -1.3rem; top: -0.84rem; z-index: 5; align-self: flex-start;width: 7.32rem; min-height: 6.7rem; background:#38322b; padding-top: 1.8rem; padding-left: 1.5rem; padding-right: 0.6rem;    overflow: hidden;}
.mobile .page-head .card-box{ left: 0;width: 6rem; min-height: auto; padding: 1.1rem 0.6rem;}
.page-head .card-box .circle{pointer-events: none;width: 7.4rem; height: 7.4rem; position: absolute; top: 0.97rem; left: 0.81rem; opacity: .1;}
.page-head .card-box .content{position: relative; width: 100%;}
.page-head .card-box .content .head-title{color: #fff; font-weight: 500; text-transform: uppercase; position: absolute; white-space: pre-wrap;font-size: .54rem; line-height: .7rem;}
.mobile .page-head .card-box .content .head-title{ font-size:0.48rem;position: relative; }

.page-head .section-main .sec .copy{width: 5.24rem; color: #273957; font-size: .2rem; line-height:1.5; text-transform: none;}
.mobile .page-head .section-main .sec .copy{color: #273957; text-transform: none; width: 100%; position: relative; padding: 0 0.6rem; font-size: .26rem; line-height: .4rem;}
.page-head .contact-touch-content{}
.page-head .contact-touch-content .copy{ display: none; }
.page-head .contact-touch-content .copy.active{ display: block; }
.page-head .section-main .sec .copy hr{ margin: 0.25rem 0; }
.page-head .section-main .sec .copy ol,
.page-head .section-main .sec .copy ul{ list-style:initial;margin: revert; padding: revert; }
.page-head .section-main .sec .copy li{list-style:initial;margin: revert; padding: revert;}


.page-team{margin-top: 1rem;position: relative;z-index: 99;}
.mobile .page-team {margin-top:1rem !important;padding-left: .6rem;}

.team-headline{position:relative;padding-left:.3rem;width: 100%;}
.mobile .team-headline{padding-left:0}
.team-headline>.title{font-size:.42rem;color:#831d1e;margin-bottom:.4rem;text-transform:uppercase;font-weight:500}
.mobile .team-headline>.title{color:#831d1e !important;margin-top:1.2rem;font-size:.48rem}
.team-headline .bosses{display:flex;align-items:flex-start;width:100%;flex-wrap: wrap;}

.mobile .team-headline .bosses{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:.3rem;padding-right:.6rem}
.team-headline .bosses .boss{margin-right:.42rem;}
.mobile .team-headline .bosses .boss{width:100%;margin-bottom:.64rem;margin-right: 0;}
.team-headline .bosses .boss:nth-child(3n+0){ margin-right:0; }
.team-headline .bosses .boss:nth-child(n+4){ margin-top:0.64rem;}
.mobile .team-headline .bosses .boss:nth-child(n+4){margin-top:0;}

.team-boss{width:3.66rem; overflow: hidden; position:relative;opacity:0;-webkit-transform: translateZ(0);transform:translate3d(0,50px,0);transition:all .7s ease-out;}
.mobile .team-boss{width: 100%;opacity:1;transform:translateZ(0);}
.team-boss.active{transform:translateZ(0);opacity:1;}
.team-boss .photo{width:3.66rem;height:auto;margin-bottom:.25rem;position:relative;line-height:0;cursor:pointer;}
.mobile .team-boss .photo{width: 100%; height:auto;margin-bottom: 0.3rem;}
.team-boss .photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.team-boss .photo .hover{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease-out;}
.team-boss .photo .hover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.team-boss .photo:hover .glow,.team-boss .photo:hover .hover{opacity:1}
.team-boss .photo .glow{width:100%;position:absolute;left:0;line-height:0;bottom:0;opacity:0;transition:opacity .3s ease-out}
.team-boss .photo .glow .cta{font-size:.18rem;line-height:.18rem;color:#fff;text-transform:uppercase;position:absolute;bottom:.17rem;left:.21rem}
.team-boss .name{font-weight:700;font-size:.22rem;line-height:.24rem;color:#000;text-transform:uppercase;margin-bottom:.18rem}
.mobile .team-boss .name{font-size:.32rem;line-height:.45rem}
.team-boss .split{width:100%;height:2px;background:#000;opacity:.3;margin-bottom:.19rem}
.mobile .team-boss .split{ display: none; }
.team-boss .title{font-size:.16rem;line-height:.24rem;color:#555;text-transform:uppercase}
.mobile .team-boss .title{font-size:.24rem;line-height:.3rem}



.page-stat {margin-top: 1rem; position: relative;z-index: 99;}
.mobile .page-stat {margin-bottom: 1rem;}
.page-stat .title{font-size:.42rem;color:#fff;margin-bottom:.4rem;text-transform:uppercase;font-weight:700;}
.page-stat .stats{display:flex;align-items:center;flex-wrap: wrap;}
.mobile .page-stat .stats{flex-direction:column;width:100%;padding:0 .5rem;}
.page-stat .stats .stat-item{margin-right:.42rem;}
.page-stat .stats .stat-item:nth-child(n+4){ margin-top: 0.42rem; }
.mobile .page-stat .stats .stat-item{width:100%;margin-right:0;margin-bottom:.3rem;}
.mobile .page-stat .stats .stat-item:nth-child(n+4){ margin-top: 0; }

.page-stat .stat-card{color:#831d1e;width:3.35rem;height:3.35rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.mobile .page-stat .stat-card{width:100%;height:2rem;box-shadow:0 8px 24px rgba(149,157,165,.2);}
.page-stat .stat-card .bg{width:100%;height:100%;background:#fff;opacity:.4;transition:opacity .3s ease-out;}
.mobile .page-stat .stat-card .bg{opacity:1;background: #fff !important;}
.page-stat .stat-card .wrapper{position:absolute;width:100%;height:100%;z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;}
.mobile .page-stat .stat-card .wrapper{padding:0 .5rem;-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:row;justify-content:flex-start}
.page-stat .stat-card .stat{display:flex;align-items:flex-start;}
.page-stat .stat-card .stat .number{font-weight:700;font-size:1.75rem;font-family:DINAlternate;letter-spacing:-.06em;}
.mobile .page-stat .stat-card .stat .number{letter-spacing:-4px;margin-right:.3rem;width:1.8rem;text-align:right;}
.page-stat .stat-card .stat .header{position:relative;top:.3rem;left:.1rem;font-family:DINAlternate;text-transform:uppercase;line-height:.2rem;letter-spacing:0;}
.page-stat .stat-card .stat > .header .plus{font-size:.5rem;}
.page-stat .stat-card .stat > .header .text{font-size:.32rem;}
.mobile .page-stat .stat-card .stat .header{display:none;}
.page-stat .stat-card .copy{font-size:.26rem;white-space:pre-wrap;text-transform:none;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.page-stat .stat-card .copy .header{font-size:.48rem;line-height:.42rem;white-space:nowrap;font-family:DINAlternate;letter-spacing:-.1em;text-transform:uppercase;margin-bottom:.3rem;}
.desktop .page-stat .stat-card .copy .header{display:none;}
.mobile .page-stat .stat-card .copy{font-size:.26rem;white-space:nowrap;}

.page-value{ margin-top: 2rem; margin-bottom: 1rem;min-height: auto;}
.mobile .page-value{}

.page-brands {margin-top:1rem;margin-bottom:1rem;}
.page-brands .brands-items{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0.3rem;}
.mobile .page-brands {}
.mobile .page-brands .brands-items{justify-content:center;margin-left:0;}
.page-brands .brand{width:2.12rem;height:1.43rem;margin-right:.3rem;margin-bottom:.18rem;line-height:0;cursor:pointer;overflow:hidden;border:1px solid rgba(0,0,0,.2);}
.page-brands .brand:nth-child(5n+5){margin-right:0;}
.mobile .page-brands .brand{margin-right:0.16rem;}
.mobile .page-brands .brand:nth-child(3n+3){margin-right:0;}
.page-brands .brand:hover .logo{transform:scale(1.1);}
.page-brands .brand .logo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.02);transition:transform .2s ease-out;}



.team-detail .head{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-direction:row;justify-content:flex-start;flex-wrap: wrap;}
.mobile ..team-detail .head{flex-direction:column;align-items:flex-start}
.team-detail .head .photo{width:2.29rem;max-width:229px;line-height:0;margin-right:.36rem;flex-shrink: 0;}
.mobile .team-detail .head .photo{width:3.8rem}
.team-detail .head .photo img{width:100%;height:100%}
.team-detail .head .info{position:relative;width:auto}
.mobile .team-detail .head .info{margin-top:1.2rem}
.team-detail .head .info .name{font-size:.3rem;line-height:.33rem;font-weight:700;text-transform:uppercase}
.mobile .team-detail .head .info .name{font-size:.36rem;line-height:.42rem}
.team-detail .head .info .split{width:100%;height:2px;background:#000;opacity:.3;margin:.2rem 0}
.team-detail .head .info .title{font-size:.16rem;line-height:.24rem;text-transform:uppercase}
.mobile .team-detail .head .info .title{font-size:.26rem;line-height:.32rem}
.team-detail .body{width:100%;margin-top:.54rem;font-size:.14rem;line-height:.22rem;color:#555}
.mobile .team-detail .body{font-size:.24rem;line-height:1.5;}
.team-detail .body h1,.team-detail .body h2,.team-detail .body h3,.team-detail .body h4{ margin: 0.1rem 0; }
.team-detail .body hr{ margin: 0.25rem 0; }
.team-detail .body ol,.team-detail .body ul{list-style:revert; margin: revert; padding: revert; }
.team-detail .body li{list-style:revert;margin: revert; padding: revert;}
.team-detail .body a{color: #273957; text-decoration: underline;}
.team-detail .body a:hover{ text-decoration: none; }


.page-portfolio{width:100%;margin-top: 1rem;margin-bottom: 1rem;}
.page-portfolio .content{width:100%;position: relative;}
.mobile .page-portfolio .content{}
.mobile .page-portfolio .content .bg{height:6rem;padding: 0;position: absolute; top: 0; left: 0;}
.mobile .page-portfolio .content .keynote{position:relative;}
.page-portfolio .content .portfolio-swiper-content{ position: absolute;top: 0;left: 0;width: 100%; }
.mobile .page-portfolio .content .portfolio-swiper-content{position: relative;}
.page-portfolio .content .bg{width:100%;background:#f1f1f1;height:3.44rem;position:relative;z-index:1}
.page-portfolio .content .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.page-portfolio .content .keynote{position:absolute;z-index:2;opacity: 0; pointer-events: none;display: none;}
.page-portfolio .content .keynote.active{ opacity: 1; pointer-events: auto;display: flex; }
.page-portfolio .navs{display:inline-block; max-width: 100%; margin-bottom:0.2rem; padding-bottom:0.1rem;}
.mobile .page-portfolio .navs{}
.page-portfolio .navs .tabs{display: flex;position: relative;}
.page-portfolio .navs .tabs .tab{margin-right: 0.25rem; position: relative; font-size: 0.24rem; height: 100%; font-weight: 700; width: 100%; cursor: pointer; flex-shrink: 1; }
.page-portfolio .navs .tabs .tab.active{background-image: linear-gradient(90deg, #831d1e 10%, #f9eedb 100%), linear-gradient(270deg, #f3e2d2, #e9beae, #ffffff); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0.05rem 0.05rem 0.02rem 0.025px rgb(228 214 199 / 40%);}
.page-portfolio .navs .tabs .tab span{white-space: nowrap;display: inline-block; padding: 0 0.2rem;  line-height: 0.5rem; color: #939cab; }
.page-portfolio .navs .tabs .tab.active span{color: #fff;}

.page-portfolio .keynote{width:100%;display:flex;align-items:center;flex-direction:row;justify-content:center}
.mobile .page-portfolio .keynote{flex-direction:column}
.mobile .page-portfolio .keynote .cover{width:6.21rem;height:auto;}
.mobile .page-portfolio .keynote .copy{width:100%;height:auto;padding:.64rem}
.mobile .page-portfolio .keynote .copy .lead{font-size:.24rem;line-height:.24rem}
.mobile .page-portfolio .keynote .copy .title{line-height:.5rem}
.mobile .page-portfolio .keynote .copy .body{font-size:.16rem;line-height:.24rem}
.page-portfolio .keynote .cover{width:5.49rem;height:3.45rem;position:relative;top:.38rem;font-size: 0;}
.mobile .page-portfolio .keynote .cover{top:0}
.page-portfolio .keynote .cover img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}
.page-portfolio .keynote .copy{width:5.55rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 72px}
.page-portfolio .keynote .copy .title{font-size:.34rem;line-height:.34rem;margin-bottom:.3rem;text-transform:capitalize}
.mobile .page-portfolio .keynote .copy .title{font-size:.36rem;line-height:.4rem}
.page-portfolio .keynote .copy .body{font-size:.16rem;line-height:.24rem;color:#555;text-transform:none;}
.mobile .page-portfolio .keynote .copy .body{font-size:.26rem;line-height:.32rem}





.brands-detail .head{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-direction:row;justify-content:flex-start}
.mobile .brands-detail .head{flex-direction:column;align-items:flex-start}
.brands-detail .head .photo{width:2.69rem;line-height:0;margin-right:.36rem}
.mobile .brands-detail .head .photo{width:3.8rem}
.brands-detail .head .photo img{width:100%;height:100%}
.brands-detail .head .title{font-size:.24rem;line-height:.3rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.brands-detail .head .title .country{width:.24rem;-o-object-fit:contain;object-fit:contain}
.mobile .brands-detail .head .title{margin-top:1.2rem;font-size:.36rem}
.mobile .brands-detail .head .title .country{margin-top:.2rem}
.brands-detail .body{width:100%;margin-top:.54rem;font-size:.14rem;line-height:.22rem;color:#555;}
.mobile .brands-detail .body{font-size:.24rem;line-height:1.5;}
.brands-detail .body h1,.brands-detail .body h2,.brands-detail .body h3,.brands-detail .body h4{ margin: 0.1rem 0; }
.brands-detail .body hr{ margin: 0.25rem 0; }
.brands-detail .body ol,.brands-detail .body ul{ list-style:revert;margin: revert; padding: revert; }
.brands-detail .body li{list-style:revert;margin: revert; padding: revert;}
.brands-detail .body a{color: #273957; text-decoration: underline;}
.brands-detail .body a:hover{ text-decoration: none; }

.page-keynotes { margin-top: 1rem; margin-bottom: 1rem;}
.mobile .page-keynotes {}
.page-keynotes .keynote-items{}
.page-keynotes .keynote{width:100%;display:flex;align-items:flex-end;flex-direction:row;justify-content:center}
.desktop .page-keynotes .keynote{margin-bottom:2.5rem}
.desktop .page-keynotes .keynote.right{flex-direction:row-reverse}
.mobile .page-keynotes .keynote{flex-direction:column;align-items:center;margin-bottom:1.25rem}
.mobile .page-keynotes .keynote.active .cover{transition:all .4s ease-out;transform:translate3d(0,-1rem,0);opacity:1}
.mobile .page-keynotes .keynote .cover{width:6.2rem;height:3.68rem;margin-bottom:.5rem}
.mobile .page-keynotes .keynote .copy{width:6.2rem;height:auto;padding:0}
.mobile .page-keynotes .keynote .copy .lead{font-size:.24rem;line-height:.24rem}
.mobile .page-keynotes .keynote .copy .title{line-height:.5rem}
.mobile .page-keynotes .keynote .copy .body{font-size:.16rem;line-height:.24rem}
.page-keynotes .keynote .cover{width:7.08rem;height:4.21rem;position:relative;top:1rem}
.page-keynotes .keynote .cover img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}
.page-keynotes .keynote .copy{width:5.55rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 72px}
.page-keynotes .keynote .copy .idx{font-size:.2rem;line-height:.24rem;color:#000;opacity:.5;margin-bottom:.11rem}
.page-keynotes .keynote .copy .title{white-space:pre-wrap;font-size:.4rem;line-height:.4rem;margin-bottom:.27rem;text-transform:capitalize}
.mobile .page-keynotes .keynote .copy .title{font-size:.36rem;line-height:.42rem}
.page-keynotes .keynote .copy .body{font-size:.19rem;line-height:.24rem;color:#555;text-transform:none}
.mobile .page-keynotes .keynote .copy .body{font-size:.26rem;line-height:.3rem}


.contact-office{width:100%;height:auto;margin-bottom:1rem;margin-top:1rem;}
.contact-office .addresses{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;grid-row-gap:.69rem;color:#000;padding-left:.3rem}
.mobile .contact-office .addresses{display:flex;flex-direction:column;padding:0 .6rem}
.contact-office .addresses .address{min-width:2.5rem}
.mobile .contact-office .addresses .address{margin-bottom:0;width: 100%;}
.contact-office .addresses .address .title{text-transform:capitalize;font-size:.32rem;line-height:.5rem;font-weight:500;margin-bottom:.2rem;white-space:nowrap;transform-origin:left}
.mobile .contact-office .addresses .address .title{font-size:.36rem;line-height:.42rem}
.contact-office .addresses .address .detail{text-align:left;font-size:.16rem;line-height:.22rem;width:100%;color:#555}
.mobile .contact-office .addresses .address .detail{font-size:.26rem;line-height:1.2;font-weight:300}



.page-graphText-list{width: 100%; margin-bottom:1rem;margin-top:1rem;}
.page-graphText-list .graphText-card-list{ width: 100%; padding: 0.47rem 0.32rem 0.4rem!important; display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 0.6rem; grid-row-gap: 0.6rem; position: relative;}
.page-graphText-list .card{width:3.5rem;margin-bottom:0.25rem;}
.mobile .page-graphText-list .card{width:100%;}
.mobile .page-graphText-list{}
.mobile .page-graphText-list .graphText-card-list{display:flex;flex-direction:column;}

.page-graphText-list .graphText-card{color:#323237;cursor:pointer;}
.mobile .page-graphText-list .graphText-card{width:100%;}
.mobile .page-graphText-list .graphText-card .cover{width:100%;height:auto;}
.mobile .page-graphText-list .graphText-card .cover img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;}
.page-graphText-list .graphText-card .cover{width:100%;line-height:0;margin-bottom:.15rem;}
.page-graphText-list .graphText-card .cover img{width:100%;-o-object-fit:contain;object-fit:contain;}
.page-graphText-list .graphText-card .title{font-weight:500;font-size:.22rem;line-height:.32rem;letter-spacing:-.4px;margin-bottom:.2rem;width:100%;display: block;text-decoration: underline;}
.page-graphText-list .graphText-card .title:hover{ text-decoration: none; }
.mobile .page-graphText-list .graphText-card .title{font-size:.36rem;line-height:.54rem;}
.page-graphText-list .graphText-card .body{font-size:.16rem;line-height:.24rem;letter-spacing:.1px;color:#888;}
.mobile .page-graphText-list .graphText-card .body{width:100%;font-size:.2rem;line-height:.3rem;}

.graphic-detail {padding:0.5rem 0;}
.graphic-detail .head{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.graphic-detail .head .title{font-size:.32rem;line-height:.46rem;color:#512b2b;font-weight:700;}
.mobile .graphic-detail .head .title{font-size:.42rem;line-height:.54rem;}
.graphic-detail .head .office{font-size:.18rem;line-height:.32rem;}
.mobile .graphic-detail .head .office{font-size:.36rem;line-height:.7rem;}
.graphic-detail .body{width:100%;margin-top:.54rem;font-size:.16rem;line-height:1.5;color:#555;}
.mobile .graphic-detail .body{font-size:.20rem;}
.graphic-detail .body hr{ margin: 0.25rem 0; }
.graphic-detail .body ol,.graphic-detail .body ul{ list-style:revert;margin: revert; padding: revert; }
.graphic-detail .body li{list-style:revert;margin: revert; padding: revert;}
.graphic-detail .body a{color: #273957; text-decoration: underline;}
.graphic-detail .body a:hover{ text-decoration: none; }


.page-job{width: 100%; margin-bottom:1rem;margin-top:1rem;}
.page-job .job-items{display: flex; align-items: center; flex-wrap: wrap;margin-left: 0.3rem; margin-right: 0.3rem;justify-content: center;}
.mobile .page-job .job-items{margin-left: 0.6rem; margin-right: 0.6rem;}
.page-job .job-items .item{width: 2.4rem;height: 2.05rem; margin-right:0.5rem; cursor: pointer;}
.mobile .page-job .job-items .item{ width: 100%; height:1.5rem; margin-right: 0;}

.page-job .job-items .item:nth-child(4n+4),
.page-job .job-items .item:last-child{ margin-right: 0; }
.page-job .job-items .item:nth-child(n+5){margin-top: 0.5rem;}

.mobile .page-job .job-items .item:nth-child(n){ margin-right: 0; }
.mobile .page-job .job-items .item:nth-child(n+1){margin-top: 0.25rem;}

.page-job .job-items .job-card{width:100%; height:inherit; border: 2px solid #eee; padding: 0.2rem; display: flex; align-items: center; flex-direction: column; justify-content: center; background: #fff;}
.page-job .job-items .top{}
.page-job .job-items .title{font-size: .24rem; line-height: .32rem; color: #2b4f51; font-weight: 700;}
.mobile .page-job .job-items .title{font-size: .28rem; line-height: 1.2;}
.page-job .job-items .office{font-size: .18rem; line-height: .32rem;}

.job-detail .head{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.job-detail .head .title{font-size:.32rem;line-height:.46rem;color:#512b2b;font-weight:700}
.mobile .job-detail .head .title{font-size:.48rem;line-height:.5rem}
.job-detail .head .office{font-size:.18rem;line-height:.32rem}
.mobile .job-detail .head .office{font-size:.36rem;line-height:.7rem}
.job-detail .body{width:100%;margin-top:.54rem;font-size:.14rem;line-height:1.5;color:#555;}
.mobile .job-detail .body{ font-size:.24rem; }
.job-detail .body h1,.job-detail .body h2,.job-detail .body h3,.job-detail .body h4{ margin: 0.1rem 0; }
.job-detail .body hr{ margin: 0.25rem 0; }
.job-detail .body ol,.job-detail .body ul{list-style:revert; margin: revert; padding: revert; }
.job-detail .body li{list-style:revert;margin: revert; padding: revert;}



.page-content{ margin-top:1rem; margin-bottom: 1px;width:7.36rem; margin-right: auto; margin-left: auto; }
.page-content.content-big{ width:100%;}
.mobile .page-content{ width: 100%; }
.page-content .body{ font-size:.18rem;line-height:1.5;color:#555;margin-left: 0.32rem; margin-right: 0.32rem;}
.mobile .page-content .body{font-size:.24rem;margin-left: 0.6rem; margin-right: 0.6rem;}
.page-content .body h1,.page-content .body h2,.page-content .body h3,.page-content .body h4{ margin: 0.1rem 0; }
.page-content .body hr{ margin: 0.25rem 0; }
.page-content .body ol,.page-content .body ul{list-style:revert; margin: revert; padding: revert; }
.page-content .body li{list-style:revert;margin: revert; padding: revert;}
.page-content .body img{ max-width:100%; -o-object-fit:contain;object-fit:contain;display:block;}


.page-feedback{margin-top:1rem; width:100%; margin-right: auto; margin-left: auto;}
.page-feedback .feedback-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem;}
.page-feedback .contact-box{ width: 50%; }
.mobile .page-feedback .contact-box{ width: 100%; }
.page-feedback .contact-box .body{ font-size:.18rem;line-height:1.5;color:#555;margin-left: 0.32rem; margin-right: 0.32rem;}
.mobile .page-feedback .body{font-size:.24rem;margin-left: 0.6rem; margin-right: 0.6rem;}
.page-feedback .contact-box .body h1,.page-content .body h2,.page-content .body h3,.page-content .body h4{ margin: 0.1rem 0; }
.page-feedback .contact-box .body hr{ margin: 0.25rem 0; }
.page-feedback .contact-box .body ol,.page-content .body ul{list-style:revert; margin: revert; padding: revert; }
.page-feedback .contact-box .body li{list-style:revert;margin: revert; padding: revert;}
.page-feedback .contact-box .body img{ max-width:100%; -o-object-fit:contain;object-fit:contain;display:block;}
.page-feedback .form-box{width: 50%;}
.mobile .page-feedback .form-box{ margin-top:1rem; width: 100%;}
.page-feedback .form-box .items{ overflow: hidden; display: block; margin-left: 0.32rem; margin-right: 0.32rem; margin-top: 0.1rem;}
.mobile .page-feedback .form-box .items{margin-left: 0.6rem; margin-right: 0.6rem;}
.page-feedback .form-box .item{ margin-bottom: 0.32rem; }
.mobile .page-feedback .form-box .item{ margin-bottom: 0.42rem; }
.page-feedback .form-box .label{line-height: 1;font-size:.18rem;margin-bottom:0.18rem;text-transform: uppercase;}
.mobile .page-feedback .form-box .label{font-size:.26rem;margin-bottom: 0.20rem;}
.page-feedback .form-box .label i{ color:red;}
.page-feedback .form-box .value{font-size: 0;position: relative;}
.page-feedback .form-box .value .code{ position: absolute;top:0.01rem; right: 0.01rem;z-index: 1; width:auto; height: 0.34rem; }
.mobile .page-feedback .form-box .value .code{height: 0.52rem;}
.page-feedback .form-box .value .code img{ height: 100%; cursor: pointer; }
.page-feedback .form-box .value input[type="text"]{ padding:0 0.06rem; outline: none;border-radius: 0; width: 100%; height: 0.36rem; border:1px solid #ccc; font-size: 0.16rem;font-family: Helvetica,Arial,sans-serif; }
.mobile .page-feedback .form-box .value input[type="text"]{height: 0.54rem;font-size: 0.2rem;}
.page-feedback .form-box .value input[type="text"]:focus{ border-color: #831d1e; }
/*.page-feedback .form-box .value input:valid {border-color: green;}
.page-feedback .form-box .value input:invalid {border-color: red;}*/
.page-feedback .form-box .value textarea{ padding:0.06rem; outline: none;border-radius: 0; width: 100%; line-height:1.2; border:1px solid #ccc; height: 1.28rem; resize: none;font-size: 0.16rem;font-family: Helvetica,Arial,sans-serif;}
.mobile .page-feedback .form-box .value textarea{height: 2.16rem; font-size: 0.2rem; }
.page-feedback .form-box .value textarea:focus{ border-color: #831d1e; }
.page-feedback .form-box .tips{ font-size: 0.16rem; line-height: 1.2; color:#6e1717; }
.mobile .page-feedback .form-box .tips{font-size: 0.2rem;  }
.page-feedback .form-box .tips input[type="checkbox"]{ border-radius: 0; border:1px solid #ccc;accent-color: #831d1e; }
.page-feedback .form-box .tips input[type="checkbox"]:focus{ border-color: #831d1e; }
.page-feedback .form-box .tips a{ text-decoration: underline;}
.page-feedback .form-box .btns{text-align: center;    font-size: 0;}
.page-feedback .form-box .btns .btn-submit{ font-size: 0.2rem;line-height: 1.2;text-transform: uppercase;}
.mobile .page-feedback .form-box .btns .btn-submit{ font-size: 0.32rem; }
.page-feedback .form-box .btns .btn-submit:hover{ text-decoration: underline; }
/* -------- 单页模块 结束 -------- */




.headline .top,.headline{width:100%;position:relative}
.headline .top{height:auto;display:flex;align-items:center;flex-direction:row;justify-content:space-between}
.mobile .headline .top{flex-direction:column;justify-content:flex-start;align-items:flex-start}
.headline .top .sec{width:50%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
.mobile .headline .top .sec{width:100%;justify-content:flex-start;align-items:flex-start}
.headline .copy{width:5.24rem;color:#273957;font-size:.18rem;line-height:.24rem;text-transform:none;white-space:pre-wrap}
.mobile .headline .copy{width:100%;position:relative;padding:0 .6rem;font-size:.26rem;line-height:.3rem}
.headline .card{position:relative;left:-1.3rem;top:-.84rem;z-index:5;align-self:flex-start;overflow: hidden;}
.mobile .headline .card{left:0}
.headline-title{color:#fff;font-weight:500;text-transform:uppercase;position:absolute;white-space:pre-wrap}
.mobile .headline-title{white-space:pre}
.headline-title.l{font-size:.54rem;line-height:.7rem}
.mobile .headline-title.l{font-size:.48rem}
.headline-title.m{font-size:.34rem;line-height:.6rem}
.mobile .headline-title.m{font-size:.3rem}

/*.headline .content{margin-top:-2.5rem;position:relative;z-index:99}*/
.mobile .headline .content{margin-top:1.9rem;padding-left:.6rem}


.headline-card{width:7.32rem;min-height:6.7rem;background:#0f2345;position:relative;padding-top:1.8rem;padding-left:1.5rem;padding-right:.6rem}
.mobile .headline-card.l{width:6.7rem;height:6.9rem}
.mobile .headline-card{width:5.75rem;min-height:5.5rem;padding-top:1.1rem;padding-left:.6rem;padding-right:.6rem}
.mobile .headline-card.portfolio{height:3rem;min-height:3rem}
.headline-card .circle{width:7.4rem;height:7.4rem;position:absolute;top:.97rem;left:.81rem;opacity:.1;pointer-events: none;}
.headline-card .content{position:relative;width:100%}












/* -------- 页尾 开始 -------- */
footer{width:100%;margin:.3rem auto;position:relative;}
footer .container{width:100%;height:100%;max-width:12.8rem;margin:auto;}
footer .section-main{width:100%;display:flex;align-items:flex-start;}
.mobile footer .section-main{padding:0 .42rem;}
footer .section-main .container{border-top:2px solid #000;border-bottom:2px solid #000;}
.mobile footer .section-main .container{border-top:1px solid #000;border-bottom:1px solid #000;}
footer .section-main .container .bottom{padding:.45rem .94rem .45rem .56rem;}
footer .section-main .container .bottom .title{font-size:.18rem;font-weight:500;text-transform:uppercase;margin-bottom:.45rem;}
.mobile footer .section-main .container .bottom .title{font-size:.3rem;}
footer .section-main .container .bottom .qr{margin-top:.75rem;margin-bottom:.9rem;}
.desktop footer .section-main .container .bottom .qr{display:none;}
footer .section-main .container .top{width:100%;height:2.2rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding-left:.56rem;padding-right:.56rem;border-bottom:2px solid #f0f0f0;}
.mobile footer .section-main .container .top{flex-direction:column;height:auto;padding-left:0;padding-right:0;padding-top:.69rem;}
.mobile footer .section-main .container .top .contact{width:100%;margin-bottom:.5rem;}
.mobile footer .section-main .container .top .social-cards{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:.3rem;margin-bottom:.6rem;}
.mobile footer .section-main .container .top .social-cards .social-card{width:100%;height:4.06rem;margin-top: 0.15rem; margin-bottom: 0.15rem;}
footer .section-main .container .top .social-cards{display:flex;align-items:center;flex-direction:row;}
.mobile footer .section-main .container .top .social-cards{border-top:1px solid #e7e7e7;padding-top:.55rem;}
.mobile footer .section-main .container .top .social-cards.noborder{border-top:0;padding-top: 0;}
footer .section-main .container .top .social-cards .social-card{width:1.2rem;height:1.6rem;margin-right:.3rem;padding:.1rem;line-height:0;display:flex;flex-direction:column;align-items:center;border:1px solid #eee;background-color:#fff;box-shadow:0 14px 16px 0 rgba(0,0,0,.09);justify-content:space-between;}
footer .section-main .container .top .social-cards .social-card:last-child{margin-right:0;}
footer .section-main .container .top .social-cards .social-card .copy{font-size:.12rem;line-height:.16rem;text-align:center;}
.mobile footer .section-main .container .top .social-cards .social-card .copy{font-size:.26rem;line-height:.32rem;margin-bottom:.1rem;}
footer .section-main .container .top .social-cards .social-card .qr-code{width:100%;}
footer .section-main .container .top .social-cards .social-card .qr-code img{width:100%;-o-object-fit:scale-down;object-fit:scale-down;}
footer .section-main .container .top .social-cards .social-card .icon-linkedin{width:1rem;height:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;}
.mobile footer .section-main .container .top .social-cards .social-card .icon-linkedin{width:2.6rem;height:2.6rem;}
footer .section-main .container .top .social-cards .social-card .icon-linkedin img{width:.5rem;height:.5rem;}
.mobile footer .section-main .container .top .social-cards .social-card .icon-linkedin img{width:1rem;height:1rem;}
footer .section-main .container .top .contact .title{font-size:.18rem;font-weight:500;text-transform:uppercase;margin-bottom:.45rem;}
.mobile footer .section-main .container .top .contact .title{font-size:.3rem;}
footer .section-main .container .top .split{background:#eee;width:2px;height:1.12rem;}
.mobile footer .section-main .container .top .split{display:none;}
footer .section-main .container .top .nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-column-gap:0.5rem;grid-row-gap:.3rem;}
.mobile footer .section-main .container .top .nav{display:none;}
footer .section-main .container .top .nav .item{font-size:.12rem;text-transform:capitalize;}
.mobile footer .section-main .container .top .qr{display:none;}
footer .section-main .container .addresses{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem;grid-row-gap:.69rem;color:#000;}
.mobile footer .section-main .container .addresses{display:flex;flex-direction:column;border-bottom:2px solid #f0f0f0;}
footer .section-main .container .addresses .address{margin-right:.94rem;width:2.5rem;}
.mobile footer .section-main .container .addresses .address{margin-bottom:.55rem;}
footer .section-main .container .addresses .address .title{text-transform:uppercase;font-size:.14rem;font-weight:700;margin-bottom:.2rem;transform-origin:left;}
.mobile footer .section-main .container .addresses .address .title{font-size:.24rem;}
footer .section-main .container .addresses .address .detail{text-align:left;white-space:pre;font-size:.14rem;line-height:.22rem;width:100%;}
.mobile footer .section-main .container .addresses .address .detail{font-size:.22rem;font-weight:300;}
.desktop footer .section-main{flex-direction:row;}
.mobile footer .section-main{flex-direction:column;}
footer .section-foot{width:100%;margin-top: 0.12rem;margin-bottom:.38rem;}
.mobile footer .section-foot{height:auto;}
footer .section-foot .container{width:100%;display:flex;justify-content:center;align-items:center;position:relative;}
footer .section-foot .container .legal{text-align:center;font-size:.12rem;line-height:.24rem;color:#ccc;}
.mobile footer .section-foot .container .legal{padding:.35rem 0;width:5rem;font-size:.26rem;line-height:.3rem;}


/* -------- 页尾 结束 -------- */


/* -------- 组件 开始 -------- */
/* ---- select 选择框 -------- */
.email-dropdown{display:flex;flex-direction:row;align-items:center;pointer-events:none;}
.mobile .email-dropdown{flex-direction:column;align-items:flex-start;}
.email-dropdown .email{font-size:.16rem;color:#273957;font-weight:500;pointer-events:all;}
.mobile .email-dropdown .email{font-size:.28rem;line-height:.6rem;margin-left:.05rem;margin-top:.3rem;}
.email-dropdown .wrapper{width:2.43rem;height:.46rem;border:1px solid #ccc;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:.28rem;}
.mobile .email-dropdown .wrapper{width:100%;height:.8rem;}
.email-dropdown .wrapper .arrow{width:.18rem;height:.08rem;position:absolute;right:.18rem;line-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.email-dropdown .wrapper .arrow img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;}
.email-dropdown .wrapper select{display:block;width:100%;height:100%;color:#000;outline:none;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:"";text-transform:uppercase;cursor:pointer;pointer-events:all;font-size:.16rem;padding:0 .2rem;text-align:left;}
.mobile .email-dropdown .wrapper select{font-size:.24rem;}
.email-dropdown .wrapper select option{width:100%;text-transform:uppercase;font-size:.16rem!important;}
.mobile .email-dropdown .wrapper select option{font-size:.24rem!important;}

.div-iframe{ position: relative; display: inline-block;background: #f1f1f1; }
.div-iframe .ckin__player,
.div-iframe iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index: 1; }
.div-iframe .bg{width: 100% !important; height: auto; position: relative; }
.div-table{ max-width: 100%; overflow-y: auto;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.div-table th,.div-table td{ padding: 5px; }

.div-empty{text-wrap: nowrap; font-size: 0.32rem; color: darkgray; text-align: center; width: 100%; margin: auto;margin-bottom: 1rem;}
.mobile .div-empty{margin-bottom: 0; padding: 1.5rem 0;}


.fade-in{opacity:0;}
.fade-in.active{opacity:1;transition:all 1s cubic-bezier(.5,0,.5,1) var(--var-delay);}
.fade-in-bottom{opacity:0;transform:translateY(30px);}
.fade-in-bottom.active{opacity:1;transition:all 1s cubic-bezier(.5,0,.5,1) var(--var-delay);transform:translateY(0);}

.btn-more{flex-direction:row;cursor:pointer;}
.btn-more .icon,.btn-more{display:flex;align-items:center;}
.btn-more .icon{width:.36rem;height:.24rem;margin-right:.21rem;line-height:0;flex-direction:column;justify-content:center;}
.btn-more .icon img{line-height:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;}
.btn-more .copy{text-transform:capitalize;font-size:.24rem;line-height:.24rem;color:#000;text-decoration:underline;text-underline-offset:2px;}

.pagination-wrap .more-wrap{display:none;}
.pagination-wrap .more-wrap .more-loading{ width: 100%; margin: auto; display: none;  text-align: center; }
.pagination-wrap .more-wrap .more-loading .icon{ animation:rotate 2s linear infinite;display: inline-block;height:0.54rem; width:0.54rem; background-image:url(../images/icon-loading.png); background-size:100% auto; background-position: center; }
.pagination{border-top: 1px solid rgba(0,0,0,.05); padding:0.60rem 0; display: flex; justify-content: center; align-items: center; text-align: center;}
.pagination .item{ position: relative; min-width: 0.32rem; height: 0.32rem; line-height: 0.32rem; display: inline-block; font-size: 0.20rem; color: #7a7a7a; margin-right: 0.2rem; font-weight: 400; }
.pagination .item.lock{}
.pagination .item:last-child{ margin-right: 0px; }
.pagination .item.prev:after,.pagination .item.next:after{position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; display: inline-block; margin: auto; border-top: 0.02rem solid; border-right:0.02rem solid; width:0.1rem; height:0.1rem; transform: rotate(45deg);}
.pagination .item.prev:after{transform: rotate(225deg);}
.pagination .item:not(.lock,.nomore):hover,
.pagination .item.active{ font-weight: bold; color: #010101;  }
.pagination .item.active:not(.prev,.next):after{position: absolute; bottom: 0px; left: 0;right: 0; width:60%; height: 0.02rem; background-color: #010101; content: ''; margin: auto;}

.mobile .pagination-wrap .more-wrap{display:block;text-align: center;}
.mobile .pagination-wrap .pagination{ display:none; }

@keyframes rotate{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}


.circle-pattern{-webkit-animation:rot-data 30s linear infinite;animation:rot-data 30s linear infinite;}
.circle-pattern,.circle-pattern svg{width:100%;height:100%;}
@-webkit-keyframes rot-data{
    0%{transform:rotate(0);}
    0%{transform:rotate(1turn);}
}
@keyframes rot-data{
    0%{transform:rotate(0);}
    0%{transform:rotate(1turn);}
}


.pop-up-detail{height:calc(100% - .89rem);width:100%;position:fixed;top:.89rem;left:0;pointer-events:none;z-index:999;}
.mobile .pop-up-detail{height:100%;top:0;z-index:9999}
.pop-up-detail.active .blank{pointer-events:all;opacity:.6}
.pop-up-detail.active .wrapper{pointer-events:all;transform:translateZ(0);opacity:1}
.pop-up-detail .blank{width:100%;height:100%;background:#000;cursor:pointer;opacity:0;transition:all .5s ease-out}
.pop-up-detail .wrapper{width:8.2rem;height:100%;position:absolute;top:0;right:0;opacity:0;transform:translate3d(100%,0,0);transition:all .5s ease-out;background:url(../images/pop-up-detail-bg.jpg) no-repeat;background-size:100% 100%;overflow-x:hidden;overflow-y:scroll}
.mobile .pop-up-detail .wrapper{width:100%}
.pop-up-detail .wrapper .content { width: 100%; padding: 1rem .8rem }
.pop-up-detail .wrapper .content span.loading{ font-size: 0.24rem; line-height: 0.32rem; }
.pop-up-detail .wrapper .btn-close{width:.28rem;height:.28rem;cursor:pointer;position:absolute;top:1rem;right:.8rem;line-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.pop-up-detail .wrapper .btn-close img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}




/* -------- 组件 结束 -------- */