#btn-menu-m, #btn-menu-m span {display: inline-block;transition: all 0.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: 0px;}
#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: 0px;}
.logo {height: 100%;margin-left: 20px;text-align: center;position: relative;float: left; margin-top: 40px;}
.logo a {display: block;width: 340px;height: 100px;line-height: 100px;background-image: url(../img/logo.png);background-position: center left;background-size: 100%;background-repeat: no-repeat;}



#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: 140px;z-index: 3;}
.scrolled #header-wrap {background: #275f99;border-bottom: 0;z-index: 4}
#header .lnb-line {height: 100%;position: absolute;right: 0; margin-top: 40px;}
#header.fixed {position: fixed;top: 0;width: 100%;}
#header .lnb-line:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
#lnb {float: left;padding-right: 150px}
.lnb-line #menu-ctl {display: none;position: absolute;top: 0px;right: 0px;z-index: 10;}
#lnb * {box-sizing: border-box;}
#lnb > ul:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
#lnb > ul > li {display: inline-block;padding: 0 20px;height: 100px;line-height: 100px;float: left;margin-left: -1px;transition: all 0.5s;white-space: nowrap;}

.adm_con_bg {background: #1b2c45; width: 100%; height: 40px; position: relative; z-index: 9;}
.adm_con_bg .adm_con {width: 100%; max-width: 1500px;margin: 0 auto; height: 40px; display: flex; align-items: center;justify-content: flex-end;}
.adm_con_bg .adm_con a {color: #fff; padding: 10px; margin: 0 2px; font-size: 12px;}
.adm_con_bg .adm_con a i {font-size: 10px; margin-right: 3px;}


#lnb > ul > li > a {display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;font-weight: 500;color: #fff;}
#lnb > ul > li > ul {position: absolute;width: 100%;display: none;box-sizing: content-box;margin-left: -1px;z-index: 2;}
#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: 0px;}
#lnb > ul li.on > ul {position: absolute;display: block;}
#lnb li {position: relative;}
#lnb > ul > li li {line-height: 48px;height: 50px;background-color: #161616d9;padding: 0;}
#lnb > ul > li li:first-child {border-top: 0}
#lnb > ul > li li:nth-last-child(1) {height: 50px;line-height: 50px;}
#lnb > ul > li li > a {width: 100%;height: 100%;display: block;padding: 0 20px;color: #fff;font-size: 14px}
#lnb > ul > li li > a:hover {background-color: #173c7c;color: #fff}
#lnb > ul > li > ul {width: 200px; top: 90px; left: 50%; transform: translate(-50%, 0px); text-align: center;}
#lnb > ul > li > ul ul {}
#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;}
#lnb ul ul .arrow {transform: rotate(-90deg);}
#login-box, #login-box2 {text-align: center;margin: 20px 0 60px 0}
#login-box3 {height: 50px;text-align: center;margin-bottom: 10px;}
#login-box a, #login-box2 a, #login-box3 a {display: inline-block;padding: 0 10px;text-align: center;color: #fff;font-size: 12px;}
#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;}





#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: 0.9;box-sizing: border-box;padding-top: 100px;padding-left: 2em;padding-right: 1em;transition: all 0.5s;}
#m-lnb-wrapper.on {right: 0px;}
#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 0.4s;color: #77bdd3;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 0.4s;color: #77bdd3;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 0.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: none;font-size: 15px; color: #000;}
.select-nav .select button .t1 {font-weight: 500; color: #000;}
.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;max-width: 1400px;margin: 0px auto;background-color:#fff;}
.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: lightcoral;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: 1200px) {
	.adm_con_bg {display: none;}
	#header .lnb-line {display: none;}
	#btn-menu-m {display: inline-block;top: 33px;}
	.logo {margin-top: 0;}
	#header-wrap {height: 100px;}
	}
	
	
@media screen and (max-width: 1120px) {
	#login-box2 {display: inline-block;}
}
	
	
	
	
@media screen and (max-width: 960px) {
	#lnb > ul > li {height: 60px;line-height: 60px}
	.lnb-line #menu-ctl {display: block}
	#lnb > ul > li.hide {width: 10px;overflow: hidden;opacity: 0.5;}
	#menu-ctl > a {display: inline-block;width: 30px;line-height: 60px;background-color: #fff;font-size: 20px;text-align: center;}
}


@media screen and (max-width: 768px) {
	#header .lnb-line {display: none;}
	#header-wrap {position: fixed;top: 0; height: 60px;}
	#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;top: 12px;}
	#top-bg-wrapper {}
	.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;}
	.scrolled #header-wrap {height: 60px;}
	.logo a {width: 230px;height: 60px;line-height: 60px;}
}
	
	
	
@media screen and (max-width: 640px) {
}