.social{width:100%;padding-top:90px;padding-bottom:50px}.social-content{width:100%;margin-top:100px}.social-content .social-title{margin-bottom:28px;font-size:36px;font-weight:bold;color:#333;line-height:38px;text-align:center}.social-content .social-text{margin-bottom:15px;font-size:18px;font-weight:400;color:#666;line-height:26px;text-align:center}.social-content .social-text span{font-weight:bold;color:#0067a5;font-style:italic}.social-content .social-text:nth-last-child(1){margin-bottom:0}.social-bottom{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:100px}.social-bottom .social-tab{display:flex;justify-content:space-between;width:1200px;border-bottom:1px solid rgba(0,0,0,0.3);padding:0 125px}.social-bottom .social-tab .tab-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.social-bottom .social-tab .tab-item .tab-item-top{display:flex;align-items:center}.social-bottom .social-tab .tab-item .tab-item-top .tab-item-icon{display:block;width:40px;height:40px;margin-right:10px}.social-bottom .social-tab .tab-item .tab-item-top .tab-item-title{font-size:20px;font-weight:bold;color:#333;line-height:26px;transition:all .2s}.social-bottom .social-tab .tab-item .tab-item-top .tab-item-text{font-size:20px;font-weight:400;color:#333;line-height:26px;transition:all .2s}.social-bottom .social-tab .tab-item .tab-item-line{width:81px;height:3px;background:#0067a5;margin-top:8px;transform:scaleX(0);transition:all .2s}.social-bottom .social-tab .tab-item.active .tab-item-top .tab-item-title{color:#0067a5}.social-bottom .social-tab .tab-item.active .tab-item-top .tab-item-text{color:#0067a5}.social-bottom .social-tab .tab-item.active .tab-item-line{transform:scaleX(1)}.social-bottom .social-group{width:1200px;min-height:600px;margin-top:40px}.social-bottom .social-group .group-item{display:none;flex-wrap:wrap;width:100%}.social-bottom .social-group .group-item.show{display:flex}.social-bottom .social-group .group-items{position:relative;width:384px;margin-right:24px;cursor:pointer;margin-bottom:30px}.social-bottom .social-group .group-items .group-items-img{width:384px;height:288px;background-repeat:no-repeat;background-size:cover;background-position:center center}.social-bottom .social-group .group-items .group-items-content{width:100%;height:184px;background:#f7f7f7;padding:20px 16px 0}.social-bottom .social-group .group-items .group-items-content .group-items-title{font-size:18px;font-weight:bold;color:#333;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.social-bottom .social-group .group-items .group-items-content .group-items-text{margin-top:8px;font-size:14px;font-weight:400;color:#666;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.social-bottom .social-group .group-items .group-items-content .group-items-date{display:flex;align-items:center;margin-top:19px}.social-bottom .social-group .group-items .group-items-content .group-items-date .group-date-icon{display:block;width:18px;height:18px}.social-bottom .social-group .group-items .group-items-content .group-items-date .group-date-text{margin-left:5px;font-size:14px;font-weight:400;color:#999;line-height:16px}.social-bottom .social-group .group-items .group-items-shadow{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(4,105,172,0.8);opacity:0;transition:all .2s}.social-bottom .social-group .group-items .group-items-shadow .group-shadow-icon{display:block;width:59px;height:68px}.social-bottom .social-group .group-items .group-items-shadow .group-shadow-icon.two{width:68px;height:60px}.social-bottom .social-group .group-items .group-items-shadow .group-shadow-icon.three{width:62px;height:62px}.social-bottom .social-group .group-items .group-items-shadow .group-shadow-text{margin-top:13px;font-size:20px;font-weight:400;color:#fff;line-height:24px}.social-bottom .social-group .group-items:hover .group-items-shadow{opacity:1}.social-bottom .social-group .group-items:nth-child(3n){margin-right:0}.social-bottom .social-group .group-none{display:none;width:426px;margin:149px auto 219px}.social-bottom .social-group .group-none .none-img{display:block;width:426px;height:426px}.social-bottom .social-group .group-none.show{display:block}.video-mask{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:100}.video-mask .item-video{max-width:80%;max-height:90%}.video-mask.hide{display:none}.mask{position:fixed;left:0;top:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:100}.mask .close-box{position:absolute;top:30px;right:30px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,0.5);cursor:pointer}.mask .close-box .close{width:35px;height:35px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-image:url(../../images/social/close.png)}.mask .mask-img{max-width:1000px;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center center;margin:0 auto}.mask .mask-left{position:absolute;top:50%;left:19%;transform:translateY(-50%);width:47px;height:47px;background-image:url(../../images/social/arrow-left.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}.mask .mask-right{position:absolute;top:50%;right:19%;transform:translateY(-50%);width:47px;height:47px;background-image:url(../../images/social/arrow-right.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}.mask.show{display:block}