.bg[color=gray]{position:relative}.bg[color=gray]:after{content:"";width:100%;height:100%;background:#f4f4f4;position:absolute;top:0;left:0;z-index:-3}section.banner .container{position:relative}section.banner .swiper{max-width:calc(100% - 120px)}@media only screen and (max-width: 900px){section.banner .swiper{max-width:calc(100% + -0px)}}section.banner .swiper .muted-btn{position:absolute;bottom:40px;right:40px;width:30px;height:30px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#0009;font-size:1rem;cursor:pointer;z-index:1}@media only screen and (max-width: 575px){section.banner .swiper .muted-btn{bottom:20px;right:20px}}section.banner .swiper .muted-btn .inner{position:relative;transform:translateY(1px)}section.banner .swiper .muted-btn .inner:after{content:"";width:1px;height:22px;background:#fff;display:block;position:absolute;top:calc(50% - 1px);left:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:opacity .3s}section.banner .swiper .muted-btn[statu=play] .inner:after{opacity:0}section.banner .swiper .pic-box,section.banner .swiper .media-box{overflow:hidden}section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:50%}section.banner .swiper .pic-box iframe,section.banner .swiper .media-box iframe{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}section.banner .swiper .pic-box img,section.banner .swiper .media-box img{transition:width 1.8s ease,height 1.8s ease;width:110%;height:110%}@media only screen and (max-width: 1024px){section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:48.82%}}@media only screen and (max-width: 575px){section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:133%}}section.banner .swiper-slide.swiper-slide-active .main-wrap,section.banner .swiper-slide .swiper-slide-duplicate-active .main-wrap{opacity:1;top:calc(50% + 0px)}section.banner .swiper-slide.swiper-slide-active .sub-wrap,section.banner .swiper-slide .swiper-slide-duplicate-active .sub-wrap{left:0;opacity:1}section.banner .swiper-slide.swiper-slide-active .inner-content .content .pic-box img,section.banner .swiper-slide .swiper-slide-duplicate-active .inner-content .content .pic-box img{width:100%;height:100%}section.banner .swiper-arrow{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:1;display:flex;justify-content:space-between;width:calc(100% - 60px);pointer-events:none}@media only screen and (max-width: 575px){section.banner .swiper-arrow{width:calc(100% - 30px)}}section.banner .swiper-arrow .swiper-button{pointer-events:auto;box-shadow:0 0 15px #00000026}section.banner .inner-content{position:relative;display:block;width:100%}section.main .block1 .container.show:after{opacity:1}section.main .block1 .container:after{opacity:0;transition:opacity .3s}section.main .block1 .container:before{content:"";width:100%;height:var(--bg-height);background:#fff;position:absolute;top:0;left:0;z-index:-2}section.main .block1 .container .padding-box{display:flex;align-items:flex-start;max-width:1890px;margin:0 auto;padding:80px 120px;gap:7.8vw}section.main .block1 .inner-right{width:45.45%;max-width:750px}section.main .block1 .inner-right .flex-box{display:flex;gap:20px}section.main .block1 .inner-right .title-box{display:flex;flex-direction:column;gap:20px;position:relative}section.main .block1 .inner-right .title-box .company{padding:5px 15px;background:#e87d6d;color:#fff;border-radius:5px;align-self:flex-start}section.main .block1 .inner-right .title-box .main{font-size:3.125rem;font-weight:400;line-height:1.2;letter-spacing:2px}@media only screen and (max-width: 1200px){section.main .block1 .inner-right .title-box .main{font-size:1.875rem}}section.main .block1 .inner-right .info-group{margin-top:40px;width:calc(100% - 75px)}@media only screen and (max-width: 1366px){section.main .block1 .inner-right .info-group{width:calc(100% + -0px)}}section.main .block1 .inner-right .custom-btn{display:flex;gap:15px;margin-top:80px;flex-wrap:wrap;width:calc(100% - 75px)}@media only screen and (max-width: 1366px){section.main .block1 .inner-right .custom-btn{width:calc(100% + -0px)}}@media only screen and (max-width: 1200px){section.main .block1 .inner-right .custom-btn{gap:10px}section.main .block1 .inner-right .custom-btn .common-btn[size=small]{min-width:160px;padding:14px 30px}}section.main .block1 .inner-right .warring-info{color:#ee5f32;margin-top:20px;display:flex;align-items:flex-start;gap:10px;padding:0 20px}@media only screen and (max-width: 767px){section.main .block1 .inner-right .warring-info{padding:0 15px}}section.main .block1 .inner-right .social-btn-group{display:none;justify-content:flex-start;margin-top:40px}section.main .block1 .inner-left{position:sticky;top:80px;flex:1;width:45.45%;max-width:750px}section.main .block1 .inner-left .pic-box{max-width:750px;box-shadow:20px 20px 40px #00000026}section.main .block1 .inner-left .pic-box:after{padding-top:120%}@media only screen and (max-width: 1200px){section.main .block1 .container .padding-box{padding:80px 60px;gap:60px}section.main .block1 .inner-right .social-btn-group{display:flex}}@media only screen and (max-width: 900px){section.main .block1 .container .padding-box{flex-direction:column;align-items:center;max-width:750px}section.main .block1 .inner-left{position:relative;top:unset;width:100%}section.main .block1 .inner-right{width:100%}section.main .block1 .inner-right .social-btn-group{justify-content:center}}@media only screen and (max-width: 767px){section.main .block1 .container .padding-box{padding:80px 30px;gap:50px}}.info-group{opacity:0;transition:opacity .3s}.info-group.widthCompare{opacity:1}.info-group .row{display:flex;align-items:flex-start;gap:20px;width:100%;padding:0 20px}.info-group .row:not(:first-child){padding-top:40px;position:relative}.info-group .row:not(:first-child):after{content:"";position:absolute;left:0;top:20px;height:1px;width:100%;background:#0003}.info-group .row .title{position:relative;flex-shrink:0;max-width:50%;margin-right:20px;display:inline-grid;text-align-last:justify}.info-group .row .title:before{content:"";height:20px;width:1px;position:absolute;right:-20px;top:5px;background:#0003;display:block}@media only screen and (max-width: 767px){.info-group .row{flex-direction:column;gap:5px;padding:0 15px}}.block2.stickyStart .m4-sticky-data:after{background:#f4f4f4}.table-info{margin:50px auto 0}.table-info>.table .tr{display:flex;align-items:center}.table-info>.table .tr:first-child{padding:14px 30px}.table-info>.table .tr:not(:first-child){padding:24px 30px;transition:background .5s,color .5s}.table-info>.table .tr .td:not(:last-child){margin-right:50px}.table-info>.table .tr .icon-download{font-size:1.125rem}@media only screen and (max-width: 1200px){.table-info{margin:30px auto 0}}@media only screen and (max-width: 767px){.table-info>.table .tr:first-child{padding:15px}.table-info>.table .tr:not(:first-child){padding:15px}}.design{margin-bottom:100px;overflow:hidden}.design .container{display:flex;align-items:stretch}.design .inner-left,.design .inner-right{flex:1}.design .inner-group{width:70%;margin:0 auto;padding:120px 0}.design .inner-group .info-group{margin-top:50px}.design .inner-left{position:relative}.design .back-img{left:22.4vw}@media only screen and (max-width: 575px){.design .back-img{left:30px}}.design .back-img .pic{min-width:780px}.design .pic-box{height:100%}.design .pic-box:after{padding-top:82.9166%}@media only screen and (max-width: 1200px){.design{margin-bottom:80px}.design .inner-group{padding:80px 0;width:calc(100% - 60px)}}@media only screen and (max-width: 900px){.design .container{flex-direction:column-reverse}.design .inner-group{width:calc(100% - 120px)}.design .pic-box:after{padding-top:82.66%}}@media only screen and (max-width: 767px){.design .inner-group{width:calc(100% - 60px)}.design .inner-group .info-group{margin-top:30px}.design .inner-group .info-group .row:not(:first-child){padding-top:30px}.design .inner-group .info-group .row:not(:first-child):after{top:15px}}.schedule{margin-bottom:100px}.schedule .table-info{max-width:1440px;padding:0 120px}.schedule .table-info>.table .tr:not(:first-child):nth-child(odd){background:#f4f4f4}.schedule .table-info>.table .tr:last-child{border-bottom:2px solid #53B8BA}.schedule .table-info>.table .tr:first-child{background:#53b8ba;color:#fff}.schedule .table-info>.table .tr .td:first-child{max-width:150px;width:100%}@media only screen and (max-width: 1200px){.schedule{margin-bottom:80px}.schedule .table-info{max-width:1320px;padding:0 60px}}@media only screen and (max-width: 1200px) and (max-width: 767px){.schedule .table-info{padding:0 30px}.schedule .table-info>.table .tr{align-items:flex-start;flex-direction:column;gap:5px}.schedule .table-info>.table .tr:first-child{position:relative;min-height:60px}.schedule .table-info>.table .tr:first-child .td{display:none}.schedule .table-info>.table .tr:first-child:after{content:attr(rwd-title);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schedule .table-info>.table .tr:first-child p{opacity:0}}.report{margin-bottom:100px}.report .outline{box-shadow:0 0 15px #00000026;padding:20px;max-width:1540px;margin:0 auto;width:calc(100% - 240px)}.report .container{width:100%;padding:100px 60px;border:3px solid #EEE}.report ._articleBlock{max-width:1200px;margin:50px auto 0}@media only screen and (max-width: 1200px){.report{margin-bottom:80px}.report .outline{width:calc(100% - 60px);padding:15px}.report .container{padding:80px 60px}.report ._articleBlock{margin-top:30px}}@media only screen and (max-width: 767px){.report .outline{width:calc(100% + -0px)}.report .container{padding:80px 30px}}@media only screen and (max-width: 575px){.report .container{padding:80px 10px}}.download{padding:120px 100px}.download .table-info{max-width:1200px;padding:0}.download .table-info>.table .tr:not(:first-child):nth-child(2n){background:#fff}.download .table-info>.table .tr:last-child{border-bottom:2px solid #E87D6D}.download .table-info>.table .tr:first-child{background:#e87d6d;color:#fff}.download .table-info>.table .tr .td:first-child{flex:1;max-width:calc(100% - 50px)}@media only screen and (max-width: 1200px){.download{padding:80px 60px}}@media only screen and (max-width: 767px){.download{padding:80px 30px}.download .table-info>.table .tr .td:not(:last-child){margin-right:15px}}
