@charset "utf-8";
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
		a { text-decoration: none; color:#000;}
		a:hover { text-decoration:underline;}

        body {
            font-family: "Microsoft Yahei", SimHei, sans-serif;
        }
		.banner { max-width: 1200px; margin:auto; min-height:500px; display: flex; align-items: center;}
		.nav { max-width:1220px; background:#0f7edf; color:#fff; font-size: clamp(14px, 1.5vw - 3px, 16px); overflow-x: auto; align-items: center; margin:auto; display: flex; }
		.nav p { display: flex; justify-content: space-evenly; width:80%;}
		.nav a { color:#fff; font-size: clamp(14px, 1.5vw - 3px, 16px); flex-shrink: 0; white-space: nowrap; padding:20px 40px;}
		.nav a:first-of-type { background:#ff2626; position:relative;}
		.nav p a:first-of-type { background:none;}
		.nav p a:first-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: none;
}
		.nav a:first-of-type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #c9ae7e;
}
		/* 头条新闻板块 */
		.TT-news { background: #fff;
    margin: auto;
    max-width: 1220px;
    padding: 0 10px;}
		
        /* 页面容器 最大宽度1400px，居中自适应 */
        .container {
            max-width: 1200px;
			margin: 0 auto;
			width: 100%;
        }
        /* 顶部蓝色横幅头部 */
        .header-banner {
            width: 100%;
            background: linear-gradient(180deg, #0077e6 0%, #0058b3 100%);
            padding: 40px 20px;
            text-align: center;
            color: #fff;
        }
        .header-banner h1 {
            font-size: clamp(26px, 4vw, 42px);
            color: #ffdd00;
            margin-bottom: 16px;
            font-weight: bold;
        }
        .header-subtitle {
            font-size: clamp(14px, 2vw, 18px);
            margin-bottom: 24px;
            opacity: 0.95;
        }
        .header-date {
            font-size: 15px;
            margin-bottom: 12px;
        }
        .china-logo {
            width: 60px;
            margin: 0 auto;
        }
        /* 主标题区域 */
        .main-title {
            padding: 30px 0px;
            text-align: center;
			color:#fff;
        }
        .main-title h2 {
            font-size: clamp(26px, 3vw, 42px);
			color:#0146ae;
            
        }
		.main-title h2 a, .main-title h3 a { color:#0146ae;}
		.main-title h3 {
            font-size: clamp(14px, 1.5vw - 3px, 18px);
            font-weight:normal; padding-top:10px;
			color:#0146ae;
        }
		
        /* 内容主体两栏布局 */
        .content-wrap {
            display: grid;
            grid-template-columns: 79fr 41fr;
            
        }
		.PL { grid-template-columns: 76fr 43fr; gap:41px;}
        .col-left .col-right {
            width: 100%;
        }
        /* 左侧图片模块 */
		.top-news { width:auto; overflow: hidden; zoom: 1;}
		.top-news .swiper-slide { width:100% !important;}
		.top-news h2 { position:absolute; width:100%; padding:10px 2%; bottom:0; left:0; font-weight:normal; color:#fff; font-size:16px; background: linear-gradient(transparent 5%, rgb(0, 0, 0));}
		
		
        .img-block {
            width: 100%;
        }
        .img-block img {
            width: 100%;
            height: auto; /* 图片等比缩放核心 */
            display: block;
        }
        .img-desc {
            font-size: 12px;
            color: #666;
            padding: 6px 0;
        }
        /* 右侧共识列表 */
        .consensus-list { position:relative; width:100%;
        }
        .consensus-list ul {
            position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* 垂直均分核心 */
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
        }
		.consensus-list ul li:last-of-type { border-bottom-right-radius: 10px;}
		.consensus-list ul li:first-of-type { border-top-right-radius: 10px;}
		.consensus-list ul li:first-of-type > :first-child { border-top-right-radius: 10px;}
		.consensus-list ul li:last-of-type > :first-child { border-bottom-right-radius: 10px;}
        .consensus-list li {
            font-size: clamp(14px, 1.5vw - 3px, 16px);
            color: #fff;
            line-height: 1.6;
            flex: 1;
	  border-bottom: solid 1px #94c4ed;
	  background:#0f7edf; position:relative;
        }
		.consensus-list li a { color:#fff;}
		
		.consensus-list li:hover { background:#c9ae7e;}
		.consensus-list li:hover::before {
    content: "";
    top:0px; width:5px; background:#F00;
    position: absolute;
    left: 0; height:100%;
}
	.main-title h2 a:hover { color:#c9ae7e; text-decoration:none;}
	.n-news a { text-decoration:none;}
		
		.WZ { position:absolute; top:0; left:5%; width:90%; height:100%; z-index:5; display: flex;
      align-items: center; flex-wrap: wrap;}
	  .WZ a:not(:first-of-type) { margin-right:10px;}
		
        /* 最新播报标签 */
        .news-tag {
            
           
            margin: 25px 0px;
            font-size: 14px;
			overflow:hidden;
			
			
        }
		#inner11 { height:25px; display:flex;}
		#inner11 a {white-space: nowrap;}
        .news-tag span {
            float:left;
            
        }
		.news-tag .wenz { font-size: clamp(16px, 1.5vw - 3px, 24px); font-weight:bold; padding:0 20px 0 30px; background:url(http://images.china.cn/images1/ch/20260715/0713-04.jpg) left center no-repeat;}
		.wenz1 { overflow: hidden; background:#fafafa; border-left: solid 15px #fafafa; border-right: solid 15px #fafafa; border-top: solid 5px #fafafa; border-bottom: solid 5px #fafafa;}
        .news-tag a {
            
            text-decoration: none;
            margin: 0 12px;
			font-size: clamp(14px, 1.5vw - 3px, 16px);
        }
        /* 双栏tab标题 */
        .tab-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            padding: 0 20px;
            margin-bottom: 16px;
        }
        .tab-item {
            text-align: center;
        }
        .tab-item h3 {
            display: inline-block;
            padding: 6px 30px;
            background: #0088ee;
            color: #fff;
            font-size: 18px;
            clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
        }
        /* 评论解读 数说峰会 内容块 */
        .text-card {
            
            margin-bottom: 20px;
			container-type: inline-size;
        }
        .text-card p {
            font-size: clamp(12px, 1.5vw - 3px, 16px);
            line-height: 1.7;
            color: #222; 
        }
		.text-card h1 { font-size: clamp(16px, 1.5vw - 3px, 22px); padding:0px 0 10px 15px; position: relative;}
		.text-card h1::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #ff2626;
    border-radius: 50%;
}
        .data-card img {
            width: 98%;
            height: auto; margin:0 0 10px 0;
        }
		
        /* 底部绿色板块：网络空间文化交流论坛 */
        .forum-section {
            padding: 35px;
           
            display: grid;
            grid-template-columns: 19fr 17fr;
			gap:50px; margin:30px auto;
        }
		.C-F > :nth-child(2) { background: linear-gradient(rgba(109, 195, 250, 1), #e6f2fc); }
		.C-F > :nth-child(4) { background: linear-gradient(rgba(54, 181, 86, 1), #DBF2E1); }
		.C-F > :nth-child(6) { background: linear-gradient(rgba(245, 130, 36, 1), #FEF0E4); }
		.C-F > :nth-child(8) { background: linear-gradient(rgba(109, 195, 250, 1), #e6f2fc); }
		
		
		.forum-poster a { color:#000; font-size:20px;}
        .forum-poster img {
            width: 100%;
            height: auto;
            display: block; margin-bottom:8px;
        }
        
        .forum-list ul {
            list-style: none;
        }
        .forum-list li {
            font-size: clamp(12px, 1.5vw - 3px, 20px);
            line-height: 1.8;
            margin: 8px 0 20px;
            padding-left: 14px;
            position: relative;
        }
        .forum-list li::before {
            content: "·";
            color: #ff2626;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        /* 页脚版权 */
        .pc_footer {
    width: 100%;
    text-align: center;
    margin-top: 80px;
    background: #0146ae;
    color: #fff;
    font-size: 14px;
    padding: 60px 0
}

.pc_footer span {
    margin: 0 13px
}

.pc_footer p {
    margin-bottom: 5px;line-height: 190%;
}

.pc_footer p a {
    color: #fff;
    margin: 0 13px
}

.pc_footer .Icons {
    text-align: center;
    margin-top: 40px
}

.pc_footer .Icons img {
    width: auto;
    height: 45px;
    margin: 0 10px
}

.m_footer {
    display: none
}

.fixed {
    position: fixed;
    right: 15px;
    bottom: 30px;
    text-align: center;
    z-index: 99;
    cursor: pointer
}

.fixed span {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #ededed;
    border-radius: 7px
}

.fixed #fix_wza {
    color: #999;
    font-size: 14px
}

.fixed #fix_wza span {
    background-image: url("http://images.china.cn/images1/ch/2022ChinaIdex/content/img/wza.png");
    background-position: center;
    background-size: 100% auto
}

.fixed .scroll_top {
    margin-top: 10px;
    display: none
}

.fixed .scroll_top span {
    position: relative
}

.fixed .scroll_top span::before,
.fixed .scroll_top span::after {
    content: "";
    width: 4px;
    height: 25px;
    background: #b4b4b4;
    position: absolute;
    top: 17px;
    border-radius: 5px
}

.fixed .scroll_top span::before {
    transform-origin: 0 0;
    transform: rotateZ(45deg);
    left: 30px
}

.fixed .scroll_top span::after {
    transform-origin: 100% 0;
    transform: rotateZ(-45deg);
    right: 30px
}

.fixed .scroll_top a {
    color: #999;
    font-size: 14px
}
		
		
	.T-wrap {
      font-size: clamp(32px, 1.5vw - 3px, 30px);
	  color:#fff; font-weight:bold; background:url(http://images.china.cn/images1/ch/20260715/0713-03.jpg) top left no-repeat; background-size:100% 100%; width:100%; padding:10px 0 10px 20px; border-top-left-radius:10px; border-top-right-radius:10px; position:relative;}
	  .T-bg1 { background:url(http://images.china.cn/images1/ch/20260715/0713-06.png) top left no-repeat; background-size: 100% 100%;}
	  .T-bg2 { background:url(http://images.china.cn/images1/ch/20260715/0713-05.png) top left no-repeat; background-size: 100% 100%;}
	 .T-c { text-align:center;}
	 .T-more { position:absolute; right:30px; top:0px;}
     .T-more a { font-size:14px; font-weight:normal; color:#0060b7;}
	
	/* 高清大图 */
	.Photos { width:100%; margin:30px auto; display: grid;}
	.Photos img { width:100%; height:auto;} 
	.Photos h2 {  width:100%; padding:10px 2%; font-size: clamp(16px, 1.5vw - 3px, 22px); text-align:center; font-weight:bold;}
	.Photos .swiper-button-prev:after, .Photos  .swiper-button-next:after, .top-news .swiper-button-prev:after, .top-news  .swiper-button-next:after { content: ' '}
	.top-news { border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
	.top-news .swiper-button-prev, .Photos .swiper-button-prev { background:url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_left.png) no-repeat; background-size:100% 100%; left:0; width:5%; height:15%; top:45%;}
	.top-news .swiper-button-next, .Photos .swiper-button-next { background:url(http://images.china.cn/images1/ch/2022ChinaIdex/img/btn_right.png) no-repeat; background-size:100% 100%; right:0; width:5%; height:15%; top:45%;}
	.Photos .swiper-pagination-fraction { right:0; left:auto; color:#999; width:10%;}
	.Photos .swiper-pagination-current { font-size:18px; color:#F00;}
	
	.n-news { max-height:640px; overflow-y:auto; margin-top: 20px; padding-top: 5px;}
	.n-news::-webkit-scrollbar-button:vertical { display: none; }
	.n-news::-webkit-scrollbar {
  width: 10px;
}
.n-news::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
.n-news::-webkit-scrollbar-track {
  background: #f5f5f5;
}


.col-right-pic::-webkit-scrollbar-button:vertical { display: none; }
.col-right-pic::-webkit-scrollbar { width: 8px; }
.col-right-pic::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}
.col-right-pic::-webkit-scrollbar-track {
  background: #f5f5f5;
}
	
	
	.n-news-1 { padding:20px; background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2); overflow: hidden; width: 98%; margin: 0 0 20px 4px; line-height:1.7;}
	.n-news a { color:#000;}
	.n-news-1:hover { background: #c9ae7e; color:#fff;}
	.n-news-1 a:hover { color:#fff;}
	.w-100 { max-width:100%; background:url(http://images.china.cn/images1/ch/20260715/0713-01.png) bottom center no-repeat; background-size:100% 100%;}
	
	.col-right-pic { max-height:640px; overflow-y:auto; margin-top: 20px; padding-top: 5px;}
	
	.col-right-pic p { padding-bottom:30px;}
	.pljd { background:url(http://images.china.cn/images1/ch/20260715/0713-07.jpg) top center no-repeat; background-size:100% 100%}
		
		
		
        /* 响应式适配：小于768px屏幕自动改为单栏 */
        @media screen and (max-width: 768px) {
            .content-wrap, .tab-row, .forum-section {
                grid-template-columns: 1fr;
            }
			.consensus-list li { font-size:15px; height:60px;}
			.text-card p { font-size:14px;}
			.forum-list li { font-size:15px;}
			.swiper-pagination { display:none;}
			.TT-news { background:none; padding:0;}
			.consensus-list ul { display:block;}
			.main-title { color:#000; background-color:#fff; }
			.nav { display: flex; }
			
			.pc_footer {
        display: none
    }

    .m_footer {
        display: block;
        background: #0146ae;
        padding: .8rem .8rem 1.6rem;
        font-size: .8rem;
        color: #fff;
        line-height: 1em;
        text-align: center
    }

    .m_footer .ft1 {
        padding-bottom: .8rem;
        display: flex;
        justify-content: center;
        gap: 3rem;
    }

    .m_footer .ft1 div {
        display: flex;
        align-items: center
    }

    .m_footer .ft1 div:nth-child(1) img {
        width: 1.6rem
    }

    .m_footer .ft1 div:nth-child(2) img {
        width: 1rem
    }

    .m_footer .ft1 div img {
        margin-right: .4rem
    }

    .m_footer p {
        padding-top: 1rem;
        border-top: .01rem solid rgba(255, 255, 255, .2)
    }

    .fixed {
        display: none !important
    }
	.w-100 { background: url(http://images.china.cn/images1/ch/20260715/0713-01.png) top center no-repeat; background-size: contain;}
	.banner { min-height: auto;}
	.n-news { max-height: none; overflow-y: unset;}
	.col-right-pic { max-height: none; overflow-y: unset;}
	.data-card img { width:100%}
	.container { width:96%}
	.news-tag .wenz { padding: 0 0px 0 10px; }
	.consensus-list { height:360px;}
	.T-c { text-align:left;}
	.T-wrap { font-size:28px; }
	.T-more { right: 5px; top: 5px;}
	.consensus-list li a {line-height: 16px; font-size: 14px;}
		}