@charset "utf-8";
/* CSS Document */
html,body { width:100%; height:100%; overflow:hidden; font-family:"微软雅黑", "宋体", "黑体", "楷体", "仿宋"; font-size:18px; color:#fff; background:#fff}

/* 媒体查询 */
.mask { display:none;  position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; width:100%; height:100; background:url(topc.png) no-repeat center #000; background-size:100% 100%}
@media screen and (max-width:640px) {
	.mask { display:block;}
}

#loading { position:fixed; z-index:888; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:url(http://www.qzwb.com/resource/loading1.gif) no-repeat center #000; background-size:100px}
.bgmp4 { position:absolute; width:100%; height:100%;}
	.bgmp4 video { width:100%; height:100%; object-fit:fill; }
#musicbtn { position:absolute; right:4%; top:3%; width:1.3%; height:2.5%; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor:pointer}
#musicbtn.on{ background-image: url(http://www.qzwb.com/resource/mplay.png);}
#musicbtn.off{	background-image: url(http://www.qzwb.com/resource/mstop.png);}

.theme,.subtitle,.abstract,.guide,.clmlogo,.clmname,.shouyi,.mianduimian,.yunzhanguan,.tiyan { position:absolute; left:50%; top:50%;}
.theme,.subtitle,.guide,.nav li,.clmlogo,.clmname,.arrow {line-height:0;}
.theme { margin:-250px 0 0 -434px;}
.subtitle { margin:-56px 0 0 -179px;}
.abstract { width:760px; height:92px; margin:215px 0 0 -405px; padding:25px; line-height:1.6em; text-indent:2em; background:url(home02.png) no-repeat center;}
.guide { top:auto; bottom:8%; margin-left:-99px;}
.nav li { position:absolute; cursor:pointer;}
	.nav li img.nom { display:block}
	.nav li img.hov { display:none}
	.nav li:hover img.nom { display:none}
	.nav li:hover img.hov { display:block}
	.nav li.hover img.nom { display:none}
	.nav li.hover img.hov { display:block}


.clmlogo { left:0; top:5%;}
.clmname { margin-left:-782px;}

/*守艺*/
.shouyi { margin:-255px 0 0 -675px; width:1604px; height:640px; overflow:hidden}
	.shouyi ul li { float:left; position:relative; width:350px; height:290px; margin:0 50px 30px 0;}
	.shouyi ul li .tp { width:268px; height:268px; padding:10px; border:1px solid #fff; border-radius:50%; transition:all .4s}
	.shouyi ul li .tp img { width:268px; height:268px; border-radius:50%; transition:all .4s}
	.shouyi ul li:hover .tp { width:290px; height:290px; padding:0; border:none;}
	.shouyi ul li:hover .tp img { width:290px; height:290px; border-radius:50%;}
	.shouyi ul li .mc { position:absolute; left:238px; top:124px; transition:all .4s}
	.shouyi ul li:hover .mc { top:100px;}
	.shouyi ul li .mc .xm { width:104px; height:43px; text-align:center; line-height:43px; font-size:18px; color:#fff; background:url(feiyi11.png) repeat-y; border-radius:21px; transition:all .4s}
	.shouyi ul li .mc .xm a { color:#fff;}
	.shouyi ul li:hover .mc .xm { font-size:34px; text-align:left; background:none;}
	.shouyi ul li .mc .zy { display:none; line-height:34px; font-size:18px; color:#fff; border-bottom:2px solid #f85521}
	.shouyi ul li:hover .mc .zy { display:block;}

/*面对面*/
.mianduimian { margin:-220px 0 0 -602px; width:1254px;}
	.mianduimian ul li { float:left; width:537px; height:148px; margin:0 50px 80px 0; padding:20px; text-align:center; background:url(wzk.png) no-repeat center;}
	.mianduimian ul li .biaoti { overflow:hidden; height:60px; padding:10px 0 12px; font-size:48px; color:#fff; line-height:54px; font-family:"宋体"; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
	.mianduimian ul li .biaoti a { color:#fff;}
	.mianduimian ul li .zhaiyao { overflow:hidden; height:54px; font-size:24px; line-height:54px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.yunzhanguan { margin:-245px 0 0 -700px; width:1400px;}
	.yunzhanguan ul li { overflow:hidden; height:72px; text-align:center; font-size:24px; font-weight:bold;}
	.yunzhanguan ul li a { margin:0 65px; line-height:55px; color:#fff; transition:all .4s}
	.yunzhanguan ul li a:hover { padding-left:36px; font-size:36px; background:url(star.png) no-repeat left center; border-bottom:2px solid #fff;}
	
/*体验*/
.tiyan { margin:-255px 0 0 -674px; width:768px; height:503px; padding:8px; background:#fff;}
	.tiyan .tp { width:768px; height:432px; margin-bottom:15px; line-height:0;}
		.tiyan .tp img { width:100%; height:100%}
	.tiyan .biaoti { padding:0 68px 0 12px; font-size:18px; line-height:24px; color:#f85521; font-weight:bold}
	.tiyan .biaoti a { color:#f85521}
.tiyanmenuarea { position:absolute; right:0; top:0; bottom:0; width:545px; background:url(menubg.png) repeat-y right;}
	.arrow { position:absolute; right:0; width:299px; text-align:center; cursor:pointer}
	.tiyanmenu { overflow-y:hidden; overflow-x:visible; position:absolute; right:0; top:10%; bottom:5%; height:80%;}
	.tiyanmenu ul { height:80%; padding-top:7%}
	.tiyanmenu ul li { float:right; overflow:hidden; width:279px; height:20%; padding:0 10px; font-size:24px; text-align:center; color:#fff; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
	.tiyanmenu ul li.hover { width:545px; margin:-7% 0 7%; padding:0; font-size:60px; text-align:left; font-weight:bold; border-bottom:2px solid #fff;}