<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>五洲传播网</title>
		<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<link  type="text/css" rel="stylesheet" href="/r/cicc/static/pc/css/base.css"/>
<link  type="text/css" rel="stylesheet" href="/r/cicc/static/pc/css/swiper4_5_3_min.css"/>
<link  type="text/css" rel="stylesheet" href="/r/cicc/static/pc/css/common_.css"/>
<link  type="text/css" rel="stylesheet" href="/r/cicc/static/pc/css/page.css"/>       
        
        
<script type="text/javascript" src="/r/cicc/static/pc/js/jquery_min.js"></script>
<script type="text/javascript" src="/r/cicc/static/pc/js/jquery-migrate_min.js"></script>
<script type="text/javascript" src="/r/cicc/static/pc/js/jquery_time.js"></script>
<script type="text/javascript" src="/r/cicc/static/pc/js/cicc-plug-ins.js"></script>
<script type="text/javascript" src="/r/cicc/static/pc/js/jquery_liMarquee.js"></script>


<!--<script type="text/javascript" src="/r/cicc/static/pc/js/jquery-3_4_1_min.js"></script>-->
<script type="text/javascript" src="/r/cicc/static/pc/js/swiper4_5_3_min.js"></script>
<script>
//搜索		
function search(){
    var keyword = $("#keyword").val();
    keyword = keyword.replace(/(^\s*)|(\s*$)/g, "");
    if(keyword!="" && keyword!="请输入搜索内容"){
        window.location.href="/search-list.html?keyword="+keyword; 
    }
}
$(function(){
  $("#keyword").val('请输入搜索内容');
  $("#keyword").blur(function(){
    if(this.value==''){
      this.value='请输入搜索内容'
    }
  })
  $("#keyword").focus(function(){
    if(this.value=='请输入搜索内容'){
      this.value='';
    }
  })
})
</script>		<link type="text/css" rel="stylesheet" href="/r/cicc/static/pc/css/index_.css" />
		<script type="text/javascript" src="/r/cicc/static/pc/js/swiper_jquery_min.js"></script>
		<style>
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			html {
				overflow-y: scroll;

				overflow-x: hidden;

			}

			html::-webkit-scrollbar {
				width: 5px;
				height: 1px;
			}

			html::-webkit-scrollbar-thumb {
				-webkit-border-radius: 3px;
				border-radius: 3px;
				-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
				box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
				background: rgba(0, 0, 0, .1);
			}

			.main {
				width: 100vw;
				overflow: hidden;
			}

			.main .swiper-slide div {
				background-size: cover;
				background-position: top center;
			}

			.bottom {}

			/* 			.hide {
				display: block;
				height: 0;
				overflow: hidden;
			}

			.hide img {
				width: 100%;
				height: auto;
			} */


			.link p span {
				color: #fff;
				text-align: center;
				line-height: 30px;
				display: block;
				width: 100%;
				background: #FABE00;
				padding: 0 8px 0 8px;
				font-size: 16px;
				margin-left: -8px;
				border-radius: 4px;
				width: 150px !important;
			}


			body {}

			.fullscreen-bg {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background:url(/r/cicc/static/pc/images/2025bg.jpg) top center #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 1000;
				transform: scale(1.1);
				/* 初始大小为120% */
				transition: transform 4.5s ease-in-out;
			}

			.text-layer {
				color: white;
				text-align: center;
				font-size: 3rem;
				font-weight: bold;
				opacity: 0;
				transform: scale(0.8);
				transition: all 6s ease-in-out, opacity 5s ease-in;
			}

			.text-layer img {
				width: 100%;
			}

			.hide {
				display: none
			}

			.show {
				display: block;
			}


			}
		</style>

	</head>
	<body>


		<!-- 全屏背景容器 -->
		<div class="fullscreen-bg" >
			<div class="text-layer"><img src="/r/cicc/static/pc/images/wenzi2025.png" >
			</div>
		</div>
		<div class="area">
<!--header-->
<div class="header" id="navbar">

		<div class="ico"><a href="https://www.cicc.org.cn/"><img src="/r/cicc/static/pc/images/logo2025.png"></a></div>
		<div class="other" style="width: 40px; float: right;">
			<div class="SD">
					<form action="/search.html" method="get">
						<a href="/search.html"><input class="submit" id="keywords" type="button" value="" onclick="javascript:search();">
					</form></a>
			</div>
		</div>
        <div class="nav">
				<ul class="navList">					
					<li><a href="/jccx/index.html">精彩呈现</a></li>
					<li><a href="/zxdt/index.html">资讯动态</a></li>
					<li><a href="/ywzl/index.html">业务纵览</a></li>
					<li><a href="/qyjs/index.html">关于五洲</a></li>
				</ul>
		</div>


	</div>
<script>
//搜索		
function search(){
	var keyword = $("#keyword").val();
	keyword = keyword.replace(/(^\s*)|(\s*$)/g, "");
	if(keyword!="" && keyword!="请输入搜索内容"){
		window.location.href="/search.html?keyword="+keyword; 
	}
}
function clearKeyword(){
	$("#keyword").val('请输入搜索内容');
}
</script>			<div class="main">
				<!--翻图-->
				<div class="swiper-container box column" id="swiper-container0">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="/2025/11/05/275b357e47b14dba83c19d3c4d2b7855.html" target="_blank">
								<div class="fm" style="background-image: url('/r/cicc/images/cms/cover/2025/11/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20251105111922_796_14(1).jpg');"></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/2025/11/05/f895a72a84ca44f8af9757e829c71ea3.html" target="_blank">
								<div class="fm" style="background-image: url('/r/cicc/images/cms/cover/2025/11/%E5%8C%BA%E5%9F%9F%E5%9B%BD%E5%88%AB%E7%A0%94%E7%A9%B6%E6%96%87%E5%BA%93-%E6%B5%B7%E6%8A%A5.jpg');"></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/2025/11/05/861afd1b031a45c6bdf110eb3f24980e.html" target="_blank">
								<div class="fm" style="background-image: url('/r/cicc/images/cms/cover/2025/11/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20251105151147_805_14.jpg');"></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/2025/11/05/815a24ca53314833b186e6daf64fe477.html" target="_blank">
								<div class="fm" style="background-image: url('/r/cicc/images/cms/cover/2025/11/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20251111143338_825_14.jpg');"></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="https://www.cicc.org.cn/wmnwt_C4/index.html" target="_blank">
								<div class="fm" style="background-image: url('/r/cicc/images/cms/cover/2025/11/c8ce72afcebec000e4868361e0911614(2).jpg');"></div>
							</a>
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination swiper-pagination-white"></div>
				</div>

			</div>
			<div class="bottom">
<!--友情链接-->
<style>
form{background:#F2F2F2;display:flex;padding:2px;border-radius: 20px;margin-right:15px;}

.navList a{}
.navList li:nth-child(1) a{}


.navList a:hover{border-top: none;line-height:45px;}

.link{justify-content: space-between;border-top:3px solid #FABE00;padding: 30px 0;}
.link li{margin: 0 96px;font-size:20px; line-height: 55px;}
.link li:nth-child(2){margin: 0 105px}
.link li:nth-child(3){margin: 0 105px}
.link li:nth-child(4){margin: 0 108px}
.link li:nth-child(7){margin:0 118px 0 115px}


.link p img{border-radius:4px;}
.link p{display:none; background:#FABE00;width:150px;height:150px;padding:8px 8px 8px 8px;box-sizing:border-box;position:absolute;left:50%;top:60px;margin-left:-75px;z-index:2;border-radius:4px;}
.link p::before{content:'';display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #FABE00;position:absolute;top:-10px;left:50%;margin-left:-5px;}
.link li a:hover p{display:block;}
.link p img{width:100%;height:100%;object-fit:cover;}
.link p span{color:#fff;text-align: center;line-height: 30px;display: block;width: 100%;background: #FABE00;padding: 0 8px 0 8px;
font-size: 16px;margin-left: -8px;border-radius:4px;}

.link a{position:relative;}
.link p{top:45px;}
.footer{text-align:center;background: #333333; font-size: 16px;line-height: 30px;}
.footer>div{padding:30px 0;}
.footer p{padding:3px 0;}
.footer span{margin:0 10px; color:#FFF}
.footer span a{color:#FFF}


</style>

<div class="link">
	<div class="w " style="display: flex;flex-wrap: wrap;">
	<li><a href="http://www.scio.gov.cn/" target="_blank">国务院新闻办网</a></li>
    <li><a href="https://www.humanrights.cn/" target="_blank">中国人权网</a></li>
    <li><a href="https://www.chinaxinjiang.cn/" target="_blank">中国新疆网</a></li>
    <li><a href="https://www.tibetol.cn/" target="_blank">西藏在线网</a></li>
    <li><a>五洲传播公众号
		  <p><img src="/r/cicc/static/pc/images/wzcbWX2025.jpg">
		  <span>扫码进入公众号</span>
		  </p>
	</a></span></li>
    <li><a href="https://www.zgxwfb.cn/" target="_blank">中国新闻发布</a></li>
    <li><a>购书平台
    	  <p style="left: -37px;"><img src="/r/cicc/static/pc/images/youzanWZ.png">
    	  <span>有赞旗舰店</span>
    	  </p>
		  <p style="left: 105px;"><img src="/r/cicc/static/pc/images/qijiandianWZ.png">
		  <span>淘宝旗舰店</span>
		  </p>
    </a></span></li>
    <li><a>中国发布APP
		  <p><img src="/r/cicc/static/pc/images/zgfbAPP.jpg">
		  <span>扫码下载APP</span>
		  </p>
	</a></span></li>
    </div>
</div>
<div class="footer">
	<div>
		<p><span>版权所有：五洲传播出版传媒有限公司</span><span>未经书面授权禁止复制或建立镜像</span> </p>
		<p><span>地址：北京市东城区朝内大街225号</span><span>邮编：100010</span></p>
		<p><span><a href="">联系我们</a></span><span><a href="">通知公告</a></span></p>
        <p>
			<span><a href="http://beian.miit.gov.cn" target="_blank">京ICP备09057257号-16</a></span>
			<span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003983" target="_blank"><img src="/r/cicc/static/pc/images/record.png" style="padding-right: 3px; padding-top: 5px;">京公网安备 11010102003983号</a></span>
		</p>
	</div>
</div>			</div>
		</div>
		
		<script>
			$('.swiper-container .swiper-wrapper .swiper-slide:eq(2)').find('a').removeAttr('href').css('cursor', 'default');
			
			$(document).ready(function() {
				 //$(".area").addClass("hide");
				// 页面加载完成后执行动画
				setTimeout(function() {
					$('.fullscreen-bg').css('transform', 'scale(1)');
					$('.text-layer').css({
						'opacity': '1',
						'transform': 'scale(0.8)'
					});

					// 文字动画完成后，背景恢复到100%大小
					setTimeout(function() {
						// 文字层逐渐变大并显示
						$('.text-layer').css({
							'opacity': '1',
							'transform': 'scale(1)'
						});
						// 背景动画完成后，隐藏全屏背景
						setTimeout(function() {
							$('.fullscreen-bg').fadeOut(800, function() {
								// 动画完成后显示页面内容
								$('.area').fadeIn(100);
								var swiper = new Swiper('#swiper-container0', {
									loop: true,
									effect: 'fade',
									autoplay: 3000,
									autoplayDisableOnInteraction: false,
									pagination: '.swiper-pagination',
									paginationClickable: true,
								});
							});
						}, 6000);
					}, 500);
				}, 500);
				//
				$('.dowebok').liMarquee();

			});
			// 计算并设置main高度
			function setMainHeight() {
				var originalWidth = $(window).width();
				var originalHeight = $(window).height();
				var $currentHeight = originalWidth / 25.6 * 11.3;
				var windowHeight = $(window).height();
				var windowWidth = $(window).width();
				$('.main .fm').width(windowWidth);
				$('.main .fm').height($currentHeight);
				$('.main').height($currentHeight);
				console.log($currentHeight)
			}
			// 页面加载时设置
			$(document).ready(function() {
				setMainHeight();
			});
			// 窗口大小变化时重新设置
			// $(window).resize(function() {
			// 	setMainHeight();
			// });


		</script>


	</body>
</html>