@charset "utf-8";
/* CSS Document */

    /* 全局样式 */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
	min-width: 320px;
    }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul,li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;*font-size:100%;}
fieldset,img,a img,:link img,:visited img{border:0;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#d3301f;}
a{text-decoration: none; color: #333;}
    /* 头部样式 */
    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px;
      background-image:url("images/bannerbg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	  background-size: cover;
	  height: 102px;
    }

.custom-icon{width: 40px; height: 40px; margin: 0 auto 20px; background-image: url('images/icon.png'); background-size: cover; background-position: center; border-radius: 5px;}




    /* Logo样式 */
    .logo {
      width: 180px;
    }

    /* 搜索按钮、PC版本、网站无障碍样式 */
    .header-right {
      display: flex;
      align-items: center;
		width: 60%;
		position: relative;
    }
.header-right a{display: block;  width: 70px; text-align: right; position: absolute; right: 0px; top: -20px; font-size: 0.8em;}
.header-right a img{height: 14px;}
 /* 搜索按钮样式 */
        #search-btn {
			position: absolute;
			background-color: none;
			padding: 2px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
			position: absolute;
			right: 80px;
			bottom: 2px;
        }
#search-btn img{width: 16px;}

        /* 输入框样式 */
        #search-input {
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-left: 10px;
            display: none;
            font-size: 14px;
			width: 50%; min-width: 100px;
			height: 25px;
			text-indent: 0.2em;
			position: absolute;
			right: 102px;
			bottom: 0px;
			transition: border-color 0.3s ease;
        }
        #search-input:focus {
            border-color: #007BFF;
            outline: none;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}

          /* 导航条样式 */
        nav {
            overflow-x: auto;
            white-space: nowrap;
			border-top: 2px solid #b9545d;
            background-color: #fff;
			-webkit-overflow-scrolling: touch;
            position: relative;
        }

        .nav-items {
            display: inline-flex;
			width: auto;
			margin: 0 auto;
			margin-right: 100px;
        }

        .nav-item {
            padding:12px;
            cursor: pointer;
			font-size: 1.2em;
        }
.nav-item img{height: 26px;}
.nav-item a{display: block; min-width: 30px; text-align: center; padding: 8px;border-radius: 5px;}
.nav-item a:hover{ font-weight: 600; color: antiquewhite; background-color: #e60013;}
.nav-item a.active { font-weight: 600; color: antiquewhite; background-color: #e60013; -webkit-overflow-scrolling: touch;}

.toggle-btn {
			width: 100px;
			height: 60px;
			background: #fff;
			border: none;
			text-align: center;
            cursor: pointer;
            position: absolute;
            top: 164px;
            right: 0px;
            z-index: 1000;
        }
.toggle-btn img{height: 20px; margin-top: 20px;}

.sitemap {
            display: none;
            position: fixed;
            top: 160px;
            left: 0;
            width: 100%;
            height:80%;
            background-color: rgba(255, 255, 255, 0.6);
            z-index: 999;
            overflow-y: auto;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
        }

       .sitemap-content {
            background-color: white;
            width: 90%;
		    height:80%;
            margin: 20px auto;
            padding: 20px;
            border-radius: 5px;
            position: relative;
		   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
        }
.sitemap-content P{font-size: 1.2em; text-align: center; font-weight: bold; margin-bottom: 10px;}


       .close-btn {
            position: absolute;
            top: 0px;
            right: 30px;
            background: none;
            border: none;
            font-size: 3em;
            cursor: pointer;
        }

       .sitemap ul {
            list-style-type: none;
        }

       .sitemap li {
		   display: block;
           margin: 10px;
		   padding: 10px;
		   float: left;
		   background: #fff;
		   text-decoration: center;
		   border-radius: 5px;
		   line-height: 30px;
		   font-weight: 500;
		   min-width: 12%;
		   text-align: center;
		   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
        }

       .sitemap a {
            color: #000;
            
        }

       .sitemap a:hover {
            text-decoration: none;
        }

    /* 主要内容区域样式 */
    main {
      padding: 10px;
	  background-image:url("images/boxbg.png");
	  background-repeat: repeat-x;
	  background-position: top;
	  overflow: hidden
    }

    /* 栏目样式 */
.section {width: 98%; margin: 0 auto; margin-bottom: 20px;}

    /* 栏目标题样式 */
.section h2 {display: block; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; line-height: 60px; text-indent: 1em; width: 100%;}
.section h2 a{width: 100%;cursor: pointer;}
.section h2 a img{height: 26px; display: block; margin: 10px 0px;}
.section h2 img{height: 26px; display: block; margin: 10px 0px;}

    /* 查看更多按钮样式 */
.section .more {float: left; width: 100%; text-align: center; line-height: 36px;}
.section .more:hover{cursor: pointer;} 

    /* 要闻栏目内容样式 */
.news-list{width: 96%; margin: 0 auto;}
.news-list li {margin-bottom: 8px; line-height: 2.5em;font-size: 1.2em; border-bottom: 1px solid #eeeeee; white-space: nowrap;
	/* 可以添加其他样式，如超出部分显示省略号 */overflow: hidden; text-overflow: ellipsis;}

    /* 聚焦栏目图片样式 */
.focus-img {width: calc(100%/3 - 5px); border-radius: 10px; margin-bottom: 5px; aspect-ratio: 10/5.81; /* 保持宽高比 */ height: auto;}

    /* 热点栏目内容样式 */
.hot-item {display: flex; margin-bottom: 10px;}

.hot-item img {width: 140px; aspect-ratio: 16/10.67; /* 保持宽高比 */ margin-left: 10px;}

.hot-item-info {flex: 1;}
.hot-item-info-tit{line-height: 1.5em; font-size: 1.2em; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.hot-item-source {font-size: 12px; color: #777; margin-top: 10px;}

    /* 短视频栏目视频样式 */
.video-item {width: calc(50% - 5px); /* 每行显示两个图片 */ margin-bottom: 10px; margin-right: 1%; margin-left: 1%; float: left;}

.video-item img {width: 100%; aspect-ratio: 16/9; /* 保持宽高比 */}

.video-item-title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; overflow: hidden; font-weight: bold; height: 40px; padding:10px;}

    /* 地方栏目内容样式 */
.local-list li {margin-bottom: 8px; line-height: 2.5em; font-size: 1.2em; border-bottom: 1px solid #eeeeee; white-space: nowrap; /* 可以添加其他样式，如超出部分显示省略号 */overflow: hidden; text-overflow: ellipsis;}

    /* 看IP栏目幻灯片样式 */
.slider-container {width: 100%; aspect-ratio: 16/8.2; /* 保持宽高比 */ position: relative; overflow: hidden;}
.slider-container img {width: 100%; height: 100%; object-fit: contain; /* 保持图片比例 */ position: absolute; opacity: 0; transition: opacity 0.5s ease-in-out;}
.slider-container img.active {opacity: 1;}
.slider-container button {position: absolute; top: 50%; transform: translateY(-50%);  display: flex; justify-content: space-between; z-index: 10;background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 2.4em; line-height: 1.4em;}
.slider-container #next-btn{right: 0px;}
.slider-pagination {position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); display: flex; gap: 5px;}
.slider-pagination span {width: 30px; height: 10px; background: rgba(255, 255, 255, 0.5); border-radius: 5px; cursor: pointer;}
.slider-pagination span.active {background: white;}

    /* IP REPORT栏目英文内容样式 */
.ip-report p {margin-bottom: 8px; line-height: 2.5em; font-size: 1.2em; border-bottom: 1px solid #eeeeee; white-space: nowrap;  /* 可以添加其他样式，如超出部分显示省略号 */ overflow: hidden; text-overflow: ellipsis;}

.ip-report p:last-child {text-decoration: none;}

    /* 专题图片样式 */
.featured-img {width: 100%; margin-bottom: 10px;}

    /* 相关链接栏目图片样式 */
.related-link {display: flex; flex-wrap: wrap; gap: 10px;}
.related-link a{width: calc(50% - 5px); /* 每行显示两个图片 */}
.related-link a img{width: 100%;}

    /* 版权信息样式 */
footer {text-align: center; padding: 20px; font-size: 0.8em; line-height: 1.8em; color: #2f2f2f; border-top: 2px solid #b9545d; background-image:url("images/bannerbg.png"); background-repeat: no-repeat; background-position: bottom; background-size: cover; min-height: 102px;}

    /* 二级-聚焦栏目图片样式 */
.image-container {display: flex; flex-wrap: wrap; gap: 10px;}
.image-container div{display: flex; flex-wrap: wrap; gap: 10px;}
.image-container li{width: calc(50% - 5px); /* 每行显示两个图片 */}
.image-container img {width: 100%; aspect-ratio: 16/5.46; /* 保持宽高比 */ height: auto;  margin-bottom: 5px;}

    /* 二级-短视频栏目图片样式 */
.video-row { 
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .video-item {
            width: 48%;
        }

        .video-item video {
            width: 100%;
            height: auto;
        }

        .video-title {
	 display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
	font-weight: bold;
            margin-top: 5px;
            font-size: 1.2em;
        }


    /* 二级-看IP栏目图片样式 */
/* 轮播图样式 */
        .slider {
            position: relative;
            width: 100%;
            aspect-ratio: 16/8.2; /* 保持宽高比 */
            overflow: hidden;
            margin-bottom: 20px;
        }

        .slider img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }

        .slider img.active {
            opacity: 1;
        }

        .slider-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 15px 10px;
			font-size: 2em;
            cursor: pointer;
        }

        .prev-btn {
            left: 0px;
        }

        .next-btn {
            right: 0px;
        }

        .dots {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
        }

        .dot {
            width: 30px;
            height: 10px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 5px;
            margin: 0 5px;
            cursor: pointer;
        }

        .dot.active {
            background-color: white;
        }

        /* 图片列表样式 */
        .image-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .image-item {
            width: 48%;
        }

        .image-item img {
            width: 100%;
            height: auto;
        }

        .image-title {
			display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
	font-weight: 600;
            margin-top: 5px;
            font-size: 1.2em;
        }

    /* 二级-发行征订栏目图片样式 */
.issaue-fot{width: 100%; font-size:18px; font-weight: 600; line-height: 1.8em; font-family:"Microsoft YaHei", sans-serif; color: #3c3c3c; padding: 10px;}
 /* 整体容器样式 */
.issaue-container {width: 100%; margin: 20px auto;}
 /* 图片容器样式 */
.issaue-image-container{display: flex; justify-content: space-between; margin-bottom: 20px;}
 /* 单个图片项样式 */
.issaue-item{width: 30%; text-align: center;}
 /* 图片样式 */
.issaue-item img{width: 100%; height: auto; border: 1px solid #ccc;}
/* 图片文字说明样式 */
.issaue-text{margin-top: 10px; font-size: 14px; line-height: 1.8;}
.issaue-text p:nth-last-child(-n + 1) {color: #1669b7; font-size: 12px;}
 /* 按钮样式 */
.issaue-button-row {display: flex;justify-content: center;gap: 20px;}
.issaue-button {display: inline-block;text-decoration: none;transition: background-color 0.3s ease;}

    /* 二级-高层论坛栏目图片样式 */
.forum-conten{ width: 100%;}
.forum-conten a{display: block; margin-bottom: 20px;}
.forum-conten a img{width: 100%; aspect-ratio: 16/4; /* 保持宽高比 */}



    /* 二级-广告刊例栏目图片样式 */
.adver-tit{display: flex;align-items: center; padding-top: 20px;}
.adver-tit span{flex-grow: 1; border-bottom: 1px solid #dbdbdb;}
.adver-tit h3{margin-right: 10px; width: 46%;}
.adver-tit h3 img{width: 100%;}

.gghenqbor{width:100%; background-color:#b5b5b5; margin-top:20px;}
.gghenqbg{background:#FFF; font-size:16px; text-align:center; line-height:33px; font-weight: 500;}
.gghenq_span{font-size:16px; text-align:center; font-weight:bold; margin-top: 20px;}
.gghenqzazhrmb{line-height:36px; text-align:right;}



.adver-fot{margin: 20px auto;}
.adver-fot p{font-weight: bold; color: #bd0e0e; font-size: 16px; line-height: 36px;}
.adver-fot ol { padding-left: 2em;}
.adver-fot ol li{list-style-type: decimal; margin: 10px auto; color: #2d2d2d; line-height: 1.5em;}
.adver-boy{font-weight: bold; color: #055791; line-height: 1.8em; width: 96%; margin: 10px auto; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px;}

    /* 二级-关于我们栏目图片样式 */
.abus{width:100%;}
.abus h3{margin: 5% auto; width: 80%;}
.abus img{width: 100%;}
.abus p{font-weight: bold; color: #bd0e0e; font-size: 22px; line-height: 36px; border-bottom: 1px solid #dbdbdb;}
.abus ol{ margin: 10px auto; line-height: 1.8em; font-size: 16px; font-weight: 500; color: #2d2d2d;}
.abus ol li{margin-bottom: 5px; text-indent: 2em;}
.abus ol span{text-align: right; float: right;}

   /* 二级-投稿系统栏目图片样式 */
.system{width:100%;}
.system h3{margin: 5% auto; width: 60%;}
.system h3 img{width: 100%;}



   /* 三级页面-高层论坛2024样式 */

.thirelog{background-image:url("images/bannerbg.png"); background-repeat: no-repeat;background-position: top; background-size: cover;}
.thirelog h2{display: block; padding: 20px;}
.thirelog h2 img{height: 30px;}
.thirelog p img{width: 100%;}

.thireforum{margin: 0 auto; padding: 15px;}
.thireforum h2{background-image:url("images/forum-thiretit-bg.png"); background-repeat: no-repeat;background-position: left; font-size: 1.6em; font-weight: bold; text-indent: 1em; border-bottom: 1px solid #dbdbdb; line-height: 2.2em;}
.thireforum p{text-align: center;}
.thireforum h3{margin: 20px auto;}
.thireforum h3 img{width: 100%;}



   /* last-page最终页面样式 */
.article-container {padding: 16px;}
.article-title {font-size:1.6em; line-height: 1.6em; font-weight: bold;margin-bottom: 8px; text-align: center;}
.article-meta {margin-bottom: 16px; text-align: left;}
.article-meta li{display: block; width: 100%; line-height: 1.8em;font-size: 0.8em; color: #9f9f9f;}
.article-meta li span{color:#9f9f9f; line-height: 1.8em;}
.article-content {line-height: 1.8em; font-size: 1.2em; color: #333;}
.article-content p{margin-bottom: 0.8em; font-weight: 400;}
.article-content p img{width: 90%; height: 90%; max-width: 800px; object-fit: contain; /* 保持图片比例 */ display: block; margin: 10px auto;}
.article-content p:nth-last-child(-n + 2) {text-align: right;}
.article-content-rit{text-align: right;}
.video{width:100%; object-fit: contain; /* 保持图片比例 */ display: block; margin: 10px auto;}
.video video{width: 100%; object-fit: contain; /* 保持图片比例 */}

   /* 搜索页页面样式 */






 /* 媒体查询，适配不同尺寸屏幕 */
        @media (max-width: 320px) {
            /* 小屏幕设备样式调整 */
            .logo {
                width: 120px;
            }

            nav a {
                font-size: 16px;
            }

            .hot-item img {
                width: 80px;
                height: 80px;
            }

            .video-item {
                width: 100%;
            }

            .related-link {
                width: 100%;
            }
			.slider-container {
            height: 300px;
        }
			.section h2 img{height: 16px;}
			footer{
                font-size: 12px;
            }
			.article-title {font-size:1.2em;}

        }

        @media (min-width: 768px) {
            /* 平板及以上设备样式调整 */
            main {
                padding: 20px;
            }

            .section {
                margin-bottom: 30px;
            }
				.slider-container {
            height: 432px;
        }
        }
       @media (min-width: 1024px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 524px;
        }
        }
      @media (min-width: 1080px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 553px;
        }
        }
     @media (min-width: 1280px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 655px;
        }
        }
     @media (min-width: 1440px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 737px;
        }
        }
     @media (min-width: 1680px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 860px;
        }
        }
     @media (min-width: 1920px) {
            /* 平板及以上设备样式调整 */
           .slider-container {
            height: 983px;
        }
        }