/*左侧天气*/
.indexWeather {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	color: #fff;
	width: 36px;
	z-index: 500;
	font-family: "楷体";
	font-size: 18px;
}
.indexWeather .indexWeatherText {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.indexWeather .indexWeatherLineTop {
	width: 1px;
	height: 24px;
	margin: calc(39px - 1rem) 0px 27px 17.5px;
	position: relative;
}
.indexWeather .indexWeatherLineTop .indexWeatherLine {
	width: 1px;
	background: #f08;
	animation: indexWeatherLine ease-out 2s infinite;
	-webkit-animation: indexWeatherLine ease-out 2s infinite;
	position: absolute;
	bottom: 0;
}
.indexWeather .indexWeatherImg {
	width: 36px;
	height: 36px;
	background-image: url(../../images/web/weather.png);
	background-size: cover;
}
.indexWeather .indexWeatherLineBottom {
	width: 1px;
	height: 24px;
	margin: 27px 0px 15px 17.5px;
	position: relative;
}
.indexWeather .indexWeatherLineBottom .indexWeatherLine {
	width: 1px;
	background: #f08;
	animation: indexWeatherLine ease-out 2s infinite;
	-webkit-animation: indexWeatherLine ease-out 2s infinite;
}
.indexWeather .indexWeatherTEMP {
	width: 100%;
	text-align: center;
	font-size: 22px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}


.bannaer{
	position: relative;
	width: 100%;
	height: 100%;
}
.bannaer .mousebox{
	position: absolute;
	width: 22px;
	height: 90px;
	left: 50%;
	margin-left: -11px;
	bottom: 5px;
	z-index: 111;
	opacity: 1;
	transition: all 0.6s;
}
.bannaer .mousebox.active{
	opacity: 0;
}
.bannaer .mousebox .dd1{
	position: absolute;
	width: 2px;
    height: 2px;
    background: #fff;
  	border-radius:50% ;
  	left:50%;
  	margin-left: -1px;
}
.bannaer .mousebox .dd2{
	position: absolute;
	width: 4px;
    height: 4px;
    background: #fff;
  	border-radius:50% ;
  	left:50%;
  	margin-left: -2px;
}
.bannaer .mousebox .dd3{
	position: absolute;
	width: 6px;
    height: 6px;
    background: #fff;
  	border-radius:50% ;
  	left:50%;
  	margin-left: -3px;
}
.bannaer .mousebox .up1{
	top: 0px;
}
.bannaer .mousebox .up2{
	top: 7px;
}
.bannaer .mousebox .up3{
	top: 16px;
}
.bannaer .mousebox .dow1{
	bottom: 0px;
}
.bannaer .mousebox .dow2{
	bottom: 7px;
}
.bannaer .mousebox .dow3{
	bottom: 16px;
}
.mouse-icon {
    position: absolute;
    width: 22px;
    height: 32px;
    left: 0;
    top: 50%;
    margin-top: -16px;
    border: 2px solid #fff;
    border-radius: 25px;
    overflow: hidden;
}
.mouse-icon span {
    display: block;
    width: 2px;
    height: 6px;
    position: absolute;
    background: #fff;
    left: 50%;
    margin-left: -1px;
    top: 10%;
    -webkit-animation: mouseShow 1s ease-out infinite;
    -o-animation: mouseShow 1s ease-out infinite;
    animation: mouseShow 1s ease-out infinite;
}


/*轮播图*/
.wraper{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	overflow: hidden;
}
.wraper-box,.pic-content{
	position: relative;
	height: 100%;
	width: 100%;
}
.wraper-list{
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
}
.wraper-list.active{
	display: block;
}
.wraper-pc1 .pic-content{
	background: url(../../images/web/banner01.jpg) center no-repeat;
	transition: all 0.8s;
	background-size: cover;
}
.wraper-pc2 .pic-content{
	background: url(../../images/web/banner02.jpg) center no-repeat;
	transition: all 0.8s;
	background-size: cover;
}
.wraper-pc3 .pic-content{
	background: url(../../images/web/banner03.jpg) center no-repeat;
	transition: all 0.8s;
	background-size: cover;
}
.wraper-list .wzbox{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
	opacity: 1;
	transition: all 0.6s;
}
.wraper-pc1 .zi01{
	position: absolute;
	width: 102px;
	height: 126px;
	top:25%;
	right:50%;
	margin-right: -650px;
	background: url(../../images/web/qiqiu.png) center center no-repeat;
	background-size:100% auto ;
	transition: all .3s;
}
.wraper-pc1 .zi02{
	position: absolute;
	width: 360px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left:150px;
	margin-top: -50px;
	background: url(../../images/web/banner-z1.png) left center no-repeat;
	background-size:100% auto ;
	transition: all 0.3s;
}
.wraper-pc1 .zi03{
	position: absolute;
	width: 180px;
	height: 52px;
	left: 50%;
	top: 50%;
	margin-left: 185px;
	margin-top: 25px;
	background: url(../../images/web/banner-z2.png) bottom left no-repeat;
	background-size:100% auto ;
	transition: all .03s;
}
.wraper-pc1 .zi04{
	position: absolute;
	width: 192px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: 370px;
	margin-top: 40px;
	background: url(../../images/web/banner-z3.png) bottom left no-repeat;
	background-size:100% auto ;
	transition: all .03s;
}
.wraper-pc1 .zi05{
	position: absolute;
	width: 350px;
	height: 18px;
	left: 50%;
	top: 50%;
	margin-left: 185px;
	margin-top: 90px;
	background: url(../../images/web/banner-z4.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc1 .zi06{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-align: LEFT;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: 185px;
	margin-top: 97px;
	transition: all .03s;
}
.wraper-pc1 .zi07{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	text-align: LEFT;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: 185px;
	margin-top: 120px;
	transition: all .03s;
}
.wraper-pc2 .zi01{
	position: absolute;
	width: 500px;
	height: 70%;
	bottom: 0;
	left: 10%;
	margin-left:0px;
	background: url(../../images/web/banner-t2.png) bottom left no-repeat;
	background-size:auto  100%;
	transition: all 0.3s;
}
.wraper-pc2 .zi02{
	position: absolute;
	width: 360px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left:-150px;
	margin-top: -50px;
	background: url(../../images/web/banner-z1.png) left center no-repeat;
	background-size:100% auto ;
	transition: all 0.3s;
}
.wraper-pc2 .zi03{
	position: absolute;
	width: 180px;
	height: 52px;
	left: 50%;
	top: 50%;
	margin-left: -115px;
	margin-top: 25px;
	background: url(../../images/web/banner-z2.png) bottom left no-repeat;
	background-size:100% auto ;
	transition: all .03s;
}
.wraper-pc2 .zi04{
	position: absolute;
	width: 192px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: 70px;
	margin-top: 40px;
	background: url(../../images/web/banner-z3.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc2 .zi05{
	position: absolute;
	width: 350px;
	height: 18px;
	left: 50%;
	top: 50%;
	margin-left: -115px;
	margin-top: 90px;
	background: url(../../images/web/banner-z4.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc2 .zi06{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: -115px;
	margin-top: 97px;
	transition: all .03s;
}
.wraper-pc2 .zi08{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: -115px;
	margin-top: 120px;
	transition: all .03s;
}
.wraper-pc2 .zi07{
	position: absolute;
	width: 79px;
	height: 86px;
	left: 60%;
	top: 28%;
	background: url(../../images/web/qiqiu2.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc3 .zi02{
	position: absolute;
	width: 360px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left:-190px;
	margin-top: -50px;
	background: url(../../images/web/banner-z1.png) left center no-repeat;
	background-size:100% auto ;
	transition: all 0.3s;
}
.wraper-pc3 .zi03{
	position: absolute;
	width: 180px;
	height: 52px;
	left: 50%;
	top: 50%;
	margin-left: -155px;
	margin-top: 25px;
	background: url(../../images/web/banner-z2.png) bottom left no-repeat;
	background-size:100% auto ;
	transition: all .03s;
}
.wraper-pc3 .zi04{
	position: absolute;
	width: 192px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: 30px;
	margin-top: 40px;
	background: url(../../images/web/banner-z3.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc3 .zi05{
	position: absolute;
	width: 350px;
	height: 18px;
	left: 50%;
	top: 50%;
	margin-left: -155px;
	margin-top: 90px;
	background: url(../../images/web/banner-z4.png) bottom left no-repeat;
	transition: all .03s;
}
.wraper-pc3 .zi06{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: -155px;
	margin-top: 97px;
	transition: all .03s;
}
.wraper-pc3 .zi07{
	position: absolute;
	width: 250px;
	height: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	letter-spacing: 2px;
	left: 50%;
	top: 50%;
	margin-left: -155px;
	margin-top: 120px;
	transition: all .03s;
}
/*三屏分页*/
.wraper-pages{
	position: absolute;
	bottom: 15px;
	left: 30px;
	color:rgba(255,255,255,1);
	z-index: 410;
	transition: all 0.4s;
}
.wraper-pages.active{
	opacity: 0;
}
.wraper-nownum{
	font-size: 40px;
	color: #fff;
}
.wraper-nowdesc .wraper-destxt{
	display: none;
}
.wraper-nowdesc .wraper-destxt.active{
	display: block;
}
.wraper-nowdesc{
	height: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
/*左右*/
.wraper-dir .wraper-tips{
	float: left;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
	font-family: "宋体";
	font-weight: bold;
}
.wraper-dir .wraper-tips:hover{
	background: #fff;
	color: #f60;
}
.wraper-next{
	margin-left: 5px;
}

/*关于景区样式*/
.inabout {
	position: relative;
	width: 100%;
	height: 555px;
	background: url(../../images/web/about-bg.jpg) center no-repeat;
	background-size: cover;
	z-index: 400;
}
.inabout .inbox {
	position: relative;
	width: 95%;
	max-width: 1300px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.inabout .inbox .line{
	position: absolute;
	width: 35px;
	height: 3px;
	top: 50%;
	margin-top: -165px;
	background: #ff008a;
	transition: all 0.6s;
	left:120px;
	opacity:0;
}
.inabout .inbox .line.active{
	left:0;
	opacity: 1;
	transition-delay: 0.1s;
}
.inabout .inbox .title1{
	position: absolute;
	width: 200px;
	height: 40px;
	top: 50%;
	margin-top: -150px;
	line-height: 40px;
	font-size: 35px;
	color:#f08;
	left:-120px;
	opacity:0;
	transition: all 0.6s;
}
.inabout .inbox .title1.active{
	left:0;
	opacity: 1;
	transition-delay: 0.1s;
}
.inabout .inbox .title2{
	position: absolute;
	width: 55%;
	height: 30px;
	top: 50%;
	margin-top: -55px;
	line-height: 30px;
	font-size: 18px;
	color:#f60;
	opacity: 0;
	transition: all 0.8s;
}
.inabout .inbox .title2.active{
	margin-top: -85px;
	opacity: 1;
	transition-delay: 0.2s;
}
.inabout .inbox .info{
	position: absolute;
	width: 55%;
	height: 168px;
	top: 50%;
	margin-top: 10px;
	line-height: 28px;
	display: -webkit-box;
    display: -ms-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    transition: all 0.8s;
    opacity: 0;
}

.inabout .inbox .info.active{
	opacity: 1;
	margin-top: -45px;
	transition-delay: 0.3s;
}
.inabout .inbox .morbox{
	position: absolute;
	width: 120px;
	height: 25px;
	top: 50%;
	left: 100px;
	margin-top: 160px;
	opacity: 0;
	transition: all 0.8s;
}
.inabout .inbox .morbox.active{
	opacity: 1;
	left: 0;
	transition-delay: 0.5s;
}
.inabout .inbox .spbox{
	position: absolute;
	width: 40%;
	height: 350px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 50;
}
.inabout .inbox .spbox .spk{
	position: absolute;
	width: 80%;
	height: 100%;
	right: 100px;
	border:2px solid #7bccc5;
	border-left: 0px;
	opacity: 0;
	transition: all 0.8s;
}
.inabout .inbox .spbox .spk.active{
	opacity: 1;
	right: 15px;
	transition-delay: 0.3;
}
.inabout .inbox .spbox .spk .topline{
	position: absolute;
	width: 2px;
	height: calc(50% - 60px);
	background: #7bccc5;
	left: 0;
	top: 0;
}
.inabout .inbox .spbox .spk .botline{
	position: absolute;
	width: 2px;
	height: calc(50% - 60px);
	background: #7bccc5;
	left: 0;
	bottom: 0;
}
.inabout .inbox .spbox .sp{
	position: absolute;
	width: 80%;
	height: calc(100% - 30px);
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url(../../images/web/spbg.jpg) center center no-repeat;
	background-size:cover ;
	cursor: pointer;
	z-index: 50;
	margin-right: -60px;
	opacity: 0;
	transition: all 0.8s;
}
.inabout .inbox .spbox .sp.active{
	margin-right: 0px;
	opacity: 1;
	transition-delay: 0.3s;
}
.inabout .inbox .spbox .sp .bf{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	background:rgba(0,0,0,.5) url(../../images/web/bfico.png) center center no-repeat;
}
.inabout .inbox .spbox .sp:hover .bf{
	background:rgba(0,0,0,.5) url(../../images/web/bfico-on.png) center center no-repeat;
}
.inabout .inbox .spbox .btnbox{
	position: absolute;
	width: 100px;
	height: 120px;
	top: 50%;
	transform: translateY(-50%);
	right:80%;
	margin-right: 10px;
	z-index: 100;
	opacity: 0;
	transition: all 0.8s;
}
.inabout .inbox .spbox .btnbox.active{
	margin-right: -30px;
	opacity: 1;
	transition-delay: 0.5s;
}
.inabout .inbox .spbox .btnbox li{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin:7px 0;
	background: #7bccc5;
	text-align: center;
	color: #fff;
	transition: all 0.3s;
}

.inabout .inbox .spbox .btnbox li:hover{
	background: #f08;
	color: #ff0;
}

/*景点展示*/
.indexSceneryBox {
	position: relative;
	z-index: 2;
	background: #fff;
}
.indexSceneryBg {
	position: absolute;
	width: 50%;
	height: 100%;
	background: rgba(0,0,0,.0);
	z-index: 5;
	top: 0;
	right: 0;
	transition: all 0.6s;
}
.indexSceneryBg.active {
	background: rgba(0,0,0,.7);
}
.indexScenery {
	width: 100%;
	position: relative;
	background-size: cover;
	z-index: 300;
}
.indexScenery .sceneryTextBox {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.indexScenery .sceneryTextBox .nrbox{
	position: relative;
	width: 95%;
	max-width: 1300px;
	height: 100%;
	margin: 0 auto;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox{
	position: absolute;
	width: 43%;
	height: 100%;
	right: 0;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .title{
	position: absolute;
	width: auto;
	height: 40px;
	line-height: 40px;
	top: 50%;
	margin-top: -250px;
	font-size: 35px;
	color: #fff;
	opacity: 0;
	transition: all 0.8s;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .title.active{
	opacity: 1;
	margin-top: -200px;
	transition-delay: 0.3s;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .entitle{
	position: absolute;
	width: 276px;
	height: 29px;
	top: 50%;
	margin-top: -190px;
	background: url(../../images/web/in-yw01.png) top left no-repeat;
	background-size:auto 100%;
	opacity: 0; 
	transition: all 0.8s;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .entitle.active{
	opacity: 1;
	margin-top: -150px;
	transition-delay: 0.5s; 
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .morebox{
	position: absolute;
	width: 120px;
	height: 25px;
	top: 50%;
	margin-top: 130px;
	opacity: 0; 
	transition: all 0.8s;
}
.indexScenery .sceneryTextBox .nrbox .rgihtbox .morebox.active{
	opacity: 1;
	margin-top: 100px;
	transition-delay: 0.8s; 
}
.indexScenery .sceneryTextBox .sceneryTextTitle {
	color: #fff;
	display: inline-block;
}

.indexScenery .sceneryTextBox .sceneryTextTitleEn {
	margin: 0;
	font-size: 1.125rem;
	color: #fff;
	display: block;
}

.indexScenery .sceneryTextBox .sceneryTextTitleCn {
	position: absolute;
	width:100%;
	height: 30px;
	line-height: 30px;
	top: 50%;
	margin-top: -100px;
	font-size:24px;
	display: block;
	letter-spacing:0px;
	color: #f60;
	opacity: 0;
	transition: all 0.8s;
}
.indexScenery .sceneryTextBox .sceneryTextTitleCn.active {
	opacity: 1;
	margin-top: -70px;
	transition-delay: 0.6s;
}

.indexScenery .sceneryTextBox .sceneryTextContent {
	position: absolute;
	width:100%;
	height: 90px;
	line-height: 30px;
	font-size: 14px;
	top: 50%;
	margin-top: 0px;
	color: rgba(255,255,255,.75);
	display: -webkit-box;
    display: -ms-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    opacity: 0;
	transition: all 0.8s;
}
.indexScenery .sceneryTextBox .sceneryTextContent.active {
	opacity: 1;
	margin-top: -30px;
	transition-delay: 0.7s;
}

.indexScenery .sceneryTextBox .sceneryTextContent:before {
	position: absolute;
	content: '';
	height: 150px;
	width: 1px;
	right: 20px;
}

.indexScenery .scenerySlide {
	height: 600px;
	position: relative;
	background-size: cover;
	opacity: 1;
}

.indexScenery .swiper-button-prev {
	width: 28px;
	height: 28px;
	background:rgba(255,255,255,.0) url(../../images/web/ll.png) center no-repeat;
	border: 1px solid rgba(255,255,255,.5);
	left: 0;
	cursor: pointer;
	top: 50%;
	margin-top: 170px;
	transition: all 0.8s;
	opacity: 0;
}
.indexScenery .swiper-button-prev.active {
	opacity: 1;
	margin-top: 200px !important;
}
.indexScenery .swiper-button-prev:hover {
	background:#fff url(../../images/web/ll-on.png) center no-repeat;
	border: 1px solid #fff;
}

.indexScenery .swiper-button-prev:focus {
	outline: 0;
}

.indexScenery .swiper-button-next {
	width: 28px;
	height: 28px;
	background:rgba(255,255,255,.0) url(../../images/web/rr.png) center no-repeat;
	background-size:9px 16px;
	border: 1px solid rgba(255,255,255,.5);
	left: 35px;
	cursor: pointer;
	top: 50%;
	margin-top: 170px;
	transition: all 0.8s;
	opacity: 0;
}
.indexScenery .swiper-button-next.active {
	opacity: 1;
	margin-top: 200px !important;
}
.indexScenery .swiper-button-next:hover {
	background:#fff url(../../images/web/rr-on.png) center no-repeat;
	border: 1px solid #fff;
}

.indexScenery .swiper-button-next:focus {
	outline: 0;
}

.indexScenery .scenerySlide .swiper-pagination {
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%);
}

.indexScenery .scenerySlide .swiper-pagination:before {
	width: 1em;
	content: '';
	height: 1px;
	background-color: #245753;
	position: absolute;
	top: 12px;
	left: -50px;
}

.indexScenery .scenerySlide .swiper-pagination:after {
	width: 1em;
	content: '';
	height: 1px;
	background-color: #245753;
	position: absolute;
	top: 12px;
	right: -50px;
}

.indexScenery .scenerySlide .swiper-pagination-bullet {
	width: 25px;
	height: 22px;
	background-color: transparent;
	color: #245753;
	opacity: 1;
	border-radius: 0;
	margin: 0 10px;
}

.indexScenery .scenerySlide .swiper-pagination-bullet:focus {
	outline: 0;
}

.indexScenery .scenerySlide .swiper-pagination-bullet-active {
	/*background-image: url(../../images/web/scenerySlideNumBg.png);*/
	color: white;
}

.indexScenery .scenerySlide .scenerySlideEn,
.indexScenery .scenerySlide .scenerySlideCn,
.indexScenery .scenerySlide .scenerySlideContent {
	display: none;
}

.indexScenery #scenerySlide {
	width: 100%;
	height:100%;
}

.indexScenery #scenerySlide .swiper-slide {
	width: 100%;
	height: 100%;
	background-size: cover;
}

.indexScenery .sceneryLight {
	position: absolute;
	z-index: 2;
	right: 5%;
	bottom: -85px;
	animation: star 1s linear 0s infinite normal none running;
	-webkit-animation: star 1s linear 0s infinite normal none running;
}


/*新闻资讯样式*/
.inbigb{
	position: relative;
	width: 100%;
	height: auto;
}
.inbigb .leftr{
	position: absolute;
	width: 501px;
	height: 714px;
	bottom: 0;
	left: -300px;
	background: url(../../images/web/ren1.png) bottom left no-repeat;
	background-size: 100% auto;
	z-index: 10;
	transition: all 0.8s;
	opacity: 0;
}
.inbigb .leftr.active{
	opacity: 1;
	transition-delay: 0.1s;
	left: 0;
}
.inbigb .rightr{
	position: absolute;
	width: 495px;
	height: 578px;
	bottom: 0;
	right: -200px;
	background: url(../../images/web/ren2.png) bottom left no-repeat;
	background-size: 100% auto;
	z-index: 10;
	transition: all 0.9s;
	opacity: 0;
}
.inbigb .rightr.active{
	opacity: 1;
	transition-delay: 0.2s;
	right: 30px;
}
.innews{
	position: relative;
	width: 100%;
	height: 585px;
	background: url(../../images/web/news-bg.jpg) bottom center no-repeat;
	background:cover;
}
.innews .bignew{
	position: relative;
	width: 95%;
	max-width: 1300px;
	height: 100%;
	margin: 0 auto;
}
.innews .leftms{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
}
.innews .leftms .title{
	position: absolute;
	width: 93%;
	height: 23px;
	top: 50%;
	background:url(../../images/web/in-yw02.png) bottom left no-repeat;
	padding-left:85px ;
	top: 50%;
	margin-top: -240px;
	opacity: 0;
	transition: all 0.8s;
}
.innews .leftms .title.active{
	opacity: 1;
	margin-top: -200px;
	transition-delay: 0.1s;
}
.innews .leftms .title span{
	width: auto;
	height: 23px;
	font-size: 18px;
	line-height: 21px;
	color: #f08;
	border-bottom:2px solid #f60;
}
.innews .leftms .listbox{
	position: absolute;
	width: 92%;
	height: 296px;
	top: 50%;
	transform:translateY(-50%);
	margin-top: 30px;
	opacity: 0;
	transition: all 0.8s;
}
.innews .leftms .listbox.active{
	opacity: 1;
	margin-top:0px;
	transition-delay: 0.25s;
}
.innews .leftms .listbox li{
	position: relative;
	width: 100%;
	height: 55px;
	margin-bottom: 5px;
}
.innews .leftms .listbox li .left{
	position: relative;
	float: left;
	width:53px;
	height: 100%;
	background:rgba(0,0,0,.1);
	border: 2px solid rgba(0,0,0,.0);
	border-radius: 3px;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	padding-left: 3px;
	padding-top: 3px;
	color: #897a82;
	transition: all 0.3s;
}
.innews .leftms .listbox li:first-child .left{
	background:#7bccc5;
	border: 2px solid #62c4bb;
	color: #fff;
}

.innews .leftms .listbox li:hover .left{
	background:#f60;
	border: 2px solid #f50;
	color: #fff;
}
.innews .leftms .listbox li .left span{
	font-size: 14px;
}
.innews .leftms .listbox li .center{
	position: relative;
	float: left;
	width:calc(100% - 72px);
	background:rgba(0,0,0,.1);
	border: 2px solid rgba(0,0,0,.0);
	border-radius: 3px;
	margin-left: 3px;
	line-height: 51px;
	padding: 0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #897a82;
    transition: all 0.3s;;
}
.innews .leftms .listbox li:first-child .center{
	background:#7bccc5;
	border: 2px solid #62c4bb;
	color: #fff;
}
.innews .leftms .listbox li:hover .center{
	background:#f60;
	border: 2px solid #f50;
	color: #fff;
}
.innews .leftms .listbox li .right{
	position: relative;
	float: left;
	width:11px;
	height: 100%;
	background:rgba(0,0,0,.1);
	border: 2px solid rgba(0,0,0,.0);
	border-radius: 3px;
	margin-left: 3px;
	font-size: 14px;
	font-family: "宋体";
	line-height: 51px;
	color: #999;
	text-align: center;
	font-weight: bold;
	color: #897a82;
	transition: all 0.3s;
}
.innews .leftms .listbox li:first-child .right{
	background:#7bccc5;
	border: 2px solid #62c4bb;
	color: #fff;
}
.innews .leftms .listbox li:hover .right{
	background:#f60;
	border: 2px solid #f50;
	color: #fff;
}
.innews .morebox{
	position: absolute;
	width: 120px;
	height: 25px;
	top: 50%;
	margin-top: 220px;
	transition: all 0.8s;
	opacity: 0;
}
.innews .morebox.active{
	opacity: 1;
	transition-delay: 0.4s;
	margin-top: 180px;
}

.innews .rightms{
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
}
.innews .rightms .title{
	position: absolute;
	width: 100%;
	height: 23px;
	top: 50%;
	background:url(../../images/web/in-yw03.png) bottom left no-repeat;
	padding-left:120px ;
	top: 50%;
	margin-top: -240px;
	opacity: 0;
	transition: all 0.8s;
}
.innews .rightms .title.active{
	opacity: 1;
	margin-top: -200px;
	transition-delay: 0.1s;
}
.innews .rightms .title span{
	width: auto;
	height: 23px;
	font-size: 18px;
	line-height: 21px;
	color: #f08;
	border-bottom:2px solid #f60;
}
.innews .rightms .listbox{
	position: absolute;
	width: 100%;
	height: 296px;
	top: 50%;
	transform:translateY(-50%);
	margin-top: 30px;
	opacity: 0;
	transition: all 0.8s;
}
.innews .rightms .listbox.active{
	opacity: 1;
	margin-top: 0px;
	transition-delay: 0.25s;
}
.innews .rightms .listbox li{
	position: relative;
	float: left;
	width: 32.333%;
	height: 100%;
	margin-right: 1%;
	border-radius: 3px;
	background:rgba(0,0,0,.1);
	overflow: hidden;
	transition: all 0.5s;
}
.innews .rightms .listbox li:first-child{
	background:#7bccc5;
}
.innews .rightms .listbox li:hover{
	background:#f60;
}
.innews .rightms .listbox li .picbox{
	position: relative;
	width: 100%;
	height: 50%;
	overflow: hidden;
}
.innews .rightms .listbox li .picbox .pic{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.innews .rightms .listbox li:hover .picbox .pic{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.innews .rightms .listbox li .nrtitle{
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	padding: 0 8px;
	font-size: 18px;
	color: #64515a;
	letter-spacing: 1px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.innews .rightms .listbox li:first-child .nrtitle,
.innews .rightms .listbox li:hover .nrtitle{
	color: #fff;
}
.innews .rightms .listbox li .nrinfo{
	position: relative;
	width: 100%;
	height: 60px;
	line-height: 20px;
	margin-top: 8px;
	padding: 0 8px;
	font-size: 12px;
	color: #999;
	letter-spacing: 1px;
	display: -webkit-box;
    display: -ms-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition: all 0.3s;
}
.innews .rightms .listbox li:first-child .nrinfo,
.innews .rightms .listbox li:hover .nrinfo{
	color: #fff;
}
.innews .rightms .listbox li .uadata{
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 8px;
	padding: 0 8px;
	font-size: 12px;
	color: #897a82;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.innews .rightms .listbox li:first-child .uadata,
.innews .rightms .listbox li:hover .uadata{
	color: #fff;
}
/*吃喝玩乐*/
.inczx{
	position: relative;
	width: 100%;
	height: 635px;
	background: url(../../images/web/czx-bg.jpg) top center no-repeat;
	background:cover;
}
.inczx .title{
	position: absolute;
	width: 100%;
	height: 40px;
	top: 50%;
	margin-top: -260px;
	line-height: 40px;
	font-size: 35px;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	z-index: 300;
	opacity: 0;
	transition: all 0.8s;
}
.inczx .title.active{
	opacity: 1;
	transition-delay: 0.2s;
	margin-top: -230px;
}
.inczx .title-yw{
	position: absolute;
	width: 100%;
	height: 15px;
	top: 50%;
	margin-top: -180px;
	background: url(../../images/web/in-yw04.png) center no-repeat;
	background-size:auto 100%;
	z-index: 300;
	opacity: 0;
	transition: all 0.8s;
}
.inczx .title-yw.active{
	height: 29px;
	opacity: 1;
	transition-delay: 0.3s;
}
.inczx .lminfo{
	position: absolute;
	width: 100%;
	height: 100px;
	top: 50%;
	font-size: 14px;
	line-height: 26px;
	margin-top: -100px;
	text-align: center;
	color: rgba(255,255,255,.7);
	z-index: 300;
	opacity: 0;
	transition: all 0.8s;
}
.inczx .lminfo.active{
	opacity: 1;
	margin-top: -120px;
	transition-delay: 0.45s;
}
.inczx .btnbox{
	position: absolute;
	width: 95%;
	max-width: 1300px;
	height: 165px;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
	margin-top: 80px;
	text-align: center;
	z-index: 300;
	opacity: 0;
	transition: all 0.8s;
}
.inczx .btnbox.active{
	opacity: 1;
	margin-top: 50px;
	transition-delay: 0.6s;
}
.inczx .btnbox li{
	position: relative;
	display: inline-block;
	width: 16.666%;
	height: 100%;
	margin: 0 -2PX;
}
.inczx .btnbox li .nrbox{
	position: absolute;
	width: 70%;
	left: 15%;
	top: 50%;
	transform: translateY(-50%);
	border-radius:50% ;
	border: 5px solid rgba(255,255,255,.5);
	overflow: hidden;
}
.inczx .btnbox li .nrbox .picbox{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.inczx .btnbox li .nrbox:hover .picbox{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    filter: saturate(180%);
}
.inczx .btnbox li .nrbox .pict01{
	background: url(../../images/web/ms.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .pict02{
	background: url(../../images/web/zs.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .pict03{
	background: url(../../images/web/jt.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .pict04{
	background: url(../../images/web/jd.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .pict05{
	background: url(../../images/web/sp.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .pict06{
	background: url(../../images/web/yl.jpg)center no-repeat;
	background-size:cover ;
}
.inczx .btnbox li .nrbox .picbg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 10;
	transition: all 0.3s;
}
.inczx .btnbox li .nrbox:hover .picbg{
	background: rgba(130,0,70,.7);
}
.inczx .btnbox li .nrbox .ico{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	z-index: 30;
	transition: all 0.3s;
}
.inczx .btnbox li .nrbox:hover .ico{
	margin-top: -40px;
}
.inczx .btnbox li .nrbox .zi{
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	top: 50%;
	margin-top: 25px;
	z-index: 30;
	opacity: 0;
	transition: all 0.3s;
}
.inczx .btnbox li .nrbox:hover .zi{
	margin-top: 10px;
	opacity: 1;
}

.inczx .btnbox li .nrbox .ico01{
	background: url(../../images/web/ico/ms.png) center no-repeat;
}
.inczx .btnbox li .nrbox .ico02{
	background: url(../../images/web/ico/jd.png) center no-repeat;
}
.inczx .btnbox li .nrbox .ico03{
	background: url(../../images/web/ico/jt.png) center no-repeat;
}
.inczx .btnbox li .nrbox .ico04{
	background: url(../../images/web/ico/yj.png) center no-repeat;
}
.inczx .btnbox li .nrbox .ico05{
	background: url(../../images/web/ico/sp.png) center no-repeat;
}
.inczx .btnbox li .nrbox .ico06{
	background: url(../../images/web/ico/yl.png) center no-repeat;
}

/*旅游服务样式*/
.inservice {
	position: relative;
	width: 100%;
	height: 695px;
	background: url(../../images/web/contact-bg.jpg) center no-repeat;
	background-size: cover;
}
.inservice .sernrbox{
	position: absolute;
	width: 95%;
	max-width: 1300px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.inservice .sernrbox .title{
	position: absolute;
	width: 40%;
	height: 40px;
	top: 50%;
	margin-top: -290px;
	font-size: 35px;
	line-height: 40px;
	color: #f08;
	letter-spacing: 1px;
	transition: all 0.8s;
	opacity: 0;
}
.inservice .sernrbox .title.active{
	opacity: 1;
	transition-delay: 0.1s;
	margin-top: -250px;
}
.inservice .sernrbox .ywtitle{
	position: absolute;
	width: 40%;
	height: 29px;
	top: 50%;
	margin-top: -240px;
	background: url(../../images/web/in-yw05.png) top left no-repeat;
	background-size:auto 100%;
	transition: all 0.8s;
	opacity: 0;
}
.inservice .sernrbox .ywtitle.active{
	opacity: 1;
	transition-delay: 0.2s;
	margin-top: -200px;
}
.inservice .sernrbox .infos{
	position: absolute;
	width: 41%;
	height: 90px;
	line-height: 30px;
	top: 50%;
	margin-top: -160px;
	display: -webkit-box;
    display: -ms-box;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition: all 0.8s;
    opacity: 0;
}
.inservice .sernrbox .infos.active{
	opacity: 1;
	transition-delay: 0.4s;
	margin-top: -140px;
}
.inservice .sernrbox .infotel{
	position: absolute;
	width: 41%;
	height: 120px;
	line-height: 30px;
	top: 50%;
	margin-top: 0px;
	font-size: 13px;
	transition: all 0.8s;
    opacity: 0;
}
.inservice .sernrbox .infotel.active{
	opacity: 1;
	transition-delay: 0.4s;
	margin-top: -20px;
}
.inservice .sernrbox .dtdh{
	position: absolute;
	width: 120px;
	height: 120px;
	top: 50%;
	margin-top: 160px;
	background: url(../../images/web/dhewm.jpg) center no-repeat;
	background-size:cover ;
	transition: all 0.8s;
    opacity: 0;
}
.inservice .sernrbox .dtdh.active{
	opacity: 1;
	transition-delay: 0.5s;
	margin-top: 130px;
}
.inservice .sernrbox .dtdhinfo{
	position: absolute;
	width: 40%;
	height: 16px;
	top: 50%;
	margin-top: 290px;
	background: url(../../images/web/sys.png) top left no-repeat;
	padding-left: 25px;
	font-size: 12px;
	line-height: 16px;
	color: #f08;
	transition: all 0.8s;
    opacity: 0;
}
.inservice .sernrbox .dtdhinfo.active{
	opacity: 1;
	transition-delay: 0.6s;
	margin-top: 260px;
}
.inservice .sernrbox .serbtnbox{
	position: absolute;
	width: auto;
	height: 32px;
	top: 50%;
	margin-top: -180px;
	right: 0;
	transition: all 0.8s;
    opacity: 0;
}
.inservice .sernrbox .serbtnbox.active{
	opacity: 1;
	transition-delay: 0.3s;
	margin-top: -220px;
}
.inservice .sernrbox .serbtnbox .btns{
	position: relative;
	float: left;
	width: auto;
	height: 100%;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 20px;
	padding: 0 10px;
	margin-left: 5px;
	background: rgba(255,255,255,.3);
	transition: all 0.3s;
}
.inservice .sernrbox .serbtnbox .btns:first-child{
	border: 1px solid #7bccc5;
	background: #7bccc5;
}
.inservice .sernrbox .serbtnbox .btns:hover{
	border: 1px solid #f08;
	background: #f08;
}
.inservice .sernrbox .serbtnbox .btns .zi{
	position: relative;
	display: inline-block;
	width: auto;
	line-height: 30px;
	vertical-align: top;
	margin-left: 3px;
	color: #897a82;
	transition: all 0.3s;
}
.inservice .sernrbox .serbtnbox .btns:first-child .zi{
	color: #fff;
}
.inservice .sernrbox .serbtnbox .btns:hover .zi{
	color: #fff;
}
.inservice .sernrbox .serbtnbox .btns .ico{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 100%;
	vertical-align: top;
	transition: all 0.3s;
}
.inservice .sernrbox .serbtnbox .btns .ico01{
	background: url(../../images/web/ico/qc.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:first-child .ico01{
	background: url(../../images/web/ico/qc-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns .ico02{
	background: url(../../images/web/ico/hc.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns .ico03{
	background: url(../../images/web/ico/fj.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns .ico04{
	background: url(../../images/web/ico/ts.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns .ico05{
	background: url(../../images/web/ico/wq.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns .ico06{
	background: url(../../images/web/ico/sj.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico01{
	background: url(../../images/web/ico/qc-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico02{
	background: url(../../images/web/ico/hc-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico03{
	background: url(../../images/web/ico/fj-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico04{
	background: url(../../images/web/ico/ts-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico05{
	background: url(../../images/web/ico/wq-on.png) center center no-repeat;
	background-size:100% auto ;
}
.inservice .sernrbox .serbtnbox .btns:hover .ico06{
	background: url(../../images/web/ico/sj-on.png) center center no-repeat;
	background-size:100% auto ;
}


.inservice .sernrbox .right{
	position: absolute;
	width: 52%;
	height: 410px;
	top: 50%;
	right: 0px;
	margin-top: -130px;
	transition: all 0.8s;
}
.inservice .sernrbox .right .dt{
	position: absolute;
	width: calc(100% - 15px);
	height: 380px;
	top: 15px;
	left:-100px;
	border: 1px solid rgba(0,0,0,.1);
	z-index: 10;
	opacity: 0;
	transition: all 0.8s;
}
.inservice .sernrbox .right .dt.active{
	opacity: 1;
	transition-delay: 0.3s;
	left:0;
}
.inservice .sernrbox .right .kk{
	position: absolute;
	width: 90%;
	height: 100%;
	top: 0;
	right: -100px;
	border: 2px solid #7bccc5;
	opacity: 0;
	transition: all 0.8s;
}
.inservice .sernrbox .right .kk.active{
	opacity: 1;
	transition-delay: 0.3s;
	right: 0;
}
.inservice .sernrbox .anchorBL,
.inservice .sernrbox .BMap_stdMpPan,
.inservice .sernrbox .BMap_noprint,
.inservice .sernrbox .BMap_stdMpZoom{
	display: none;
}





.sp-playbox{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	background: rgba(0,0,0,.9);
	z-index: 2000;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.sp-close{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 111;
	background:url(../../images/web/icons.png) -260px -296px no-repeat;
}
.video-spbox{
	position: absolute;
	width: 100%;
	height: 480px;
	top: 50%;
	margin-top: -240px;
	text-align: center;
}

.video-spbox video{
	width: 720px;
	height: 480px;
}

@media (max-width:1441px){
	.inabout .inbox {
	    max-width: 1240px;
	}
	.inabout .inbox .spbox {
	    width: 45%;
	}
	.inabout .inbox .info{
	    width: 52%;
	}
	
	.indexScenery .sceneryTextBox .nrbox {
	    max-width: 1240px;
	}
	
	.innews .bignew {
	    max-width: 1240px;
	}
	
	.inczx {
	    height: 580px;
	}
	.inczx .btnbox {
	    max-width: 1240px;
	}
	.inbigb .leftr{
		width: 440px;
		height: 620px;
	}
	.inbigb .leftr.active {
	    left: -100px;
	}
	.inbigb .rightr {
	    width: 410px;
	    height: 450px;
	}
	.inbigb .rightr.active {
	    right: -50px;
	}
	
	.inservice .sernrbox {
	    max-width: 1240px;
	}
}
@media (max-width:1367px){
	.inabout .inbox {
	    max-width: 1200px;
	}
		
	.indexScenery .sceneryTextBox .nrbox {
	    max-width: 1200px;
	}
	
	.innews .bignew {
	    max-width: 1200px;
	}
	
	.inczx .btnbox {
	    max-width: 1200px;
	}
	.inservice .sernrbox {
	    max-width: 1200px;
	}
}
@media (max-width:1281px){
	.inabout .inbox {
	    max-width: 1100px;
	}
		
	.indexScenery .sceneryTextBox .nrbox {
	    max-width: 1100px;
	}
	
	.innews .bignew {
	    max-width: 1100px;
	}
	
	.inczx .btnbox {
	    max-width: 1100px;
	}
	.inservice .sernrbox {
	    max-width: 1100px;
	}
}
@media (max-width:1201px){
	.wraper-pc1 .zi01{
		width: 70px;
		margin-right: -500px;
	}
	.wraper-pc1 .zi02{
		position: absolute;
		width: 300px;
		margin-left:80px;
	}
	.wraper-pc1 .zi03{
		width: 150px;
		margin-left: 110px;
		margin-top: 10px;
	}
	.wraper-pc1 .zi04{
		width: 160px;
		margin-left: 270px;
		margin-top: 30px;
	}
	.wraper-pc1 .zi05{
		margin-left: 115px;
		margin-top: 80px;
	}
	.wraper-pc1 .zi06{
		margin-left: 100px;
		margin-top: 85px;
	}
	
	
	.wraper-pc2 .zi01 {
	    height: 60%;
	    left: 5%;
	}
	
	
	.indexWeather {
	    position: absolute;
	}
	.right-btns, .btns-box {
	    position: absolute;
	}
	
	.inczx {
	    height: 501px;
	}
	.inczx .lminfo.active {
	    margin-top: -90px;
	}
	.inczx .title.active {
	    margin-top: -200px;
	}
	.inczx .title-yw {
	    margin-top: -140px;
	}
	.inbigb .leftr {
	    width: 400px;
	    height: 563px;
	}
	.inbigb .rightr {
	    width: 360px;
	    hanging-punctuation: 505px;
	}
}