@charset "utf-8";
.newsdetail{padding:58px 0; background:; }
.newsdetail-content{float:left; width:72%; padding-right:58px;}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:#f20f0f;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
.newsdetail-content>dir>dl{padding:6px 0;}
.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;} 
.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:#f20f0f;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recommend{float:left; width:28%;}
.newsdetail-recommend h2{margin-bottom:28px;}
.newsdetail-recommend h2:after{display:block; width:48px; height:3px; margin-top:8px; content:''; background:#f20f0f;}
.newsdetail-recommend ul{display:block;}
.newsdetail-recommend ul>li{border-bottom:1px solid #e8e8e8; margin-top:18px; padding-bottom:18px;}
.newsdetail-recommend ul>li>a{display:block; font-size:16px;}
.newsdetail-recommend ul>li>u{display:block; text-decoration:none; margin-top:8px; color:#686868;}
.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:38px 0;}
.newsdetail-content{float:none; width:100%; padding:0 0 38px 0;}
.newsdetail-recommend{float:none; width:100%;}
}
@media(max-width:767px){
.newsdetail{padding:18px 0;}
.newsdetail-info{margin:12px 0 18px 0;}
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;}
.newsdetail-recommend h2{margin-bottom:18px;}
.newsdetail-recommend ul>li{margin-top:12px; padding-bottom:12px;}
.newsdetail-recommend ul>li>u{margin-top:4px;}
}
.newslist{padding:40px 0; background:;}
.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:#f20f0f;}
.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:#f20f0f;}
.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:#f20f0f;}
.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;}
}

   .article-list {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .article-item {
            background: #fff;
            padding: 30px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            gap: 30px;
            transition: all 0.3s ease;
        }

        .article-item:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }

        .item-date {
            text-align: center;
            min-width: 80px;
        }

        .date-num {
            font-size: 42px;
            font-weight: 300;
            color: #333;
            line-height: 1;
            margin-bottom: 6px;
        }

        .date-line {
            width: 20px;
            height: 1px;
            background: #ddd;
            margin: 0 auto 6px;
        }

        .date-text {
            font-size: 14px;
            color: #999;
        }

        .item-content {
            flex: 1;
        }

        .item-title {
            font-size: 16px;
            font-weight: 500;
            color: #333;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        .item-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 18px;
        }

        .item-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .item-more {
            font-size: 14px;
            color: #666;
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

        .item-more:hover {
            color: #000;
            border-color: #666;
        }

        .item-view {
            font-size: 12px;
            color: #999;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .item-view::before {
            content: "👁️"; 
            font-size: 10px;
        }

        @media (max-width: 768px) {
            .article-list {
                grid-template-columns: 1fr;
            }

            .article-item {
                flex-direction: row;
                align-items: flex-start;
                text-align: left;
                gap: 20px;
                padding: 20px;
            }

            .item-date {
                min-width: 60px;
            }

            .date-num {
                font-size: 32px;
            }

            .item-title {
                font-size: 15px;
            }

            .item-desc {
                font-size: 13px;
                margin-bottom: 12px;
            }

            .item-view {
                font-size: 11px;
            }
        }