﻿* {
	margin: 0;
	padding: 0; 
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "微软雅黑";
}
body{width:100%;}

img {
	border: 0px;
	display: block;
}
div{ margin:0 auto}
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;
}




.pagebox{ width:100%; height:auto; overflow:hidden}	
.page1,.page2,.page3,.page4,.page5,.page6{ width:100%;}

.page1{ width:100%; background:url(../img/index_02.jpg) no-repeat center; height:690px;}
.page2{ background:url(../img/index_03.jpg) no-repeat center; height:904px;}
.page3{ background:url(../img/index_04.jpg) no-repeat center; height:1050px;}
.page4{ background:url(../img/index_05.jpg) no-repeat center; height:929px;}
.page5{ background:url(../img/index_06.jpg) no-repeat center; height:747px;}
.page6{ background:url(../img/index_07.jpg) no-repeat center; height:220px;}

.pagemd{ width:1000px; height:100%; position:relative; margin:0 auto;}

.demfs{ width:100%; height:700px; position: relative;}    
.demfsli{ width:100%; height:700px; position:absolute; display:none;  top:0; z-index:1} 
.zyqh{position:absolute;  top:30%; z-index:55; height:49px; width:100%;}
 .zyqh2{ width:1000px; height:49px; position:relative; margin:0 auto; } 
.pre{ position:absolute; height:49px; background:#000; opacity:0.3; padding:8px; width:27px; top:0%; cursor:pointer}
.prel{ left:0px;}.prer{ right:0px;}


.page1pro{ position:relative; width:444px; margin-top:55px; height:540px; float:left; }
.tt1{ width:519px; height:175px; float:right; margin-top:55px;}
.page1proli{ position:absolute; left:0; top:0; width:444px; height:540px; display:none }
.page1proli a{ position:absolute; display:block; height:60%; width:100%; top:0; left:0}
.price1{ position:absolute;  height:50px; width:50%; top:477px; left:5%; line-height:50px; font-size:33.41px; color:#004f76; text-align:left }
.pagebt{ position:absolute;  height:50px; width:36%; cursor:pointer; top:477px; right:5%; line-height:50px; font-size:28.88px; color:#004f76; text-align: center }
.pagebt:hover{ color: #F00}
.page1proli p{ position:absolute; width:90%; display:block; left:5%; cursor:pointer; top:354px; line-height:29px; font-size:20px; color:#fff; text-align:justify}
.page1proli p:hover{ color:#FF0; text-decoration:underline}

.pageyd{ width:444px; height:18px; position:absolute; left:0; bottom:-42px;  }
.pageydli{ width:18px; height:18px; border-radius:100%; cursor:pointer; background:#fff; float:left; margin-right:10px;}
.pageydli:nth-child(1){ margin-left:190px;}
.tt2{ width:403PX; height:202PX; position:absolute; top:58px; left:472px; z-index:22}
.page2box{ width:920px; height:642px; position: absolute; top:172px; left:30px; }
.page2boxli{ width:496px; cursor:pointer; height:290px;position: absolute; }
.page2wb1{ width:422px; height:81px; position:absolute; bottom:0; left:37px; background:url(../img/wb1.png) no-repeat center;}
.page2wb1 p{ width:330px; height:69px; overflow:hidden; display:block; font-size:18px; margin:0 auto; color:#fff; margin-top:6px; text-align:justify; line-height:23px; }
.page2wb2{ width:496px; display:none; height:290px;position: absolute; bottom:0; left:0px; background:url(../img/yy1.png) no-repeat center; z-index:22}
.page2wb2 p{ width:381px; height:128px; overflow:hidden; display:block; font-size:18px; margin:0 auto; color:#fff; margin-top:84px; text-align:justify; line-height:23px; }
.page2wb2 span{ width:181px; height:43px; line-height:43px; display:block; margin:0 auto; margin-top:0px; cursor:pointer; text-align:center; background:url(../img/jgg2.png) no-repeat center; }

.page2wb2 span a{ text-align:center; color:#ffc20e; font-size:19.46px;}
.page2wb2 span a:hover{ text-decoration:underline}
.pagejg{ width:181px; height:43px; text-align:center; line-height:43px; background:url(../img/jgg.png) no-repeat center; position:absolute; z-index:88; left:156px; top:-21.5px; color:#ffc20e; font-size:24px; }
.tt3{ width:946px; height:176px; text-align:left; }
.page3box{ width:946px; height:auto;}
.page3boxli{ position:relative; width:463px; height:349px; float:left; background:url(../img/page4bg.png) no-repeat center; margin-right:10px; margin-bottom:14px; box-sizing: border-box; padding:11px;}
.page3boxli a{ width:100%; display:block; height:100%; position:absolute; left:0; top:0; z-index:80}
.page3boxli:nth-child(2){ margin-right:0px;}
.page3img{ width:441px; height:235px; position:relative;}
.page3img span{ width:100%; height:94px; z-index:2; position: absolute; left:0; bottom:0; background:#000; opacity:0.5;}
.page3img p{width:100%; display:block; cursor:pointer; height:94px; z-index:100; position: absolute; left:0; bottom:0; box-sizing: border-box; padding:4px 8px; font-size:18px; text-align:justify; color:#fff; line-height:25px; }
.page3img p:hover{ color:#ffc20e; text-decoration:underline}

.page3jg{ width:220px; height:53px; line-height:53px; font-weight:bold; text-align:center; font-size:30px; color:#0971aa; position:relative; top:0px; margin:0 auto;}

.tt4{width:800px; height:159px; text-align:right}

.page4box{ width:1001px; height:504px; position:relative}
.page4box a{ background:url(../img/jgg.png) no-repeat center; width:181px; height:43px; line-height:43px; text-align:center; color:#fff; font-size:23.84px; display:block; position:absolute;}
.page4box a:hover{  color:#FC0}
.page4box2{width:1001px; height:504px;}
.page4box2li{ width:333px; height:500px; float:left; background:#fff;}
.page4box2li  p{width:303px; height:164px; display:block; margin:0 auto;  margin-top:6px; font-size:19px; line-height:25px; color:#004f76; text-align:justify ;text-decoration:none}
.page4box2li  p:hover{ text-decoration:none; color:#000}
.page4box2li span{width:303px; height:40px; font-weight:bold; display:block; margin:0 auto;  font-size:34px; line-height:40px; color:#004f76; text-align: center }




.tt5{ width:551px; height:68px;}
.page5box{ width:970px; height:auto; position:relative}
.page5boxl{ width:528px; height:446px; float:left; position:relative}
.page5boxlp{ width:528px; height:446px; position:absolute; top:0; left:0; z-index:999}
.page5span{ position:absolute; cursor:pointer; background:#ccc; opacity:0; }
.page5boxr{ width:411px; height:446px; float:right; position:relative}
.page5boxli{ position: absolute;left:0; top:0; display:none}
.page5boxrli span{ width:411px; height:40px; display:block;  position:relative;}
.page5boxrli{ position:absolute; display:none; left:0; top:0; width:970px; height:auto}
.page5boxrli span img{ display:block; position:absolute; left:0;}
.page5boxrli p{ width:411px; text-align:justify; line-height:25px; font-size:18px; color:#000;}
/******** 侧栏 ***********/

.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 ***********/
