.about_related .main .container{padding:100px 0 0;gap:75px}@media only screen and (max-width: 1200px){.about_related .main .container{padding-top:80px}}.about_related .main .block-data{margin-top:60px;opacity:0;transition:opacity .5s}.about_related .main .title-content{width:calc(100% - var(--common-210) * 2);max-width:1200px;margin:0 auto}.about_related .main .title-content .des{margin-top:10px}.about_related .related-data-box .item{padding:40px}.about_related .related-data-box .item:nth-child(2n){background:#f4f4f4}.about_related .related-data-box .item .inner{display:flex;align-items:flex-start;width:calc(100% - var(--common-210) * 2 + 80px);max-width:1200px;margin:0 auto;gap:20px;min-height:340px}.about_related .related-data-box .item .inner:not(:has(.main)) .logo{width:100%;max-width:400px;position:relative;background:#f4f4f4}.about_related .related-data-box .item .inner:not(:has(.main)) .logo:after{content:"";padding-top:70%;display:block}.about_related .related-data-box .item .inner:not(:has(.main)) .logo .pic-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about_related .related-data-box .item .inner:not(:has(.main)),.about_related .related-data-box .item .inner:not(:has(.logo)){gap:50px}.about_related .related-data-box .item .inner:not(:has(.main)) .group,.about_related .related-data-box .item .inner:not(:has(.logo)) .group{width:33.333%}.about_related .related-data-box .item .group{width:51.6%;display:flex;align-items:center;gap:20px;margin:30px 0;position:sticky;top:110px}.about_related .related-data-box .item .main{width:100%;max-width:400px}.about_related .related-data-box .item .main .pic-box:after{padding-top:70%}.about_related .related-data-box .item .logo{width:34.48%;display:flex;justify-content:center;min-width:150px}.about_related .related-data-box .item .logo .pic-box{max-width:200px}.about_related .related-data-box .item .logo .pic-box:after{padding-top:100%}.about_related .related-data-box .item .content{flex:1;align-self:center}.about_related .related-data-box .item .content.hide .des p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.about_related .related-data-box .item .content.hide .show-more-control .i-group{transform:rotate(0)}.about_related .related-data-box .item .content.hide .show-more-control p:after{content:attr(open-txt)}.about_related .related-data-box .item .content .top{display:flex;padding-bottom:50px;position:relative}.about_related .related-data-box .item .content .top:after{content:"";position:absolute;bottom:25px;left:0;width:100%;height:1px;background:#0003}.about_related .related-data-box .item .content .des{overflow:hidden;transition:height .3s}.about_related .related-data-box .item .content .show-more-control{margin-top:25px;justify-content:flex-end}.about_related .related-data-box .item .content .show-more-control p:after{content:attr(close-txt)}.about_related .related-data-box .item .content .website-link{display:flex;align-items:center;gap:15px;cursor:pointer;margin-left:auto}.about_related .related-data-box .item .content .website-link .i-group{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;font-size:1.25rem;color:#404040}.about_related .related-data-box .item .content .website-link .i-group:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;border:1px solid rgba(0,0,0,.2)}@media only screen and (max-width: 900px){.about_related .main .block-data{margin-top:10px}.about_related .related-data-box .item{padding:40px 0}.about_related .related-data-box .item .inner{flex-direction:column;width:calc(100% - var(--common-210) * 2 + 0px);min-height:unset}.about_related .related-data-box .item .inner:not(:has(.main)) .group,.about_related .related-data-box .item .inner:not(:has(.logo)) .group{width:100%}.about_related .related-data-box .item .group{width:100%;position:unset;flex-direction:column-reverse;margin:0}.about_related .related-data-box .item .logo{width:100%;max-width:150px}.about_related .related-data-box .item .content{width:100%}.about_related .related-data-box .item .content .top{flex-direction:column;align-items:center;gap:20px;padding-bottom:40px}.about_related .related-data-box .item .content .top:after{bottom:20px}.about_related .related-data-box .item .content .top .website-link{margin-right:auto}}
