.pi-news{overflow:hidden;position:relative}.pi-news:after{background:url(/img/icon-gray-radius-br.svg) no-repeat 0 0/contain;bottom:0;content:"";display:block;height:80px;position:absolute;right:0;width:80px;z-index:1}@media(max-width:1200px){.pi-news:after{height:60px;width:60px}}@media(max-width:970px){.pi-news:after{height:40px;width:40px}}@media(max-width:750px){.pi-news:after{height:32px;width:32px}}@media (max-width:576px){.pi-news:after{height:20px;width:20px}}.pi-news .bao__content{position:relative;z-index:1}.pi-news__bg{bottom:-85px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:0}@media(max-width:970px){.pi-news__bg{bottom:0}}.pi-news__hd{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:142px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(max-width:1200px){.pi-news__hd{padding-top:100px}}@media(max-width:970px){.pi-news__hd{padding-top:80px}}@media(max-width:750px){.pi-news__hd{padding-top:60px}}@media (max-width:576px){.pi-news__hd{padding-top:40px}}.pi-news__list{border-top:1px solid #ccd0d6;margin-top:26px;padding-bottom:152px}@media(max-width:1200px){.pi-news__list{padding-bottom:100px}}@media(max-width:970px){.pi-news__list{margin-top:16px;padding-bottom:80px}}@media(max-width:750px){.pi-news__list{margin-top:12px;padding-bottom:60px}}@media (max-width:576px){.pi-news__list{margin-top:8px;padding-bottom:40px}}
.card-1{border-bottom:1px solid #ccd0d6;color:#333;display:block;overflow:hidden;padding:12px 0;position:relative}@media(max-width:970px){.card-1{padding:8px 0}}@media(max-width:750px){.card-1{padding:6px 0}}@media (max-width:576px){.card-1{padding:4px 0}}.card-1:before{background:#f0f3f6;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);width:100%;will-change:transform;z-index:0}.card-1__content{z-index:1}.card-1__content,.card-1__time{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-1__time{font-size:24px;gap:12px;margin-right:40px;padding-right:40px;-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);will-change:transform}@media(max-width:970px){.card-1__time{font-size:20px;gap:8px;margin-right:24px;padding-right:24px}}@media(max-width:750px){.card-1__time{font-size:18px;gap:6px;margin-right:16px;padding-right:16px}}@media (max-width:576px){.card-1__time{font-size:16px;gap:4px;margin-right:12px;padding-right:12px}}.card-1__time:after{background:#ccd0d6;content:"";height:64px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px}@media(max-width:970px){.card-1__time:after{height:48px}}@media(max-width:750px){.card-1__time:after{height:40px}}@media (max-width:576px){.card-1__time:after{height:32px}}.card-1__time span{font-size:40px}@media(max-width:970px){.card-1__time span{font-size:32px}}@media(max-width:750px){.card-1__time span{font-size:28px}}@media (max-width:576px){.card-1__time span{font-size:24px}}.card-1__info{padding:24px 0;-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);will-change:transform}@media(max-width:970px){.card-1__info{padding:16px 0}}@media(max-width:750px){.card-1__info{padding:12px 0}}@media (max-width:576px){.card-1__info{padding:8px 0}}.card-1__info h1{display:-webkit-box;height:36px!important;line-height:36px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:24px;margin:0 0 16px}@media(max-width:970px){.card-1__info h1{display:-webkit-box;height:28px!important;line-height:28px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:20px;margin:0 0 12px}}@media(max-width:750px){.card-1__info h1{display:-webkit-box;height:26px!important;line-height:26px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:18px;margin:0 0 8px}}@media (max-width:576px){.card-1__info h1{display:-webkit-box;height:24px!important;line-height:24px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:16px;margin:0 0 6px}}.card-1__info p{display:-webkit-box;height:24px!important;line-height:24px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:#657181;margin:0}@media(max-width:750px){.card-1__info p{display:-webkit-box;height:22px!important;line-height:22px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:14px}}.card-1:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}.card-1:hover .card-1__time{-webkit-transform:translateX(12px);transform:translateX(12px)}@media(max-width:970px){.card-1:hover .card-1__time{-webkit-transform:translateX(8px);transform:translateX(8px)}}@media(max-width:750px){.card-1:hover .card-1__time{-webkit-transform:translateX(6px);transform:translateX(6px)}}@media (max-width:576px){.card-1:hover .card-1__time{-webkit-transform:translateX(4px);transform:translateX(4px)}}.card-1:hover .card-1__info{-webkit-transform:translateX(-8px);transform:translateX(-8px)}@media(max-width:970px){.card-1:hover .card-1__info{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}@media(max-width:750px){.card-1:hover .card-1__info{-webkit-transform:translateX(-4px);transform:translateX(-4px)}}@media (max-width:576px){.card-1:hover .card-1__info{-webkit-transform:translateX(-2px);transform:translateX(-2px)}}