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}
fieldset,img{border: 0;}
a{text-decoration: none;}
ul,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input,select,textarea{outline: none;border: none;background: none;}
select,input{vertical-align: middle;}
table{border-collapse: collapse;border-spacing: 0;}
caption,th{text-align: left;}
sup,sub{font-size: 100%;vertical-align: baseline;}
i{font-style: normal;}

body{font-size: 0;font-family: "Microsoft Yahei", "微软雅黑";overflow: hidden;}
.allcenter{width: 1200px;margin-left: auto;margin-right: auto;}
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: table;clear: both;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-2{overflow:hidden;white-space:normal!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.show{display: block;}
.hide{display: none;}

/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);*/

@font-face {
	font-family: 'iconfont';  /* project id 324383 */
	src: url('../fonts/iconfont/iconfont.eot');
	src: url('../fonts/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/iconfont/iconfont.woff') format('woff'),
	url('../fonts/iconfont/iconfont.ttf') format('truetype'),
	url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont{
	font-family: 'iconfont';
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing:antialiased;
	-mox-osx-font-smoothing:grayscale;
}

/*======================================================
	通用样式
========================================================*/
.maincont{position: absolute;top:0;left:0;right:0;bottom:0;/* background: url(../img/bg.jpg); */background-size: cover;z-index: -1;}
.allshade,.exhibshade{background-color: rgba(0,0,0,0.6);display: none;overflow: hidden;position: absolute;z-index: 11;}
.allshade{top:0;bottom:0;width:100%;height:100%;}
.allshade .shadeclose,.threeiframe .close{position: absolute;right:15px;top:15px;font-size: 40px;color: #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);cursor: pointer;}
.allshade .shadeclose:hover,.threeiframe .close:hover{transform: rotate(360deg);}
.exhibshade{bottom:145px;left:0;width:100%;height:150px;}
/*.jiadiv_02 a:nth-child(1),.jiadiv_02 a:nth-child(3),.jiadiv_02 a:nth-child(4),.jiadiv_02 a:nth-child(5),.jiadiv_02 a:nth-child(7),.ckepopBottom{display: none !important;}*/

#canvas3d.edit canvas{cursor:url(../img/cl.ico),auto ;}


/*======================================================
	主菜单（底部）
========================================================*/
.mainmenu{position: absolute;bottom:20px;left:0;width:100%;height:64px;text-align: center;}
.mainmenu ul{}
.mainmenu ul li{position: relative;display: inline-block;margin: 0 15px;cursor: pointer;z-index: 10;}
.mainmenu ul li i{position: relative;width:40px;height:40px;display: block;background: url(../img/mainmenu.png) no-repeat;border-radius: 50%;transition: box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.mainmenu ul li i:before{content:"";position: absolute;top:0;left:0;width: 100%;height:100%;background: url(../img/mainmenu.png) no-repeat;}
.mainmenu ul li p{font-size: 13px;color: #f3f1e9;margin-top: 7px;}
.mainmenu ul li.exhibithall i:before{background-position-x: -40px;}
.mainmenu ul li.summary i:before{background-position-x: -80px;}
.mainmenu ul li.collect i:before{background-position-x: -120px;}
.mainmenu ul li.measure i:before{background-position-x: -160px;}
.mainmenu ul li.roam i:before{background-position-x: -200px;}
.mainmenu ul li.roam.close i:before{background-position-x: -240px;}
.mainmenu ul li.map i:before{background-position-x: -280px;}
.mainmenu ul li:hover i,.mainmenu ul li.active i{box-shadow: 0 0 17px 0px rgba(255, 255, 255, 0.8);}
.mainmenu ul li:hover i:before,.mainmenu ul li.active i:before{background-position-y: -40px;}

/*======================================================
	头部菜单
========================================================*/
.header{height:50px;background-color: rgba(0,0,0,0.4);z-index: 10;position: absolute;top: 0;left: 0;width: 100%;text-align: center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);opacity: 1;}
.header:hover{opacity:1;}
.exhibitname{position:absolute;top:0;left:50%;transform:translateX(-50%);color: #ffd500;font-size: 22px;line-height: 50px;text-align: center;z-index: 11;}
.promptname{position:absolute;top:25px;left:50%;transform:translateX(-50%);color: #f00;font-size: 14px;line-height: 50px;text-align: center;z-index: 11;}
.header .quickmenu{height: 100%;float: right;position: absolute;right: 50px;top: 0;}
.header .quickmenu li{display: inline-block;padding: 14px 15px;cursor: pointer;}
.header .quickmenu li>i{position: relative;width:22px;height:22px;display: inline-block;background: url(../img/header-quickmenu.png) no-repeat;float: left;}
.header .quickmenu li>span{color: #e7e2d1;font-size: 13px;float: left;line-height: 22px;margin-left: 7px;}
.header .quickmenu li.music i{background-position-x: 0;}
.header .quickmenu li.music.close i{background-position-x: -88px;}
.header .quickmenu li.share{position: relative;}
.header .quickmenu li.share i{background-position-x: -22px;}
.header .quickmenu li.share .sharebox{position:absolute;top: 50px;font-size: 0;background: rgba(0,0,0,0.4);left: 0;display: none;width: 100%;padding-bottom: 10px;}
.header .quickmenu li.share .sharebox a{width: 24px;height:24px;display: block;margin-left: 16px;margin-top: 10px;margin-left: 30px;}
.header .quickmenu li.share:hover .sharebox{display:block;}
.header .quickmenu li.help i{background-position-x: -44px;}
.header .quickmenu li.setup i{background-position-x: -66px;}

/*======================================================
	展厅列表
========================================================*/
.exhiblist{width: 920px;margin: 20px auto;}
.exhiblist .item{position: relative;width: 150px;height: 100px;display: inline-block;margin: 0 16px;border: 2px solid #fff;overflow:hidden;}
.exhiblist .item .imgstyle{width: 100%;height:100%;overflow:hidden;position:relative;overflow:hidden;}
.exhiblist .item .imgstyle img{position:absolute;top:0;left:0;}
.exhiblist .item p{position: absolute;bottom:0;left:0;width: 94%;height:27px;line-height: 27px;text-align: center;color: #fff;font-size: 12px;padding: 0 3%;background-color: rgba(0,0,0,0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.exhiblist .owl-carousel .owl-wrapper-outer{z-index: 2;}
.exhiblist .owl-controls .owl-buttons{position: absolute;top: 50%;left: -80px;margin-top: -30px;right: -80px;height: 60px;}
.exhiblist .owl-controls .owl-buttons div{position: absolute;transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);width: 40px;height: 100%;background-position:center;background-repeat:no-repeat;top: 0;}
.exhiblist .owl-controls .owl-buttons div.owl-prev{left: 0;background-image: url(../img/arrow-left.png);}
.exhiblist .owl-controls .owl-buttons div.owl-next{right: 0;background-image: url(../img/arrow-right.png);}
.exhiblist .owl-controls .owl-buttons div:hover{background-color: rgba(0, 0, 0, 0.4);}
.exhiblist .item:hover,.exhiblist .item.active{border-color: #ffcd00;cursor:pointer;transition: border-color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}

/*======================================================
	地图
========================================================*/
.mapbox{position: absolute;right:0;bottom:0;z-index: 10;width:307px;height: 240px;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.mapbox .mapfloor{position:absolute;top: -21px;left: 0;}
.mapbox .mapfloor li{padding: 2px 9.5px;background-color: #575757;color: #fff;border:1px solid #fff;display: inline-block;border-bottom: 0;margin-right: 6px;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 12px;}
.mapbox .mapfloor li:hover,.mapbox .mapfloor li.active{background-color: #eee2ad;color: #524719;cursor: pointer;}
.mapbox .mapbg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.mapbox .mapbg img{width: 100%;}
.mapbox .mapcont{position: absolute;z-index: 5;width: 100%;height: 100%;top: 0;left: 0;font-size: 12px;}
.mapbox .mapcont .dot{position:absolute;z-index:10;}
.mapbox .mapcont .dot:hover{cursor:pointer;}
.mapbox .mapcont .dot:hover img{width:24px !important;height: 24px !important;}
.mapbox .mapcont .dotRadar{position:absolute; pointer-events: none;}
.mapbox .mapcont .dot .line {  position:absolute; width:2px; height:2px; font-size:1px; background-color:#0000FF; overflow:hidden;  }
.mapbox2{width:460px;height:360px;}
.mapbox4{width:690px;height:540px;}
.mapbox >span{
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 5px;
	z-index: 1111;
}
.mapbox >span.big{}
.mapbox >span.small{
	top: 25px;
	left: 1px;
}

/*======================================================
	文物列表
========================================================*/
.wwlistbox{width: 780px;height:420px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.wwlist .item{position: relative;}
.wwlist .item ul li{width: 175px;height: 120px;position: relative;display: inline-block;margin: 10px;}
.wwlist .item ul li .sanwei{background: url("../img/3D.png") no-repeat;width: 40px;height: 40px;position: absolute;top:0;left:0;background-size: 100%;z-index: 2;}
.wwlist .item ul li .imgstyle{width: 100%;height:100%;overflow: hidden;position: relative;background:rgba(0, 0, 0, 0.6);}
.wwlist .item ul li .imgstyle img{transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.wwlist .item ul li p{position: absolute;bottom:0;left:0;width: calc(100% - 30px);padding:0 15px;text-align: center;font-size: 13px;color:#fff;background-color: rgba(0, 0, 0, 0.59);line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wwlist .item ul li:hover img{transform: scale(1.1,1.1);}
.wwlist .owl-controls .owl-buttons div{position: absolute;transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);width: 40px;background-position:center;background-repeat:no-repeat;top: 10px;bottom: 10px;}
.wwlist .owl-controls .owl-buttons div.owl-prev{left: -90px;background-image: url(../img/arrow-left.png);}
.wwlist .owl-controls .owl-buttons div.owl-next{right: -90px;background-image: url(../img/arrow-right.png);}
.wwlist .owl-controls .owl-buttons div:hover{background-color: rgba(0, 0, 0, 0.3);}
.wwlist .item:hover,.wwlist .item.active{border-color: #f9e8a3;cursor:pointer;transition: border-color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.wwlistbox .num{position: absolute;top: 50%;margin-top: 250px;font-size: 16px;width: 100%;left: 0;color: #fff;text-align: center;}
.wwlistbox .num span{padding:0 3px;}
.wwlistbox .num .current{color:#eddc9b;}


/*======================================================
	简介
========================================================*/
.detailbox{width: 680px;height:360px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);border:1px solid #454545;padding: 15px;box-sizing: border-box;background-color: rgba(5, 5, 5, 0.6);border-radius: 3px;}
.detailbox .imgbox{width:260px;height:330px;position: relative;float: left;margin-right: 15px;}
.detailbox .imgstyle{position: relative;width: 100%;height: 100%;overflow: hidden;}
.detailbox .imgstyle img,.wwlist .item ul li .imgstyle img,.wwimglist .item img{position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;max-width: 100%;max-height: 100%;}
.detailbox .detail{color: #f8f6f0;width: 363px;float: right;margin-top: 12px;position: relative;}
.detailbox .detail .title{line-height: 45px;overflow: hidden;color: #eddc9b;font-size:18px;text-align:center;}
/*.detailbox .detail .title>span{font-size:16px;color: #eddc9b;width: 54%;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;}
.detailbox .detail .title p{float:right;font-size:14px;}
.detailbox .detail .title p span{padding:2px 4px;cursor:pointer;}
.detailbox .detail .title p .active{color: #eddc9b;}*/
.detailbox .detail .cont{font-size:16px;line-height:28px;height: 250px;outline:0;}
/*.detailbox .detail .cont.font16,.detailbox .detail .title p span:first-child{ font-size: 16px;}
.detailbox .detail .cont.font14{ font-size: 14px;}
.detailbox .detail .cont.font12,.detailbox .detail .title p span:first-child+span+span{ font-size: 12px;}*/
.detailbox .detail .contcont{height:100%;outline:0;}
.detailbox .detail .cont p{text-indent:2em;}

/*======================================================
	文物简介
========================================================*/
.detailbox .imgbox.noquickmenu .num{bottom:7px;}
.detailbox .imgbox.noquickmenu .quickmenu{display:none;}
.detailbox .imgbox .num{position: absolute;bottom: 45px;font-size: 12px;left: 50%;color: #fff;text-align: center;z-index: 7;padding: 3px 10px;background-color: rgba(0, 0, 0, 0.7);border-radius: 12px;transform: translateX(-50%);}
.detailbox .imgbox .num span{padding:0 3px;}
.detailbox .imgbox .num .current{color:#eddc9b;}


.detailbox .imgbox .quickmenu{position:absolute;left:0;bottom:0;width:100%;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.85);text-align: center;z-index: 5;}
.detailbox .imgbox .quickmenu li{display: inline-block;margin: 0 8px;position: relative;}
.detailbox .imgbox .quickmenu li a{color: #fff;display:block;}
.detailbox .imgbox .quickmenu li a:before{content:"";position: absolute;left:0;top:0;font-size: 14px;width: 20px;font-family: "iconfont";}
.detailbox .imgbox .quickmenu li.sanwei a:before{content: "\e613";}
.detailbox .imgbox .quickmenu li.ringshot a:before{content: "\e606";}
.detailbox .imgbox .quickmenu li.video a:before{content: "\e603";}

.detailbox .imgbox .quickmenu li.music a:before{content: "\e687";}
.detailbox .imgbox .quickmenu li.music.close a:before{content: "\e69f";}
/*.detailbox .imgbox .quickmenu li.music audio{display: none;position: absolute;left:-202px;width:260px;}
.detailbox .imgbox .quickmenu li.music:hover audio{display: block;}*/
.detailbox .imgbox .quickmenu li span{font-size: 12px;vertical-align: super;padding-left: 25px;}
.detailbox .imgbox .quickmenu li a:hover{color: #eddc9b;}
.detailbox .videobox{display: none;position:absolute;width: 690px;height:400px;top: -323px;left: -158px;z-index: 10;background-color: #000;}
.detailbox .videobox .close{position:absolute;right: -14px;top: -24px;font-size: 31px;color: #fff;cursor: pointer;z-index: 15;}
.detailbox .videobox .close:hover{color: #eddc9b;}
.detailbox .videobox video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.wwimglist,.wwimglistcont{height:100%;}
/*幻灯切换按钮*/
.wwimglist .owl-wrapper-outer,.wwimglist .owl-wrapper,.wwimglist .owl-item{height:100%;}
.wwimglist .owl-wrapper-outer{z-index: 2;}
.wwimglist .owl-controls .owl-buttons{position: absolute;top: 50%;left: 0;margin-top: -30px;right: 0;height: 60px;}
.wwimglist .owl-controls .owl-buttons div{position: absolute;transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);width: 40px;height: 100%;background-position:center;background-repeat:no-repeat;top: 0;z-index: 2;}
.wwimglist .owl-controls .owl-buttons div.owl-prev{left: 0;background-image: url(../img/arrow-left.png);}
.wwimglist .owl-controls .owl-buttons div.owl-next{right: 0;background-image: url(../img/arrow-right.png);}
.wwimglist .owl-controls .owl-buttons div:hover{background-color: rgba(0, 0, 0, 0.3);}

.wwimglist .item{height:100%;text-align: center;position: relative;background-color: #000;overflow: hidden;}


.gallery{display:none;}

/*======================================================
	三维文物iframe
========================================================*/
.threeiframe{position: absolute;top:0;left:0;bottom:0;right:0;z-index: 12;background: #000;display: none;}
.threeiframe iframe{width: 100%;height:100%;border:0;}

/*======================================================
	帮助
========================================================*/
.helpbox{width: 590px;height:362px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.helpbox .helpitembox{width: 100%;height:100%;}
.helpbox .item{text-align:center;width:573px;margin:0 auto;}

/*幻灯切换按钮*/
.helpbox .owl-wrapper-outer,.wwimglist .owl-wrapper,.wwimglist .owl-item{height:100%;}
.helpbox .owl-wrapper-outer{z-index: 2;}
.helpbox .owl-controls .owl-buttons{position: absolute;top: 50%;left: 0;margin-top: -30px;right: 0;height: 60px;}
.helpbox .owl-controls .owl-buttons div{position: absolute;transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);width: 40px;height: 100%;background-position:center;background-repeat:no-repeat;top: 0;z-index: 2;}
.helpbox .owl-controls .owl-buttons div.owl-prev{left: 10px;background-image: url(../img/arrow-left.png);}
.helpbox .owl-controls .owl-buttons div.owl-next{right: 10px;background-image: url(../img/arrow-right.png);}
.helpbox .num{position: absolute;bottom:20px;font-size: 16px;width: 100%;left: 0;color: #fff;text-align: center;z-index: 2;}
.helpbox .num span{padding:0 3px;}
.helpbox .num .current{color:#eddc9b;}

/*加载失败*/
.failure{display:none;text-align: center;position: absolute;top:50%;margin-top: -200px;width: 90%;padding: 0 5%;}
.failure i{width: 66px;height: 57px;display: inline-block;background: url(../image/failure.png) no-repeat;margin: 15px;}
.failure p{font-size: 17px;color: #959594;line-height: 30px;margin-bottom: 20px;}
.failure p a{color: #ea0000;}
.failure p a:hover{text-decoration: underline;}