@charset "UTF-8";

@media screen and (max-width:55.1875em){
	.khmenu-horizontal{height:110px;font-size:75%}
	.khmenu-top{top:-110px}
	.khmenu-bottom{bottom:-110px}
}
@media screen and (max-height:26.375em){
	.khmenu-vertical{width:190px;font-size:90%}
	.khmenu-left,
	.khmenunnnn-push-toleft{left:-190px}
	.khmenu-right{right:-190px}
	.khmenu-push-toright{left:190px}
}

.khmenu{position:fixed}
.khmenu,
.khmenu-push{transition:all 0.3s}

.khmenu-vertical{z-index:2000;top:0;width:240px;height:100%}
.khmenu-horizontal{z-index:2000;left:0;width:100%;height:150px;overflow:hidden}
.khmenu-left{left:-240px}
.khmenu-right{right:-240px}
.khmenu-left.khmenu-open{left:0px}
.khmenu-right.khmenu-open{right:0px}

.khmenu-top{top:-150px}
.khmenu-bottom{bottom:-150px}
.khmenu-top.khmenu-open{top:0px}
.khmenu-bottom.khmenu-open{bottom:0px}
.khmenu-push{position:relative;left:0;overflow-x:hidden}
.khmenu-push-toright{left:240px}
.khmenu-push-toleft{left:-240px}
.khmenu-push-toright #blind,
.khmenu-push-toleft #blind{display:block;position:fixed;z-index:1300;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}

/**/
#mnb .select{height:100%;overflow-y:auto}
#mnb .etc{display:none}
#mnb .etc ul{margin:5px -5px 0 0;padding:0 5px;overflow:hidden}
#mnb .etc li{float:left;width:33.33%;text-align:center}
#mnb .etc li a{display:block;margin:0 5px 5px 0;line-height:60px;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,0.2);text-decoration:none;text-transform:uppercase}
#mnb .lang{margin:10px 0}
#mnb .lang ul{margin:0 -10px 0 0;padding:0 10px;overflow:hidden}
#mnb .lang li{float:left;width:50%;text-align:center}
#mnb .lang li a{display:block;margin:0 10px 10px 0;line-height:50px;font-size:14px;font-weight:600;color:#777;border:1px solid rgba(0,0,0,0.4);text-decoration:none;text-transform:uppercase}
#mnb .mquick{margin:0 0 20px 0}
#mnb .mquick ul{padding:0 10px;overflow:hidden}
#mnb .mquick li{}
#mnb .mquick li a{display:block;line-height:45px;color:#777;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;text-transform:uppercase}
#mnb .mquick li a i{margin:0 5px 0 0;line-height:45px;font-size:18px}
#mnb .mquick li a span{line-height:45px;font-size:14px;color:#555}

#mnb .mbody{display:none}

#khleft{background:#005aab;overflow:hidden}
#khleft h2{padding:0 20px;line-height:65px;font-size:15px;font-weight:500;text-transform:uppercase;color:#333949;background:#fff}
#khleft .depth1{display:block;position:relative;border-bottom:1px solid rgba(255,255,255,0.07);transition:all 0.3s}
#khleft .depth1 a{padding:0 20px;line-height:45px;font-size:14px;color:#fff;cursor:pointer}
#khleft .depth1 i{position:absolute;top:0;right:0;display:block;width:45px;line-height:45px;font-size:17px;text-align:center;color:rgba(255,255,255,0.5);transition:all 0.3s}
#khleft .depth1.sel{background:#fafafa}
#khleft .depth1.sel a{color:#222}
#khleft .depth1.sel i{color:rgba(0,0,0,0.8);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s}
#khleft .depth2{display:none;padding:10px 0;background:rgba(0,0,0,0.2)}
#khleft .depth2 a{display:block;padding:0 20px;line-height:30px;font-size:12px;color:#fff;border-bottom:0px solid #596170;text-decoration:none;text-transform:uppercase}
#khleft .depth2 a.sel{color:#81c341}
#khleft .depth2 a i{font-size:12px;color:rgba(255,255,255,0.5)}

#khleft .mhead{position:relative;background:#40c8f4}
#khleft .mhead .home{position:absolute;top:0;left:0;display:inline-block;text-align:center}
#khleft .mhead .home i{position:relative;top:0;left:0;font-size:24px;color:#fff}
#khleft .mhead .tit{display:block;padding:0 0 0 60px;font-size:13px;font-weight:500;background:#fff;overflow:hidden}
#khleft .mhead .tit div{padding:0 10px}
#khleft .mhead .tit a{padding:0 10px;font-size:14px;font-weight:500}
#khleft .mhead .tit a.mbutton{float:right;padding:0 5px;font-size:12px;font-weight:500}
#khleft .mhead .tit a i{position:relative;top:3px;font-size:18px}
#khleft .mhead .tit a span{display:none}

#khright{background:#f1f1f1;overflow:hidden}
#khright h3{padding:0 20px;font-size:15px;font-weight:500;text-transform:uppercase;color:rgba(255,255,255,0.8);border-bottom:0px solid rgba(0,0,0,0.3);background:#005aab}
#khright .depth1{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,0.07);transition:all 0.3s}
#khright .depth1 a{padding:0 20px;line-height:45px;font-size:14px;color:#fff;cursor:pointer}
#khright .depth1 i{position:absolute;top:0;right:0;display:block;width:45px;line-height:45px;font-size:17px;text-align:center;color:rgba(0,0,0,0.5);transition:all 0.3s}
#khright .depth1.sel{border-bottom:1px solid #7a7a7a;background:#777}
#khright .depth1.sel a{color:#fff}
#khright .depth1.sel i{color:rgba(0,0,0,0.8);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s}
#khright .depth2{display:none;padding:10px 0;background:#373737}
#khright .depth2 a{display:block;padding:0 20px;line-height:30px;font-size:12px;color:#fff;border-bottom:0px solid #596170;text-decoration:none;text-transform:uppercase}
#khright .depth2 a.sel{color:#81c341}
#khright .depth2 a i{font-size:12px;color:rgba(0,0,0,0.5)}
#khright .depth1,
#khright .depth2{display:none}

#push button{position:absolute;top:0;display:inline-block;font-size:14px;font-weight:300;background:transparent;transition:all 0.3s}
#push button em{position:relative;z-index:2060;top:5px;font-size:24px}
#push button span{display:none}
#push .pu1{left:0}
#push .pu1 em{color:#005aab}
#push .pu1.sel{background:#005aab}
#push .pu1.sel em{color:#fff}
#push .pu2{right:0}
#push .pu2 em{color:#005aab}
#push .pu2.sel{background:#005aab}
#push .pu2.sel em{color:#fff}

@media all and (min-width:1280px) {
	#mnb,
	#push{display:none}
}

@media all and (min-width:748px) and (max-width:1279px) {
	#push button{width:60px;height:80px;line-height:80px}
	#khleft h2,
	#khright h2{line-height:80px}
	#khleft .mhead{height:80px;line-height:80px}
	#khleft .mhead .home{width:80px;height:80px}
	#khleft .mhead .home i{font-size:24px;line-height:80px}
	#khright h3{line-height:80px}
}

@media all and (max-width:747px){
	#push button{width:60px;height:60px;line-height:60px}
	#khleft h2,
	#khright h2{line-height:60px}
	#khleft .mhead{height:60px;line-height:60px}
	#khleft .mhead .home{width:60px;height:60px}
	#khleft .mhead .home i{font-size:24px;line-height:60px}
	#khright h3{line-height:60px}
}
@media all and (min-width:1280px){
	.fromTopIn{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,0);opacity:1.0}
	.fromTopOut{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,-10px);opacity:0.08}
	.fromBottomIn{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,0);opacity:1.0}
	.fromBottomOut{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,10px);opacity:0.08}
	.fromLeftIn{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,0);opacity:1.0}
	.fromLeftOut{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(-10px,0);opacity:0.08}
	.fromRightIn{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(0,0);opacity:1.0}
	.fromRightOut{transition:transform 0.5s ease, opacity 0.5s ease;transform:translate(10px, 0);opacity:0.08}
}