:root {--m-theme-color: #2CAAF2}
.wrap {width: 100%;padding: 0 10px;max-width: 1200px;margin: 0 auto;}
a {transition: all .3s;}
#mask1 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .8);z-index: 1000;}
.flex-box {display: flex;flex-flow: row;}
.wower {--animate-delay: .1s}
.swiper-button-disabled{opacity: .1;cursor: default;}
.header-box {display: flex;align-items: center;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;color: #fff;}
.header-box .wrap {display: flex;align-items: center;flex-flow: column;transition: all .3s;}
.header-box.o .wrap {flex-flow: row;}
.header-box .logo img {max-height: 40px;margin: 10px auto;display: block;}
.header-box .logo{display: flex;align-items: center;justify-content: center;font-size: 28px; padding: 1em 1em 0;white-space: nowrap;}
.header-box.o .logo{padding: 0;font-size: 20px;}
#showMainNav {display: none;}
#btn-search {color: #fff;padding: 1em;cursor: pointer;}
#search-box {
	/* display: none; */
	position: fixed;top: -100px;left: 0;right: 0;width: 100%;z-index: 100;background-color: #fff;height: 100px;display: flex;align-items: center;justify-content: center;transition: all .3s;}
#search-box form {width: 900px;max-width: 90vw;display: flex;align-items: stretch;justify-content: center;}
#search-box input {height: 46px;padding: 0 1em;font-size: inherit;font-weight: inherit;color: inherit;font-family: inherit;flex: 1;background: none;border: 1px solid #2caaf2;}
#search-box a {flex-shrink: 0;padding: 0 1.5em;text-align: center;background-color: #2caaf2;height: auto;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.1em;}
#search-box a i {margin: .5em;}
#search-box .fa-close{ position: absolute;right: 1em;font-size: 2em;color: #aaa; padding: 1em;cursor: pointer;}
#search-box .fa-close:hover{color: #2caaf2;}
.mainnav {display: flex;align-items: center;flex: 1;justify-content: flex-end;}
.mainnav .nli {position: relative;}
.mainnav .nli>a {display: block;padding: 0 2em;line-height: 60px;white-space: nowrap;color: #fff;}
.mainnav .sub {position: absolute;top: 100%;left: 0;z-index: 4;background-color: #fff;min-width: 140px;text-align: center;display: none;}
.mainnav .sub a {display: block;font-size: .94em;white-space: nowrap;padding: 0 1em;line-height: 50px;color: #222;background-color: #fff;}
.mainnav .sub a:hover {background-color: #2caaf2;color: #fff;padding-left: 1.5em;padding-right: .5em;}
.mainnav .nli.on>a {color: #fff;opacity: .8;}
/*footer*/
.footer-box{background-color: #EBEBEB;}
.footer-box .wrap{ padding-top: 2em;padding-bottom: 2em;display: flex;flex-flow: row;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;align-items: center;}
.footer-box .item + em{width: 1px;background-color: #999;height: 120px;}
.footer-box .logo {height: 50px;display: flex;align-items: center;font-size: 20px;}
.footer-box .logo img{height: 100%;margin-right: .1em}
.footer-box .logo-box p{font-size: 14px;line-height: 2em; padding: .1em; color: #666;}
.footer-box .nav-box ul{display: flex;flex-flow: row wrap; max-width:440px; padding: 0 10px;align-items: center;justify-content: center;}
.footer-box .nav-box li{white-space: nowrap; margin: 10px 20px;text-align: center;}
.footer-box .qr-box img{width:88 ;height: 88px;display: block;margin: 0 auto .5em;}
.footer-box .qr-box{ padding: 0 20px;font-size: 14px;color: #666;}
.footer-box .tac {padding: 0 0 1em;line-height: 1.5;font-size: 13px;color: #777;}
@media screen and (max-width:1200px) {.mainnav .nli>a {padding: 0 1em;}
}
@media screen and (min-width:768px) and (max-width:1200px) {.header-box .wrap {flex-flow: column;}
	#btn-search {display: none;}
}
@media screen and (max-width:768px) {
	.header-box{background-color: #145D86;}
	.header-box .logo {font-size: 17px;padding: 0;justify-content: left;}
	.header-box .logo img{margin: 0;}
	.header-box .wrap {flex-flow: row nowrap;}
	#btn-search {display: none;}
	body {overflow-x: hidden;}
	.flex-box {flex-flow: column;align-items: center;}
	.mainnav .nli>a::before {display: none;}
	.mainnav {position: fixed;z-index: 1001;background-color: #145D86;display: flex;flex-flow: column;left: -100%;top: 0;width: 75%;height: 100%;overflow: hidden auto;justify-content: start;align-items: stretch;}
	.mainnav .nli>a {line-height: 60px;position: relative;}
	.mainnav .nli+.nli {border-top: 1px solid rgba(250, 250, 250, .1);}
	.mainnav .sub {display: flex;position: relative;top: 0;left: 0;flex-flow: column;align-items: stretch;}
	.mainnav .nli .sub {height: auto;line-height: 50px;}
	.mainnav .nli>a:not(:only-child)::after {content: '';position: absolute;width: 6px;height: 6px;border-right: 1px solid;border-bottom: 1px solid;right: 1em;top: 50%;margin-top: -3px;transform: rotate(45deg);opacity: .7;}
	.mainnav .nli.on>a:not(:only-child)::after {transform: rotate(-135deg);}
	.mainnav .sub {box-shadow: none;position: static;display: none;}
	.mainnav .sub a {font-size: .92em;padding: 0 .5em;text-align: left;text-indent: 2em;}
	#showMainNav {display: block;width: 60px;text-align: center;font-size: 26px;line-height: 60px;height: 60px;cursor: pointer;color: #2caaf2;}
	.header-box .logo {flex: 1;}
	.footer-box {display: none;}
}