.m-social1{padding:52px 0 80px}
.m-heart-staff .con-heart{display:flex;flex-direction:row-reverse;overflow:hidden}
.m-heart-staff .con-heart .pic{float:left;width:640px;text-align:right;margin-left:70px}
.m-heart-staff .con-heart .pic img{display:inline-block;max-width:100%}
.m-heart-staff .con-heart .txt{overflow:hidden;flex:1}
.m-heart-staff .con-heart .g-tit .tit{margin-bottom:30px;text-align:left}
.m-heart-staff .con-heart .desc p{font-size:16px;line-height:32px;text-align:justify;color:#252626;text-indent:2em;margin-bottom:11px}
.m-heart-staff{background-repeat:no-repeat;background-size:cover;background-position:center;margin:80px 0 71px;padding:72px 0 27px}
.m-social1 .con{position:relative;padding-bottom:60px}
.m-social1 .con::after{position:absolute;left:0;right:0;content:"";background:linear-gradient(90deg,#0b92e5 0,#4aac35 100%);height:12px;width:100%;bottom:0}
.m-public-practice .g-tit{margin-bottom:41px}
.m-social1 .box .info{font-size:16px;line-height:32px;text-align:center;color:#252626;margin-bottom:41px;padding:0 160px}
.m-social1 .pic img{display:block;width:100%}
.m-social1 .item,.m-social1 .item .txt{overflow:hidden}
.m-social1 .item1{margin-bottom:24px}
.m-social1 .item1 .pic{float:left;width:732px;margin-right:56px;overflow:hidden}
.m-social1 .item2 .pic{overflow:hidden;width:338px;float:right}
.m-social1 .item2 .txt{float:left;overflow:hidden;width:338px}
.m-social1 .item .pic img{display:block;width:100%;height:100%;object-fit:cover}
.m-social1 .item .tit{font-size:28px;font-weight:700;color:#252626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:21px 0 11px}
.m-social1 .item2 .tit{margin:24px 0 12px}
.m-social1 .item .desc{font-size:16px;line-height:32px;overflow:hidden;overflow-y:auto;color:#252626;padding-right:1em;text-indent:2em;text-align:justify;}
.m-social1 .item2,.m-social1 .item2 .con1{overflow:hidden}
.m-social1 .item2 .con1-1{float:left;width:732px;margin-right:56px}
.m-social2{background-color:#fff;padding:0 0 120px;overflow:hidden}
.m-social2 .g-tit .desc{margin-bottom:44px}
.ul-social1{margin:0 -27.5px 61px;overflow:hidden}
.ul-social1 li{float:left;width:33.3%;margin-bottom:44px}
.ul-social1 .con{display:block;border-bottom:4px solid transparent;transition:.5s;margin:0 27.5px}
.ul-social1 .con:hover{border-bottom-color:#0b92e5}
.ul-social1 .tit{font-size:20px;font-weight:700;color:#252626;transition:.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:1.5em;margin-bottom:22px;transition:.5s}
.ul-social1 .con:hover .tit{color:#0b92e5}
.ul-social1 .desc{font-size:16px;line-height:1.7;height:3.4em;color:#8a8d8d;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;transition:.5s;margin-bottom:40px;transition:.5s}
.ul-social1 .con:hover .desc{color:#0b92e5}
.ul-social1 .bot{display:flex;justify-content:space-between;align-items:center}
.ul-social1 .date,.ul-social1 .more{font-size:16px;color:#8a8d8d;transition:.5s}
.ul-social1 .con:hover .date,.ul-social1 .con:hover .more{color:#0b92e5}
.ul-social1 .pic{position:relative;height:0;padding-top:55.6%;overflow:hidden}
.ul-social1 .pic img{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);transition:.5s}
.ul-social1 .con:hover .pic img{transform:translate(-50%,-50%) scale(1.08)}
.ul-social1 .txt{padding:31px 0 19px}
.g-more{text-align:center;cursor:pointer}
.g-more a{display:inline-block}
.g-more a img{display:inline-block;width:31px;height:31px;vertical-align:middle;margin-right:12px;animation:2s linear infinite forwards myroate}
@keyframes myroate{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.g-more a span{display:inline-block;font-size:18px;color:#8a8d8d;vertical-align:middle;transition:.5s}
.g-more a:hover span{color:#0b92e5}
.m-building{background-color:#fff;padding:64px 0 120px}
@media only screen and (min-width:1199px){
.m-social1{padding:2.708vw 0 4.166vw}
.m-heart-staff .con-heart{flex-direction:row-reverse}
.m-heart-staff .con-heart .pic{width:33.33vw;margin-left:3.645vw}
.m-heart-staff .con-heart .txt{flex:1}
.m-heart-staff .con-heart .g-tit .tit{margin-bottom:1.562vw}
.m-heart-staff .con-heart .desc p{font-size:.833vw;line-height:1.666vw;text-indent:2em;margin-bottom:.572vw}
.m-heart-staff{background-repeat:no-repeat;background-size:cover;margin:4.166vw 0 3.697vw;padding:3.75vw 0 1.406vw}
.m-social1 .con{padding-bottom:3.125vw}
.m-social1 .con::after{left:0;right:0;content:"";background:linear-gradient(90deg,#0b92e5 0,#4aac35 100%);height:.625vw;bottom:0}
.m-public-practice .g-tit{margin-bottom:2.135vw}
.m-social1 .box .info{font-size:.833vw;line-height:1.666vw;margin-bottom:2.135vw;padding:0 8.333vw}
.m-social1 .item1{margin-bottom:1.25vw}
.m-social1 .item1 .pic{width:38.12vw;margin-right:2.916vw}
.m-social1 .item2 .pic,.m-social1 .item2 .txt{width:17.6vw}
.m-social1 .item .pic img{object-fit:cover}
.m-social1 .item .tit{font-size:1.458vw;font-weight:700;white-space:nowrap;margin:1.093vw 0 .572vw}
.m-social1 .item2 .tit{margin:1.25vw 0 .625vw}
.m-social1 .item .desc{font-size:.833vw;line-height:1.666vw;padding-right:1em;text-indent:2em}
.m-social1 .item2 .con1-1{width:38.12vw;margin-right:2.916vw}
.m-social2{padding:0 0 2.25vw}
.m-social2 .g-tit .desc{margin-bottom:2.291vw}
.ul-social1{margin:0 -1.432vw 3.177vw}
.ul-social1 li{width:33.3%;margin-bottom:2.291vw}
.ul-social1 .con{border-bottom:solid transparent;border-bottom-width:.208vw;transition:.5s;margin:0 1.432vw}
.ul-social1 .tit{font-size:1.041vw;font-weight:700;transition:.5s;white-space:nowrap;height:1.5em;margin-bottom:1.145vw;transition:.5s}
.ul-social1 .desc{font-size:.833vw;line-height:1.7;height:3.4em;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:.5s;margin-bottom:2.083vw;transition:.5s}
.ul-social1 .bot{justify-content:space-between;align-items:center}
.ul-social1 .date,.ul-social1 .more{font-size:.833vw;transition:.5s}
.ul-social1 .pic{padding-top:55.6%}
.ul-social1 .pic img{top:50%;object-fit:cover;transform:translate(-50%,-50%);transition:.5s}
.ul-social1 .con:hover .pic img{transform:translate(-50%,-50%) scale(1.08)}
.ul-social1 .txt{padding:1.614vw 0 .989vw}
.g-more a img{width:1.614vw;height:1.614vw;margin-right:.625vw;animation:2s linear infinite forwards myroate}
@keyframes myroate{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.g-more a span{font-size:.937vw;transition:.5s}
.m-building{padding:3.333vw 0 6.25vw}
}
@media only screen and (max-width:1440px){
.m-social1 .box .info,.m-social1 .item .desc{font-size:14px;line-height:24px}
.m-social1 .item .desc{height:10.27vw}
}
@media only screen and (max-width:1199px){
.m-heart-staff .con-heart .g-tit .tit{margin-bottom:6px}
.m-social1 .item1 .pic{float:none;width:100%;height:auto;margin-right:0;overflow:hidden}
.m-heart-staff .con-heart{display:block}
.m-heart-staff .con-heart .pic{float:none;width:100%;text-align:center;margin-left:0;margin-bottom:20px}
.m-heart-staff .con-heart .pic img{display:inline-block;max-width:100%;width:auto}
.m-heart-staff{background-repeat:no-repeat;background-size:cover;background-position:center;margin:40px 0 31px;padding:30px 0 10px}
.m-social1 .item .tit{font-size:20px;margin:5px 0 0}
.m-social1 .item .desc{height:auto}
.m-social1 .item2 .con1-1{float:none;width:100%;margin-right:0;margin-bottom:15px}
.m-social1 .item2 .pic{overflow:hidden;width:338px;height:360px;float:left;margin-right:20px}
.m-social1 .item2 .txt{float:none;overflow:hidden;width:auto}
.m-social1 .item:first-child{margin-top:24px;margin-bottom:20px}
.m-social1{padding:20px 0 30px}
.m-social1 .box .info{margin-bottom:20px;padding:0 20px}
.m-social2{padding:20px 0 60px}
.ul-social1 .con{border-bottom-width:3px;margin:0 5.5px}
.ul-social1{margin:0 -5.5px 24px;overflow:hidden}
.m-social2 .g-tit .desc{margin-bottom:20px}
.ul-social1 .txt{padding:13px 0 10px}
.ul-social1 .tit{font-size:18px;margin-bottom:5px}
.ul-social1 .desc{font-size:14px;margin-bottom:17px}
.ul-social1 .date{font-size:14px;transition:.5s}
.ul-social1 .more{font-size:14px}
.ul-social1 li{margin-bottom:20px}
.g-more a span{font-size:16px}
.g-more a img{width:25px;height:25px;vertical-align:middle;margin-right:10px}
}
@media only screen and (max-width:959px){
.m-social1 .item .tit{font-size:16px}
.ul-social1 .tit{font-size:16px;margin-bottom:5px}
.ul-social1 .date{font-size:12px;transition:.5s}
.ul-social1 .more{font-size:12px}
.ul-social1 li{width:50%;margin-bottom:15px}
.m-social2{padding:20px 0 30px}
.ul-social1{margin:0 -10.5px 10px}
}
@media only screen and (max-width:767px){
.m-heart-staff{margin:30px 0 0;padding:20px 0}
.m-public-practice .g-tit{margin-bottom:15px}
.m-heart-staff .con-heart .desc p{font-size:14px;line-height:30px}
.m-social1{padding:20px 0 10px}
.m-social1 .con{padding-bottom:30px}
.m-social1 .con::after{height:5px}
.m-social1 .box .info{margin-bottom:10px;padding:0}
.m-social1 .item:first-child{margin-top:10px;margin-bottom:10px}
.m-social1 .item2 .pic{overflow:hidden;width:100%;height:auto;float:none;margin-right:0;margin-bottom:10px}
.m-social1 .item2 .con1-1{margin-bottom:15px}
.ul-social1 li{width:100%;margin-bottom:10px}
.ul-social1{margin:0 0 10px}
.ul-social1 .con{border-bottom-width:2px;margin:0}
.g-more a span{font-size:14px}
}

@media only screen and (min-width: 1260px) and (max-width: 1280px){
    .m-social1 .item .desc{
        font-size: 0.8vw;
        line-height:1.8;
    }
    .m-social1 .item .desc:first{
        line-height:2.5;
    }
}
