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

.dnavout {
	width:1350px;
	margin:auto;
	/*background:url(../img_detp/build/bg.jpg) no-repeat  center 250px;*/
	height:986px;
	background-color:#fff;
	border-radius:10px;
	position:relative;
	}
.Tabnav{
padding:0px 0px 0px 0px;
width:1350px;
margin:auto;
}
.Tabnav .Menuboxnav {
height:60px;
width:1350px; 
margin:15px auto auto auto;
border-bottom:3px solid #F0F0F0;

}
.Tabnav .Menuboxnav ul{
padding:0px;
}
.Tabnav .Menuboxnav li{
float:left; display:block; cursor:pointer; height:60px; line-height:60px; 
color:#333;  font-size:16px; width:250px; text-align:center; margin:0px 0px 0px 10px; border-bottom:3px solid #F0F0F0;
}
.Tabnav .Menuboxnav li:hover {
	border-bottom:3px solid #00B3DF;
	color:#00B3DF;
	}
.Tabnav .Menuboxnav li.hover{
height:60px; color:#0058B8; font-weight:bold;
border-bottom:3px solid #0058B8;
}
.Tabnav .Contentboxnav {
clear:both; 
padding-top:20px;
}
.Tabnav ul{ list-style:none;}

.Tabde{
padding:0px 0px 0px 0px;
width:1350px; 
margin:auto;
-webkit-animation: deptd2 1 1.8s;
	animation: deptd2 1 1.8s;
}
.Tabde .Menuboxde {
height:auto;
width:1280px;
margin:auto;
}
.Tabde .Menuboxde ul{
padding:0px;
}
.Tabde .Menuboxde li{
float:left; 
display:inline-block;
cursor:pointer;
height:38px; 
line-height:38px; 
color:#666;  
font-size:16px;
background-color:#EFEFEF;
padding:0px 20px 0px 20px;
margin-right:20px; margin-bottom:20px;
border-radius:18px;
}
.Tabde .Menuboxde li:hover {
	background-color:#0058B8;
	color:#fff;
	}
.Tabde .Menuboxde li.hover{
background-color:#0058B8;
color:#fff;
}
.Tabde .Contentboxde {
clear:both; position:relative;
}
.Tabde .Contentboxde .dout {
	position:absolute;
	width:120px; height:120px;
	background-color:#0058B8;
	border:1px solid #0058B8;
	border-radius:10px;
	padding:5px 5px 0px 5px;
	-webkit-animation: deptdiv 1 0.8s alternate;
	animation: deptdiv 1 0.8s alternate;
	z-index:10000002;
	}
.arleft {
	 width: 0; 
	 height: 0;
	 border-width: 10px;
	 border-style: solid;
	 border-color:transparent #0058B8 transparent transparent;
	 position:absolute;
	 top:30px; left:-19px;
	}
.arright {
	 width: 0; 
	 height: 0;
	 border-width: 10px;
	 border-style: solid;
	 border-color:transparent transparent transparent #0058B8;
	 position:absolute;
	 top:30px; left:117px;
	}
.arbottom {
	 width: 0; 
	 height: 0;
	 border-width: 10px;
	 border-style: solid;
	 border-color:#0058B8 transparent transparent transparent;
	 position:absolute;
	 top:117px; left:50px;
	}
.artop {
	 width: 0; 
	 height: 0;
	 border-width: 10px;
	 border-style: solid;
	 border-color:transparent transparent #0058B8 transparent;
	 position:absolute;
	 top:30px; left:120px;
	}
/*.Tabde .Contentboxde .dout {
	position:absolute;
	width:212px; height:120px;
	background:url(../img_detp/build/dbg.fw.png) no-repeat;
	z-index:10001;
	padding:15px 20px 0px 35px;
	-webkit-animation: deptdiv 1 0.8s alternate;
	animation: deptdiv 1 0.8s alternate;
	}*/
.Tabde .Contentboxde .dout span {
	display:block;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	}
.Tabde .Contentboxde .dout i {
	color:#fff;
	display:block;
	font-style:normal;
	font-size:12px;
	margin-top:5px;
	text-align:center;
	}
.Tabde .Contentboxde .dout a {
	color:#fff;
	font-size:12px;
	display:block;
	text-align:center;
	background-color:#217ABC;
	border-radius:10px;
	line-height:25px;
	position:absolute;
	bottom:10px; left:10px;
	width:100px; height:25px;
}
.Tabde .Contentboxde .dout a:hover {
	color:#06C;
	background-color:#52A4E0;
	}
.Tabde .Contentboxde .dept0101 {
	left:335px; top:120px;
	}
.Tabde .Contentboxde .dept0102 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .dept0103 {
	left:585px; top:145px;
	}
.Tabde .Contentboxde .dept0201 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0202 {
	left:335px; top:110px;
	}
.Tabde .Contentboxde .dept0301 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0302 {
	left:200px; top:300px;
	}
.Tabde .Contentboxde .dept0303 {
	left:335px; top:110px;
	}
.Tabde .Contentboxde .dept0401 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0402 {
	left:200px; top:300px;
	}
.Tabde .Contentboxde .dept0501 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0502 {
	left:585px; top:145px;
	}
.Tabde .Contentboxde .dept0601 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0602 {
	left:335px; top:110px;
	}
.Tabde .Contentboxde .dept0701 {
	left:520px; top:330px;
	}
.Tabde .Contentboxde .dept0702 {
	left:930px; top:240px;
	}
.Tabde .Contentboxde .dept0703 {
	left:800px; top:85px;
	}
.Tabde .Contentboxde .dept0801 {
	left:685px; top:145px;
	}
.Tabde .Contentboxde .dept0901 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept0902 {
	left:800px; top:260px;
	}
.Tabde .Contentboxde .dept0903 {
	left:585px; top:70px;
	}
.Tabde .Contentboxde .dept1001 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1002 {
	left:800px; top:290px;
	}
.Tabde .Contentboxde .dept1101 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .dept1102 {
	left:320px; top:60px;
	}
.Tabde .Contentboxde .dept1201 {
	right:290px; top:210px;
	}
.Tabde .Contentboxde .dept1202 {
	right:70px; top:120px;
	}
.Tabde .Contentboxde .dept1301 {
	left:50px; top:20px;
	}	
.Tabde .Contentboxde .dept1401 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1501 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1502 {
	left:220px; top:340px;
	}
.Tabde .Contentboxde .dept1601 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1701 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1702 {
	left:585px; top:70px;
	}
.Tabde .Contentboxde .dept1801 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept1802 {
	left:210px; top:70px;
	}
.Tabde .Contentboxde .dept1901 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept2001 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .dept2101 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0101 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0102 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0201 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0202 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0301 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0302 {
	left:580px; top:130px;
	}
.Tabde .Contentboxde .deptw0401 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0402 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0501 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0502 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0601 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0602 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0701 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0702 {
	left:580px; top:90px;
	}
.Tabde .Contentboxde .deptw0801 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0802 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw0901 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw0902 {
	left:210px; top:190px;
	}
.Tabde .Contentboxde .deptw1001 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1002 {
	left:50px; top:20px;
	}
.Tabde .Contentboxde .deptw1101 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1102 {
	left:200px; top:280px;
	}
.Tabde .Contentboxde .deptw1201 {
	right:240px; top:280px;
	}
.Tabde .Contentboxde .deptw1202 {
	right:70px; top:120px;
	}	
.Tabde .Contentboxde .deptw1301 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1302 {
	left:50px; top:20px;
	}	
.Tabde .Contentboxde .deptw1401 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1402 {
	left:230px; top:280px;
	}		
.Tabde .Contentboxde .deptw1501 {
	left:210px; top:70px;
	}	
.Tabde .Contentboxde .deptw1601 {
	left:210px; top:70px;
	}
.Tabde .Contentboxde .deptw1701 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1702 {
	left:220px; top:280px;
	}		
.Tabde .Contentboxde .deptw1703 {
	left:580px; top:130px;
	}		
.Tabde .Contentboxde .deptw1801 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw1802 {
	left:220px; top:280px;
	}
.Tabde .Contentboxde .deptw1901 {
	right:240px; top:280px;
	}
.Tabde .Contentboxde .deptw1902 {
	right:70px; top:120px;
	}	
.Tabde .Contentboxde .deptw2001 {
	left:220px; top:410px;
	}
.Tabde .Contentboxde .deptw2002 {
	left:50px; top:250px;
	}	
.Tabde .Contentboxde .deptw2101 {
	left:220px; top:410px;
	}
.Tabde .Contentboxde .deptw2201 {
	left:490px; top:330px;
	}
.Tabde .Contentboxde .deptw2202 {
	left:220px; top:370px;
	}	
.Tabde .Contentboxde .deptw2301 {
	left:520px; top:340px;
	}	
.Tabde .Contentboxde .deptw2401 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptw2402 {
	left:200px; top:280px;
	}
.Tabde .Contentboxde .deptw2501 {
	left:520px; top:340px;
	}
.Tabde .Contentboxde .deptj0101 {
	left:300px; top:100px;
	}
.Tabde .Contentboxde .deptj0102 {
	left:1080px; top:100px;
	}
.Tabde .Contentboxde .deptj0201 {
	left:780px; top:350px;
	}
.Tabde .Contentboxde .deptj0202 {
	left:600px; top:80px;
	}
.Tabde .Contentboxde .deptj0203 {
	left:780px; top:80px;
	}
.Tabde .Contentboxde .deptj0301 {
	left:800px; top:180px;
	}
.Tabde .Contentboxde .deptj0401 {
	left:300px; top:240px;
	}
.Tabde .Contentboxde .deptj0402 {
	left:520px; top:380px;
	}
.Tabde .Contentboxde .deptj0403 {
	left:220px; top:380px;
	}	
.Tabde .Contentboxde .deptj0404 {
	right:240px; top:300px;
	}
.Tabde .Contentboxde .deptj0501 {
	left:490px; top:350px;
	}
.Tabde .Contentboxde .deptj0502 {
	left:200px; top:70px;
	}
.Tabde .Contentboxde .deptj0601 {
	left:230px; top:400px;
	}
.Tabde .Contentboxde .deptj0701 {
	left:270px; top:90px;
	}
.Tabde .Contentboxde .deptj0801 {
	left:520px; top:380px;
	}
.Tabde .Contentboxde .deptj0901 {
	left:270px; top:90px;
	}
	
		
.Tabde ul{ list-style:none;}
@-webkit-keyframes deptdiv {
        0% {
			opacity:0;
			margin-top:-20px;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
@keyframes deptdiv {
        0% {
           margin-top:-20px;
			opacity:.3;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
@-webkit-keyframes deptd {
        0% {
			opacity:0;
			margin-top:-60px;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
@keyframes deptd {
        0% {
           margin-top:-60px;
			opacity:0;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
@-webkit-keyframes deptd2 {
        0% {
			opacity:0;
			
			}
		100% {
			opacity:1;
			}
    }
@keyframes deptd2 {
        0% {
			opacity:0;
			}
		100% {
			opacity:1;
			}
    }
@-webkit-keyframes dnavind {
        0% {
			margin-top:20px;
			opacity:0;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
@keyframes dnavind {
        0% {
            margin-top:20px;
			opacity:0;
			}
		100% {
			margin-top:0px;
			opacity:1;
			}
    }
.dnavin {
	width:1350px;
	margin:auto;
	height:750px;
	background:url(../img_detp/build/00.fw.png) no-repeat center 236px;
	position:relative;
	z-index:1000;
	-webkit-animation: dnavind 1 1.5s;
	animation: dnavind 1 1.5s; 
	}
.dnavin img {
	position:absolute;
	}
.dnavin .b01 {
	top:140px; left:5px;
	-webkit-animation: deptd 1 4s;
	animation: deptd 1 4s; 
	}
.dnavin .b02 {
	top:225px; left:325px;
	-webkit-animation: deptd 1 2s;
	animation: deptd 1 2s; 
	}
.dnavin .b03 {
	top:204px; left:497px;
	-webkit-animation: deptd 1 2.5s;
	animation: deptd 1 2.5s; 
	}
.dnavin .b04 {
	top:212px; left:780px;
	-webkit-animation: deptd 1 1s;
	animation: deptd 1 1s;
	}
.dnavin .b05 {
	top:247px; left:180px;
	-webkit-animation: deptd 1 1s;
	animation: deptd 1 1s;
	}
.dnavin .b20 {
	top:207px; left:200px;
	-webkit-animation: deptd 1 1s;
	animation: deptd 1 1s;
	}
.dnavin .b06 {
	top:228px; left:322px;
	-webkit-animation: deptd 1 1.8s;
	animation: deptd 1 1.8s;
	}
.dnavin .b07 {
	top:463px; left:285px;
	-webkit-animation: deptd 1 1.8s;
	animation: deptd 1 1.8s;
	}
.dnavin .b08 {
	top:514px; left:464px;
	}
.dnavin .b09 {
	top:500px; left:553px;
	}
.dnavin .b10 {
	top:523px; left:684px;
	}
.dnavin .b11 {
	top:430px; left:780px;
	-webkit-animation: deptd 1 3s;
	animation: deptd 1 3s;
	}
.dnavin .b12 {
	top:358px; left:819px;
	}
.dnavin .b13 {
	top:293px; left:829px;
	}
.dnavin .b14 {
	top:470px; left:975px;
	-webkit-animation: deptd 1 2.5s;
	animation: deptd 1 2.5s;
	}
.dnavin .b15 {
	top:290px; left:903px;
	-webkit-animation: deptd 1 4s;
	animation: deptd 1 4s;
	}
.dnavin .b16 {
	top:212px; left:950px;
	}
.dnavin .b17 {
	top:114px; left:352px;
	-webkit-animation: deptd 1 2s;
	animation: deptd 1 2s;
	}
.dnavin .b18 {
	top:200px; left:1050px;
	-webkit-animation: deptd 1 2s;
	animation: deptd 1 2s;
	}
.dnavin .b19 {
	top:60px; left:180px;
	-webkit-animation: deptd 1 2s;
	animation: deptd 1 2s;
	}