* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "微软雅黑";
}
img {
	border: 0px;
	display: block;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
}
p {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
/*去除点击阴影*/

a, input, button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*去除IOS自带圆角*/

input, button {
	-webkit-appearance: none;
	border-radius: 0;
}
.bodybox {
	width: 100%;
	height: 100%;
	position: relative;
	background:#fff;
}
.Inner {
	width: 1000px;
	height: 100%;
	margin: auto;
	clear: both;
	position: relative;
}

.Inner1 {
	width: 1000px;
	height: 100%;
	top:0;
	position: absolute;
	left:50%;
	margin-left:-500px;
}
.one {
	
	height: 550px;
	background-image: url(../img/bg1.jpg);
}
.two {

	height: 685px;
	background-image: url(../img/bg2.jpg);


}
.thr {
	height: 741px;
	background-image: url(../img/bg3.jpg);
}
.for {
	height: 983px;
	background-image: url(../img/bg4.jpg);
}
.fiv {
		height: 904px;
	background-image: url(../img/bg5.jpg);
}
.six {

		height: 770px;
	background-image: url(../img/bg6.jpg);

}


.sev{
	
	
	height: 173px;
	background-image: url(../img/bg7.jpg);
	
	}
	
.sev_p{
	
	font-size:14px;
	color:#fff;
	text-align:center;
	width:756px;
	height:30px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-378px;
	
	
	}

.page {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.title1, .title2, .title3, .title4 {
	visibility: visible;
}
.block {
	display: block;
}

.relative{
	
	position:relative;
	
	}
	
.logo{
	
	position:absolute;
	top:0;
	left:50%;
	width:719px;
	height:318px;
	margin-left:-360px;
	
	}
	
.btn_container{
	
	width:100%;
	overflow:hidden;
	
	}
	
.btn{
	
	float:left;
	cursor:pointer;
	
	}
	
.view p{
	
	font-size:18px;
	color:#000;
	text-align:center;
	line-height:30px;
	margin-top:22px;
	margin-bottom:22px;
	
	}
	
.view{
	
	display:none;
	
	}


	

	

	
@keyframes scale {
 0% {
transform:scale(1);
}
 100% {
transform:scale(1.1);
}
}

.container{overflow:hidden;}

.pro{
	
	float:left;
	position:relative;

	}
	
.pro:nth-child(2){
	
	margin-left:77px;
	margin-right:77px;
	
	}
	
.book{
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	
	
	}
	

	
.more{
	
	float:right;
	
	}

.more:hover{
	
	color:#000;
	text-decoration:underline;
	
	}
	
.thr .account{
	
	position:absolute;
	bottom:12px;
	right:0;
	font-size:14px;
	color:#fff;

	
	}
	
.title4{
	
	position:absolute;
	top:0;
	right:0;

	
	}

.toggle_bg{
	
		position:absolute;
	top:0;
	left:0;
	
	}
	
.btn1{
	
	width:112px;
	height:112px;
	position:absolute;
	top:65px;
	right:102px;
	
	}
	
.btn2{
	
	width:112px;
	height:112px;
	position:absolute;
	top:186px;
	right:10px;
	
	}
	
.btn3{
	
	width:112px;
	height:112px;
	position:absolute;
	top:355px;
	right:10px;
	
	}
	
.btn4{
	
	width:112px;
	height:112px;
	position:absolute;
	top:488px;
	right:102px;
	
	}

.detail{
	
	width:476px;
	height:474px;
	position:absolute;
	top:100px;
	left:0;
	display:none;
	
	
	}
	
.des{
	
	float:left;
	position:relative;
	
	}
	
.des:nth-child(even){
	
	margin-left:12px;
	
	}
	
.des>p{
	
	position:absolute;
	top:226px;
	left:20px;
	font-size:18px;
	color:#000;
	
	}
	
.price3{
	
	font-size:32px;
	color:#f73f24;
	position:absolute;
	top:280px;
	left:15px;
	
	}
	
.book3{
	

	position:absolute;
	top:236px;
	right:10px;
	width:87px;
	height:87px;
	
	
	}
	
.more1{
	
	position:absolute;
	bottom:28px;
	right:40px;
	font-size:25px;
	color:#000;
	display:block;
	
	}

.more1:hover{
	
	color:#000;
	text-decoration:underline;
	
	}
	
	
.more2{
	
	position:absolute;
	bottom:15px;
	right:40px;
	font-size:25px;
	color:#000;
	display:block;
	
	}

.more2:hover{
	
	color:#000;
	text-decoration:underline;
	
	}

.title5{
	
	position:absolute;
	top:0;
	left:0;
	
	}
	
.free_bg{
	
	position:absolute;
	top:35px;
	right:0;
	width:490px;
	height:815px;
	background-image:url("../img/free_bg.png")
	
	}
	
.free{
	
	width:100%;

	display:block;
	position:relative;
	
	}
	
.free:nth-child(1){
	
		height:263px;
	
	}
	
.free:nth-child(2){
	
		height:256px;
	
	}
	
.free:nth-child(3){
	
		height:295px;
	
	}
	
.free>p{
	
    position: absolute;
    top: 175px;
    left: 8px;
    font-size: 15px;
    color: #000;
    line-height: 18px;
    width: 470px;
	
	}
	
.price4{
	
	position:absolute;
	top:215px;
	left: 8px;
	font-size:21px;
	color:#000;

	
	}
	
.free:nth-child(3)>p{
	
	top:201px;
	
	}
	
.free:nth-child(3)>.price4{
	
	top:245px;
	
	}


.view_l{
	
	margin:0 auto;
	margin-top:80px;
	
	}	

	
.enter{
	
	position:absolute;
	top:220px;
	left:50%;
	width:225px;
	height:259px;
	margin-left:-113px;
	animation: scale 1s infinite alternate;
	
	}
	
.six_p{
	
	color:#fff;
	font-size:14px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	padding:5px 10px 5px 10px;
	position:absolute;
	
	}
	
.p1{
	
	top:48px;
	left:0;
	
	}
	
.p2{
	
	top:71px;
	left:610px;
	
	}
	
.p3{
	
	top:26px;
	right:33px;
	
	}
	
.p4{
	
	top:371px;
	left:0;
	
	}

.p5{
	
	top:464px;
	left:318px;
	
	}
	
.p6{
	
	top:540px;
	left:684px;
	
	}
	
.qijiandian{
	
	width:20%;
	height:100%;
	position:absolute;
	left:50%;
	margin-left:-10%;
	display:block;
	
	
	}


/******** 侧栏 ***********/

.htlShare {
	bottom: 5px;
	overflow: visible;
	position: fixed;
	right: 0;
	width: 46px;
	z-index: 999999;
}
#rlist1 {
	float: right;
	margin-bottom: 45px;
	width: 46px;
	z-index: 101;
}
#rlist5 {
	clear: both;
	overflow: hidden;
	position: relative;
	right: -10px;
	width: 160px;
	z-index: 999999;
}
.cf li {
	height: 46px;
	margin-bottom: 5px;
	position: relative;
	width: 46px;
}
.cf li:hover {
	background: none repeat scroll 0 0 #FFAE01;
}
.cf a {
	display: block;
	height: 46px;
	overflow: hidden;
	text-indent: -99em;
}
.cf a {
	background: url(../img/spirite_temp.png) no-repeat;
}
.share .share_a {
	background-position: 0 -128px;
}
.share .share_a:hover, .share .cur {
	background-position: -105px -128px;
}
.top .top_a {
	background-position: -53px -128px;
}
.top .top_a:hover {
	background-position: -158px -128px;
}
.share_lis {
	background: none repeat scroll 0 0 #FFAE01;
	height: 30px;
	padding: 8px 0 8px 3px;
	position: absolute;
	right: 44px;
	top: 0;
	width: 112px;
}
.share_lis a {
	display: inline;
	float: left;
	height: 30px;
	margin-left: 5px;
	width: 30px;
}
.share_lis .a0 {
	background-position: 0 -88px;
}
.share_lis .a1 {
	background-position: -40px -88px;
}
.share_lis .a2 {
	background-position: -80px -88px;
}
.share_lis .a3 {
	background-position: -120px -88px;
}
.share_lis .a4 {
	background-position: -160px -88px;
}
#w2wm {
	background: #009EDA;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	cursor: pointer;
	height: 100px;
	overflow: hidden;
	padding-top: 4px;
	text-align: center;
	width: 36px;
}
#w2wm p {
	border-top-left-radius: 4px;
	color: #FFFFFF;
	font-size: 12px;
	height: 75px;
	line-height: 16px;
	padding: 6px 11px 0;
	width: 14px;
}
#w2wm .pointr {
	background: url(../img/shareArr4.gif) no-repeat scroll 4px -19px rgba(0, 0, 0, 0);
	display: block;
	height: 19px;
	width: 36px;
}
#w2wm .pointl {
	background: url(../img/shareArr4.gif) no-repeat -23px -19px;
	display: block;
	height: 19px;
	width: 36px;
}
.ewm {
	background: #fff;
	border: 3px solid #009eda;
	border-right: none;
	padding: 10px;
	text-align: center;
	width: 100px;
}
.ewm img {
	height: 178px;
	width: 100px;
}
#ewm {
	width: 100%;
	position: fixed;
	right: 0;
	bottom: 10px;
}

.detail1{background-image:url("../img/detail1.png")}

.detail2{background-image:url("../img/detail2.png")}

.detail3{background-image:url("../img/detail3.png")}

.detail4{background-image:url("../img/detail4.png")}

/******** 侧栏END ***********/