@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 24px/36px "微软雅黑"; color:#000000;text-align:center; background:url(images/swirl_pattern.png) ;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 24px/36px "微软雅黑";}
li,p{text-align:left;font:normal 24px/36px "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clear{ clear:both;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 24px/36px "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}


html, body {
	overflow-x:hidden;
}

.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}


#mydiv{width: 800px;position:absolute;top:0;left:50%;margin-left:-400px;z-index:200;background:url(images/swirl_pattern.png) ;}

.loadPage{position: absolute;top:400px;left:0;width:100%;}
.loading {width:50%; height: 100%;text-align: center;top:0px;}
.loading .loading-num { height: 40px; width:100%;font: 36px/40px Tahoma;color: #000; text-align: center;}
.loading .inner {width: 100%; height: 4px; background-color: #ebd8a5; top:45px;}
.loading .inner .loading-progress { width:0px; height:4px; background-color: #c8000a; float: left;}
.loading .loading-txt { top:55px;height: 20px; width:100%;top:67px;font: 24px/24px Tahoma; color: #FF0628; text-align: center;}


/*内容区*/
.content{width:800px;overflow: hidden;transform-origin:0 0;-webkit-transform-origin: 0 0;overflow:hidden;margin:0 auto;opacity:0;height:21200px;}
.contentA{width:800px;overflow: hidden;height:21200px;overflow:hidden;margin:0 auto;background:url(images/bg.png);position:fixed;left:50%;margin-left:-400px;}
.banner{width:800px;position:fixed;left:50%;margin-left:-400px;top:0;}
.class{width:800px;position:fixed;left:50%;margin-left:-400px;top:0;}
.a1{top:0px;z-index: 1;left:45px;position: absolute;}
.a2{top:340px;z-index: 20;left:290px;position: absolute;}
.a3{top:322px;z-index: 30;right:173px;position: absolute;}
.a4{top:635px;z-index: 10;right:25px;position: absolute;}
.a5{top:495px;z-index: 0;}
.a6{top:576px;z-index: 1;}
.txt{font-size:24px;line-height: 30px;color:#303030;text-align: left;font-family: "Arial";}
.txta{top:165px;width:640px;}

.b1{top:0px;z-index: 1;right:133px;position: absolute;}
.b2{top:195px;z-index: 1;left:135px;position: absolute;}
.b3{top:345px;z-index: 0;left:40px;position: absolute;}
.b4{top:153px;z-index: 0;}
.b5{top:286px;z-index: 0;}

.txtb{top:180px;width:305px;}


.c1{top:0px;left:294px;position: absolute;z-index: 1}
.c2{top:193px;left:35px;position: absolute;z-index: 1}
.c3{top:397px;left:207px;position: absolute;z-index: 1}
.c4{top:352px;z-index: 1}
.c5{top:466px;left:25px;z-index: 0;position: absolute;}
.txtc{top:180px;width:460px;left:294px;}


.d1{top:0px;left:58px;position: absolute;z-index: 1}
.d2{top:198px;right:68px;position: absolute;z-index: 1}
.d3{top:578px;right:24px;position: absolute;z-index:0}
.d4{top:352px;right:75px;z-index: 1}
.txtd{top:175px;left:55px;width:660px;}

.e1{top:170px;left:262px;position: absolute;z-index: 1}
.e2{top:592px;left:290px;position: absolute;z-index: 1}
.e3{top:946px;left:24px;position: absolute;z-index:0}
.e4{top:205px;left:56px;z-index: 1}
.txte{top:355px;width:505px;left:262px;}

.f1{top:0px;left:67px;position: absolute;z-index: 1}
.f2{top:169px;right:46px;position: absolute;z-index: 1}
.f3{top:530px;right:24px;position: absolute;z-index:0}

.txtf{top:175px;width:365px;left:67px;}

.g1{top:0px;left:232px;position: absolute;z-index: 1}
.g2a{top:409px;left:208px;position: absolute;z-index: 1}
.g2b{top:445px;right:100px;position: absolute;z-index: 1}
.g3{top:744px;right:25px;position: absolute;z-index:0}
.g4{top:426px;left:58px;}

.txtg{top:180px;width:500px;left:232px;}

.h1{top:0px;left:67px;position: absolute;z-index: 1}
.h2{top:348px;right:25px;position: absolute;z-index: 1}
.h3{top:348px;right:25px;position: absolute;z-index:0}
.h4{top:514px;left:455px;z-index: 1;}
.txth{top:180px;width:320px;left:65px;}

.i1{top:0px;left:213px;position: absolute;z-index: 1}
.i2{top:371px;left:337px;position: absolute;z-index: 0}
.i3{top:370px;left:230px;position: absolute;z-index:0}
.i4{top:370px;left:198px;z-index: 1;}
.i5{top:352px;left:53px;z-index: 1;}
.txti{top:156px;width:550px;left:213px;}

.j1{top:0px;left:63px;position: absolute;z-index: 1}
.j2{top:355px;right:25px;position: absolute;z-index: 0}
.txtj{top:190px;width:670px;left:63px;}

.k1{top:0px;left:359px;position: absolute;z-index: 1}
.k2{top:388px;left:56px;position: absolute;z-index: 0}
.k3{top:742px;left:25px;position: absolute;z-index: 0}
.txtk{top:180px;width:420px;left:359px;}

.l1{top:0px;left:92px;position: absolute;z-index: 1}
.l2{top:344px;left:45px;position: absolute;z-index: 0}
.l3{top:740px;left:220px;position: absolute;z-index: 0}
.txtl{top:180px;width:430px;left:92px;}

.m1{top:0px;left:92px;position: absolute;z-index: 1}
.m2{top:330px;right:25px;position: absolute;z-index: 0}
.txtm{top:180px;width:470px;left:92px;}

.n1{top:0px;left:92px;position: absolute;z-index: 1}
.n2{top:695px;right:70px;position: absolute;z-index: 1}
.n3{top:400px;right:25px;position: absolute;z-index: 0}
.txtn{top:175px;width:650px;left:85px;}

.o1{top:0px;left:203px;position: absolute;z-index: 1}
.o2{top:440px;left:25px;position: absolute;z-index: 1}
.txto{top:175px;width:560px;left:203px;}

.p1{top:0px;left:345px;position: absolute;z-index: 1}
.p2{top:797px;left:154px;position: absolute;z-index: 1}
.p3{top:130px;left:25px;position: absolute;z-index: 0}
.txtp{top:175px;width:410px;left:345px;}

.q1{top:0px;left:45px;position: absolute;z-index: 1}
.txtq{top:175px;width:670px;left:45px;}

.r1{top:0px;left:340px;position: absolute;z-index: 1}
.r2{top:318px;left:25px;position: absolute;z-index: 0}
.r3{top:360px;left:70px;position: absolute;z-index: 1}
.txtr{top:175px;width:420px;left:340px;}

.s1{top:0px;left:122px;position: absolute;z-index: 1}
.s2{top:164px;left:45px;position: absolute;z-index: 0}
.s3{top:238px;right:60px;position: absolute;z-index: 1}
.txts{top:175px;width:340px;left:122px;}

.t1{top:10px;left:50px;position: absolute;z-index: 1}
.t2{top:0px;right:121px;position: absolute;z-index: 1}
.t3{top:277px;right:25px;position: absolute;z-index:0}
.txtt{top:175px;width:430px;left:55px;}

.u1{top:10px;left:460px;position: absolute;z-index: 1}
.u2{top:172px;left:97px;position: absolute;z-index: 1}
.u3{top:360px;left:35px;position: absolute;z-index:0}
.txtu{top:175px;width:300px;left:460px;}

.v1{top:0px;left:45px;position: absolute;z-index: 1}
.v2{top:276px;left:25px;position: absolute;z-index: 0}
.v3{top:390px;right:318px;position: absolute;z-index:1}
.v4{top:315px;right:200px;position: absolute;z-index:1}
.txtv{top:180px;width:695px;left:60px;}

.w1{top:0px;left:70px;position: absolute;z-index: 1}
.w2{top:215px;right:25px;position: absolute;z-index: 0}
.w3{top:81px;right:88px;position: absolute;z-index:1}
.txtw{top:175px;width:425px;left:70px;}

.x1{top:40px;left:350px;position: absolute;z-index: 1}
.x2{top:67px;left:107px;position: absolute;z-index: 1}
.x3{top:440px;left:88px;position: absolute;z-index:0}
.txtx{top:215px;width:405px;left:350px;position: absolute;}

.y1{top:0px;left:70px;position: absolute;z-index: 1}
.y2{top:390px;left:225px;position: absolute;z-index: 1}
.y3{top:365px;right:25px;position: absolute;z-index:0}
.txty{top:175px;width:530px;left:70px;position: absolute;}

.z1{top:0px;left:380px;position: absolute;z-index: 1}
.z2{top:188px;left:57px;position: absolute;z-index: 1}
.z3{top:376px;left:25px;position: absolute;z-index:0}
.txtz{top:170px;width:380px;left:380px;position: absolute;}