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

/*右侧导航*/
.rightNav{
	width:38px;
	position:fixed;
	right:5%;
	top:45%;
	z-index:9999999;
}
.rightNav .prev{
	width:38px;
	height:12px;
	background:url(../images/prev.png) no-repeat;
	display:block;	
	cursor:pointer;
}
.rightNav .next{
	width:38px;
	height:12px;
	background:url(../images/next.png) no-repeat;
	display:block;	
	cursor:pointer;
}
.rightNav ul{
	padding-top:20px;
	padding-bottom:5px;
}
.rightNav ul li a{
	width:15px;
	height:15px;
	display:block;
	background:#e7e7e7;
	margin:0 auto;
	margin-bottom:15px;
}
.rightNav ul li a:hover{
	background:#3386c2;
}
.rightNav ul li a.current{
	background:#3386c2;
}

/*公共结构*/
.story{
	margin:0 auto;
	width:100%;
	height:833px;
	overflow:hidden;
}

/*第一屏*/
#first{
	width:100%;
	height:833px;
	margin:0 auto;
	overflow:hidden;
	z-index:10;
	background:#fff;
}
#first story{ 
	position:relative;
}
.first-bottom{
	width:100%;
	height:74px;
	background:#363636;
	position:absolute;
	left:0;
	bottom:0;
	z-index:9;
	padding-top:16px;
	overflow:hidden;
}
.first-bottom .center{
	width:1130px;
	margin:0 auto;
}
.first-bottom a{
	color:#9b9b9b;
	font-size:12px;
}

.first-bottom .dt{
	width:134px;
	height:13px;
	background:url(../images/bg_01.png) no-repeat left top;
	float:left;
	font-family:Arial;
	padding:47px 0 0 43px;	
}


.first-bottom .ml{
	width:150px;
	height:47px;
	background:url(../images/icon_02.png) no-repeat left center;
	float:left;
	font-family:Arial;
	padding-left:58px;
	padding-top:15px;
}
.first-bottom .ml img{
	display:block;
	width:149px;
	height:21px;
}
.first-bottom .ml i{ 
	display:block;
	font-style:normal;
	padding-top:5px;
}

.first-bottom .qq{
	width:119px;
	height:19px;
	background:url(../images/bg_03.png) no-repeat left top;
	float:right;
	padding:42px 0 0 73px;
}

/*第二屏*/
#second{
	width:100%;
	height:833px;
	margin:0 auto;
	overflow:hidden;
	z-index:10;
}
#second .story{
	position:relative;
}
.sec-bg{
	width:100%;
	height:1100px;
	background:url(../images/bg_15.jpg) no-repeat 50% 0;
	position:fixed;
	top:0;
	z-index:8;
}

#second .conter{
	width:1045px;
	margin:0 auto;
	height:833px;
	position:relative;
	z-index:9;
	background:url(../images/index_08.png) no-repeat left 22px;
}
#second .conter img{
	display:block;
}
.npro0{
	width:206px;
	height:68px;
	position:absolute;
	top:164px;
	right:240px;
}

#second .text{
	
}

#second .border{
	border:solid 1px #737373;
	position:absolute;
	left:-10px;
	top:-10px;
}
.npro1{
	width:288px;
	height:334px;
	position:absolute;
	left:283px;
	top:34px;
}
.npro1 .border{
	width:303px;
	height:350px;
	background:url(../images/index_04.png) no-repeat 22px 298px;
}
.npro2{
	width:530px;
	height:298px;
	position:absolute;
	right:0;
	top:262px;
}
.npro2 .border{
	width:550px;
	height:315px;
	background:url(../images/index_03.png) no-repeat 28px 32px;
}
.npro3{
	width:380px;
	height:244px;
	position:absolute;
	left:82px;
	top:483px;
}
.npro3 .border{
	width:400px;
	height:263px;
	background:url(../images/index_01.png) no-repeat 315px 223px;
}
.npro4{
	width:204px;
	height:278px;
	position:absolute;
	right:87px;
	top:528px;
}
.npro4 .border{
	width:222px;
	height:299px;
	background:url(../images/index_02.png) no-repeat 26px 27px;
}


/*第三屏*/
#third{
	width:100%;
	height:833px;
	margin:0 auto;
	background:#fff;
	z-index:10;
}
#third .conter{
	width:1090px;
	height:833px;
	margin:0 auto;
	position:relative;
}
#third a{
	display:block;
}
#third .title{
	padding-top:240px;
}
#third .title h1{
	font-size:48px;
	color:#000;
	font-weight:bold;
	letter-spacing:5px;
}
#third .title h6{
	font-size:14px;
	color:#cacaca;
	letter-spacing:3.5px;
	padding-top:5px;
}
#third .product{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}
#third .product a{
	border:solid 1px #3c363a;
	position:absolute;
	z-index:10;
}

#third .product img{
	display:block;
}
#third .product h6{
	line-height:24px;
	color:#000;
	font-size:18px;
	position:absolute;
}
#third .product a:hover{
	border:solid 1px #015fa5;
}
#third .product a:hover h6{
	color:#015fa5;
}
.pro1{
	width:230px;
	height:340px;
	right:370px;
	top:90px;
}
.pro1 h6{
	display:block;
	width:18px;
	left:20px;
	bottom:16px;
}
.pro2{
	width:188px;
	height:165px;
	right:0;
	top:150px;
}
.pro2 h6{
	right:10px;
	top:10px;
	letter-spacing:3px;
}
.pro3{
	width:265px;
	height:265px;
	right:140px;
	top:364px;
}
.pro3 h6{
	left:74px;
	top:22px;
	letter-spacing:3px;
}
.pro4{
	width:473px;
	height:167px;
	right:447px;
	top:579px;
}
.pro4 h6{
	right:30px;
	top:18px;
	letter-spacing:6px;
}
.other{
	width:24px;
	height:131px;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:26px;
	color:#000;
	background:url(../images/index_05.png) no-repeat center 98px;
	border:solid 1px #2b2429;
	padding:42px 20px 0 20px;
	right:48px;
	top:601px;
}
.other:hover{
	color:#015fa5;
	background:url(../images/index_06.png) no-repeat center 98px;
}