.news-top a {font-size:16px;color:#999;font-weight:700}
.news-top a i {font-size:18px;vertical-align:middle}

.newsnr h1 {font-size:22px;line-height:2;margin:30px 0 0;color:#212121;font-weight:700;text-align:center}
.newsnr .artInfo {text-align:center;margin:25px 0 0;position:relative}
.newsnr .artInfo span {margin:0 30px;line-height:20px;display:inline-block;font-size:17px;color:#666}
.newsnr .artInfo span.time {background:url('../images/time.png') no-repeat left center;padding:0 0 0 36px}
.newsnr .artInfo span.hit {background:url('../images/hit.png') no-repeat left center;padding:0 0 0 36px}

.myart {margin:60px 0 0;padding:50px 0 0;line-height:32px;font-size:17px;color:#666;border-top:1px solid #eee}
.myart h5 {font-size:22px;color:#333;font-weight:700;margin-bottom:15px}
.myart p {margin-bottom:20px}
.myart .row {margin-bottom:20px}
.myart .row p {text-align:center}
.myart table {width:100%}
.myart table td {padding:5px;border:1px solid #333;text-align:center}

.scroll-pic {margin-bottom:30px;margin-top:30px;overflow:hidden}
.scroll-pic p {text-align:center;margin-top:10px}
.scroll-pic .swiper-pagination {position:static;width:100%;margin-top:25px}
.scroll-pic .swiper-pagination-bullet {height:9px;width:9px;margin:0 12px;background:#ccc;border-radius:0;opacity:1;box-sizing:border-box}
.scroll-pic .swiper-pagination-bullet-active {background:var(--swiper-btn-color)}

.pro-bar {margin:55px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:45px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.pro-bar a {line-height:28px;font-size:14px;font-weight:700;color:#666;box-sizing:border-box}
.pro-bar a:not(:nth-child(2)) {-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative}
.pro-bar a:nth-child(2) {width:125px;text-align:center;display:block}
.pro-bar a span {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.pro-bar a span i {margin:2px 20px 0 0;font-size:20px;vertical-align:middle;display:inline-block}
.pro-bar a p {margin:0 0 0 20px}
.pro-bar a:last-child {-webkit-justify-content:flex-end;justify-content:flex-end}
.pro-bar a:last-child span i {margin:2px 0 0 20px}
.pro-bar a:last-child p {margin:0 20px 0 0}
.pro-bar a:hover {color:var(--link-color-hover)}
.pro-bar a:hover p {text-decoration:underline;color:var(--text-color-active)}

.rela-pro {}
.rela-pro .tit {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.rela-pro .tit h5 {font-size:22px;color:#333;font-weight:700;line-height:1}
.rela-pro .tit .page {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.rela-pro .tit .page .swiper-button-prev,.rela-pro .tit .page .swiper-button-next {width:37px;height:37px;line-height:37px;text-align:center;background:#113D9B;position:static;margin-top:0}
.rela-pro .tit .page .swiper-button-prev i,.rela-pro .tit .page .swiper-button-next i {font-size:13px;color:#fff;display:inline-block;margin-top:2px}
.rela-pro .tit .page .swiper-button-next {margin-left:14px}
.rela-pro .tit .page .swiper-button-prev::after,.rela-pro .tit .page .swiper-button-next::after {display:none;}
.rela-pro .tit .page .swiper-button-prev:hover,.rela-pro .tit .page .swiper-button-next:hover {background:#092868}
.rela-pro .list {margin:25px 0 0}
.rela-pro .swiper-slide {}
.rela-pro .swiper-slide a {width:100%;display:block;position:relative;overflow:hidden}
.rela-pro .swiper-slide a>img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.rela-pro .swiper-slide .t {position:absolute;background:#113d9b8a;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 40px;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}
.rela-pro .swiper-slide .t::after {content:"";height:2px;position:absolute;left:15px;width:0;bottom:16px;background:rgba(255,255,255,0.5);transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s}
.rela-pro .swiper-slide .t p {font-size:14px;color:#fff;font-weight:700;line-height:27px;letter-spacing:0.5px;padding:0 0 0 30px;position:relative}
.rela-pro .swiper-slide .t p::before {content:"+";position:absolute;left:0;top:0;font-size:24px;color:#fff;font-weight:400}
.rela-pro .swiper-slide .t2 {padding:0 70px}
.rela-pro .swiper-slide .t2 p {font-size:17px;line-height:36px}
.rela-pro .swiper-slide:hover .t {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.rela-pro .swiper-slide:hover .t::after {width:calc(100% - 30px)}
.rela-pro .swiper-pagination {display:none;position:static;width:100%;margin-top:20px}
.rela-pro .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#40409c;border-radius:10px;opacity:1;box-sizing:border-box}
.rela-pro .swiper-pagination-bullet-active {width:12px;background:#00007b}

@media screen and (max-width:768px) {

.news-top a {font-size:15px}
.newsnr h1 {font-size:18px;line-height:1.5;margin:15px 0 0}
.newsnr .artInfo span {margin:0 5px;font-size:13px}
.myart img {width:100%;height:auto}
.myart {line-height:24px;font-size:14px;margin:20px 0 0;padding:20px 0 15px}
.myart h5 {font-size:20px;margin-bottom:12px}
.myart .row {margin-bottom:0}
.myart .row>divl {margin-bottom:5px}
.scroll-pic {margin-bottom:15px}
.pro-bar {margin:20px 0;padding:20px 0}
.pro-bar a span i {margin:2px 15px 0 0}
.pro-bar a p {display:none}
.pro-bar a:last-child span i {margin:2px 0 0 15px}
.rela-pro .tit h5 {font-size:20px}
.rela-pro .tit .page .swiper-button-prev,.rela-pro .tit .page .swiper-button-next {width:34px;height:34px;line-height:34px}
.rela-pro .tit .page .swiper-button-next {margin-left:10px}
.rela-pro .list {margin:25px 0 0}
.rela-pro .swiper-slide .t {position:static;padding:15px 10px;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.rela-pro .swiper-slide .t::after {display:none}
.rela-pro .swiper-slide .t p {font-size:14px;line-height:22px;letter-spacing:0.5px;padding:0}
.rela-pro .swiper-slide .t p::before {display:none}
.rela-pro .swiper-slide .t2 {padding:15px 10px}
.rela-pro .swiper-slide .t2 p {font-size:14px;line-height:22px}
}