.newsdetail{padding:72px 0; background:#f7f9fc;}
.newsdetail-content{float:left; width:72%; padding:42px 46px 36px; background:#fff; border:1px solid #e9eef5; border-radius:16px; box-shadow:0 12px 32px rgba(15, 35, 95, 0.08);}
.newsdetail-content>h1{font-size:34px; line-height:1.45; font-weight:700; color:#111827; letter-spacing:0.02em;}
.newsdetail-info{display:flex; flex-wrap:wrap; align-items:center; gap:8px 0; margin:22px 0 32px 0; padding:16px 0 18px; border-top:1px solid #eef2f7; border-bottom:1px solid #eef2f7; color:#6b7280; font-size:15px; line-height:1.8;}
.newsdetail-info>b{font-weight:normal; color:#4b5563;}
.newsdetail-info>i{font-style:normal; padding-right:22px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:#2cb1e9;}
.newsdetail-content>aside{padding-bottom:42px;}
.newsdetail-content>aside>p{font-size:18px; line-height:2; color:#374151; text-align:justify; word-break:break-word;}
.newsdetail-content>aside a{color:#2563eb; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px;}
.newsdetail-content>aside a:hover{color:#1d4ed8;}
.newsdetail-content>aside>p+p{margin-top:14px;}
.newsdetail-content>aside>p:first-child{font-size:19px; color:#1f2937;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:18px 0 0;}
.newsdetail-content>dir>dl{padding:12px 18px; border:1px solid #edf2f7; border-radius:12px; background:#f9fbfd;}
.newsdetail-content>dir>dl:after{display:block; content:''; clear:both;}
.newsdetail-content>dir>dl>dt{float:left; margin-right:8px;}
.newsdetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.newsdetail-content>dir>dl>dd{float:left; max-width:calc(100% - 72px);} 
.newsdetail-content>dir>dl>dd>a{font-size:16px; line-height:1.8; color:#1f2937;}
.newsdetail-content>dir>dl>dd>a:hover{color:#2cb1e9;}
.newsdetail-content>dir>dl>dd>i{font-style:normal;}
.newsdetail-tags{padding:0 0 18px 0;}
.newsdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.newsdetail-tags>a:hover{color:#fff; background:#2cb1e9;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recommend{float:left; width:28%; padding:28px 24px; background:#fff; border:1px solid #e9eef5; border-radius:16px; box-shadow:0 12px 32px rgba(15, 35, 95, 0.06);}
.newsdetail-recommend h2{margin-bottom:28px; font-size:26px; line-height:1.4; color:#111827;}
.newsdetail-recommend h2:after{display:block; width:56px; height:4px; margin-top:10px; content:''; background:#2cb1e9; border-radius:999px;}
.newsdetail-recommend ul{display:block;}
.newsdetail-recommend ul>li{border-bottom:1px solid #e8e8e8; margin-top:18px; padding-bottom:18px;}
.newsdetail-recommend ul>li:first-child{margin-top:0;}
.newsdetail-recommend ul>li>a{display:block; font-size:17px; line-height:1.8; color:#111827;}
.newsdetail-recommend ul>li>a:hover{color:#2cb1e9;}
.newsdetail-recommend ul>li>u{display:block; text-decoration:none; margin-top:10px; color:#6b7280; font-size:14px; line-height:1.8;}
.newsdetail-recommend ul>li>u>b{font-weight:normal;}
.newsdetail-recommend ul>li>u>i{font-style:normal; padding-right:18px;}
@media(max-width:1200px){
.newsdetail{padding:42px 0;}
.newsdetail-content{float:none; width:100%; padding:32px 28px; margin-bottom:24px;}
.newsdetail-recommend{float:none; width:100%;}
}
@media(max-width:767px){
.newsdetail{padding:20px 0; background:#fff;}
.newsdetail-content{padding:22px 16px; border-radius:12px; box-shadow:none;}
.newsdetail-content>h1{font-size:26px; line-height:1.5;}
.newsdetail-info{margin:14px 0 20px 0; padding:12px 0; font-size:13px; line-height:1.8;}
.newsdetail-info>i{padding-right:14px;}
.newsdetail-content>aside{padding-bottom:24px;}
.newsdetail-content>aside>p{font-size:16px; line-height:1.95;}
.newsdetail-content>aside>p:first-child{font-size:17px;}
.newsdetail-content>aside>p+p{margin-top:12px;}
.newsdetail-content>dir{padding-top:12px;}
.newsdetail-content>dir>dl{padding:10px 12px;}
.newsdetail-content>dir>dl>dd{max-width:calc(100% - 62px);}
.newsdetail-content>dir>dl>dd>a{font-size:14px; line-height:1.7;}
.newsdetail-recommend{padding:20px 16px; border-radius:12px; box-shadow:none;}
.newsdetail-recommend h2{margin-bottom:18px; font-size:22px;}
.newsdetail-recommend ul>li{margin-top:12px; padding-bottom:12px;}
.newsdetail-recommend ul>li>a{font-size:15px; line-height:1.7;}
.newsdetail-recommend ul>li>u{margin-top:6px;}
}
.newslist{padding:40px 0; background:transparent;}
.newslist-content{display:block; margin:0 -18px;}
.newslist-content:after{display:block; content:''; clear:both;}
.newslist-item{float:left; width:33.333%; padding:18px;}
.newslist-item>a{display:block; background:#fff; border:1px solid #e8e8e8; position:relative; overflow:hidden;}
.newslist-item>a>img{display:block; width:100%;}
.newslist-item>a>span{display:block; padding:18px;}
.newslist-item>a>span>h3{display:block; height:24px; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist-item>a>span>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.newslist-item>a>span>u{display:inline-block; height:21px; margin-top:16px; color:#2cb1e9;}
.newslist-item>a>span>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.newslist-item>a>span>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.newslist-item>a>span>ins{float:right; text-align:center; transition:.4s; margin-left:18px; color:#fff; background:#2cb1e9;}
.newslist-item>a>span>ins>i{font-style:normal; display:block; font-size:28px;}
.newslist-item>a>span>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.newslist-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.newslist-item>a:hover>span>u>b{transform:translateX(4px); color:#2cb1e9;}
.newslist-item>a:hover>span>u>i{transform:translateX(8px);}
.newslist dir{padding:14px 0;}
@media(max-width:1400px){
.newslist{padding:48px 0;}
.newslist-content{margin:0 -10px;}
.newslist-item{padding:10px;}
.newslist dir{padding:10px 0;}
}
@media(max-width:1200px){
.newslist-item{width:50%;}
}
@media(max-width:992px){
.newslist{padding:38px 0;}
.newslist-content{margin:0 -8px;}
.newslist-item{padding:8px;}
.newslist dir{padding:8px 0;}
}
@media(max-width:767px){
.newslist{padding:18px 0;}
.newslist-content{margin:0;}
.newslist-item{padding:4px; width:100%;}
.newslist-item>a>span{padding:12px;}
.newslist-item>a>span>ins>u{font-size:12px;}
}


.news{padding:50px 0; background-color:#f8f8f8; background-image:url('');}
.news-title{padding-bottom:28px;}
.news-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.news-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#2cb1e9;}
.news-title>b>i{font-style:normal; display:inline-block; position:relative;}
.news-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#2cb1e9;}
.news-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.news-title>p>b{display:inline-block; padding-right:4px;}
.news-content{display:block; margin:0 -8px;}
.news-content:after{display:block; content:''; clear:both;}
.news-item{float:left; width:33.333%; padding:8px;}
.news-item>a>ins{float:right; background:#f8f8f8; text-align:center; margin-left:18px; transition:.4s;}
.news-item>a>ins>i{font-style:normal; display:block; font-size:28px;}
.news-item>a>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.news-item>a:hover>ins{color:#fff; background:#2cb1e9;}
.news-item>a>img{display:block; width:100%; height:328px; object-fit:cover;}
.news-item>a>h2{position:absolute; left:18px; bottom:18px; right:18px; padding:28px 18px; background:#fff;}
.news-item>a{display:block; background:#fff; position:relative; padding:28px; overflow:hidden;}
.news-item>a>h3{display:block; height:24px; margin-bottom:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-item>a>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.news-item>a>u{display:inline-block; height:21px; margin-top:16px; color:#2cb1e9;}
.news-item>a>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.news-item>a>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.news-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-item>a:hover>u>b{transform:translateX(4px); color:#2cb1e9;}
.news-item>a:hover>u>i{transform:translateX(8px);}
.news-more{text-align:center; font-size:0; margin-top:18px;}
.news-more>a{display:inline-block; overflow:hidden; position:relative; background:#fff; border-radius:3px; padding:12px 38px;}
.news-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#2cb1e9;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-more>a:hover:after{width:500px; height:500px;}
.news-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.news{padding:30px 0;}
.news-item{width:50%;}
.news-item:last-child{display:none;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-content{margin:0;}
.news-title{padding-bottom:16px;}
.news-title>b{font-size:28px;}
.news-title>b>u{padding-right:4px;}
.news-title>b>u:before{width:38px; height:6px;}
.news-title>p{font-size:28px; margin:8px 0 0;}
.news-title>p>b{padding-right:2px;}
.news-item{width:100%; padding:4px;}
.news-item:last-child{display:block;}
.news-item>a{padding:12px;}
.news-item>a>img{height:228px;}
.news-item>a>h2{left:8px; bottom:8px; right:8px; padding:12px 8px; font-size:16px;}
.news-item>a>ins{margin-left:8px;}
.news-item>a>ins>u{font-size:12px; padding:2px 6px;}
.news-more{margin-top:8px;}
.news-more>a{padding:8px 28px;}
.news-more>a>u{font-size:14px;}
.news-more>a>i{font-size:16px; margin-left:6px;}
.news-more>a:hover:after{width:400px; height:400px;} 
.news-more>a:hover>i{transform:translateX(4px);}
}