#btn-menu-m,#btn-menu-m span{display:inline-block;transition:all .4s;box-sizing:border-box}

#btn-menu-m{position:fixed;width:30px;height:40px;top:10px;right:15px;z-index:120;display:none}
#btn-menu-m span{position:absolute;left:0;width:100%;height:2px;background-color:#fff}
#btn-menu-m.active span {background-color: #fff;height: 1px}
#btn-menu-m span:nth-of-type(1) {top: 8px;}
#btn-menu-m span:nth-of-type(2) {top: 16px;width: 25px}
#btn-menu-m span:nth-of-type(3) {bottom: 13px;}
#btn-menu-m.active span:nth-of-type(1){-webkit-transform:translateY (16px) rotate (-45deg);transform:translateY(16px) rotate(-45deg);top:0}
#btn-menu-m.active span:nth-of-type(2) {opacity: 0;}
#btn-menu-m.active span:nth-of-type(3){-webkit-transform:translateY(-23px) rotate(45deg);transform:translateY(-23px) rotate(45deg);bottom:0}
.logo{height:100%;margin-left:20px;text-align:center;position:relative;float:left}
.logo a{display:block;width:260px;height:100px;line-height:100px;background-image:url(../img/logo.png);background-position:center left;background-size:100%;background-repeat:no-repeat}
@media screen and (max-width: 640px) {
   .logo a { width:400px}
}

/*#logo-line .contact {
	height: 100%;
	background-color: yellowgreen;
	float: right;
}
#logo-line .contact ul {
	overflow: hidden;
	height: 100%;
	width: 200px;
}
#logo-line .contact ul li {
	float: left;
	width: 50%;
	height: 100%;
}*/
#header-wrap{position:fixed;z-index:100;width:100%;height:100px;z-index:3}
.scrolled #header-wrap {background: #005fb7;border-bottom: 0;z-index: 4}
#header-wrap .lnb-line{height:100%;position:absolute;right:100px}
#header-wrap .lnb-line:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
#header-wrap .lnb-line #menu-ctl {display: none;position: absolute;top: 0px;right: 0px;z-index: 10;}

#header.fixed {position: fixed;top: 0;width: 100%;}
#header-wrap #lnb {float: left;}
#header-wrap #lnb * {box-sizing: border-box;}
#header-wrap #lnb > ul:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
#header-wrap #lnb > ul > li{display:inline-block;padding:0 20px;height:100px;line-height:100px;float:left;margin-left:-1px;transition:all .5s;white-space:nowrap}

@media screen and (max-width: 960px) {
	#header-wrap {height: 60px}
	#header-wrap #lnb > ul > li {height: 60px;line-height: 60px}
	#header-wrap .logo a {height: 60px;background-size: 50%}
	#header-wrap .lnb-line #menu-ctl {display: block}
	#header-wrap #lnb > ul > li.hide {width: 10px;overflow: hidden;opacity: 0.5;}
	#header-wrap #menu-ctl > a{display:inline-block;width:30px;line-height:60px;background-color:#fff;font-size:20px;text-align:center}
}


#header-wrap #lnb > ul > li > a{display:block;width:100%;height:100%;text-align:center;font-size:18px;font-weight:500;color:#fff;}
#header-wrap #lnb > ul > li > a:hover {opacity: 1}
#header-wrap #lnb > ul > li > ul{position:absolute;width:100%;display:none;box-sizing:content-box;margin-left:-1px;z-index:2}
#header-wrap #lnb > ul >li > ul ul{position:absolute;width:100%;display:none;border:1px solid #525252;box-sizing:content-box;margin-top:-1px;top:0;left:100%;margin-left:0}
#header-wrap #lnb > ul li.on > ul {position: absolute;display: block;}
#header-wrap #lnb li {position: relative;}
#header-wrap #lnb > ul > li li{border-top:1px solid #525252;line-height:48px;height:50px;background-color:#333;padding:0;margin-top:-1px}
#header-wrap #lnb > ul > li li:first-child {border-top: 0}
#header-wrap #lnb > ul > li li:nth-last-child(1) {height: 50px;line-height: 50px;}
#header-wrap #lnb > ul > li li > a{width:100%;height:100%;display:block;padding:0 20px;color:#fff;font-size:14px}
#header-wrap #lnb > ul > li li > a:hover{padding-right:50px;background-color:#005fb7;color:#fff}
#header-wrap #lnb > ul > li > ul {width: 220px; top: 90px;left: 0px;}
#header-wrap #lnb .arrow{position:absolute;width:30px;height:30px;font-size:14px;color:#fff;display:inline-block;right:-5px;top:50%;margin-top:-15px;text-align:center;line-height:30px;z-index:1}
#header-wrap #lnb ul ul .arrow {transform: rotate(-90deg);}
#header-wrap #login-box,#login-box2{height:100px;line-height:100px;float:right;padding-left:20px}
#header-wrap #login-box3 {height: 50px;text-align: center;margin-bottom: 10px;}
#header-wrap #login-box a,#login-box2 a,#login-box3 a{display:inline-block;padding:0 5px;text-align:center;color:#fff;font-size:12px}
#header-wrap #login-box2 {display: none;}
/*#top-bg-wrapper {
	position: relative;
	z-index: 10;
	border-bottom: 1px solid #ddd;
}
#top-bg-wrapper .bg {
	width: 100%;
	height: 100%;
}*/
#container-box {width: 100%;position: relative;}


@media screen and (max-width: 768px) {
#header-wrap .lnb-line {display: none;}
#header-wrap{position:fixed;top:0;border-bottom:1px solid rgba(255,255,255,.4)}
#header-wrap #logo-line {margin: 0;}
/*
#logo-line .logo {display: inline-block;float: none;}
#logo-line .contact {display: none;}
*/

#btn-menu-m {display: inline-block;}
}

#m-lnb-wrapper{position:fixed;top:0;right:-400px;z-index:110;max-width:400px;width:100%;height:100vh;overflow:auto;background-color:#000;opacity:.9;box-sizing:border-box;padding-top:60px;padding-left:2em;padding-right:1em;transition:all .5s}
#m-lnb-wrapper.on {right: 0px;}
#m-lnb-wrapper #login-box3 { padding-bottom:10px; display:block; text-align:center}
#m-lnb > ul {border-bottom: 1px solid #333;font-size: 14px;}
#m-lnb > ul li > a {color: #fff;}
#m-lnb > ul > li > span{position:absolute;right:0;top:0;width:40px;height:50px;font-size:14px;text-align:center;transition:all .4s;color:tomato;cursor:pointer}
#m-lnb > ul > li.on > span {transform: rotate(180deg);}
#m-lnb > ul > li li > span{position:absolute;right:0;top:0;width:40px;height:40px;font-size:14px;text-align:center;transition:all .4s;color:tomato;cursor:pointer}
#m-lnb > ul > li li.on > span {transform: rotate(180deg);}
#m-lnb > ul li {position: relative;}
#m-lnb > ul > li > a {display: inline-block;padding: 0 20px;font-size: 16px;}
#m-lnb > ul > li {line-height: 55px;border-bottom: 1px solid #333;}
#m-lnb > ul > li:nth-last-child(1) {border-bottom: 0;}
#m-lnb > ul > li ul {display: none;line-height: 40px;}
#m-lnb > ul > li li {border-top: 1px solid #474747;background-color: #222;}
#m-lnb > ul > li li li {border-top: 1px solid #959595;background-color: #777;}
#m-lnb > ul > li li > a {display: inline-block;padding: 3px 15px 3px 30px;width: 100%}
#m-lnb > ul > li li li > a{display:inline-block;padding:0 10px 0 40px}
.select-nav{background-color:#fee;display:inline-block;float:left}
.select-nav:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.select-nav .select{float:left;width:220px;height:70px;position:relative;box-sizing:border-box;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px}
.select-nav .select:first-child { border:0}
.select-nav .select .down{position:absolute;width:25px;height:25px;display:inline-block;top:20px;right:5px;line-height:25px;text-align:center;color:#ddd;font-size:20px;transition:all .5s}
.select-nav .select.on .down { transform: rotate(180deg);}
.select-nav .select.d1 { margin-left: 0;}
.select-nav .select button{width:100%;height:100%;background-color:#fff;border:0;text-align:left;padding-left:25px;outline:0;font-size:15px}
.select-nav .select button .t1 { font-weight:500; font-size:15px}
.select-nav .d3 button { font-weight:bold}
.select-nav .select > ul{display:none;position:absolute;top:100%;left:-1px;width:100%;border:1px solid #ddd;background-color:#fff;box-sizing:content-box}
.select-nav .select > ul li{min-height:55px;line-height:55px;padding-left:25px;border-bottom:1px solid #ddd}
.select-nav .select > ul li a {color:#555;display:block;font-size:14px}
.select-nav .select > ul li a:hover {color:#000}
.select-nav .select ul ul { display:none;}
.select-nav .select ul li li { border-top: 1px solid #ddd; border-bottom: 0;}
.select-nav .select ul li:nth-last-child(1) { border-bottom: 0;}
.select-nav-wrapper{position:relative;z-index:3;background-color:#fff;max-width:1600px;margin:-71px auto;border-bottom:1px solid #ddd}
.select-nav-wrapper:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.select-nav-wrapper .home{width:60px;height:70px;text-align:center;font-size:30px;display:inline-block;line-height:65px;border-right:1px solid #ddd;float:left}
.select-nav-wrapper .link{background-color:#f08080;width:50px;height:50px;text-align:center;font-size:30px;display:inline-block;line-height:50px;float:right}
.d2 .t2 {display:none;}





@media screen and (max-width: 1120px) {
 #login-box2 {display: inline-block;}
}

@media screen and (max-width: 768px) {
.select-nav-wrapper .home {display: none;}
.select-nav-wrapper .link {display: none;}
.select-nav .select.d3 {display: none;}
.select-nav {width: 100%;}
.select-nav .select {width: 50%; border-right: 0}
.select-nav .select ul ul {display: block;}
.d2 .t2 {display: inline;}
.d2 .t2 .fa {color: #555;font-weight: bold;}
}

@media screen and (max-width: 1120px) {
  #login-box {display: none;}
}