html,body {
	height: 100%;
	overflow: hidden;
}
.head {
	position: fixed;
	top: 0;
	width: 100%;
	height: .87rem;
	border-bottom: .01rem solid #515157;
	z-index: 10;
	background: #fff;
	color: #333;
}
/*head*/

.head .logo {
	margin: .17rem 0 0 .60rem;
	width: 1.36rem;
	height: .50rem;
}
.head .logo img {
	width: 100%;
}
.nav {
	margin-top: .29rem;
	margin-left: 2.00rem;
}
.nav ul li {
	float: left;
	padding: 0 .50rem;
}
.nav ul li a {
	display: inline-block;
	line-height: .38rem;
	font-size: .18rem;
	color: #333;
}
/*main*/

.main1 {
	width: 100%;
	height: 100%;
	background: url(../images/huiyuecangsang/bg.jpeg) no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding-top: .87rem;
}
/*轮播图*/
.swiper-container {
  width: 30%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 6.7rem;
  height: 7.03rem;
  margin-top: 1.25rem;
  margin-left: 1.5rem;
  width: 14.24rem;
}
/*左侧*/
.turnBigTextWrap{
	width: 1.6rem;
	height: 6.7rem;
	padding: 0 0.04rem;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	margin-left: 0.29rem;
}
.turnBigTextWrap .textWrap{
	border-left: 3px solid rgba(228,154,71,1);
	border-right: 3px solid rgba(228,154,71,1);
	height: 100%;
	text-align: center;
}
.turnBigTextWrap .textWrap .textBox{
	color: #333;
	font-size: 0.16rem;
	height: 100%;
	margin: 0 auto;
	padding: 0.3rem 0;
	box-sizing: border-box;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	text-align: left;
}
.buldingName{
	position: absolute;
	left: 0rem;
	top: 0.29rem;
	width:0.6rem;
	min-height:1.77rem;
	background:rgba(228,154,71,1);
	border-radius:0.04rem;
	z-index: 3;
	font-size: 0.32rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
	padding: 0.26rem 0;
	box-sizing: border-box;
}
.buldingNameBefore{
	position: absolute;
	width:0.6rem;
	min-height: 1.77rem;
	font-size: 0.32rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background:#fff;
	padding: 0.26rem 0;
	border:2px solid rgba(228,154,71,1);
	border-radius:0.04rem;
	left: 0.03rem;
	left: 0.06rem;
	top: 0.32rem;
	z-index: 2;
	box-sizing: border-box;
}
.imgThreeWrap{
	width: 12.14rem;
	height: 6.7rem;
	background:rgba(0,0,0,.56);
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.imgThreeWrapOpacity0{
	opacity:0;
	/*display: none;*/
}

.canvans{
	position: absolute;
	right: 0;
	top: 0;
	width: 12.14rem;
	height: 6.7rem;
	width: 85.5%;
	height: 96%;
	background: #000;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	visibility: hidden;
	/*visibility: inherit;*/
	opacity: 0.7;
	z-index: 2;
}
.canvansOpacity{
	opacity: 1;
	display: block;
}
.turnImgWrap{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.turnImgWrap .swiper-container{
	width: 100%;
	height: 100%;
}
.turnImgWrap .swiper-button-next,.turnImgWrap .swiper-container-rtl .swiper-button-prev{
	right: .22rem;
	background: url(../images/zonghengDetail/detail/rightArrow.png) no-repeat center;
	width: 0.32rem;
	height: 0.51rem;
	background-size: cover;
	/*right: -0.7rem;*/
}
.turnImgWrap .swiper-button-prev,.turnImgWrap .swiper-container-rtl .swiper-button-next{
	left: 2.32rem;
	background: url(../images/zonghengDetail/detail/leftArrow.png) no-repeat center;
  width: 0.32rem;
	height: 0.51rem;
  background-size: cover;
  /*right: -0.7rem;*/
}
.imgBigBox{
	text-align: center;
	height: 100%;
}

.imgBigBox img{
	text-align: center;
	height: 100%;
			-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
}
.imgBigBox img.opacity {
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
		opacity: 0;
}
.imgBigBox .year{
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
	width:0.58rem;
	height:0.26rem;
	line-height:0.26rem;
	color: #fff;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.26rem;
	background:rgba(228,154,71,1);
}
.imgFingerBox{
	width: 2.87rem;
	height: 2.13rem;
	position: absolute;
	bottom:.33rem;
	left: 2.2rem;
	z-index: 3;
	overflow: hidden;
/*	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;*/
}
.imgFingerBox img{
	width: 100%;
}

.imgSmallBox{
	/* width: 2.2rem;*/
	height: 2.5rem;
	position: absolute;
	bottom: .99rem;
	left: 3.68rem;
	overflow: hidden;
	z-index: 2;
	padding: 0.08rem;
	background: #fff;
	opacity: 1;
}

.imgSmallBox img{
	/* width: 100%; */
	height: 100%;
			-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
}
.imgSmallBox img.opacity{
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	opacity: 0;
}
.imgSmallBox .year{
	position: absolute;
	left: 0.08rem;
	top: 0.08rem;
	width:0.58rem;
	height:0.26rem;
	color: #fff;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.26rem;
	background:rgba(228,154,71,1);
}
.crossBtn{
	width: 1rem;
	height: 1rem;
	position: absolute;
	bottom: 0rem;
	right: 3.09rem;
	overflow: hidden;
	z-index: 2;
	cursor: pointer;
}
.crossBtn img{
	width: 100%;
	height: 100%;
}
/**/
.gallery-thumbs {
	position: absolute;
  top: 0;
  right: 0;
	width: 2.0rem;
  padding-top: .87rem;
  height: 100%;
  box-sizing: border-box;
  background:#837B71 url("../images/yuejicangsangDetail/filmBg.png") repeat-y center;
  background-size: contain;

}
.gallery-thumbs .swiper-slide {
  height: 100%;
  /*opacity: 0.4;*/
  /*background:#837B71 url("../images/yuejicangsangDetail/filmBg.png") repeat-y center;*/
  /*background: url("../images/yuejicangsangDetail/filmBg1.png") no-repeat center;*/
  background-size: cover;
  background-size: 100%;
  margin: 0rem 0.35rem;
  box-sizing: border-box;
  border: 3px solid;
  border-left: none;
  border-right: none;
  width: 1.3rem;
}
.gallery-thumbs .swiper-slide .imgBox{
	width: 1.3rem;
	height: 0.8rem;
	height: 100%;
	line-height: .8rem;
	/*background:rgba(184,100,0,1);*/
	/*filter: blur(3px);*/
	position: relative;
}
.gallery-thumbs .swiper-slide .imgBox:before{
	content: "";
	width: 100%;
	height: 100%;
	background:rgba(184,100,0,.6);
	position: absolute;
	left: 0;
	top: 0;
}
.gallery-thumbs .swiper-slide .imgBox img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.gallery-thumbs .swiper-slide .imgBox p{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1.3rem;
	/*height: .8rem;*/
	line-height: 0.24rem;
	color: #fff;
	font-size: 0.16rem;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.gallery-thumbs .swiper-slide-thumb-active .imgBox{
  /*background:rgba(184,100,0,1);*/
  opacity: 1;
  /*filter: blur(0px);*/
}
.gallery-thumbs .swiper-slide-thumb-active .imgBox:before{
  /*background:rgba(184,100,0,1);*/
  opacity: 1;
  /*filter: blur(0px);*/
  background:rgba(184,100,0,0);
}
.goTranslateBtn{
	position: absolute;
	left: 45%;
	transform: translateX(-50%);
	background: url(../images/zonghengDetail/detail/rightArrow.png) no-repeat center;
  width: 0.32rem;
  height: 0.51rem;
  background-size: cover;
 	top: auto;
 	bottom: auto;
 	z-index: 1;
 	cursor: pointer;
 	display: none;
}
.swiper-button-next-top{
	top: 1.06rem;
	transform: rotate(-90deg) translateX(20%);
}
.swiper-button-prev-bottom{
	bottom: 0.18rem;
	transform: rotate(90deg) translateX(20%);
}