@charset "utf-8";
/* CSS Document */
body,ul,li,blockquote {PADDING: 0px;MARGIN: 0px;}
ul,li{list-style-type: none;}
html,body{ margin:0px; padding:0px;}
a { TEXT-DECORATION: none; outline: none}

.clear{  clear:both;}
#MutiNav {position: absolute;
	padding-top:80px;height:26px;
	font-size:13px;color:#747474;
	right:0;
	padding-right: 15.6%;
	}
#MutiNav A {TEXT-DECORATION: none}
#MutiNav .multiUl { width:100%; height:30px; CLEAR: both; display:block; POSITION: relative;}
#MutiNav .multiUl li>a:last-child{ 
	border-right: 1px solid #fff;
}
#MutiNav .multiUl li {display:block; float:left; height:30px; liNE-HEIGHT: 30px;}
#MutiNav .multiUl li>a {
	PADDING-RIGHT: 14px;  PADDING-LEFT: 14px; Z-INDEX: 300; PADDING-BOTTOM: 0px; 
	 WIDTH: auto; COLOR: #747474; liNE-HEIGHT: 30px; PADDING-TOP: 0px;  TEXT-AliGN: center
}

#MutiNav .multiUl li A.on {
	FONT-WEIGHT: bold; COLOR: #dfe8d9; TEXT-DECORATION: none
}
#Nav li.s {
	DISPLAY: inline; FLOAT: left; WIDTH: 8px; COLOR: #517b55; liNE-HEIGHT: 35px; HEIGHT: 35px; TEXT-AliGN: center
}
#MutiNav .multiUl li BLOCKQUOTE {
	
display: none;
	Z-INDEX: 201; LEFT:0px; POSITION: absolute; TOP: 22px; padding-top:16px;
}
#MutiNav .multiUl li BLOCKQUOTE .ChildNavIn {overflow-y: scroll;
	height: 200px;background: url(../images/ju1.png) 100% 100%;background-position: 0 16px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; 
	 WIDTH: 590px; COLOR: #747474; PADDING-TOP: 16px; TEXT-AliGN: center
}
#MutiNav .multiUl li BLOCKQUOTE .ChildNavIn A {
	transition:all 1s;
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 3px;
	 MARGIN: 3px 0px 3px 6px; WIDTH:115px; COLOR: #747474; liNE-HEIGHT: 18px; PADDING-TOP: 2px;  TEXT-AliGN: center
}
#MutiNav .multiUl li BLOCKQUOTE A:hover {
	 
}
#MutiNav .multiUl li BLOCKQUOTE .ChildNavIn A:hover{
	color: #fff;
background-color:#ffa811;
}
#MutiNav .multiUl #TopNavDept {
	
}
#MutiNav .multiUl #TopNavDept BLOCKQUOTE {
	DISPLAY: none; LEFT: -254px
}
#MutiNav .multiUl #TopNavDept BLOCKQUOTE .ChildNavIn {
	BACKGROUND: #1b453b; WIDTH: 1000px
}
#MutiNav .multiUl #TopNavDept .NavDeptIn {
	DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 0px 0px 0px 20px; WIDTH: 310px; TEXT-AliGN: left! important
}
#MutiNav .multiUl #TopNavDept .NavDeptIn A {
	FLOAT: none; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#TopNavDept .NavDeptIn H6 {
	OVERFLOW: hidden; WIDTH: 310px; liNE-HEIGHT: 23px! important; BORDER-BOTTOM: #2c705f 1px solid; HEIGHT: 23px! important; TEXT-AliGN: left
}
#TopNavDept .NavDeptIn H6 A {
	DISPLAY: block; MARGIN: 0px; liNE-HEIGHT: 23px; HEIGHT: 23px! important
}
#MutiNav .multiUl #TopNavDept .NavDeptIn .NavDeptInlist {
	MARGIN-TOP: 5px; OVERFLOW: hidden; WIDTH: auto
}
#MutiNav .multiUl #TopNavDept .NavDeptIn .NavDeptInlist A {
	FLOAT: left; MARGIN: 2px 1px 0px; WIDTH: auto; COLOR: #747474; WHITE-SPACE: nowrap
}
#MutiNav .multiUl #TopNavDept .NavDeptInOther {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; OVERFLOW: hidden; PADDING-TOP: 5px
}
#MutiNav .multiUl #TopNavDept .NavDeptInOther A {
	PADDING-LEFT: 13px; BACKGROUND: url(icon.png) no-repeat 0px -116px; MARGIN: 0px 7px; WIDTH: auto; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.multiUl .ju{
    width: 600px;
    height: 200px;
    z-index: 9;
    position: absolute;
    background: url(../images/ju1.png) 100% 100%;
    display: none;
    top: 44px;
    
}
.multiUl:hover .ju{
	display: block;
}
.wei{
	position: relative;
	
	margin-top: 0 !important;
}
.wei img{
	position: absolute;
	right: -200px;
	width: 200px;
	display: none;
	transition:all 1s;
	bottom: -50px;
	z-index: 20;
}
.wei:hover img{
	display: block;
}
.wei:hover .p{
	display: block;
}
.wei .p{
	font-size: 14px;
	display:none;
	right: -120px;
	bottom: -73px;
	position: absolute;
}
.img1{
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
	max-width: 1070px;
	height: 690px;
	opacity: 1;
animation: myfirst 2s ease;
-moz-animation: myfirst 2s ease;	/* Firefox */
-webkit-animation: myfirst 2s ease;	/* Safari 和 Chrome */
-o-animation: myfirst 2s ease;	
}

@keyframes myfirst
{
0%   {opacity:0;}

100% {opacity:1;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {opacity:0;}

100% {opacity:1;}
}


@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {opacity:0;}

100% {opacity:1;}
}


@-o-keyframes myfirst /* Opera */
{
0%   {opacity:0;}

100% {opacity:1;}
}
}