section.common-banner{padding:var(--space-60-100) 0 60px}section.common-banner[data-type=left] .container{text-align:left}section.common-banner[data-type=left] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}section.common-banner[data-type=center] .container{text-align:center}section.common-banner[data-type=center] .wrap{margin:0 auto}section.common-banner[data-type=right] .container{text-align:right}section.common-banner[data-type=right] .wrap{margin-left:auto}section.common-banner[data-type=right] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-end}section.common-banner.aost-show .title,section.common-banner.aost-show .sub-title,section.common-banner.aost-show .des,section.common-banner.aost-show .multi{opacity:1;transform:translate(0,0)}section.common-banner .container{grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto}section.common-banner .wrap{flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}section.common-banner .wrap:not(:first-child){margin-top:60px}section.common-banner .title{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}section.common-banner .sub-title{opacity:0;transition:opacity .8s .1s,transform .8s .1s;transform:translateY(30px)}section.common-banner .des{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}section.common-banner .multi{opacity:0;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(30px)}@media only screen and (width>=1201px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.common-banner .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.common-banner .multi:not(:first-child){margin-top:40px}@media only screen and (width<=1200px){section.common-banner{padding:var(--space-60-100) 0 40px}section.common-banner .wrap:not(:first-child){margin-top:40px}section.common-banner .multi:not(:first-child){margin-top:30px}}@media only screen and (width<=767px){section.common-banner[data-type=left] .container,section.common-banner[data-type=center] .container,section.common-banner[data-type=right] .container{text-align:left}section.common-banner[data-type=left] multipurpose-nav.common-multi[m4-type=drag] .drag-container,section.common-banner[data-type=center] multipurpose-nav.common-multi[m4-type=drag] .drag-container,section.common-banner[data-type=right] multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}}section.picture-box-banner{position:relative;overflow:hidden}section.picture-box-banner.aost-show .bg{transform:scale(1)}section.picture-box-banner.aost-show .title,section.picture-box-banner.aost-show .sub-title,section.picture-box-banner.aost-show .des{opacity:1;transform:translate(0,0)}section.picture-box-banner[data-type=left] .content{text-align:left;align-items:flex-start}section.picture-box-banner[data-type=center] .content{text-align:center;align-items:center}section.picture-box-banner[data-type=right] .content{text-align:right;align-items:flex-end}section.picture-box-banner[data-color=black] .title,section.picture-box-banner[data-color=black] .sub-title{color:#000}section.picture-box-banner[data-color=black] .para-text{color:#000c}section.picture-box-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item{color:#000}section.picture-box-banner[data-color=black] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#0003}section.picture-box-banner[data-color=white] .title,section.picture-box-banner[data-color=white] .sub-title,section.picture-box-banner[data-color=white] .para-text,section.picture-box-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item{color:#fff}section.picture-box-banner[data-color=white] .breadcrumbs-block .breadcrumbs .item:not(:first-child):before{background:#fff}section.picture-box-banner .container{aspect-ratio:1920/800;grid-column:1/-1;align-items:flex-end;display:flex}section.picture-box-banner .breadcrumbs-block{z-index:1;width:100%;padding:0 80px;position:absolute;top:0;left:0}section.picture-box-banner .bg{pointer-events:none;width:100%;height:100%;transition:transform 1s;display:block;position:absolute;top:0;left:0;transform:scale(1.1)}section.picture-box-banner .bg picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.picture-box-banner .bg img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.picture-box-banner .content{padding:var(--space-60-100) 80px 60px;color:#fff;flex-direction:column;width:100%;display:flex}section.picture-box-banner .title{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translateY(30px)}section.picture-box-banner .wrap{flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}section.picture-box-banner .wrap:not(:first-child){margin-top:60px}section.picture-box-banner .sub-title{opacity:0;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(30px)}section.picture-box-banner .des{opacity:0;transition:opacity .8s .4s,transform .8s .4s;transform:translateY(30px)}@media only screen and (width<=1200px){section.picture-box-banner .breadcrumbs-block{padding:0 40px}section.picture-box-banner .content{padding:var(--space-60-100) 40px 40px}section.picture-box-banner .wrap:not(:first-child){margin-top:40px}}@media only screen and (width<=767px){section.picture-box-banner .container{aspect-ratio:767/920}section.picture-box-banner .content{padding:var(--space-60-100) 20px 40px}section.picture-box-banner .breadcrumbs-block{padding:0 20px}}section.page-header{overflow:hidden}section.page-header.aost-show .breadcrumbs-block,section.page-header.aost-show .main-block .title,section.page-header.aost-show .main-block .wrap{opacity:1;transform:translate(0,0)}section.page-header .breadcrumbs-block{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-30px)}section.page-header .breadcrumbs-block .container{grid-column:2/-2}section.page-header .main-block{padding:var(--space-60-100) 0 60px}section.page-header .main-block .container{grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto}section.page-header .main-block .title{opacity:0;transition:opacity .8s .2s,transform .8s .2s;transform:translate(-30px)}section.page-header .main-block .wrap{opacity:0;align-items:flex-end;gap:40px;transition:opacity .8s .4s,transform .8s .4s;display:flex;transform:translate(-30px)}section.page-header .main-block .wrap:not(:first-child){margin-top:60px}section.page-header .main-block .des-box{flex-direction:column;gap:40px;display:flex;overflow:hidden}section.page-header .main-block .des{width:100%;max-width:960px}section.page-header .main-block .multi{width:100%}@media only screen and (width>=1201px){section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.page-header .main-block .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.page-header .main-block .multi multipurpose-nav{width:100%}section.page-header .main-block .multi multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}section.page-header .main-block .arc-btn{flex-shrink:0;margin-left:auto}@media only screen and (width<=1200px){section.page-header .main-block{padding:var(--space-60-100) 0 40px}section.page-header .main-block .wrap{gap:30px}section.page-header .main-block .wrap:not(:first-child){margin-top:40px}section.page-header .main-block .des-box{gap:30px}}@media only screen and (width<=900px){section.page-header .main-block .wrap{flex-direction:column;align-items:flex-start}section.page-header .main-block .des-box{width:100%}section.page-header .main-block .arc-btn{margin-left:unset}}@media only screen and (width<=767px){section.page-header .main-block .wrap{align-items:center}section.page-header .main-block .arc-btn{width:100%;max-width:240px}}.deco-wrap{z-index:3;pointer-events:none;position:fixed}.deco-r-wrap{top:13.8889vh;right:19.7917vw}.deco-r-wrap.active .bg-deco{filter:drop-shadow(46px -39px 10px #0000001a);opacity:1;transition:opacity .5s, transform .8s linear(0, .528 7%, .921 14.4%, 1.07 18.3%, 1.19 22.4%, 1.28 26.7%, 1.34 31.2%, 1.366 34.5%, 1.378 38%, 1.377 41.7%, 1.363 45.6%, 1.308 53.3%, 1.13 71.3%, 1.059 80.1%, 1.013 89.7%, 1), filter .5s .8s;transform:scale(1)}.deco-l-wrap{top:55.5556vh;left:19.3229vw}.deco-l-wrap.active .bg-deco{filter:drop-shadow(46px -39px 10px #0000001a);opacity:1;transition:opacity .5s .2s, transform .8s .2s linear(0, .528 7%, .921 14.4%, 1.07 18.3%, 1.19 22.4%, 1.28 26.7%, 1.34 31.2%, 1.366 34.5%, 1.378 38%, 1.377 41.7%, 1.363 45.6%, 1.308 53.3%, 1.13 71.3%, 1.059 80.1%, 1.013 89.7%, 1), filter .5s .8s;transform:scale(1)}.bg-deco{filter:drop-shadow(46px -39px 10px #0000);opacity:0;width:150px;height:150px;transition:opacity .5s,transform .5s,filter .5s;transform:scale(0)}.bg-deco .pic{width:100%;position:relative}.bg-deco .pic:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}.bg-deco .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.bg-deco .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (width>=2561px){.deco-wrap{transform:translate(-50%)}.deco-r-wrap{right:unset;left:calc(50% + 550px)}.deco-l-wrap{left:calc(50% - 750px)}}@media only screen and (width<=1440px){.deco-r-wrap{right:10.4167vw}}@media only screen and (width<=1200px){.deco-r-wrap{right:0}.deco-l-wrap{left:0}}@media only screen and (width<=767px){.deco-l-wrap{display:none}.deco-r-wrap.active .bg-deco{filter:drop-shadow(20px -20px 10px #0000001a)}.bg-deco{filter:drop-shadow(20px -20px 10px #0000);width:80px;height:80px}}section.picture-box-banner{z-index:2;position:relative}section.multi{padding:40px 0 60px}section.multi .container{grid-column:2/-2}section.multi multipurpose-nav.common-multi[m4-type=drag] .drag-container{justify-content:flex-start}@media only screen and (width<=1200px){section.multi{padding:30px 0 40px}}section.main{padding-top:30px}section.main .container{grid-column:2/-2;justify-content:space-between;width:100%;max-width:2400px;margin:0 auto;display:flex}section.main .block-title{width:100%;max-width:240px}section.main .block-title .sticky{position:sticky;top:100px}section.main .item-block{width:calc(90.9091% - 240px)}section.main .item-wrap{gap:var(--space-60-160) 5.88235%;flex-wrap:wrap;width:100%;display:flex}section.main .item-wrap .item{flex-direction:column;gap:20px;width:29.4118%;display:flex}section.main .item-wrap .item:nth-child(4n+2){margin-right:35.2941%}section.main .item-wrap .item:nth-child(4n+3){margin-left:35.2941%}section.main .item-wrap .item .btn{flex-shrink:0;width:30px;height:30px;transition:transform .5s;position:relative}section.main .item-wrap .item .btn:before,section.main .item-wrap .item .btn:after{content:"";background:#000;width:16px;height:2px;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.main .item-wrap .item .btn:after{transform:translate(-50%,-50%)rotate(90deg)}@media only screen and (width>=1201px){section.main .item-wrap .item .btn:hover{transform:rotate(180deg)}}@media only screen and (width<=1200px){section.main .item-wrap .item .btn:active{transform:rotate(180deg)}}section.main .item-wrap .item .pic-box{display:block;position:relative}@media only screen and (width>=1201px) and (width>=1201px){section.main .item-wrap .item .pic-box:hover .pic{width:calc(100% + min(2.08333vw,40px));box-shadow:10px 10px 20px #00000026}section.main .item-wrap .item .pic-box:hover .pic:after{opacity:1}section.main .item-wrap .item .pic-box:hover .hover-content{opacity:1;pointer-events:auto;width:calc(100% + min(2.08333vw,40px));transform:translate(0,0)}section.main .item-wrap .item .pic-box:hover .hover-content .des{opacity:1;transition:opacity .2s .35s}}@media only screen and (width>=1201px) and (width<=1200px){section.main .item-wrap .item .pic-box:active .pic{width:calc(100% + min(2.08333vw,40px));box-shadow:10px 10px 20px #00000026}section.main .item-wrap .item .pic-box:active .pic:after{opacity:1}section.main .item-wrap .item .pic-box:active .hover-content{opacity:1;pointer-events:auto;width:calc(100% + min(2.08333vw,40px));transform:translate(0,0)}section.main .item-wrap .item .pic-box:active .hover-content .des{opacity:1;transition:opacity .2s .35s}}section.main .item-wrap .item .pic-box .pic{width:100%;transition:width .5s,box-shadow .5s;position:relative;box-shadow:10px 10px 20px #0000}section.main .item-wrap .item .pic-box .pic:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}section.main .item-wrap .item .pic-box .pic picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.main .item-wrap .item .pic-box .pic img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.main .item-wrap .item .pic-box .pic:after{opacity:0;content:"";background:linear-gradient(#0000 67.27%,#0003 86.93%);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}section.main .item-wrap .item .pic-box .hover-content{opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:40px;width:100%;height:100%;padding:20px;transition:width .5s,opacity .5s;display:flex;position:absolute;bottom:0;left:0}section.main .item-wrap .item .pic-box .hover-content .des{opacity:0;flex:1;transition:opacity .2s}section.main .item-wrap .item .pic-box .hover-content .des p{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.main .item-wrap .item .pic-box .hover-content .btn:before,section.main .item-wrap .item .pic-box .hover-content .btn:after{background:#fff}section.main .item-wrap .item .content .date p{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.main .item-wrap .item .content .title:not(:first-child){margin-top:10px}section.main .item-wrap .item .content .title a{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.main .item-wrap .item .rwd-des-block{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:15px;display:none}section.main .item-wrap .item .rwd-des-block .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.main .load{margin-top:var(--space-50-80);align-items:center;gap:15px;width:fit-content;display:flex}section.main .load.active .icon:before{background:#ff7f35;transform:translate(-50%,-50%)scale(1.33)}section.main .load.active span:first-child:before{animation:1s linear .5s infinite flow1}section.main .load.active span:first-child:after{animation:1s linear .5s infinite flow2}section.main .load.active span:nth-child(2):before{animation:1s linear infinite flow1-center}section.main .load.active span:nth-child(2):after{animation:1s linear infinite flow2-center}section.main .load.active span:nth-child(3):before{animation:1s linear .5s infinite flow1}section.main .load.active span:nth-child(3):after{animation:1s linear .5s infinite flow2}section.main .load .text{z-index:1;position:relative}section.main .load .icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}section.main .load .icon:before{content:"";background:#f4f4f4;border-radius:50%;width:60px;height:60px;transition:transform .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.main .load .inner{justify-content:space-between;width:16px;height:18px;display:flex;position:relative}section.main .load span{width:2px;height:18px;display:block;position:relative;overflow:hidden}section.main .load span:before,section.main .load span:after{content:"";background:#000;width:2px;height:15px;display:block;position:absolute;top:0;left:0}section.main .load span:before{transform:translateY(-130%)}@keyframes flow1{0%{transform:translateY(-130%)}to{transform:translateY(0%)}}@keyframes flow2{0%{transform:translateY(0)}to{transform:translateY(130%)}}section.main .load span:nth-child(2):before,section.main .load span:nth-child(2):after{transform:translateY(20%)}@keyframes flow1-center{0%{transform:translateY(-110%)}to{transform:translateY(20%)}}@keyframes flow2-center{0%{transform:translateY(20%)}to{transform:translateY(150%)}}@media only screen and (width>=2048px){section.main .block-title{max-width:13.625%}section.main .item-block{padding-right:min(var(--1fr-space) * 2, 219px);width:77.2917%}section.main .item-wrap{gap:var(--space-60-160) 6.66259%}section.main .item-wrap .item{width:33.3435%}section.main .item-wrap .item:nth-child(4n+2){margin-right:26.6504%}section.main .item-wrap .item:nth-child(4n+3){margin-left:26.6504%}}@media only screen and (width>=1201px) and (width<=1440px){section.main .item-wrap .item{width:37.8677%}section.main .item-wrap .item:nth-child(4n+2){margin-right:18.3824%}section.main .item-wrap .item:nth-child(4n+3){margin-left:18.3824%}}@media only screen and (width<=1200px){section.main{padding-top:20px}section.main .container{flex-direction:column;gap:30px}section.main .block-title,section.main .item-block{width:100%}section.main .item-wrap .item .hover-content{display:none}section.main .item-wrap .item .rwd-des-block{display:flex}}@media only screen and (width<=992px){section.main .item-wrap .item{width:37.8677%}section.main .item-wrap .item:nth-child(4n+2){margin-right:18.3824%}section.main .item-wrap .item:nth-child(4n+3){margin-left:18.3824%}}@media only screen and (width<=767px){section.main .item-wrap{gap:50px}section.main .item-wrap .item{width:calc(50% - 25px)}section.main .item-wrap .item:nth-child(4n+2){margin-right:unset}section.main .item-wrap .item:nth-child(4n+3){margin-left:unset}}@media only screen and (width<=575px){section.main .item-wrap .item{width:100%}}section.esg-no-content{margin-top:30px;position:relative}section.esg-no-content .container{grid-column:7/-7;justify-content:center;align-items:center;min-height:500px;display:flex}section.esg-no-content .block-title{width:240px;height:100%;position:absolute;top:0;left:80px}section.esg-no-content .block-title .sticky{position:sticky;top:100px}section.esg-no-content .no-content{width:100%;max-width:960px;margin:0 auto}@media only screen and (width>=2561px){section.esg-no-content .container{grid-column:2/-2;width:100%;max-width:2400px;margin:0 auto;position:relative}section.esg-no-content .block-title{left:0}}@media only screen and (width<=1280px){section.esg-no-content .block-title{width:220px}}@media only screen and (width<=1200px){section.esg-no-content{margin-top:20px}section.esg-no-content .container{flex-direction:column;grid-column:2/-2;justify-content:flex-start;align-items:stretch}section.esg-no-content .block-title{top:unset;left:unset;height:auto;position:static}section.esg-no-content .no-content{justify-content:center;min-height:400px;margin-top:30px}}
