/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;padding: 0; margin: 0;}
html,body{ padding: 0; margin: 0; font-family:"MiSans","思源黑体","Source Han Sans CN","微软雅黑","Microsoft YaHei"; line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select,textarea {vertical-align: middle;padding: 0;border: 0 none;margin: 0;font-family: inherit;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;font-size: inherit}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
	color: inherit;
   opacity:  0.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: inherit;
   opacity:  0.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: inherit;
   opacity:  0.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: inherit;
   opacity:  0.5;
}
sup{
	font-size: 0.5em;
}
*:not(input, textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
a{
color: inherit;
font-size: inherit;
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none；
}
html.ie select::-ms-expand { display: none; }
html.ie input::-ms-clear { display: none; }
/**:not(input,textarea){
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}*/
@font-face {
  font-family: 'fontawesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.mobile{
	display: none;
}
.web{
	display: inline-block;
}
.bg{
	width: 100%;
}
html {
	height: 100%;
	font-size: 16px;
}
body{
	position: relative;
	height: 100%;
	margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
}
.inner{
	max-width: 92%;
	margin: 0 auto;
}
.inner.w1600{
	width: 100em;
}
.anchorBL{
	display: none !important;
}
#downarrow{
	position: fixed;
	width: 3em;
	padding: 0.5em;
	left: 0;
	right: 0;
	bottom: 5%;
	margin: 0 auto;
	z-index: 90;
	pointer-events: none;
	-webkit-animation: downarrow 2s infinite;
	animation: downarrow 2s infinite;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	display: none;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.9);
}
#downarrow.hide{
	opacity: 0;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
#downarrow img{
	width: 100%;
}
@keyframes downarrow{
	0%,100%{
		transform: translateY(0%);
	}
	50%{
		transform: translateY(25%);
	}
}




#wrap{
	padding-top: 8.375em;
	padding-bottom: 38em;
	min-height: 100%;
	margin: 0 auto;
}
.section{
	overflow: hidden;
}
.swiper-container{
	width: 100%;
}
.odometer{
	font-family: inherit;
}
.odometer.nopoint .odometer-formatting-mark{
	display: none;
}
.odometer .odometer-digit-spacer,.odometer .odometer-digit{
	vertical-align: top !important;
}


.banner{
	padding-top: 2.96875%;
}
.banner .inner{
	position: relative;
	border-radius: 0.625em;
	overflow: hidden;
}
.banner .bg{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
.banner.actived .bg{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.banner .text{
	position: absolute;
	left: 9%;
	top: 34.6%;
	color: #005BAC;
}
.banner h1{
	font-size: 3.75em;
	line-height: 1.2;
	font-weight: bold;
	color: inherit;
	opacity: 0;
	-webkit-transform: translate(0,10vh);
	transform: translate(0,10vh);
	-webkit-transition: transform 0.5s 0.25s,opacity 0.5s 0.25s;
	transition: transform 0.5s 0.25s,opacity 0.5s 0.25s;
}
.banner.actived h1{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}

/*header*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 101;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
	background-color: #fff;
}
#header > .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	height: 8.375em;
}
#header .logo{
	height: 42.5%;
	display: block;
}
#header .logo img{
	width: auto;
	height: 100%;
}
#header .right-part{
	height: 100%;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
#header .nav-box{
	height: 100%;
	vertical-align: top;
}
#header .nav-box .box{
	color: #000;
	margin-right: 2.5vw;
	margin-left: -0.356em;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
#header .nav-box .box:first-child{
	margin-left: 0;
}
#header .nav-box .box:last-child{
	margin-right: 0;
}
#header .nav-box .box.active{
	color: #005BAC;
}
#header .nav-box .box .level1{
	font-size: 1.125em;
	height: 100%;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#header .subnav-box{
	background-color: #fcfcfc;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
}
#header .nav-box .box:hover .subnav-box{
	max-height: 100vh;
}
#header .subnav-box div.inner{
	display: table;
	width: 78.75em;
	padding: 1.3vw 0 2.865vw;
}

#header .subnav-box ul {
	display: table-row;
	position: relative;
}
#header .subnav-box ul::before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #d8d8d8;
}
#header .subnav-box ul:first-child::before {
    background: #fcfcfc;
}
#header .subnav-box li{
	display: table-cell;
	border-top: 1px solid #d8d8d8;
	padding: 2.34375vw 0;
	width: 50%;
}
#header .subnav-box li:last-child{
	width: auto;
	white-space: nowrap;
}
#header .subnav-box ul:first-child li{
	border-top: 0 none;
}
#header .subnav-box h5{
	font-size: 1.125em;
	color: #005BAC;
	font-weight: normal;
	margin-bottom: 1.67em;
}
#header .subnav-box p{
	font-size: 1em;
	color: #666;
	margin-bottom: 1.375em;
}
#header .subnav-box h5:last-child,#header .subnav-box p:last-child{
	margin-bottom: 0;
}
#header .subnav-box h5 a,#header .subnav-box p a{
	font-size: inherit;
	color: inherit;
}
#header .language-box{
	padding: 0 0.75em;
	margin-left: 2.5vw;
	cursor: pointer;
	position: relative;
	color: #005BAC;
	line-height: 2.25;
}
#header .language-box a{
	border-bottom: 1px solid rgba(216,216,216,0.2);
	display: block;
	width: 6.375em;
	padding-left: 1.25em;
	color: #000;
}
#header .language-box p{
	width: 6.375em;
	padding-left: 1.25em;
	position: relative;
	z-index: 1;
}
#header .language-box:hover p{
	border-bottom: 1px solid rgba(216,216,216,0.2);
}
#header .language-box p::after{
	font-family: "fontawesome";
	content: "\f0dd";
	vertical-align: text-top;
	margin-left: 0.75em;
	line-height: 1;
} 
#header .language-box .slide-box{
	background-color: #fff;
	padding: 0 0.75em;
	position: absolute;
	left: -1px;
	right: -1px;
	top: 0;
	padding-top: calc(2.25em - 2px);
	border: 1px solid rgba(29, 128, 245, 0.24);
	border-radius: 0.25em;
	max-height: 2.25em;
	overflow: hidden;
	transition: max-height 0.5s;
}
#header .language-box:hover .slide-box{
	max-height: 12em;
}



/*footer*/
#footer{
	height: 38em;
	margin-top: -38em;
	background-color: #000000;
}
#footer .inner{
	width: 84.6875em;
}
#footer .part1{
	height: 32.75em;
	padding-top: 9.3%;
	vertical-align: top;
}
#footer .left-part{
	float: left;
}
#footer .left-part .logo{
	width: 4.75em;
	margin-bottom: 4.875em;
}
#footer .left-part p{
	line-height: 2;
	color: #fff;
}
#footer .right-part{
	float: right;
}
#footer .right-part li{
	display: inline-block;
	vertical-align: top;
	margin-right: 5vw;
	margin-left: -0.356em;
}
#footer .right-part li:last-child{
	margin-right: 0;
}
#footer .right-part h5{
	font-size: 1.125em;
	color: #03ACD9;
	font-weight: normal;
	margin-bottom: 1.67em;
}
#footer .right-part h5.mb1{
	margin-bottom: 1em;
	margin-top: 4em;
}
#footer .right-part h5:last-child{
	margin-bottom: 0;
}
#footer .right-part p{
	font-size: 1em;
	color: #fff;
	line-height: 2;
}
#footer .right-part h5 a,#footer .right-part p a{
	font-size: inherit;
	color: inherit;
}
#footer .part2{
	height: 5.25em;
	border-top: 1px solid rgba(255,255,255,0.16);
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
#footer .part2 .copyright{
	font-size: 1em;
	line-height: 2;
	color: #fff;
}
#footer .part2 .copyright .support{
	opacity: 0.5;
	margin-left: 2em;
}
#footer .part2 .link-box a{
	font-family: "fontawesome";
	color: #fff;
	margin-right: 1.375em;
	margin-left: -0.356em;
}
#footer .part2 .link-box a:last-child{
	margin-right: 0;
}
#footer .part2 .link-box a.facebook::before{
	content: "\f09a";
}
#footer .part2 .link-box a.twitter::before{
	vertical-align: top;
	content: "";
	display: inline-block;
	width: 1.0625em;
	height: 1.0625em;
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z' fill='%23FFF' /%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-size: contain;
}
#footer .part2 .link-box a.linkin::before{
	content: "\f0e1";
}
#footer .part2 .link-box a.youtube::before{
	vertical-align: top;
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.0625em;
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24.001' height='17.459' viewBox='0 0 24.001 17.459'%3E%3Cpath d='M12.928.004l1.23.015c.63.01 1.279.025 1.921.045l.79.027.688.03.636.032.854.058.258.022.476.047.42.053c.261.037.485.078.672.124.64.181 1.22.528 1.684 1.006.463.477.792 1.068.968 1.779.328 1.82.487 3.665.476 5.504a29.99 29.99 0 0 1-.49 5.496 3.78 3.78 0 0 1-2.652 2.723 6.197 6.197 0 0 1-.634.128l-.4.055-.453.05-.506.045-.854.06-.966.049-1.31.048c-.404.012-.81.022-1.21.03l-1.176.02-1.108.009-1.59-.01-1.178-.018c-.6-.013-1.212-.03-1.815-.051l-.704-.028-.656-.032-.607-.036a39.514 39.514 0 0 1-.285-.02l-.532-.043-.48-.047-.428-.053-.373-.059a5.49 5.49 0 0 1-.457-.098 3.781 3.781 0 0 1-1.662-.96c-.462-.457-.798-1.026-.999-1.747a29.964 29.964 0 0 1-.475-5.503C-.01 6.92.15 5.088.49 3.217A3.78 3.78 0 0 1 3.142.493c.261-.07.607-.13 1.034-.183L4.63.26l.506-.045.854-.059.966-.049 1.31-.048c.404-.013.81-.023 1.21-.03l1.176-.02L11.758 0l1.17.004zM12.338 2h-.572l-.534.003-1.13.014-1.179.024c-.397.01-.797.022-1.192.037l-.617.024-1.117.058-.727.051-.62.057-.348.041a9.892 9.892 0 0 0-.155.022l-.266.044a1.78 1.78 0 0 0-1.001.52 1.762 1.762 0 0 0-.435.742A28.036 28.036 0 0 0 2 8.756c-.011 1.725.137 3.448.421 5.05a1.78 1.78 0 0 0 1.336 1.251l.24.047.298.044.351.042.403.039.45.036.496.033 1.118.059 1.212.044c.398.012.797.022 1.191.03l1.159.019 1.089.009 1.004-.003 1.13-.014 1.179-.024c.397-.01.797-.023 1.192-.037l.617-.024 1.118-.058.726-.052.62-.056.348-.042a9.79 9.79 0 0 0 .155-.02l.266-.045a1.78 1.78 0 0 0 1.001-.52c.219-.225.373-.504.435-.742.302-1.672.45-3.37.445-5.079a28.037 28.037 0 0 0-.43-5.08 1.78 1.78 0 0 0-1.208-1.272 3.433 3.433 0 0 0-.217-.045l-.278-.042a11.314 11.314 0 0 0-.16-.02l-.363-.04-.415-.036-.465-.034-.513-.03-.852-.042-1.085-.04-.633-.017-1.258-.026-.614-.009L12.338 2zM8.751 12.02V5.48a1 1 0 0 1 1.494-.87l2.293 1.304 3.457 1.966a1 1 0 0 1 0 1.739l-5.75 3.27a1 1 0 0 1-1.494-.87zm4.726-3.27L10.75 7.197V10.3l2.727-1.55z' fill-rule='evenodd' fill='%23FFF'/%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-size: contain;
}



/*sidenav*/
#sidenav{
	display: none;
}

.fpage ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.fpage ul li {
	margin: 0 3px;
}
.fpage ul li a {
	display: block;
	line-height: 30px;
	min-width: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.fpage ul li.on a {
	background: #005BAC;
	border-radius: 5px;
	overflow: hidden;
	color: #fff;
}


@media only screen and (min-width:1024px){	
	#header .nav-box .box:hover{
		color: #005BAC;
	}
	#header .language-box a:hover{
		color: #005BAC;
	}
	#header .subnav-box p:hover{
		color: #005BAC;
	}
	#footer .right-part h5:hover,#footer .right-part p:hover{
		color: #005BAC;
	}
	#footer .part2 .link-box a:hover{
		color: #03ACD9;
	}
	#footer .part2 .link-box a.twitter:hover::before{
	 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z' fill='%2303ACD9' /%3E%3C/svg%3E");
	}
	#footer .part2 .link-box a.youtube:hover::before{
	 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24.001' height='17.459' viewBox='0 0 24.001 17.459'%3E%3Cpath d='M12.928.004l1.23.015c.63.01 1.279.025 1.921.045l.79.027.688.03.636.032.854.058.258.022.476.047.42.053c.261.037.485.078.672.124.64.181 1.22.528 1.684 1.006.463.477.792 1.068.968 1.779.328 1.82.487 3.665.476 5.504a29.99 29.99 0 0 1-.49 5.496 3.78 3.78 0 0 1-2.652 2.723 6.197 6.197 0 0 1-.634.128l-.4.055-.453.05-.506.045-.854.06-.966.049-1.31.048c-.404.012-.81.022-1.21.03l-1.176.02-1.108.009-1.59-.01-1.178-.018c-.6-.013-1.212-.03-1.815-.051l-.704-.028-.656-.032-.607-.036a39.514 39.514 0 0 1-.285-.02l-.532-.043-.48-.047-.428-.053-.373-.059a5.49 5.49 0 0 1-.457-.098 3.781 3.781 0 0 1-1.662-.96c-.462-.457-.798-1.026-.999-1.747a29.964 29.964 0 0 1-.475-5.503C-.01 6.92.15 5.088.49 3.217A3.78 3.78 0 0 1 3.142.493c.261-.07.607-.13 1.034-.183L4.63.26l.506-.045.854-.059.966-.049 1.31-.048c.404-.013.81-.023 1.21-.03l1.176-.02L11.758 0l1.17.004zM12.338 2h-.572l-.534.003-1.13.014-1.179.024c-.397.01-.797.022-1.192.037l-.617.024-1.117.058-.727.051-.62.057-.348.041a9.892 9.892 0 0 0-.155.022l-.266.044a1.78 1.78 0 0 0-1.001.52 1.762 1.762 0 0 0-.435.742A28.036 28.036 0 0 0 2 8.756c-.011 1.725.137 3.448.421 5.05a1.78 1.78 0 0 0 1.336 1.251l.24.047.298.044.351.042.403.039.45.036.496.033 1.118.059 1.212.044c.398.012.797.022 1.191.03l1.159.019 1.089.009 1.004-.003 1.13-.014 1.179-.024c.397-.01.797-.023 1.192-.037l.617-.024 1.118-.058.726-.052.62-.056.348-.042a9.79 9.79 0 0 0 .155-.02l.266-.045a1.78 1.78 0 0 0 1.001-.52c.219-.225.373-.504.435-.742.302-1.672.45-3.37.445-5.079a28.037 28.037 0 0 0-.43-5.08 1.78 1.78 0 0 0-1.208-1.272 3.433 3.433 0 0 0-.217-.045l-.278-.042a11.314 11.314 0 0 0-.16-.02l-.363-.04-.415-.036-.465-.034-.513-.03-.852-.042-1.085-.04-.633-.017-1.258-.026-.614-.009L12.338 2zM8.751 12.02V5.48a1 1 0 0 1 1.494-.87l2.293 1.304 3.457 1.966a1 1 0 0 1 0 1.739l-5.75 3.27a1 1 0 0 1-1.494-.87zm4.726-3.27L10.75 7.197V10.3l2.727-1.55z' fill-rule='evenodd' fill='%2303ACD9'/%3E%3C/svg%3E");
	}
}


@media only screen and (max-width:1024px){
	html { 
	    -webkit-text-size-adjust: 100%;
	    -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	    -o-text-size-adjust: 100%;
	    text-size-adjust: 100%;
	}
	body{
		font-size: 0.75em;
	}
	body.noscroll{
		overflow: hidden;
	}
	.mobile{
		display: inline-block;
	}
	.web{
		display: none;
	}
	#downarrow{
		display: block;
	}
	#wrap{
		padding-top: 6em;
		padding-bottom: 5.34em;
	}
	.banner{
		padding-top: 5%;
	}
	.banner .inner{
		border-radius: 0.42em;
	}
	.banner .text{
		left: 11%;
	}
	.banner h1{
		font-size: 1.5em;
		-webkit-transform: translate(0,5vh);
		transform: translate(0,5vh);
	}



	
	/*header*/
	#header > .inner{
		height: 6em;
	}
	#header .menu{
		color: #374450;
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: flex-start;
		-webkit-flex-direction: row;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		border: 1px solid #374450;
		width: 5em;
		height: 2.25em;
		padding-left: 0.75em;
		border-radius: 1px;
		-webkit-transition: border-color 0.5s,color 0.5s,background-color 0.5s;
		transition: border-color 0.5s,color 0.5s,background-color 0.5s;
		margin-left: 1em;
	}
	#header .menu.slideshow{
		color: #fff;
		border-color: #005BAC;;
		background-color: #005BAC;;
	}
	#header .menu span{
		font-size: 0.8125em;
		color: inherit;
	}
	#header .menu .icon{
		position: relative;
		width: 0.5em;
		margin-left: 0.75em;
	}
	#header .menu .icon div{
		position: absolute;
		width: 137.5%;
		height: 1px;
		background-color: #374450;
		left: 50%;
		margin-left: -68.75%;
		top: 50%;
		margin-top: -0.5px;
		-webkit-transition: transform 0.5s,background-color 0.5s;
		transition: transform 0.5s,background-color 0.5s;
	}
	#header .menu.slideshow .icon div{
		background-color: #fff;
	}
	#header .menu .icon div:first-child{
		transform: translate(0,-0.21875em) rotate(0deg);
	}
	#header .menu .icon div:last-child{
		transform: translate(0,0.21875em) rotate(0deg);	
	}
	#header .menu.slideshow .icon div:first-child{
		transform: translate(0,0) rotate(45deg);
	}
	#header .menu.slideshow .icon div:last-child{
		transform: translate(0,0) rotate(-45deg);	
	}
	
	/*footer*/
	#footer{
		height: 5.34em;
		margin-top: -5.34em;
	}
	#footer .part2{
		border-top: 0 none;
		height: 5.34em;
	}
	#footer .part2 .copyright{
		font-size: 0.75em;
		width: 28em;
	}
	#footer .part2 .link-box a{
		margin-right: 1em;
	}


	/*sidenav*/
	#sidenav{
		position: fixed;
		left: 0;
		top: 6em;
		bottom: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		z-index: -99;
		opacity: 0;
		-webkit-transition: opacity 0.3s,z-index 0.3s;
		transition: opacity 0.3s,z-index 0.3s;
		display: block;
	}
	#sidenav.active{
		z-index: 101;
		opacity: 1;
	}
	#sidenav .middle-part{
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		overflow-y: auto;
	}
	#sidenav .middle-part .box:first-child .level1{
		border-top: 1px solid #eee;
	}
	#sidenav .middle-part .level1{
		position: relative;
		border-bottom: 1px solid #eee;
		margin: 0 1.25em;
	}
	#sidenav .middle-part .box.active .level1{
		border-color: transparent;
	}
	#sidenav .middle-part .level1 a{
		font-size: 1em;
		color: #555;
		padding: 1.3em 0.7em;
		display: block;
	}
	#sidenav .middle-part .box .level1.active a{
		color: #005BAC;
	}
	#sidenav .middle-part .level1 .cross-box{
		width: 1em;
		height: 1em;
		position: absolute;
		right: 0.375em;
		top: 50%;
		margin-top: -0.46875em;	
	}
	#sidenav .middle-part .level1 .cross-box .line{
		position: absolute;
		background-color: #555;
	}
	#sidenav .middle-part .level1 .cross-box .line.ver{
		width: 0.09375em;
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: -0.046875em;
	}
	#sidenav .middle-part .box.active .level1 .cross-box .line.ver{
		display: none;
	}
	#sidenav .middle-part .level1 .cross-box .line.hor{
		height: 0.09375em;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -0.046875em;
	}
	#sidenav .middle-part ul{
		display: none;
		background-color: #f7f7f7;
		padding: 0 1.25em;
	}
	#sidenav .middle-part .box.active ul{
		display: block;
	}
	#sidenav .middle-part li{
		border-bottom: 1px solid #eaeaea;
	}
	#sidenav .middle-part li:last-child{
		border-bottom: 0 none;
	}
	#sidenav .middle-part li a{
		font-size: 1em;
		color: #333;
		display: block;
		padding: 1.5em 0.7em;
	}
	#sidenav .middle-part .box.active li.active a{
		color: #005BAC;
	}

}