html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
html {
	height: 100%
}
body {
	height: 100%;
	line-height: 1;
	background-color: #CCC;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
:focus {
	outline: none;
	border: none;
}
#wrap {
	background: #fff;
	position: relative;
	width: 950px;
	height: auto;
	margin: 0 auto;
	overflow: hidden
}
#back-font {
	display: none;
	width: 100%;
	height: auto
}
#vision {
	height: 841px;
	width: 950px;
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	/* [disabled]background-image: url(../images/index_01.jpg); */
}
#peo {
	position: absolute;
	width: 678px;
	height: 622px;
	left: -10px;
	top: 37px;
	opacity: 0;
	z-index: 1;
	background-image: url(../images/peo.png);
	background-repeat: no-repeat;
	background-position: center;
}
#tit {
	background: url(../images/tit.png) no-repeat center;
	position: absolute;
	width: 360px;
	height: 100px;
	left: 461px;
	top: 84px;
	opacity: 0;
	z-index: 1;
}
#txt {
	position: absolute;
	width: 669px;
	height: 125px;
	left: 91px;
	top: 708px;
	z-index: 1;
	background-image: url(../images/txt.png);
	background-repeat: no-repeat;
	background-position: center;
}
#pro {
	background: url(../images/pro.png) no-repeat center;
	position: absolute;
	width: 420px;
	height: 460px;
	right: -50px;
	top: 282px;
	opacity: 0;
	z-index: 1;
}
.wrap_img {
	width: 950px;
}
.tip1 {
	background-color: #999;
	height: 40px;
	width: 100px;
	position: absolute;
}
.tip1_txt {
	background-image: url(../images/txt.png);
	height: 100px;
	width: 200px;
	position: absolute;
	left: 100px;
	top: 0px;
	opacity: 0;
}
#section2 {
	height: 528px;
	width: 950px;
	position: relative;
	background-image: url(../images/index_02.jpg);
}
.heart1 {
	background-image: url(../images/heart1.png);
	height: 295px;
	width: 290px;
	position: absolute;
	left: 25px;
	top: 161px;
	z-index: 3;
	cursor: pointer;
}
.heart_tip1 {
	background-image: url(../images/heart1_on.png);
	height: 295px;
	width: 290px;
	position: absolute;
	left: 25px;
	top: 161px;
	z-index: 4;
	display: none;
	opacity: 0;
	cursor: pointer;
}
.heart2 {
	background-image: url(../images/heart2.png);
	height: 271px;
	width: 300px;
	position: absolute;
	left: 230px;
	top: 201px;
	cursor: pointer;
	z-index: 2;
}
.heart_tip2 {
	background-image: url(../images/heart2_on.png);
	height: 271px;
	width: 300px;
	position: absolute;
	left: 230px;
	top: 201px;
	z-index: 4;
	display: none;
	opacity: 0;
	cursor: pointer;
}
.heart3 {
	background-image: url(../images/heart3.png);
	height: 315px;
	width: 288px;
	position: absolute;
	left: 437px;
	top: 110px;
	cursor: pointer;
	z-index: 1;
}
.heart_tip3 {
	background-image: url(../images/heart3_on.png);
	height: 315px;
	width: 288px;
	position: absolute;
	left: 437px;
	top: 110px;
	z-index: 4;
	display: none;
	opacity: 0;
	cursor: pointer;
}
.heart4 {
	background-image: url(../images/heart4.png);
	height: 271px;
	width: 267px;
	position: absolute;
	left: 637px;
	top: 171px;
	cursor: pointer;
}
.heart_tip4 {
	background-image: url(../images/heart4_on.png);
	height: 271px;
	width: 267px;
	position: absolute;
	left: 637px;
	top: 171px;
	z-index: 4;
	display: none;
	opacity: 0;
	cursor: pointer;
}

#section3 {
	height: 728px;
	width: 950px;
	position: relative;
	background-image: url(../images/index_03.jpg);
}

#section4 {
	height: 909px;
	width: 950px;
	position: relative;
	background-image: url(../images/index_04.jpg);
}
.section4_tit {
	background-image: url(../images/section4_tit.png);
	height: 111px;
	width: 671px;
	z-index: 9999;
	position: absolute;
	left: 169px;
	top: -70px;
}
.tab1{
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab1_off.png);
	cursor: pointer;
	left: 118px;
	top: 5px;
}

.tab1_active {
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab1.png);
	cursor: pointer;
	left: 118px;
	top: 5px;
}
.tab2 {
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab2_off.png);
	cursor: pointer;
	left: 267px;
	top: 5px;
}
.tab2_active {
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab2.png);
	cursor: pointer;
	left: 267px;
	top: 5px;
}

.tab3 {
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab3_off.png);
	cursor: pointer;
	left: 416px;
	top: 5px;
}
.tab3_active {
	height: 40px;
	width: 150px;
	position: absolute;
	z-index: 9999;
	background-image: url(../images/tab3.png);
	cursor: pointer;
	left: 416px;
	top: 5px;
}


#slider_wrap {
	width: 950px;
	height: 744px;
	position: absolute;
	top: 150px;
}
.slider {
	width: 950px;
	height: 744px;
	margin: 0px;
}
#back-font {
	display: none;
	width: 950px;
	height: auto
}
/*intro02*/
#intro02 { position:relative; }
#intro02_kv{
	width: 780px;
	height: 706px;
	position: absolute;
	left: 85px;
	top: 154px;
	/* [disabled]display: none; */
}
#section5 {
	height: 1173px;
	width: 950px;
	position: relative;
	background-image: url(../images/index_05.jpg);
}
.buy_btn1 {
	background-image: url(../images/buy_btn.png);
	height: 41px;
	width: 158px;
	position: absolute;
	left: 642px;
	top: 507px;
}
.buy_btn2 {
	background-image: url(../images/buy_btn.png);
	height: 41px;
	width: 158px;
	position: absolute;
	left: 191px;
	top: 1092px;
}


.blogger1 {
	background-image: url(../images/blogger1.png);
	height: 277px;
	width: 211px;
	position: absolute;
	left: 115px;
	top: 172px;
	overflow: hidden;
	cursor: pointer;
}
.blogger1_btn {
	height: 256px;
	width: 208px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-transition: 20px 20px 20px 20px;
	-ms-transition: 20px 20px 20px 20px;
	-o-transition: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	left: 0px;
	top: 2px;
}
.blogger1_on {
	position: absolute;
	top: 210px;
	left: 0px;
}
.blogger2 {
	background-image: url(../images/blogger2.png);
	height: 277px;
	width: 211px;
	position: absolute;
	left: 345px;
	top: 193px;
	overflow: hidden;
	cursor: pointer;
}
.blogger2_btn {
	height: 256px;
	width: 208px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-transition: 20px 20px 20px 20px;
	-ms-transition: 20px 20px 20px 20px;
	-o-transition: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	left: 0px;
	top: 2px;
}
.blogger2_on {
	position: absolute;
	top: 210px;
	left: 0px;
}
.blogger3 {
	background-image: url(../images/blogger3.png);
	height: 225px;
	width: 169px;
	position: absolute;
	left: 464px;
	top: 687px;
	overflow: hidden;
	cursor: pointer;
}
.blogger3_btn {
	height: 205px;
	width: 167px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 17px 17px 17px 17px;
	-moz-transition: 17px 17px 17px 17px;
	-ms-transition: 17px 17px 17px 17px;
	-o-transition: 17px 17px 17px 17px;
	border-radius: 17px 17px 17px 17px;
	left: 0px;
	top: 2px;
}
.blogger3_on {
	position: absolute;
	top: 170px;
	left: 0px;
}
.blogger4 {
	background-image: url(../images/blogger4.png);
	height: 225px;
	width: 169px;
	position: absolute;
	left: 648px;
	top: 702px;
	overflow: hidden;
	cursor: pointer;
}
.blogger4_btn {
	height: 205px;
	width: 167px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 17px 17px 17px 17px;
	-moz-transition: 17px 17px 17px 17px;
	-ms-transition: 17px 17px 17px 17px;
	-o-transition: 17px 17px 17px 17px;
	border-radius: 17px 17px 17px 17px;
	left: 0px;
	top: 2px;
}
.blogger4_on {
	position: absolute;
	top: 170px;
	left: 0px;
}
.blogger5 {
	background-image: url(../images/blogger5.png);
	height: 225px;
	width: 169px;
	position: absolute;
	left: 420px;
	top: 923px;
	overflow: hidden;
	cursor: pointer;
}
.blogger5_btn {
	height: 205px;
	width: 167px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 17px 17px 17px 17px;
	-moz-transition: 17px 17px 17px 17px;
	-ms-transition: 17px 17px 17px 17px;
	-o-transition: 17px 17px 17px 17px;
	border-radius: 17px 17px 17px 17px;
	left: 0px;
	top: 2px;
}
.blogger5_on {
	position: absolute;
	top: 170px;
	left: 0px;
}
.blogger6 {
	background-image: url(../images/blogger6.png);
	height: 225px;
	width: 169px;
	position: absolute;
	left: 603px;
	top: 938px;
	overflow: hidden;
	cursor: pointer;
}
.blogger6_btn {
	height: 205px;
	width: 167px;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: 17px 17px 17px 17px;
	-moz-transition: 17px 17px 17px 17px;
	-ms-transition: 17px 17px 17px 17px;
	-o-transition: 17px 17px 17px 17px;
	border-radius: 17px 17px 17px 17px;
	left: 0px;
	top: 2px;
}
.blogger6_on {
	position: absolute;
	top: 170px;
	left: 0px;
}
#section6 {
	height: 541px;
	width: 950px;
	position: relative;
	background-image: url(../images/index_06.jpg);
}
.gogo_btn {
	height: 55px;
	width: 222px;
	position: absolute;
	left: 373px;
	top: 332px;
	background-image: url(../images/gogo_btn.png);
}