body
{
	background: #a3cee8;
	color: #016480;
	font-size: 24px;
}
@-webkit-keyframes yanwu {
  0% {
    opacity: 0
  }
  50%
  {
     opacity: 1;
  }
  100%
  {
  	opacity: 0;
  	transform:translate(-5px,-20px);
    -webkit-transform:translate(-5px,-20px);
  }
}

@keyframes yanwu {
  0% {
    opacity: 0
  }
  50%
  {
     opacity: 1;
  }
  100%
  {
  	opacity: 0;
  	transform:translate(-5px,-20px);
    -webkit-transform:translate(-5px,-20px);
  }
}
.yanwu
{
  -webkit-animation: yanwu infinite 5s;
  animation: yanwu infinite 5s;
  -webkit-animation-timing-function:linear;
    animation-timing-function: linear;
}

#content
{
	width: 100%;
	position: absolute;
	overflow: hidden;
	background-size:cover;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	display: none;
}
.section{
	margin-top: -2px;
	overflow: hidden;
}
#loading
{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: #fff;
	height: 100%;
	color: #666;
	font-size: 24px;
}
.img_wrap
{
	position: relative;
}
.img_wrap>img
{
	width: 100%;
	position: relative;
	vertical-align: middle;
}
.inner
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.share_tip
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	text-align: center;
	display: none;
}
.share_tip img
{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 20;
}
.share_tip p
{
	margin-top: 400px;
	z-index: 20;
	position: relative;
	font-size: 40px;
	line-height: 1.5;
}
.black_bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
}

/****/
html,body,.page
{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.logo
{
	position: absolute;
	top: 87px;
	left: 150px;
	-webkit-transform:translate(0 ,-500px);
	        transform:translate(0 ,-500px);
}
.arrow
{
	width: 95px;
	height: 34px;
	background: url(../images/1_jt.png) no-repeat 0 0;
	position: absolute;
	left: 50%;
	margin-left: -47px;
	bottom: 34px;
	display: none;
	z-index: 100;
}
.top_hide
{
	-webkit-transform:translate(0 ,-500px);
	        transform:translate(0 ,-500px);
}
.top_hide2
{
	-webkit-transform:translate(0 ,-1000px);
	        transform:translate(0 ,-1000px);
}
.bottom_hide
{
	-webkit-transform:translate(0 ,500px);
	        transform:translate(0 ,500px);
}
.bottom_hide
{
	-webkit-transform:translate(0 ,1000px);
	        transform:translate(0 ,1000px);
}
.page .hide
{
	display: none;
}
.opacity{
	opacity: 0;
}
.page
{
	position: relative;
}
/**page1**/
.page1 .layer1
{
	width: 100%;
	height: 100%;
	background: url(../images/1_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.page1 .light
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background: url(../images/1_light.png) no-repeat 0 0;
}
.yanwu_outer
{
	top: 346px;
	width: 640px;

}
.page1 .qi
{
	top: 0;
}
.page1 .text1
{
	position: absolute;
	left: 0;
	top: 188px;
	-webkit-transform:translate(0 ,-500px);
	        transform:translate(0 ,-500px);
}
.icecube
{
	width: 424px;
	height: 422px;
	position: absolute;
	left: 50%;
	margin-left: -214px;
	top: 436px;
	z-index:10; 
}
.icecube>.lie
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size:cover !important;
	display: none;
}
.icecube .lie1
{
	background: url(../images/1_lie1.png) no-repeat 0 0;
}
.icecube .lie2
{
	background: url(../images/1_lie2.png) no-repeat 0 0;
}
.icecube .lie3
{
	background: url(../images/1_lie3.png) no-repeat 0 0;
}
.icecube .lie4
{
	background: url(../images/1_lie4.png) no-repeat 0 0;
}
.icecube .lie5
{
	background: url(../images/1_lie5.png) no-repeat 0 0;
}
.icecube .lie6
{
	background: url(../images/1_lie6.png) no-repeat 0 0;
}
.hand
{
	width: 166px;
	height: 166px;
	background: url(../images/1_hand.png) no-repeat 0 0;
	background-size: cover;
	position: absolute;
	top: 50%;
	margin-top: -83px;
	left: 50%;
	margin-left: -83px;
	display: none;
}
/**page2**/
.page div,.page img{
	position: absolute;
	z-index: 1;
}
.page p
{
	position: relative;
	text-align: center;
	width: 100%;
}
.page2
{
	background: url(../images/2_bg1.jpg) no-repeat 0 0;
}
.page2 .light
{
	width: 100%;
	height: 100%;
	background: url(../images/2_bg.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.page2 .luobin1
{
	width: 277px;
	height: 410px;
	background: url(../images/luobin1.png) no-repeat 0 0;
	top: 46px;
	left: 22px;
}
.page2 .luobin2
{
	width: 151px;
	height: 228px;
	background: url(../images/luobin2.png) no-repeat 0 0;
	top: 0px;
	left: 339px;
}
.page2 .luobin3
{
	width: 277px;
	height: 410px;
	background: url(../images/luobin3.png) no-repeat 0 0;
	top: 217px;
	right: 10px;
}
.page2 .luoxia1
{
	width: 274px;
	height: 180px;
	background: url(../images/luoxia1.png) no-repeat 0 0;
	top: 633px;
	left: 13px;
}
.page2 .luoxia2
{
	width: 281px;
	height: 269px;
	background: url(../images/luoxia2.png) no-repeat 0 0;
	top: 495px;
	left: 201px;
}
.page2 .luoxia3
{
	width: 286px;
	height: 218px;
	background: url(../images/luoxia3.png) no-repeat 0 0;
	left: 339px;
	top: 595px;
}
.page2 .bottle
{
	width: 159px;
	height: 436px;
	background: url(../images/bottle.png) no-repeat 0 0;
	top: 377px;
	left: 239px;
}
.page2 .text1
{
	width: 100%;
	text-align: center;
	top: 177px;
	line-height: 1;
}
.page2 .text1 p
{
	width: 100%;
	position: relative;
	color: #004d66;
	font-size: 40px;
}
.page2 .text1 .p2
{
	font-size: 16px;
	line-height: 1.5;
}
.page2 .text2
{
	width: 100%;
	font-size: 30px;
	color: #004d66;
	top: 270px;
	line-height: 36px;
}
.page2 .text3
{
	width: 100%;
	height: 96px;
	background: url(../images/2_text1.png) no-repeat top center;
	top: 813px;
}
/***page 3***/
.page3
{
	width: 100%;
	height: 100%;
	background: url(../images/3_bg.jpg) no-repeat 0 0;
	background-size: cover;
}
.page3 .product
{
	width: 430px;
	height: 327px;
	background: url(../images/3_product.png) no-repeat 0 0;
	top: 681px;
	left: 106px;
}
.page3 .qi
{
	width: 100%;
	height: 297px;
	background: url(../images/3_qi.png) no-repeat top center;
	top: 573px;
}
.page3 .btn_wrap
{
	width: 540px;
	height: 323px;
	background: url(../images/3_circle.png) no-repeat 0 0;
	top: 221px;
	left: 57px;
	overflow: visible;
}
.page3 p
{
	position: absolute;
	line-height: 1;
	width: auto;
}
.page3 .btn_wrap .btn1
{
	width: auto;
	left: 275px;
	top: 232px;
	margin-left: -87px;
	margin-top: -92px;
}
.page3 .btn_wrap .p1
{
	left: 275px;
	top: 360px;
	margin-left: -70px;
	margin-top: -18px;
	font-size: 35px;
	color: #1a2c41;
}

.page3 .btn_wrap .btn2
{
	width: 94px;
	left: 492px;
	top: 90px;
	margin-left: -47px;
	margin-top: -50px;
}
.page3 .btn_wrap .p2
{
	left: 390px;
	top: 96px;
	margin-left: -46px;
	margin-top: -11px;
	font-size: 22px;
	color: #fff;
}

.page3 .btn_wrap .btn3
{
	width: 62px;
	left: 348px;
	top: 23px;
	margin-left: -31px;
	margin-top: -31px;
}
.page3 .btn_wrap .p3
{
	left: 271px;
	top: 49px;
	margin-left: -46px;
	margin-top: -11px;
	font-size: 22px;
	color: #fff;
}

.page3 .btn_wrap .btn4
{
	width: 62px;
	left: 185px;
	top: 63px;
	margin-left: -31px;
	margin-top: -31px;
}
.page3 .btn_wrap .p4
{
	left: 182px;
	top: 116px;
	margin-left: -42px;
	margin-top: -11px;
	font-size: 22px;
	color: #fff;
}

.page3 .btn_wrap .btn5
{
	width: 86px;
	left: 38px;
	top: 175px;
	margin-left: -43px;
	margin-top: -45px;
}
.page3 .btn_wrap .p5
{
	left: 90px;
	top: 239px;
	margin-left: -42px;
	margin-top: -11px;
	font-size: 22px;
	color: #fff;
}
/**pk 页面**/

.pk_text
{
	width: 176px;
	height: 83px;
	background: url(../images/pk_text.png) no-repeat 0 0;
	top: 50px;
	left: 240px;
}
.winner
{

}
.pk_page .slide_wrap
{
	position: relative;
	width: auto;
	height: 100%;
}
.pk_page .slide_inner
{
	width: 640px;
	position: relative;
	height: 100%;
	float: left;
}
.slide_container
{
	width: 100%;
	height: 100%;
	position: relative;
}
.pk_products
{
	width: 100%;
	height:240px;
/*	top: 269px;*/
	top:347px;
	left: 0; 
}
.pk_products .product
{
	top: 0;
	left: 111px;
}
.pk_products .product1
{
	top: 0;
	right: 76px;
}
.pk_products .product2
{
	top: 0;
	right: 76px;
}
.pk_products .product3
{
	top: 0;
	right: 76px;
}
.pk_page .hand
{
	top: 0;
	left: 50%;
	margin-top: 0;
	margin-left: -83px;
}
.pk_table_wrap
{
	position: absolute;
	width: 488px;
	left: 76px;
	top:328px;
	box-shadow: 0px 0px 10px #fff;
}
.pk_table,.table_bg
{
	position: absolute;
	width: 480px;
	left: 80px;
	top:4px; 
	left: 4px;
	font-size: 18px;
	color: #02557c;
	z-index: 10;
}
.table_bg
{
	background: #fff;
	opacity: 0.5;
	height: 267px;
	border: 4px solid #e1eef5;
	top: 0;
	left: 0;
}
.pk_table td
{
	padding: 0;
	text-align: center;
	height: 89px;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}
.pk_table .td2
{
	font-size: 24px;
}
.pk_table .td3
{
	color: #666666;
}
.pk_table .tr3 td
{
	border-bottom: none;
}
.winner
{
	width: 296px;
	height: 195px;
	background: url(../images/pk_winner.png) no-repeat 0 0;
	top: 639px;
	left: 174px;
}
.nav
{
	width: 100%;
	height: 152px;
	bottom: 0;
	color: #fff;
	text-align: center;
}
.home_btn
{
	display: inline-block;
	width: 165px;
	height: 59px;
	background: url(../images/home_btn.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -82px;
	z-index: 100;
}
.nav_circle,.nav_circle_bg
{
	width: 392px;
	height: 392px;
	left: 124px;
	top: 0;
}
.nav_circle_bg
{
	background: url(../images/nav_bg.png) no-repeat 0 0;
}
.nav_circle a
{
	display: inline-block;
	font-size: 20px;
	
	color: #fff;
	position: absolute;
	top: 15px;
	left:50%;
	margin-left: -40px;
}
.nav_circle a.a1
{
	color: #014c5d;
	font-weight: bold;
}
.nav_circle a.a2
{
	transform: rotate(50deg);
	transform-origin:50% 200px;

	-ms-transform: rotate(45deg); 		/* IE 9 */
	-ms-transform-origin:50% 200px;

	-webkit-transform: rotate(50deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:50% 200px;

	-moz-transform: rotate(50deg);		/* Firefox */
	-moz-transform-origin:50% 200px;

	-o-transform: rotate(50deg);		/* Opera */
	-o-transform-origin:50% 200px;
}
.nav_circle a.a3
{
	transform: rotate(100deg);
	transform-origin:50% 190px;

	-ms-transform: rotate(100deg); 		/* IE 9 */
	-ms-transform-origin:50% 190px;

	-webkit-transform: rotate(100deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:50% 190px;

	-moz-transform: rotate(100deg);		/* Firefox */
	-moz-transform-origin:50% 190px;

	-o-transform: rotate(100deg);		/* Opera */
	-o-transform-origin:50% 190px;
}
.nav_circle a.a4
{
	transform: rotate(-100deg);
	transform-origin:50% 190px;

	-ms-transform: rotate(-100deg); 		/* IE 9 */
	-ms-transform-origin:50% 190px;

	-webkit-transform: rotate(-100deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:50% 190px;

	-moz-transform: rotate(-100deg);		/* Firefox */
	-moz-transform-origin:50% 190px;

	-o-transform: rotate(-100deg);		/* Opera */
	-o-transform-origin:50% 190px;
}
.nav_circle a.a5
{
	transform: rotate(-50deg);
	transform-origin:50% 190px;

	-ms-transform: rotate(-50deg); 		/* IE 9 */
	-ms-transform-origin:50% 190px;

	-webkit-transform: rotate(-50deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:50% 190px;

	-moz-transform: rotate(-50deg);		/* Firefox */
	-moz-transform-origin:50% 190px;

	-o-transform: rotate(-50deg);		/* Opera */
	-o-transform-origin:50% 190px;
}
.left_btn,.right_btn{
	display: inline-block;
	width: 36px;
	height: 97px;
	top: 423px;
	position: absolute;
	z-index: 100;
}
.left_btn
{
	background: url(../images/left.png);

	left: 20px;
}
.right_btn
{
	background: url(../images/right.png);
	right: 20px;
}

/**step page**/
.step_page,.common_page
{
	background: url(../images/pk_bg.jpg) no-repeat 0 0;
	background-size: cover;
}
.time
{
	width: 140px;
	height: 139px;
	background: url(../images/step_time.png) no-repeat 0 0;
	top: 41px;
	left: 250px;
}
.time .kedu
{
	left: 40px;
	top: 41px;
	width: 58px;
	height: 58px;
	background: url(../images/step_kedu.png) no-repeat 0 0;
	transform: rotate(-180deg);
	transform-origin:50% 50%;
}
.step_page .text1
{
	position: absolute;
	width: 100%;
	top: 196px;
	left: 0;
	line-height: 1;
}
.step_page .plant,.theory_page .plant
{
	width: 640px;
	height: 124px;
	background: url(../images/plant.png) no-repeat 0 0;
	top: 511px;
}
.step_page .step
{
	display: none;
}
.step_page .step1
{
	display: block;
}
.step_page .qi,.theory_page .qi
{
	width: 640px;
	height: 312px;
	background: url(../images/step_qi.png) no-repeat 0 0;
	top: 323px;
}
.step1_img
{
	left: 218px;
	top: 264px;
}
.zuanshi
{
	width: 114px;
	height: 128px;
	background: url(../images/zuanshi.png) no-repeat 0 0;
	display: inline-block;
	margin-left: -26px;
	position: relative;
}
.step_nav
{
	width: 504px;
	left: 70px;
	top: 635px;
}
.step_dian
{
	width: 100%;
	position: relative;
}
.step_bg
{
	height: 24px;
	background: url(../images/step_line.jpg) repeat-x 0 0;
	width: 470px;
	left: 15px;
	top: 8px;
}
.step_dian li
{
	float: left;
	font-size: 18px;
	color: #666666;
	width: 50px;
	text-align: center;
	margin-left: 100px;
	position: relative;
	z-index: 10;
}
.step_dian .cur
{
	color: #fff;
}
.step_dian .cur .step_icon
{
	background: url(../images/step_icon1.png) no-repeat 0 0;
}
.s_right
{
	position: absolute;
	width: 20px;
	height: 39px;
	background: url(../images/right_s.png) no-repeat 0 0;
	top: 44px;
	left: 100px;
}
.step_dian li .step_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/step_icon2.png) no-repeat 0 0;
}
.step_dian li .cur
{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/step_icon1.png) no-repeat 0 0;
}
.step_dian .li1
{
	margin-left: 0px;
}
.down_jt
{
	display: inline-block;
	width: 68px;
	height: 105px;
	background: url(../images/down_jt.png) no-repeat 0 0;
	left: 284px;
	top: 43px;
	position: absolute;
}
.step
{
	width: 100%;
	height: auto;
	position: relative;
}
.step2_img
{
	left: 225px;
	top:248px;
}
.ning
{
	width: 191px;
	height: 107px;
	background: url(../images/step_jt2.png) no-repeat 0 0;
	top: 314px;
	left: 217px;
}
.step3_img
{
	left: 216px;
	top:248px;

}
.face
{
	top: 262px;
}
.step4_img
{
	top: 385px;
}
.tujt
{
	width: 87px;
	height: 116px;
	background: url(../images/step_jt3.png) no-repeat 0 0;
	top: 377px;
	left: 145px;
}
/**feature**/
.feature_btn_outer .feature_btn
{
	width: 138px;
	height: 237px;
	position: relative;
	display: inline-block;
	-webkit-transform:scale(0.8);
	        transform:translate(0.8);
}
.feature_outer
{
	width: 100%;
	height: 405px;
	top: 369px;
}
.feature_outer .feature
{
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
}
.feature_outer .feature1
{
	background: url(../images/feature1.png) no-repeat center;
}
.feature_outer .feature2
{
	background: url(../images/feature2.png) no-repeat center;
}
.feature_outer .feature3
{
	background: url(../images/feature3.png) no-repeat center;
}
.feature_btn_outer .cur .feature_btn
{
	-webkit-transform:scale(1);
	        transform:translate(1);
}
.feature_btn_outer
{
	width: 200%;
	top: 87px;
}
.page .feature_btn_wrap
{
	width: 213px;
	float: left;
	position: relative;
	text-align: center;
}
.feature_btn_outer .feature_btn1
{
	background: url(../images/liebin1.png) no-repeat 0 0;
}
.feature_btn_outer .feature_btn2
{
	background: url(../images/liebin2.png) no-repeat 0 0;
}
.feature_btn_outer .feature_btn3
{
	background: url(../images/liebin3.png) no-repeat 0 0;
}
.feature_page .product
{
	left: 232px;
	top: 382px;
}
.focus_div
{
	width: 235px;
	height: 235px;
	position: absolute;
	background: url(../images/xuanzhong.png) no-repeat 0 0;
	left: 204px;
	top: 55px;
	display: none;
}
/**scenario**/
.scenario_btn_wrap
{
	width: 520px;
	height: 523px;
	left: 61px;
	top: 199px;
	background: url(../images/scenario_btn.png) no-repeat 0 0;
}
.scenario_btn_wrap .light
{
	width: 128px;
	height: 133px;
	background: url(../images/scenario_light.png) no-repeat 0 0;
	display: inline-block;
	top: 20px;
	left: 20px;
	position: absolute;
	left: 50%;
	margin-left: -64px;
	z-index: 0;
}
.scenario_btn_wrap a
{
	position: absolute;
	width: 160px;
	height: 160px;
	display: block;
	z-index: 10;
}
.light_outer
{
	width: 105%;
	position: absolute;
	top: 0;
	left: -10px;
	height: 105%;
	z-index: 0;
	transform: rotate(50deg);
	transform-origin:50% 50%;

	-ms-transform: rotate(45deg); 		/* IE 9 */
	-ms-transform-origin:50% 50%;

	-webkit-transform: rotate(50deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:50% 50%;

	-moz-transform: rotate(50deg);		/* Firefox */
	-moz-transform-origin:50% 50%;

	-o-transform: rotate(50deg);		/* Opera */
	-o-transform-origin:50% 50%;
}
.scenario_btn_wrap .a1
{
	left: 175px;
	background: url(../images/sensitive_bin.png) no-repeat 0 0;
}
.scenario_btn_wrap .a2
{
	left: 10px;
	top: 279px;
	background: url(../images/aftersun_bin.png) no-repeat 0 0;
}
.scenario_btn_wrap .a3
{
	right: 10px;
	top: 270px;
	background: url(../images/laser_bin.png) no-repeat 0 0;
}
/**senstive**/
.sensitive_page .title_icon
{
	width: 151px;
	height: 162px;
	position: absolute;
	background: url(../images/sensitive_bin.png) no-repeat 0 0;
	left: 49px;
	top: 60px;
}
.sensitive_page .title_icon_aftersun
{
	background: url(../images/aftersun_bin.png) no-repeat 0 0;
}
.sensitive_page .title_icon_laser
{
	background: url(../images/laser_bin.png) no-repeat 0 0;
}
.sensitive_page .step_text
{
	width: auto;
	font-size: 20px;
	left: 220px;
	top: 90px;
	text-align: left;
}
.sensitive_page .step_text h2
{
	font-size: 36px;
	color: #016480;
	line-height: 1.5;
}
.sensitive_page .product0
{
	top: 325px;
	left: 264px;
}
.sensitive_page .face
{
	left: 135px;
	top: 180px;
}
.sensitive_page .after_face
{
	left: 135px;
	top: 182px;
}
.sensitive_page .product1
{
	left: 386px;
	top: 439px;
}
.sensitive_page .peng
{
	left: 274px;
	top: 294px;
}
.sensitive_page .product3
{
	left: 174px;
	top: 314px;
}
.sensitive_page .product4
{
	left: 363px;
	top: 314px;
}
.sensitive_page .product5
{
	left: 212px;
	top: 429px;
}
.sensitive_page .product6
{
	left: 291px;
	top: 208px;
}
.sensitive_page .product_gao1
{
	left: 288px;
	top: 334px;
}
.sensitive_page .product_gao2
{
	left: 249px;
	top: 415px;
}
.sensitive_page .product7
{
	left: 261px;
	top: 311px;
}
.sensitive_page .product8
{
	left: 46px;
	top: 334px;
}
.sensitive_page .face2
{
	left: 55px;
	top: 177px;
}
.sensitive_page .shoubi
{
	
}
.scenario_hand
{
	left: 130px;
	top: 135px;
	z-index: 20;
}
.shoubi_outer
{
	width: 169px;
	height: 336px;
	overflow: hidden;
	left: 54px;
	top: 287px;
	position: absolute;
}
.sensitive_page .product_gao3
{
	left: 232px;
	top: 344px;
}
.step_nav3
{
	width: 351px;
	left: 149px;
}
.step_nav3 .step_bg
{
	width: 312px;
}
.step_nav2
{
	width: 214px;
	left: 225px;
}
.step_nav2 .step_bg
{
	width: 167px;
}
.sensitive_page .step
{
	display: none;
}
.sensitive_page .step1
{
	display: block;
}
.right_hide
{
	-webkit-transform:translate(-500px ,0);
	        transform:translate(-500px ,0);
}
.sensitive_page .light
{
	left: -10px;
	top: 611px;
	transform-origin:-300px -600px;
	-webkit-transform-origin:-300px -600px;
	-o-transform-origin:-300px -600px;
}
.theory_page .plant
{
	top: 690px;
}
.theory_page .qi
{
	top: 433px;
}
.theory_page .swiper-slide
{
	position: relative;
}
.theory_page .icon
{
	left: 291px;
	top: 73px;
}
.theory_page .theory
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.theory_page .theory1
{
	display: block;
}
.theory_page .text
{
	top: 192px;
	position: absolute;
	width: 100%;
}
.theory_page .img1
{
	left: 268px;
	top: 347px;
	top: 250px;
}
.theory_page .img2
{
	left: 253px;
	top: 413px;
}
.theory_page .theory2 .img1
{
	top: 367px;
}
.theory_page .gaizi
{
	left: 243px;
	top: 311px;
}
.theory_page .img3
{
	left: 244px;
	top: 393px;
}
.theory_page .jt1
{
	left: 282px;
	top: 468px;
}
.theory_page .jt2
{
	left: 284px;
	top: 566px;
}
.theory_page .jt3
{
	left: 313px;
	top: 639px;
}
.theory_page .face
{
	left: 89px;
	top: 319px;
}
.theory_page .img4
{
	left: 438px;
	top: 430px;
}
.winner_text
{
	left: 140px;
	top: 727px;
}
.winner_product
{
	left: 276px;
	top: 640px;
}
.winner_light
{
	position: absolute;
	left: 256px;
	top: 570px;
}