@charset "utf-8";
/* CSS Document */

/*全屏滚动*/
.section1 { background-image: url(bg1.jpg);}
.section2 { background-image: url(bg2.jpg);}
.section3 { background-image: url(bg3.jpg);}
.section4 { background-image: url(bg4.jpg);}
.section5 { background-image: url(bg5.jpg);}
.section6 { background-image: url(bg6.jpg);}
.section7 { background-image: url(bg7.jpg);}
.section { position:relative; overflow:hidden; text-align: left; font:14px "微软雅黑", "宋体", "黑体"; color: #3d3b4f; background-position:center; background-repeat:no-repeat; background-size:100% 100%}
	.section a { color:#3d3b4f}
	.section a:hover { text-decoration:underline}

/*注释位置为准确位置，未注释位置为动作起点*/
/*第一屏*/
.section1 div { position:absolute; line-height:0}
	.section1 div img { width:100%}
	.section1 .fm01 { top:-61px; /*top:82px;*/ left:50%;  margin-left:-589px}
	.section1 .fm02 { top:-35px; /*top:79px;*/ left:50%; margin-left:254px}
	.section1 .fm03 { display:none; top:144px; left:50%; margin-left:-185px; }
	.section1 .fm04 { left:0; bottom:-600px; /*bottom:0;*/}
	.section1 .fm05 { right:0; bottom:-900px; /*bottom:0;*/}
/*第二屏*/
.section2 .leftarea { position:absolute; top:60px; left:-20%; /*left:50%;*/ margin-left:-530px; width:545px; height:830px; line-height:0;}
.section2 .rightarea { position:absolute; top:83px; left:120%; /*left:50%;*/ margin-left:74px;  width:452px; height:710px; line-height:0;}
	.kplm { margin-bottom:22px; line-height:0}
	.kptw { margin:0 0 0 8px; line-height:2.4em; text-align:left}
		.kptw img { float:left; margin:1px 30px 40px 0;}
		.kptw span { font-size:1.3em; color:#df2220}
	.kpimg { clear:both; overflow:hidden; margin-left:-19px}
		.kpimg img { float:left; margin:0 0 0 29px;}
	.kpbt { margin-bottom:16px; padding-top:14px; line-height:0;}
	.kpzy { min-height:100px; margin-left:20px; padding-left:15px; line-height:2.1em; text-indent:2em; text-align:justify; background:url(kp09.png) repeat-y left 4px}
/*第三屏*/
.zsld { opacity:0; position:absolute; top:0; /*top:69px;*/ left:50%; margin-left:-391px; width:782px; line-height:0}
.zsnltab { position:absolute; top:1100px; /*top:761px;*/ left:50%; margin-left:-530px; width:1004px; height:79px; padding-left:56px; background:url(nl07.gif) repeat-x 0 8px}
	.zsnltab li { float:left; width:167px; height:40px; margin:0 35px; padding-top:39px; background:url(nl05.png) no-repeat center top; cursor:pointer;}
		.zsnltab li div { height:40px; line-height:0}
		.zsnltab li div img { display:none}
	.zsnltab li:hover,.zsnltab li.hover { background-image:url(nl06.png)}
		.zsnltab li:hover div img,.zsnltab li.hover div img { display:block}
.zsnlcont { position:absolute; top:262px; left:-20%; /*left:50%;*/ margin-left:-530px; width:442px; height:465px; background:url(nl02.gif) no-repeat left top}
.zsnlimg { position:absolute; top:251px; left:120%; /*left:50%;*/ margin-left:-60px; width:591px; height:476px;}
	.nlbt { margin:58px 0 19px 0; line-height:0;}
	.nlft { margin-bottom:28px; font-size:2em; line-height:1.1em; font-weight:bold; border-bottom:1px solid #fff}
	.nlzy { text-align:justify; line-height:2.3em; text-indent:2em; }
		
/*第四屏*/
.kapai { position:absolute; top:230px; left:-100%; /*left:50%;*/ margin-left:-540px; width:1080px; height:698px;}
	.kapai ul { overflow:hidden;}
		.kapai ul li { float:left; position:relative; width:336px; height:198px; margin:0 12px 26px;}
			.kapai ul li img { width:336px; height:198px; position:absolute;}			
			.kapai li .zheng { transform:rotateY(0deg); transition:all .5s .5s ease-out; display:block\9; }
			.kapai li:hover .zheng  { transform:rotateY(90deg); transition:all .5s ease-out; display:none\9; }
			.kapai li .fan { transform:rotateY(-90deg); transition:all .5s ease-out; display:none\9; }
			.kapai li:hover .fan { transform:rotateY(0deg); transition:all .5s .5s ease-out; display:block\9;}
			
/*第五屏*/
.bltk { position:absolute; top:230px; left:150%; width:1060px; height:463px; margin-left:-530px; border:1px solid #d7c7d6; border-radius:40px;}
	.bltka { width:1020px; height:413px; margin:29px auto auto; background:rgba(237,244,249,.5); border:1px solid #e29c45; border-radius:40px;}
	.blcont { position:absolute; top:57px; left:50%; width:980px; height:403px; margin-left:-490px; background:url(bl06.png) no-repeat center top rgba(237,244,249,.5); border-radius:40px;}
		.blcont img { display:block; margin:35px auto auto;}
.bltab { position:absolute; top:725px; left:-150%; width:1001px; height:118px; margin-left:-501px;}
	.bltab li { float:left; width:123px; height:118px; margin:0 10px; padding-top:13px; box-sizing:border-box; text-align:center; background:url(bl04.png) no-repeat; cursor:pointer}
	.bltab li img { margin:0 auto}
		.bltab li .nm { display:block}
		.bltab li .hv { display:none}
	.bltab li.hover,.bltab li:hover { background-image:url(bl05.png);}
		.bltab li.hover .nm,.bltab li:hover .nm { display:none}
		.bltab li.hover .hv,.bltab li:hover .hv { display:block}
			
/*第六屏*/
.gushilm { opacity:0; position:absolute; top:60px; left:80%; /*left:50%;*/ margin-left:-529px; line-height:0;}
.gushiimg { position:absolute; top:240px; left:-20%; /*left:50%;*/ margin-left:-520px; line-height:0;}
.gushicont { position:absolute; top:247px; left:120%; /*left:50%;*/ margin-left:192px; line-height:0;}
.gushitab { position:absolute; top:1500px; /*top:656px;*/ left:50%; margin-left:-525px; line-height:0;}
  .gushitab { overflow:hidden; width:1096px; height:190px;}
  .jtl { display:none; position:absolute; left:0; top:88px; cursor:pointer }
  .jtr { position:absolute; right:0; top:88px; cursor:pointer }
  .tpkz { position:absolute; left:58px; top:0; overflow:hidden; width:980px; height:190px;}
  .gushitab ul { position:absolute; left:0; top:0; overflow:hidden; width:1120px; height:190px;}
	.gushitab li { float:left; width:126px; height:190px; margin-right:14px; line-height:0; background:no-repeat right bottom; cursor:pointer}
		.gushitab li img { display:none;}
	.gushitab li:first-child { background-image:url(gs13.png);}
	.gushitab li:nth-child(2) { background-image:url(gs23.png);}
	.gushitab li:nth-child(3) { background-image:url(gs33.png);}
	.gushitab li:nth-child(4) { background-image:url(gs43.png);}
	.gushitab li:nth-child(5) { background-image:url(gs53.png);}
	.gushitab li:nth-child(6) { background-image:url(gs63.png);}
	.gushitab li:nth-child(7) { background-image:url(gs73.png);}
	.gushitab li:nth-child(8) { background-image:url(gs83.png);}
	/*IE8浏览器适应nth-child*/
	.gushitab li + li { background-image:url(gs23.png);}
	.gushitab li + li + li { background-image:url(gs33.png);}
	.gushitab li + li + li + li { background-image:url(gs43.png);}
	.gushitab li + li + li + li + li { background-image:url(gs53.png);}
	.gushitab li + li + li + li + li + li { background-image:url(gs63.png);}
	.gushitab li + li + li + li + li + li + li { background-image:url(gs73.png);}
	.gushitab li + li + li + li + li + li + li + li { background-image:url(gs83.png);}
	.gushitab li:hover,.gushitab li.hover { background-image:none}
	.gushitab li:hover img,.gushitab li.hover img { display:block;}

/*第七屏*/
.dt01,.dt02,.dt03,.dt04,.dt05 { position:absolute; line-height:0}
.dt01 { left:100%; top:142px; margin-left:43px;/*暂时不用*/}
.dt02 { left:150%; top:330px; margin-left:-71px;}
.dt03 { left:-50%; top:70px; margin-left:-444px;}
.dt04 { left:150%; top:218px; margin-left:375px;}
.dt05 { left:150%; top:130px; margin-left:12px;}
.banquaninfo { position:absolute; bottom:0; width:100%; height:18px; line-height:1.5em; text-align:center; font-size:12px; color:#666;}

/*侧导航*/
#fp-nav.right { display:none; right:100px; width:54px; height:667px; background:url(slidebarbg.png) no-repeat;}
	#fp-nav ul li { width:54px; height:53px; margin:0 0 38px 0; border:none}
		#fp-nav ul li a span,#fp-nav ul li a.active span { background:none; border:none}
		#fp-nav ul li:first-child, #fp-nav ul li:first-child a.active { height:101px; margin:0 0 19px 0}
		#fp-nav ul li:nth-child(2) a.active { background:url(slidebar1.png) no-repeat}
		#fp-nav ul li:nth-child(3) a.active { background:url(slidebar2.png) no-repeat}		
		#fp-nav ul li:nth-child(4) a.active { background:url(slidebar3.png) no-repeat}
		#fp-nav ul li:nth-child(5) a.active { background:url(slidebar4.png) no-repeat}
		#fp-nav ul li:nth-child(6) a.active { background:url(slidebar5.png) no-repeat}
		#fp-nav ul li:nth-child(7) a.active { background:url(slidebar6.png) no-repeat}
		/*IE8浏览器适应nth-child*/
		#fp-nav ul li + li a.active { background:url(slidebar1.png) no-repeat}
		#fp-nav ul li + li + li a.active { background:url(slidebar2.png) no-repeat}
		#fp-nav ul li + li + li + li a.active { background:url(slidebar3.png) no-repeat}
		#fp-nav ul li + li + li + li + li a.active { background:url(slidebar4.png) no-repeat}
		#fp-nav ul li + li + li + li + li + li a.active { background:url(slidebar5.png) no-repeat}
		#fp-nav ul li + li + li + li + li + li + li a.active { background:url(slidebar6.png) no-repeat}

@media screen and (max-width:1280px){
	.section { background-size:auto 100%}
	.section1 .fm01 { top:9%; left:5%; margin:0; width:30%; }
	.section1 .fm02 { top:9%; left:auto; right:5%; margin:0; width:30%; }
	.section1 .fm03 { top:18%; left:25%; margin:0; width:50%; }
	.section1 .fm04 { left:0; bottom:0; width:60%; margin-left:-20%; }
	.section1 .fm05 { right:0; bottom:0; width:60%; margin-right:-20%; }
	#fp-nav.right { right:0}
}