section.section1{display:flex}@media only screen and (max-width: 1200px){section.section1{flex-direction:column}}section.section1 .data-aost{flex:1;display:flex;flex-direction:column}section.section1 .data-aost.aost-show .unitTitle,section.section1 .data-aost.aost-show .unitSubTitle-s,section.section1 .data-aost.aost-show .paragraphText{transform:translateY(0);opacity:1}section.section1 .data-aost.aost-show .unitSubTitle-s{transition-delay:.2s}section.section1 .data-aost.aost-show .paragraphText{transition-delay:.4s}section.section1 .title-block{position:relative;display:flex;flex-direction:column;width:calc(100% - max(62.5%,900px));min-width:352px;background:#f8f8f8;z-index:1}@media only screen and (max-width: 1200px){section.section1 .title-block{width:100%}}@media only screen and (min-width: 1921px){section.section1 .breadcrumb{padding:20px 3.125vw}}@media only screen and (min-width: 2560px){section.section1 .breadcrumb{padding:20px 5.125vw}}section.section1 .title-wrapper{padding:0 60px;margin-top:80px;flex:1}section.section1 .title-wrapper .sticky{position:sticky;top:80px;margin-bottom:65px}@media only screen and (max-width: 1024px){section.section1 .title-wrapper .sticky{position:static;margin-bottom:0}}@media only screen and (min-width: 1921px){section.section1 .title-wrapper{padding:0 3.125vw}}@media only screen and (min-width: 2560px){section.section1 .title-wrapper{padding:0 5.125vw}}@media only screen and (max-width: 1024px){section.section1 .title-wrapper{margin:50px 0}}@media only screen and (max-width: 575px){section.section1 .title-wrapper{padding:0 30px}}section.section1 .title-wrapper .unitTitle{transform:translateY(30px);opacity:0;color:#242424;transition:transform var(--trans-normal),opacity var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.section1 .title-wrapper .unitSubTitle-s{margin-top:15px;transform:translateY(30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.section1 .title-wrapper .paragraphText{margin-top:15px;color:#000;transform:translateY(30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}section.section1 .main-block{width:max(62.5%,900px);clip-path:inset(0 0 0 0)}@media only screen and (max-width: 1200px){section.section1 .main-block{width:100%}}section.section1 .main-block .aboot-box{display:flex}@media only screen and (min-width: 1201px){section.section1 .main-block .aboot-box:hover .info-box{background:#1669e6}section.section1 .main-block .aboot-box:hover .info-box:before{background:#1669e6}section.section1 .main-block .aboot-box:hover .info-box .outter-box{transform:translateY(0)}section.section1 .main-block .aboot-box:hover .info-box .outter-box .blockTitle-s,section.section1 .main-block .aboot-box:hover .info-box .outter-box .paragraphText{color:#fff}section.section1 .main-block .aboot-box:hover .info-box .hover-box{opacity:1}}@media only screen and (max-width: 1200px){section.section1 .main-block .aboot-box:active .info-box{background:#1669e6}section.section1 .main-block .aboot-box:active .info-box:before{background:#1669e6}section.section1 .main-block .aboot-box:active .info-box .outter-box{transform:translateY(0)}section.section1 .main-block .aboot-box:active .info-box .outter-box .blockTitle-s,section.section1 .main-block .aboot-box:active .info-box .outter-box .paragraphText{color:#fff}section.section1 .main-block .aboot-box:active .info-box .hover-box{opacity:1}}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box{flex-direction:column}}section.section1 .main-block .aboot-box:nth-child(2),section.section1 .main-block .aboot-box:nth-child(4){flex-direction:row-reverse}section.section1 .main-block .aboot-box:nth-child(2) .info-box:before,section.section1 .main-block .aboot-box:nth-child(4) .info-box:before{left:unset;right:0;transform:translate(50%,-50%) rotate(45deg)}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box:nth-child(2) .info-box:before,section.section1 .main-block .aboot-box:nth-child(4) .info-box:before{top:0;right:50%}}section.section1 .main-block .aboot-box:nth-child(2) .img-box,section.section1 .main-block .aboot-box:nth-child(4) .img-box{position:relative}section.section1 .main-block .aboot-box:nth-child(2) .img-box:before,section.section1 .main-block .aboot-box:nth-child(4) .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:86.6667%}section.section1 .main-block .aboot-box:nth-child(2) .img-box picture,section.section1 .main-block .aboot-box:nth-child(4) .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}section.section1 .main-block .aboot-box:nth-child(2) .img-box img,section.section1 .main-block .aboot-box:nth-child(4) .img-box img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box:nth-child(2),section.section1 .main-block .aboot-box:nth-child(4){flex-direction:column}}section.section1 .main-block .aboot-box .img-box{width:50%;position:relative}section.section1 .main-block .aboot-box .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:83.334%}section.section1 .main-block .aboot-box .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}section.section1 .main-block .aboot-box .img-box img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box .img-box{width:100%;flex:1}}section.section1 .main-block .aboot-box .info-box{width:50%;padding:0 60px;display:flex;flex-direction:column;justify-content:center;transition:background var(--trans-normal);--height: 0;position:relative}section.section1 .main-block .aboot-box .info-box:before{position:absolute;width:28px;height:28px;z-index:1;content:"";top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg);background:#fff;transition:background var(--trans-normal)}@media only screen and (max-width: 900px){section.section1 .main-block .aboot-box .info-box:before{width:14px;height:14px}}@media only screen and (max-width: 1024px){section.section1 .main-block .aboot-box .info-box{padding:50px 30px}}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box .info-box{aspect-ratio:375/303;width:100%;flex:1}section.section1 .main-block .aboot-box .info-box:before{top:0;left:50%}}@media only screen and (max-width: 575px) and (min-width: 1201px){section.section1 .main-block .aboot-box .info-box:hover .hover-box .common-btn-plus{background:#fff;border:1px solid rgba(0,0,0,0)}}@media only screen and (max-width: 575px) and (max-width: 1200px){section.section1 .main-block .aboot-box .info-box:active .hover-box .common-btn-plus{background:#fff;border:1px solid rgba(0,0,0,0)}}section.section1 .main-block .aboot-box .info-box .outter-box{transform:translateY(var(--height));transition:transform var(--trans-normal)}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box .info-box .outter-box{transform:unset}}section.section1 .main-block .aboot-box .info-box .outter-box .blockTitle-s{transition:color var(--trans-normal)}section.section1 .main-block .aboot-box .info-box .outter-box .paragraphText{margin-top:10px;color:#7f7f7f;transition:color var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.section1 .main-block .aboot-box .info-box .hover-box{margin-top:40px;opacity:0;transition:opacity var(--trans-normal)}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box .info-box .hover-box{opacity:1;margin-top:30px}}@media only screen and (min-width: 1201px){section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover{border:unset}section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover .buttonText,section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover i{color:#fff}}@media only screen and (max-width: 1200px){section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active{border:unset}section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active .buttonText,section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active i{color:#fff}}@media only screen and (max-width: 575px){section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus{border:1px solid rgba(0,0,0,.3);background:transparent}section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus .buttonText,section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus i{color:#000}}@media only screen and (max-width: 575px) and (min-width: 1201px){section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover{background:transparent;border:1px solid rgba(0,0,0,0)}section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover .buttonText,section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:hover i{color:#fff}}@media only screen and (max-width: 575px) and (max-width: 1200px){section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active{background:transparent;border:1px solid rgba(0,0,0,0)}section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active .buttonText,section.section1 .main-block .aboot-box .info-box .hover-box .common-btn-plus:active i{color:#fff}}
