@charset "utf-8";
/* CSS Document */
html,body { height:100%;}
body { font-family:"微软雅黑", "宋体", "黑体", "仿宋"; font-size:18px; color:#fff; background:#333}
@keyframes bgsf {
	0% { background-size:100% 100%}
	50% { background-size:120% 120%}
	100% { background-size:100% 100%}
}

#loading { position:fixed; z-index:10000; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:url(loading.gif) no-repeat center #333; background-size:64px}
#screen1,#screen2,#screen3,#screen4,#screen5,#screen6 { position:relative; width:100%; min-height:100%;}
#screen3 { background:url(bgzhizui.jpg) no-repeat center;}
#screen4 { background:url(bgxinwen.jpg) no-repeat center;}
#screen5 { background:url(bggushi.jpg) no-repeat center;}
#screen6 { background:url(bgkaogu.jpg) no-repeat center;}
#screen4,#screen5,#screen6 { background-position:center; animation:bgsf 20s linear infinite}

.top { position:fixed; left:0; right:0; top:0; height:122px; background:rgba(0,0,0,.5)}
	.linelft { position:absolute; left:0; width:66%; height:82px; border-bottom:2px solid #fff;}
	.linerit { position:absolute; right:0; width:30%; height:82px; border-bottom:2px solid #fff;}
	.logot { position:absolute; left:65.7%; top:52px; width:4.6%;}
		.logot img,.logoz img { width:100%}
	.logoz { position:absolute; left:50%; top:22px; margin-left:-640px; line-height:0; cursor:pointer}
	.nav { position:absolute; left:50%; margin-left:-436px; height:82px;}
		.nav ul { overflow:hidden}
			.nav ul li { float:left; height:70px; margin-right:52px; padding-top:7px; font-size:24px; line-height:70px; color:#fff; font-weight:lighter; cursor:pointer}
			.nav ul li:hover,.nav ul li.hover { border-bottom:5px solid #fff}
.clmname { width:512px; height:77px; padding-top:12px; font-size:55px; line-height:65px; font-weight:bold; background:url(jt.png) no-repeat right center; border-bottom:1px solid #fff;}
	.clmname a { color:#fff;}
		.clmname a span { color:#d30e00}
	
/*封面*/		
.bgmp4 { position:absolute; width:100%; height:100%;}
	.bgmp4 video { width:100%; height:100%; object-fit:fill; }
#musicbtn { position:absolute; right:4%; bottom:5%; width:1.3%; height:2.5%; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor:pointer}
#musicbtn.on{ background-image: url(mplay.png);}
#musicbtn.off{	background-image: url(mstop.png);}
				
/*古城风华*/
.contvideo { position:absolute; overflow:hidden; width:100%; height:100%;}
	.contvideo li { position:absolute; width:100%; height:100%; line-height:0; background-repeat:no-repeat; background-position:center; animation:bgsf 20s linear infinite}
		.contvideo li img { width:100%; height:100%; }
.contword { position:absolute; left:50%; top:300px; margin-left:-270px; width:540px;}
	.contword li .title { margin-bottom:20px; line-height:0}
	.contword li .summary { margin-bottom:26px; text-align:justify; font-size:18px; line-height:30px; color:#fff;}
	.contword li .more { padding-top:28px; line-height:0; border-top:1px solid #fff;}
		.contword li .hov,.contword li:hover .nom { display:none}
		.contword li:hover .hov { display:block}
.contname { position:absolute; left:50%; bottom:0; margin-left:-575px; width:1200px; height:200px; text-align:center; }
	.contname ul { overflow:hidden}
	.contname li { float:left; height:34px; margin:0 20px 6px 0; padding:0 18px; line-height:34px; font-size:22px; font-weight:lighter; border-radius:8px; cursor:pointer}
	.contname li:hover,.contname li.hover { background:#86502f}
	
/*数字版切换备份
.contname { position:absolute; left:50%; bottom:30px; margin-left:-600px; width:1200px; height:80px; line-height:40px; font-size:30px; color:#fefefe; font-weight:lighter}
	.contname li { position:absolute; top:0;}
.tabnum { position:absolute; left:0; right:0; bottom:80px; height:100px; background:url(bai.gif) repeat-x 0 52px}
	.tabnum ul { overflow:hidden; width:1200px; height:100px; margin:0 auto;}
		.tabnum ul li { float:left; width:50px; height:100px; text-align:center; font-size:26px; color:#fefefe; cursor:pointer}
			.tabnum ul li:hover,.tabnum ul li.hover { color:#f00; background:url(needle.png) no-repeat center;}
*/

/*中国之最*/
.zhizui { width:1180px; margin:0 auto; padding-top:414px;}
	.zhizui .jieshao { width:690px; margin:0 auto 38px; font-size:16px; line-height:24px; color:#000; text-align:justify; text-indent:37px; background:url(jt2.png) no-repeat left top}
		.zhizui .jieshao .more { display:block; margin:15px 0 0 auto;}
	.zhizui .imglist { overflow:hidden; margin:0 -50px 10px;}
		.zhizui .imglist li { float:left; overflow:hidden; width:590px; margin:0 0 0 50px; font-size:28px; line-height:36px;}
		.zhizui .imglist li a { color:#003441}
		.zhizui .imglist li img { float:left; width:240px; height:135px; margin-right:25px;}
	.zhizui .newslist { overflow:hidden; margin:0 -50px;}
		.zhizui .newslist li { float:left; overflow:hidden; width:540px; height:60px; margin:0 0 0 50px; padding-left:32px; line-height:60px; font-size:28px; color:#003441; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; background:url(qb2.png) no-repeat left center;}
		.zhizui .newslist li a { color:#003441}
	
/*世遗新闻*/
.xinwen { width:1188px; margin:0 auto; padding-top:190px;}
	.xinwen .clmname { width:284px; margin:0 auto 50px}
	.xinwen .imglist { height:365px; margin-bottom:30px; }
		.xinwen .imglist ul { overflow:hidden; margin-left:-100px;}
		.xinwen .imglist ul li { float:left; overflow:hidden; width:544px; height:365px; margin:0 auto auto 100px;  line-height:58px; font-size:28px; text-align:center; color:#fff; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; background:#003366;}
			.xinwen .imglist ul li a { color:#fff}
			.xinwen .imglist ul li img { display:block; width:544px; height:306px;}
	.xinwen .newslist {}
		.xinwen .newslist ul { overflow:hidden; margin-left:-100px;}
		.xinwen .newslist ul li { float:left; overflow:hidden; width:544px; height:60px; margin:0 auto auto 100px; line-height:60px; font-size:28px; color:#fff; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
		.xinwen .newslist ul li a { color:#fff;}
	
		
/*遗产里的泉州故事*/
.yichan { width:1080px; margin:0 auto; padding-top:205px;}
	.yichan .clmname { margin:0 auto 45px 0}
	.yichan .newslist {}
		.yichan .newslist li { overflow:hidden; padding:15px 0 15px 38px; line-height:30px; font-size:28px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#fff; background:url(qb.gif) no-repeat left 41px;}
			.yichan .newslist li a { color:#fff}
			
/*考古研究*/
.kaogu { width:1290px; margin:0 auto; padding-top:205px;}
	.kaogu .clmname { margin:0 auto 50px; color:#59caff}
	.kaogu .newslist {}
		.kaogu .newslist ul { overflow:hidden}
			.kaogu .newslist ul li { float:left; width:390px; height:158px; margin:0 0 40px 30px; padding:40px 30px 0; font-size:22px; line-height:28px; color:#000; box-sizing:border-box; background:url(kgbg1.png) no-repeat center top; transition:all ease 1s}
				.kaogu .newslist ul li a { color:#000; }
			.kaogu .newslist ul li:hover { color:#fff; background:url(kgbg2.png) no-repeat center top}
				.kaogu .newslist ul li:hover a { color:#fff;}
				.kaogu .newslist ul li .time { margin-top:10px; font-size:14px; }
				.kaogu .newslist ul li:hover .time { color:#fff;}