* {
	margin: 0;
	padding: 0;
	font-family: "黑体";font-family: "yahei";font-family: "微软雅黑";
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	
}
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;
}
.bodybox {
	width: 100%;
	height: 100%;
	position: relative;

}
.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;
}

	


.page {
	width: 100%; max-width:1920px;
	background-repeat: no-repeat;

	background-position: center center;
	
}

.ren{ position:absolute; right:0; bottom:-100px; z-index:33; width:805px; height:775px; display:none}
.ttdem{ text-align:center; width:100%;}
.ttdem img{ display:block; margin:0 auto}
.box1{ background:url(../img/index_02.jpg) no-repeat center; width:100%;  height:833px;}
.dem1img{ position:absolute; top:87px; left:207px;}
.dem1img1{ position:absolute; top:38px; left:2%; width:96%;}
.box2{ background:url(../img/index_03.jpg) no-repeat center; width:100%;  height:708px;}
.demoplay{ height:366px; width:100%;}
.demoplay1{ height:336px; width:398px; padding:28px; box-sizing:border-box; background:url(../img/dem21.png) no-repeat center; float:left; text-align:left; line-height:33px; font-size:20px; color:#000; text-indent:40px;}
.demoplay2{ height:366px; width:551px; float:right; position:relative}
.dem1sp{ position:absolute; left:0; top:0; z-index:33; width:550px; height:336px; background:#fff; padding:7px; box-sizing:border-box;}
.dem1yy{position:absolute; left:14px; top:267px; z-index:22; width:522px; height:103px; background:url(../img/yy.png) no-repeat center;}

.box3{ background:url(../img/index_04.jpg) no-repeat center; width:100%;  height:918px;}
.box4{ background:url(../img/index_05.jpg) no-repeat center; width:100%;  height:1252px;}
.box5{ background:url(../img/index_06.jpg) no-repeat center; width:100%;  height:1032px;}
.dem5tabl{ width:470px; height:79px;}
.dem5tablli{ height:79px; width:91px; float:left; cursor:pointer; background:url(../img/tabli79.png) no-repeat center; font-size:22.94px; line-height:79px; color:#fff; text-align:center}
.dem5bj{ background:url(../img/tabon79.png) no-repeat center;}
.dem5cont{ width:1000px; height:512px; position:relative}
.dem5cont1{  width:1000px; height:512px; position:absolute; left:0; top:0; z-index:55; display:none;}
.dem5cont2{  width:1000px; height:419px; position:absolute; left:0; background:#ccc; opacity:.8; top:46px; z-index:22}
.dem5cont1pic{ float:left; width:745px; height:512px;}
.dem5cont1txt{ height:419px; float:right; width:255px; padding:0 25px; box-sizing:border-box; margin-top:46px;}
.dem5t1{ height:70px; line-height:70px; font-size:40px; font-weight:bolder; color:#000; text-align:left}
.dem5cont1txt p{ height:auto; font-size:20px; line-height:30px; text-align:left; color:#000}
.box6{ background:url(../img/index_07.jpg) no-repeat center; width:100%;  height:1122px;}
.dem6box{ width:1000px; height:813px;}
.dem6boxpro{ width:768px; height:758px; float:right; position:relative}
.dem6boxprobul{ width:768px; height:758px; position:absolute; top:0; left:0; display:none}
.dem6boxprobli{ width:372px; height:330px; float:left; margin-right:11px; margin-top:87px; border:3px solid #000; position:relative}
.dem6boxprobli:nth-child(2n){ margin-right:0px;}
.dem6cp{ width:342px; height:377px; position:absolute; top:-61px; left:16px;}
.dem6pic1{ width:342px; height:244px; cursor:pointer}
.dem6pic2{ width:342px; height:52px; font-size:16px; line-height:18px;color:#fff; text-align:left}
.dem6pic3{ width:342px; height:26px;font-size:26px; line-height:26px; font-weight:bold; color:#fff; text-align:center}
.dem6pic4{ width:342px; height:35px; }
.dem6pic4 a{height:35px;width:342px; background:#000; color:#fff; font-size:19px; line-height:35px; text-align:center; display:block}
.dem6pic4 a:hover{ background:#F00;}





.dem6boxtab{ width:106px; height:524px; float:left; margin-top:171px; margin-left:100px; background:url(../img/heng.png) no-repeat center center}
.dem6boxtabli{width:106px; height:93px; background:url(../img/tabli.png) no-repeat center center; cursor:pointer }
.dem6boxtablis{width:93px; position:relative; top:16px; left:3px;  text-align:center; font-size:28px; line-height:30px; letter-spacing:4px; color:#fff}
.dem6bj{ background:url(../img/tabon.png) no-repeat center;}



.box7{ background:#fff; width:100%;  height:76px; margin-bottom:20px;}

.footlogo{ position:absolute; left:0px; top:-48px; z-index:22;width:378px; height:107px;}
.footlink{position:absolute; left:0px; top:-48px;z-index:28; width:378px; height:107px;}
.footlink a{ width:50%; height:100%; float:left; 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 ***********/