/**************************************/
/*************[公用start]**************/
/**************************************/

/*主站变灰*/
/*html {
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
* {
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: gray;
}*/
/*主站变灰*/

/*淘宝变灰*/
/* body, html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }*/

/*淘宝变灰*/

/*百度百科變灰*/


/*body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
*/


/*百度百科變灰*/


body{
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow-y: auto;
	background-image: url(../images/body.jpg);
	padding-bottom: 30px
}

body.cur{
	overflow:hidden;
}






div.clear{
	clear: both;
	height: 0;
	width: 0;
}




a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}
.tver{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/

	overflow: hidden;
}

.img-box img{
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a{
	position:relative;
	padding-bottom: 100%;
	overflow:hidden;
	display: block;
}

.imgbox_a>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.imgbox_hover>img{
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}
.imgbox_hover:hover>img{
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	padding: 35px 0;
}


.logo{
	width: 224px;
	cursor: pointer;
}

.logo a,.logo img{
	display: block;
	width: 100%;
}

.hmenu dl{
	margin:0;
}

.hmenu dd{
	float: left;
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	color:#fff;
}
.hmenu dd+dd{
	margin-left: 50px;
}
.hmenu dd a:hover,
.hmenu dd.cur a{
	color: #feb900;
}


/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{

}


.panorama{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	left: 0;
	top: 0;
}
.panorama.cur{
	position: fixed;
	width: 100vw!important;
	height: 100vh!important;
	z-index: 9999;
}
#viewer{
	position: relative;
	z-index: 10;
	height: 100%;
	/*background-color: #000;*/
}
#viewer2{
	position: relative;
	z-index: 10;
	height: 100%;
	display: none;
}
#viewer3{
	position: absolute;
	width: 100%;
	z-index: 60;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}
.panorama-menu-cz{
	position: absolute;
	left: 25px;
	top: 25px;
	z-index: 70;
	width: 50px;
}

.panorama-menu-cz dl{
	margin:0;
}

.panorama-menu-cz dd+dd{
	margin-top: 1px;
}
.panorama-menu-cz dd>a{
	display: block;
	height: 50px;
	background-color: rgba(0,0,0,0.7);
}

.panorama-menu-cz dd.cur>a{background-color: #000;}
.panorama-menu-cz.cz_wai dd.cur:nth-child(4)>a{
	background-color: rgba(0,0,0,0.7);
}
.panorama-menu-cz.cz_wai dd:nth-child(1)>a{background-image: url(../images/ico1.png);}
.panorama-menu-cz.cz_wai dd:nth-child(2)>a{background-image: url(../images/ico2.png);}
.panorama-menu-cz.cz_wai dd:nth-child(3)>a{background-image: url(../images/ico3.png);}
.panorama-menu-cz.cz_wai dd:nth-child(4)>a{background-image: url(../images/ico5.png);}

.panorama-menu-cz.cz_wai dd:nth-child(1)>a:hover{background-image: url(../images/ico1h.png);}
.panorama-menu-cz.cz_wai dd:nth-child(2)>a:hover{background-image: url(../images/ico2h.png);}
.panorama-menu-cz.cz_wai dd:nth-child(3)>a:hover{background-image: url(../images/ico3h.png);}
.panorama-menu-cz.cz_wai dd:nth-child(4)>a:hover{background-image: url(../images/ico5h.png);}

.panorama-menu-cz.cz_wai dd.cur:nth-child(1)>a{background-image: url(../images/ico1h.png);}
.panorama-menu-cz.cz_wai dd.cur:nth-child(2)>a{background-image: url(../images/ico2h.png);}
.panorama-menu-cz.cz_wai dd.cur:nth-child(3)>a{background-image: url(../images/ico4.png);}
.panorama-menu-cz.cz_wai dd.cur:nth-child(3)>a:hover{background-image: url(../images/ico4h.png);}
.panorama-menu-cz.cz_wai dd.cur:nth-child(4)>a{background-image: url(../images/ico6.png);}

.panorama-menu-cz.cz_wai dd.cur:nth-child(4)>a:hover{background-image: url(../images/ico6h.png);}
.panorama-menu-cz.cz_nei dd:nth-child(1)>a{background-image: url(../images/ico1.png);}
.panorama-menu-cz.cz_nei dd:nth-child(2)>a{background-image: url(../images/ico4.png);}

.panorama-menu-cz.cz_nei dd:nth-child(1)>a:hover{background-image: url(../images/ico1h.png);}
.panorama-menu-cz.cz_nei dd:nth-child(2)>a:hover{background-image: url(../images/ico4h.png);}

.panorama-menu-cz.cz_nei dd.cur:nth-child(1)>a{background-image: url(../images/ico1h.png);}




.panorama-menu-color{
	position: absolute;
	left: 25px;
	bottom: 25px;
	z-index: 50;
	width: 350px;
}

.panorama-menu-color dl{
	margin:0;
}

.panorama-menu-color dd{
	float: left;
	width: 50px;
	cursor: pointer;
	position: relative;
}
.panorama-menu-color dd+dd{
	margin-left: 10px;
}
.panorama-menu-color dd img{
	display: block;
	width: 100%;
}
.panorama-menu-color dd::after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 5px;
	background-color: #feb900;
	width: 0;
	content:"";
	border-radius: 5px;
	bottom: -8px;
}

.panorama-menu-color dd.cur::after{
	width: 40px;
	transition: width .3s;
}

.panorama-menu-car{
	position: absolute;
	right: 25px;
	bottom: 25px;
	z-index: 50;
	width: 204px;
}

.panorama-menu-car dl{
	margin:0;
}

.panorama-menu-car dd{
	float: left;
	width: 97px;
	text-align: center;
	position: relative;
}
.panorama-menu-car dd+dd{
	margin-left: 10px;
}


.panorama-menu-car dd>span.menuSpan{
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: rgba(0,0,0,0.7);
	font-size: 16px;
	color:#feb900;
	cursor: pointer;
}

.panorama-menu-car ul{
	margin:0;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 100%;
	display: none;
}
.panorama-menu-car li{
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.panorama-menu-car li>a{
	display: block;
	height:42px;
	line-height:42px;
	font-size: 16px;
	color:#fff;
}


.panorama-menu-car li>a:hover{
	background-color: rgba(0,0,0,0.9);
	color: #feb900;
}


.viewer_wai{
	width: 100%!important;
	height: 100%!important;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #000;
}

.threesixty .spinner{
	position: absolute;
	width: 100%!important;
	height: 100%!important;
	left: 0%;
	top: 0%;
	margin-top:0!important;
	background-color: rgba(255,255,255,.8);
}

.threesixty .spinner span{
	width: 60px;
  display: block;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
  transform: translate(-50%,-50%);
}



/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{

}

body{
  background-attachment: fixed;
}


/**************************************************************/
/*footer-over*/





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/




/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/





.threesixty .threesixty_images img{
	cursor: pointer;

}

.panorama-con p{
	margin:0;
}

.panorama-con{
	font-size: 15px;
	color:#fff;
	line-height: 2;
	margin-top: 20px;
}

#viewer3{
	background-color: #000;
}
#viewer3 img{
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  left: 0;
  display: block;
  z-index: 50;
}

#viewer3 img.viewer3-w{display: block;}
#viewer3 img.viewer3-n{display: none;}


.viewer3-menu{
	position: absolute;
	width: 50px;
	right: 25px;
	top: 25px;
	z-index: 70;
}

.viewer3-menu dl{
	margin:0;
}

.viewer3-menu dd{
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-color: rgba(0,0,0,0.7);
	background-size: 100%;
}
.viewer3-menu dd+dd {
    margin-top: 1px;
}

.viewer3-menu dd:nth-child(1){background-image: url(../images/num1.png);}
.viewer3-menu dd:nth-child(2){background-image: url(../images/num2.png);}
.viewer3-menu dd:nth-child(3){background-image: url(../images/num3.png);}
.viewer3-menu dd:nth-child(4){background-image: url(../images/num4.png);}
.viewer3-menu dd:nth-child(5){background-image: url(../images/num5.png);}

.viewer3-menu dd:nth-child(1).cur{background-image: url(../images/num1h.png);}
.viewer3-menu dd:nth-child(2).cur{background-image: url(../images/num2h.png);}
.viewer3-menu dd:nth-child(3).cur{background-image: url(../images/num3h.png);}
.viewer3-menu dd:nth-child(4).cur{background-image: url(../images/num4h.png);}
.viewer3-menu dd:nth-child(5).cur{background-image: url(../images/num5h.png);}



#viewer3-box-wp{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	display: none;
}
#viewer3-box-hei-close{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	z-index: 45;
}
#viewer3-box-hei{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
}

#viewer3-box{
	position: absolute;
	width: 830px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #0c0b0b;
	padding: 50px;
	z-index: 55;
}

.fviewer3 .imgbox_a{
	padding-bottom: 57.39%;
}

.fviewer3 .flex-direction-nav a{
	width: 24px;
	height: 40px;
	margin-top: -20px;
	transition:background-image .3s; 
}

.fviewer3 .flex-direction-nav .flex-prev:hover{
	background-image: url(../images/b-left-h.png);
}
.fviewer3 .flex-direction-nav .flex-next:hover{
	background-image: url(../images/b-right-h.png);
}

.fviewer3 .flex-control-nav{
	bottom: -40px;
	height: 6px;
}

.fviewer3 .flex-control-nav li{
	margin:0 5px;
}

.fviewer3 .flex-control-paging li a{
	background-image: none!important;
	transition:background-color .3s; 
	background-color: #7c7c7c;
	width:59px;
	height: 6px;
}

.fviewer3 .flex-control-paging li a.flex-active{
	background-color: #feb900;
}

.viewer3-p{
	font-size: 16px;
	color: #d4d4d4;
	padding-right: 10px;
	height: 130px;
	overflow-y: auto;
	line-height: 2;
	margin-top: 60px;
}

.viewer3-p::-webkit-scrollbar {
    width: 9px;
    background-color: #4c4c4c;
}
.viewer3-p::-webkit-scrollbar-thumb {
    width:9px;
    height: 36px;
    background-color: #feb900;
}
.viewer3-p::-webkit-scrollbar-track {
    width: 9px;
}

#viewer3-close{
	position: absolute;
	width: 32px;
	cursor: pointer;
	right: 9px;
	top: 8px;
}


#viewer3-close img{
	display: block;
	width: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#viewer3-close:hover img{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: transform .3s;
}


#neiNum{
	display: none;
}
.psv-loader-container{
	background-image: url(../images/loader.gif);
	/*background-image: url(../images/loading.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;

}

.psv-loader{display: none;}