/* Author: zhongli  Email: zhongli@yoka.com */
html{ _background-image:url(about:blank); _background-attachment:fixed;}
img{ vertical-align:top;}
.centess{ position:relative; width:100%; background:#fff; font:14px/22px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53; color:#000;}
.centess a:hover{ text-decoration:none;}
.main{ position:relative; width:980px; margin:0 auto;}
.link{ position:absolute; display:block;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.ab{ position:absolute;}
.pr{ position:relative;}

.header{ position:relative; margin-bottom:37px; background:url(images/header_bg.jpg) center top no-repeat; z-index:1;}
.header .main{ height:645px; background:url(images/header.jpg) no-repeat;}
.header .text{ position:absolute; left:477px; top:311px; width:480px; line-height:28px; color:#fff;}
.header .share{ position:absolute; right:25px; top:520px;}
.header .share a{ float:left; margin-left:15px;}
.header .wx{ cursor:default; position:relative;}
.header .wxQrcode{ display:none; position:absolute; left:-46px; top:48px;}

.part1 .main{ padding-top:135px; height:629px; background:url(images/p1_title.png) no-repeat;}
.part1 .foreword{ position:absolute; left:436px; top:28px; width:515px;}
.part1 .video{ width:980px; height:598px; overflow:hidden;}
.part1 .cover{ cursor:pointer;}
.part1 .player{ display:none;}

.part2 .main{ padding-top:174px; height:819px; background:url(images/p2_title.png) no-repeat;}
.part2 .foreword{ position:absolute; left:25px; top:111px; width:930px;}
.part2 .flashPC{ width:980px; height:819px; overflow:hidden;}
.part2 .flashMobile{ position:relative; top:20px; width:566px; margin:0 auto;}
.part2 .kolList{ position:relative; width:566px; height:730px; -webkit-transform-style: preserve-3d; -webkit-perspective:1000px;}
.part2 .kol{ position:absolute; left:0; top:0;}
.part2 .kol img{ width:567px; height:730px; vertical-align:top;}
.part2 .kol2{ left:-102px; width:776px; height:730px; line-height:730px; text-align:center;}
.part2 .kol2 img{ width:auto; height:auto; vertical-align:middle; box-shadow:0 10px 40px rgba(0,0,0,.6);}
.part2 .btn{ display:block; position:absolute; top:340px; }
.part2 .prev{ left:-200px;}
.part2 .next{ right:-200px;}

.part3 .main{ padding-top:134px; height:610px; background:url(images/p3_title.png) no-repeat;}
.part3 .foreword{ position:absolute; left:425px; top:27px; width:550px;}

.part4{ background:url(images/p4_bg.jpg) center top no-repeat;}
.part4 .main{
	padding-top:0px;
	height:1097px;
	background:#fff url(images/p4_title.png) no-repeat;
}
.part4 .cover{ cursor:pointer;}
.part4 .player{ display:none;}
.p4_item2, .p4_item3{ display:none;}

.isFloat .focusItem{ float:left; _display:inline;}
.isPosition .focusItem{ display:none; position:absolute; top:0; left:0;}

.focusMain{ position:relative;}
.focusMain .focusArea{ position:relative; margin:0 auto; overflow:hidden; z-index:2;}
.focusMain .focusCon{ position:absolute; top:0;}
.focusMain .focusItem{ overflow:hidden;}
.focusMain .focusBtn{ display:block; position:absolute; top:50%; background-repeat:no-repeat; cursor:pointer; z-index:10;}
.focusMain .focusPrev{ left:0;}
.focusMain .focusNext{ right:0;}
.focusIndicators{ font-size:0; line-height:0; z-index:9;}
.focusIndicators a{ display:inline-block; _zoom:1; font-size:0; cursor:pointer; overflow:hidden;}

.p3_focus1{ width:980px; height:573px; margin-bottom:37px;}
.p3_focus1 .focusArea{ width:980px; height:573px; margin:0 auto;}
.p3_focus1 .focusCon{ width:980px;}
.p3_focus1 .focusItem{ width:980px; height:573px;}
.p3_focus1 .focusBtn{ width:34px; height:83px; margin-top:-41px; background-image:url(images/p3_focus1_arrow.png);}
.p3_focus1 .focusPrev{ left:0;}
.p3_focus1 .focusNext{ right:0; background-position:-34px 0;}

.p3_focus2{ height:878px; background:url(images/p4_focus2.png) center top no-repeat;}
.p3_focus2 .focusArea{ width:980px; height:770px; margin:0 auto;}
.p3_focus2 .focusCon{ width:980px;}
.p3_focus2 .focusItem{ width:980px; height:770px;}
.p3_focus2 .focusIndicators{ width:980px; height:108px; margin:0 auto; text-align:center;}
.p3_focus2 .focusIndicators a{ position:relative; width:108px; height:108px; margin:0 3px;}
.p3_focus2 span{ display:block; position:absolute; left:0; top:0;}
.p3_focus2 .current .cur{ z-index:10;}
.p3_focus2 .def{ z-index:8;}

.p4_focus1{ width:980px; height:470px; margin-bottom:4px;}
.p4_focus1 .focusArea{ float:right; width:692px; height:470px;}
.p4_focus1 .focusCon{ width:692px;}
.p4_focus1 .focusItem{ width:692px; height:470px;}
.p4_focus1 .focusIndicators{ float:left; width:283px;}
.p4_focus1 .focusIndicators a{ width:283px; height:152px; margin-bottom:7px;}
.p4_focus1 .current .cur{ display:block;}
.p4_focus1 .current .def{ display:none;}
.p4_focus1 .cur{ display:none;}

.p4_item{ width:978px; padding:40px 0; border:1px solid #d3d3d3;}
.p4_item .focusArea{ width:782px; height:528px; margin:0 auto;}
.p4_item .focusCon{ width:782px;}
.p4_item .focusItem{ width:782px; height:528px;}
.p4_item .focusBtn{
	width:62px;
	height:122px;
	margin-top:-31px;
	
}
.p4_item .focusPrev{ left:12px;}
.p4_item .focusNext{ right:12px; background-position:-62px 0;

width:62px;
	height:122px;
	margin-top:-31px;
	
	}

.floatMenu{ position:absolute; top:680px; left:50%; margin-left:490px; width:129px; z-index:100; _position:absolute; _top: expression(eval(document.documentElement.scrollTop+10));}
.floatMenu .qrcode{ padding-left:19px; margin-bottom:7px;}
.floatMenu .menu{ height:180px; padding-top:62px; padding-left:31px; background:url(images/float_bg_v2.png) left bottom no-repeat;}
.floatMenu .menu a{ display:block; width:85px; height:22px; margin-bottom:23px; background-image:url(images/float_menu_v2.png); background-repeat:no-repeat;}
.floatMenu .menu .m2{ background-position:0 -22px;}
.floatMenu .menu .m3{ background-position:0 -44px;}
.floatMenu .menu .m4{ background-position:0 -66px;}
.floatMenu .menu .m1:hover{ background-position:-85px 0;}
.floatMenu .menu .m2:hover{ background-position:-85px -22px;}
.floatMenu .menu .m3:hover{ background-position:-85px -44px;}
.floatMenu .menu .m4:hover{ background-position:-85px -66px;}