<!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/child_.css"/>
<script type="text/javascript" src="/r/cicc/static/pc/js/swiper_jquery_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/jquery_liMarquee.js"></script>
<!--节庆贺图定时发布特效 start-->
<script>
$(function(){
	checkEndTime();
	function checkEndTime(){
		var myDate=new Date();
		//指定日期格式化
		var  startTime = "20260214";//起始日期的前一天
		var  overTime = "20260224";//截止日期的第二天
		var year = myDate.getFullYear(); //获取当前年
		var mon = myDate.getMonth() + 1 +''; //获取当前月
		var odate = myDate.getDate() +''; //获取当前日
		//var hour = myDate.getHours() +'';
		//月
		if(mon.length ==1){
			mon = '0' + mon;
		}
		//日
		if(odate.length ==1){
			odate = '0' + odate;
		}
		//时
		// if(hour.length ==1){
		//     hour = '0' + hour;
		// }
		var nowDate = ''+year+mon+odate;//时 +hour
//起止
if(startTime<nowDate && overTime>nowDate){
	newsben();
	return true;
}else{
	return false;
}
		//效果
		function newsben(){
			//$("body").addClass("gray");//变灰
			$("body").addClass("hetu");
			//以下内容在挂顶贺图时需要隐藏
			var int=self.setInterval(function(){
				$('.hetu .hetuFull').fadeOut();
				clearInterval(int);
			},4000);
		};
}
})
</script>
<style>
/* .hetu .hetuFull{background:url(/r/cicc/static/pc/images/hetu20250115.jpg) no-repeat top;padding-top:600px;}*/
.hetu .hetuFull{width:100vw;height:100vh;background:url(/r/cicc/static/pc/images/hetu20260206CN.jpg) no-repeat center #000;background-size:cover;position:fixed;left:0;top:0;z-index:9999;}
</style>
<!--节庆贺图定时发布特效 end-->		

<style>
/*变灰CSS*/
.gray{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);    
filter: grayscale(100%); 
filter: gray;}
</style>
<script>
$(function(){
	//$('body').addClass('gray');
});
</script>
<style>
	.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="hetuFull"></div>
	<!-- 全屏背景容器 -->
	<div class="fullscreen-bg" >
		<div class="text-layer"><img src="/r/cicc/static/pc/images/wenzi2025.png" >
		</div>
	</div>
	<script>	
		$(document).ready(function() {
			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() {
						window.location.href = 'https://www.cicc.org.cn/zxdt/index.html';

					}, 6000);
				}, 500);
			}, 500);	
		});
		// 新增：为全屏背景容器绑定点击事件，实现点击关闭功能
		$('.fullscreen-bg').on('click', function() {
		    // 立即跳转到目标页面
		    window.location.href = 'https://www.cicc.org.cn/zxdt/index.html';
		    // 可选：清除页面中可能存在的其他定时器，避免跳转冲突
		    // 例如，清除控制贺图（.hetuFull）淡出的定时器
		    // 注意：此处的int变量是定义在newsben函数内的局部变量，外部无法直接清除。
		    // 若有全局定时器变量，可在此清除。
		});
	</script>

</body>	
</html>