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}}section.multi{padding:40px 0 60px}section.multi .container{grid-column:2/-2}@media only screen and (width>=1201px){section.multi .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#ff7f35}section.multi .multi multipurpose-nav[m4-type=drag] .drag-container .item:hover .deco:before{opacity:0}section.multi .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.multi .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .category{color:#ff7f35}section.multi .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:before{opacity:0}section.multi .multi multipurpose-nav[m4-type=drag] .drag-container .item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}section.multi{padding:30px 0 40px}}section.information{padding:30px 0 var(--space-80-160);overflow:clip}section.information.aost-show .aside,section.information.aost-show .chart-block{opacity:1;transform:translate(0,0)}section.information .container{grid-column:2/-2;width:100%;max-width:2182px;margin:0 auto}@media only screen and (width>=2048px){section.information .container{grid-column:2/-4}}section.information .main-block{justify-content:space-between;display:flex}section.information .main-block:not(:first-child){margin-top:50px}section.information .aside{opacity:0;flex-direction:column;gap:60px;width:max(18.1818%,275px);transition:opacity .8s,transform .8s;display:flex;transform:translate(-30px)}section.information .aside .sticky{flex-direction:column;gap:60px;display:flex;position:sticky;top:100px}section.information .aside .current-share-price,section.information .aside .stock-code,section.information .aside .btn-block{flex-direction:column;gap:10px;display:flex}section.information .aside .current-share-price .des{color:#000c}section.information .aside .btn-block{width:100%}section.information .aside .btn{background:#f4f4f4;align-items:center;gap:20px;width:100%;min-height:60px;padding:10px 25px;transition:background .5s,color .5s;display:flex}@media only screen and (width>=1201px){section.information .aside .btn:hover{color:#fff;background:#ff7f35}section.information .aside .btn:hover .para-text{color:#fff}}@media only screen and (width<=1200px){section.information .aside .btn:active{color:#fff;background:#ff7f35}section.information .aside .btn:active .para-text{color:#fff}}section.information .aside .btn .text{flex:1}section.information .aside .btn .para-text{transition:color .5s}section.information .aside .btn .icon{flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}section.information .aside .btn .icon-download{font-size:1rem}section.information .aside .btn .icon-square-arrow-out-up-right{font-size:1.125rem}section.information .chart-block{opacity:0;background:linear-gradient(#fff0 0%,#fff 15%);width:calc(100% - max(18.1818%,275px) - 8.33333vw);transition:opacity .8s .2s,transform .8s .2s;transform:translate(30px)}section.information .chart-block .chart-functional{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}section.information .chart-block .functional-block{flex-direction:column;gap:10px;display:flex}section.information .chart-block .switch{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}section.information .chart-block .switch-box{flex-wrap:wrap;gap:10px 20px;display:flex}section.information .chart-block .switch-item{cursor:pointer;align-items:center;gap:5px;transition:color .2s;display:flex}@media only screen and (width>=1201px){section.information .chart-block .switch-item:hover{color:#ff7f35;opacity:1}section.information .chart-block .switch-item:hover .text{opacity:1}section.information .chart-block .switch-item:hover .deco:before{opacity:0}section.information .chart-block .switch-item:hover .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}@media only screen and (width<=1200px){section.information .chart-block .switch-item:active{color:#ff7f35;opacity:1}section.information .chart-block .switch-item:active .text{opacity:1}section.information .chart-block .switch-item:active .deco:before{opacity:0}section.information .chart-block .switch-item:active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}}section.information .chart-block .switch-item.active{color:#ff7f35}section.information .chart-block .switch-item.active .text{opacity:1}section.information .chart-block .switch-item.active .deco:before{opacity:0}section.information .chart-block .switch-item.active .deco:after{opacity:1;transition:transform .5s,opacity .5s;transform:rotate(225deg)}section.information .chart-block .switch-item .text{opacity:.5;transition:opacity .2s}section.information .chart-block .switch-item .deco{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}section.information .chart-block .switch-item .deco:before,section.information .chart-block .switch-item .deco:after{content:"";width:5px;height:5px;position:absolute}section.information .chart-block .switch-item .deco:before{background:#0003;border-radius:50%;transition:opacity .5s}section.information .chart-block .switch-item .deco:after{opacity:0;background:#ff7f35;transition:opacity .2s;transform:rotate(45deg)}section.information .chart-block .dropdown-item{flex-shrink:0;min-width:300px}section.information .chart-block dropdown-el{width:100%}section.information .chart-block dropdown-el .dropdown .dropdown-list>li{text-align:center}section.information .chart-block .chart{background:#fff;width:100%;height:515px;margin-top:50px;position:relative}section.information .chart-block .sticky{position:sticky;top:100px}section.information #chartjs-tooltip{opacity:0;z-index:1;pointer-events:none;white-space:nowrap;flex-direction:column;gap:5px;padding:20.5px 30.75px;transition:opacity .2s,top .2s,left .2s,transform .2s;display:flex;position:absolute;top:0;left:0;box-shadow:10.252px 10.252px 20.503px #00000026}section.information #chartjs-tooltip.x-right{transform:translate(-100%)}section.information #chartjs-tooltip .bg{z-index:-1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.information #chartjs-tooltip .bg img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.information #chartjs-tooltip .tooltip-content{color:#ff7f35;font-size:1.75rem;font-weight:600;line-height:1.5}@media only screen and (width>=2048px){section.information .aside{width:19.9817%}section.information .chart-block{width:69.9817%}}@media only screen and (width<=1200px){section.information{padding:20px 0 var(--space-80-160)}section.information .main-block{flex-direction:column;gap:60px}section.information .main-block:not(:first-child){margin-top:30px}section.information .aside{flex-direction:row;justify-content:space-between;gap:50px;width:100%}section.information .aside .stock-block{flex:1}section.information .aside .sticky{flex-direction:row;flex:1}section.information .aside .current-share-price,section.information .aside .stock-code{width:calc(50% - 25px)}section.information .aside .btn-block{width:100%;max-width:300px}section.information .aside .btn{padding:10px 15px}section.information .chart-block{width:100%}section.information .chart-block .chart{margin-top:30px}}@media only screen and (width<=900px){section.information .chart-block .functional-block{width:100%}section.information .chart-block .chart-functional{flex-direction:column;align-items:flex-start}}@media only screen and (width<=767px){section.information .aside{flex-direction:column}section.information .aside .btn-block{max-width:unset}section.information .chart-block .dropdown-item{min-width:unset;width:100%}}@media only screen and (width<=575px){section.information .aside{gap:50px}section.information .aside .sticky{flex-direction:column;gap:50px}}section.overview{overflow:clip}section.overview.aost-show .block-title,section.overview.aost-show .unit-block{opacity:1;transform:translate(0,0)}section.overview .container{grid-column:2/-2;justify-content:space-between;width:100%;max-width:2182px;margin:0 auto;display:flex}@media only screen and (width>=2048px){section.overview .container{grid-column:2/-4}}section.overview .block-title{opacity:0;width:100%;max-width:240px;margin-right:20px;transition:opacity .8s,transform .8s;transform:translate(-30px)}section.overview .block-title .sticky{position:sticky;top:100px}section.overview .unit-block{opacity:0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:min(6.25vw,120px) 0;width:77.2727%;transition:opacity .8s .2s,transform .8s .2s;display:flex;transform:translate(30px)}section.overview .unit-block .main-unit[data-type=col]{width:23.5294%}section.overview .unit-block .main-unit[data-type=col] .sub-unit-block{flex-direction:column}section.overview .unit-block .main-unit[data-type=col] .sub-unit{width:100%}section.overview .unit-block .main-unit[data-type=row]{width:64.7059%}section.overview .unit-block .main-unit[data-type=row] .des{width:100%;max-width:400px}section.overview .unit-block .main-unit[data-type=row] .sub-unit-block{width:100%;max-width:750px}section.overview .unit-block .main-unit[data-type=row] .sub-unit{width:calc(50% - 2.08333vw)}section.overview .unit-block .main-unit .icon{width:40px;height:40px;position:relative}section.overview .unit-block .main-unit .icon:before{content:"";width:100%;height:0;padding-bottom:100%;display:block}section.overview .unit-block .main-unit .icon picture{width:100%;height:100%;display:block;position:absolute;top:0;left:0}section.overview .unit-block .main-unit .icon img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}section.overview .unit-block .main-unit .title:not(:first-child){margin-top:30px}section.overview .unit-block .main-unit .des:not(:first-child){margin-top:15px}section.overview .unit-block .main-unit .des p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.overview .unit-block .main-unit .sub-unit-block{flex-wrap:wrap;gap:20px 4.16667vw;display:flex}section.overview .unit-block .main-unit .sub-unit-block:not(:first-child){margin-top:40px}section.overview .unit-block .main-unit .sub-unit{gap:15px;display:flex}@media only screen and (width>=1201px){section.overview .unit-block .main-unit .sub-unit:hover .text{color:#ff7f35}section.overview .unit-block .main-unit .sub-unit:hover .plus:before,section.overview .unit-block .main-unit .sub-unit:hover .plus:after{background:#ff7f35}section.overview .unit-block .main-unit .sub-unit:hover .plus:before{transform:translate(-50%,-50%)rotate(180deg)}section.overview .unit-block .main-unit .sub-unit:hover .plus:after{transform:translate(-50%,-50%)rotate(270deg)}}@media only screen and (width<=1200px){section.overview .unit-block .main-unit .sub-unit:active .text{color:#ff7f35}section.overview .unit-block .main-unit .sub-unit:active .plus:before,section.overview .unit-block .main-unit .sub-unit:active .plus:after{background:#ff7f35}section.overview .unit-block .main-unit .sub-unit:active .plus:before{transform:translate(-50%,-50%)rotate(180deg)}section.overview .unit-block .main-unit .sub-unit:active .plus:after{transform:translate(-50%,-50%)rotate(270deg)}}section.overview .unit-block .main-unit .sub-unit .text{transition:color .2s}section.overview .unit-block .main-unit .sub-unit .plus{flex-shrink:0;width:20px;height:24px;position:relative}section.overview .unit-block .main-unit .sub-unit .plus:before,section.overview .unit-block .main-unit .sub-unit .plus:after{z-index:1;content:"";background:#000;width:12px;height:2px;transition:transform .5s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.overview .unit-block .main-unit .sub-unit .plus:after{transform:translate(-50%,-50%)rotate(90deg)}@media only screen and (width>=2048px){section.overview .block-title{margin-right:unset;max-width:unset;width:14.9863%}section.overview .unit-block{width:74.9771%}section.overview .unit-block .main-unit[data-type=col]{width:26.7115%}section.overview .unit-block .main-unit[data-type=row]{width:59.9633%}}@media only screen and (width<=1200px){section.overview .container{flex-direction:column;gap:30px}section.overview .block-title{max-width:unset}section.overview .unit-block{width:100%}section.overview .unit-block .main-unit .title:not(:first-child){margin-top:20px}section.overview .unit-block .main-unit .sub-unit-block:not(:first-child){margin-top:30px}}@media only screen and (width<=992px){section.overview .unit-block{gap:80px 0}section.overview .unit-block .main-unit[data-type=col],section.overview .unit-block .main-unit[data-type=row]{width:100%}section.overview .unit-block .main-unit[data-type=row] .des,section.overview .unit-block .main-unit[data-type=row] .sub-unit-block{max-width:unset}}@media only screen and (width<=767px){section.overview .unit-block .main-unit[data-type=col] .sub-unit,section.overview .unit-block .main-unit[data-type=row] .sub-unit{width:100%}}
