<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.header {background: #fff;}
.header + *:before {content: '';display: block;height:0;padding-bottom: 5.3%;}
/*pc*/
@media (min-width: 768px){
	.header {position: fixed;z-index: 1000; width: 100%;min-width:1024px;left: 0;top: 0;height: 0; padding-bottom: 5.3%;}
	.header .header-scale{position: absolute;left:0;width:100%;height: 100%;z-index: 10;}
	.header .wrap{height: 100%}	
	.header:before,.header:after { content: ""; display:block; width: 100%; overflow: hidden; clear: both;}
	.header .logo{float:left;height: 100%;}
	.header .logo:before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
	.header .logo img{height: 44.2%;vertical-align: middle;}
	.header .search-bar{float:right;margin-top:3.2em; margin-left: 3em; white-space: nowrap; border: 1px #008dd5 solid;border-radius: 100px;overflow: hidden;line-height: 1;background-color: #fff;display: none;}
	.header .search-bar input{width: 50px; padding: 0 .8em; background: #fff; border: none;display: inline-block; vertical-align: middle;transition: width 300ms;}
	.header .search-bar input:focus{width: 80px;}
	.header .search-bar a{display: inline-block; vertical-align: middle; width: 2.4em;height:1.5em;background:url(../image/common/icon-search-w.png) no-repeat center #008dd5;background-size: 50% auto;cursor: pointer;}
	.header .nav{float:right;height: 100%;margin-right: -4.5em;}
	.header .nav .ul-dep-1 {height: 100%;letter-spacing: -4px;}
	.header .nav .ul-dep-1:hover .a-dep-1 i {opacity: 0;filter:alpha(opacity=0);}
	.header .nav .li-dep-1 {display:inline-block;vertical-align: top;height: 100%;letter-spacing:0;position: relative;}
	.header .nav .a-dep-1 {display:block;color: #000;width:12em;height: 100%;text-align: center;position: relative;font-size: 1.1em;}
	.header .nav .a-dep-1 i {content:'';position: absolute;width:100%;height:100%;left:0;top:0;display:inline-block;background-color: #D0102C;background-position: center; background-repeat: no-repeat;opacity: 0;filter:alpha(opacity=0);transition: opacity 300ms;}
	
	.header .nav .a-dep-1:after {content:'';display:inline-block;height: 100%;vertical-align: middle;}
	.header .nav a {color: #000;cursor: pointer;}
	.header .nav a:hover {color: #D0102C;}
	.header .a-dep-3 + .nav-sub{padding-left: 1em;}
	.header .a-dep-1 + .nav-sub{position: absolute;left:-10000px;top:100%;overflow:hidden;background: #fff;transform:translate(0,10px);opacity:0;transition:transform 200ms, opacity 200ms, left 0ms 200ms;}
	.header .nav .li-dep-1:hover .a-dep-1 i,.header .nav .active .a-dep-1 i {opacity: 1;filter:alpha(opacity=100);}
	.header .nav .li-dep-1:hover .a-dep-1 + .nav-sub{left:0;transform:translate(0,0); opacity:1;transition:transform 500ms, opacity 500ms 100ms, left 0s 0s;}
	
	.header .nav .ul-dep-2 {text-align: center;position: relative; padding: 2em 5.7em;display: inline-block;}
	.header .nav .li-dep-2 {display:inline-block;text-align: left;margin: 1.5em 0;white-space: nowrap;}
	.header .nav .li-dep-2 img {margin-right: 4.5em;opacity: .5;transition: opacity 300ms;vertical-align: middle;}
	.header .nav .li-dep-2:hover img {opacity: 1;}
	.header .nav .a-dep-2 {display:block;font-size: 1.2em;}
	.header .nav .a-dep-2 span{display:inline-block; margin-right: 2em;border-bottom: 1px #fff solid;transition: border 300ms}
	.header .nav .a-dep-2:hover span {border-bottom: 1px rgb(241, 123, 140) solid;color: #000;}

	.header-mask {content:'';position:fixed;width:100%;height:100%;left:-10000px;top:0;margin-top:5.3%;background: #000;opacity:0;filter:alpha(opacity=0);transition:opacity 200ms, left 0ms 200ms;}
	.html-nav-open .header-mask {left: 0;opacity:0.1;filter:alpha(opacity=10);transition:opacity 200ms, left 0ms 0ms;}
}
@media (min-width: 768px) and (max-width: 1366px){
	.header .nav .a-dep-1 {width: 9em;}
	.header .li-dep-f .a-dep-1 + .nav-sub {margin-left: -150px}
}
@media (min-width: 768px) and (max-width: 1024px){
	.header .nav {margin-right: 0;}
	.header .nav .a-dep-1 {width: 9em;}
}
@media (min-width: 768px) and (max-width: 768px){
	.header,.header + *:before,.hash-bar {min-width: 0;padding-bottom: 8%;}
	.header .nav {margin-right: 0;}
	.header .nav .a-dep-1 {width: 7em;}
}
/*mobile*/
@media (max-width: 767px){
	.container {transition:transform 300ms;}
	.header {position: fixed;z-index: 1000; width: 100%;left: 0;top: 0;border-bottom: 1px #eee solid;background: url(../image/common/header-bg.jpg) #fff bottom no-repeat;background-size: 100% auto}
	.header + *:before {content: '';display: block;height:40px;padding: 0;}
	.header:before,.header:after { content: ""; display:block; width: 100%; overflow: hidden; clear: both;}
	.header .logo{display: inline-block; margin:10px;}
	.header .logo:before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
	.header .logo img{zoom:1;vertical-align: middle;height: 20px;}
	
	.header .m-lang {float: right;height:40px;margin-right: 1em;}
	.header .m-lang a.active {color: #003377;font-weight: bold;}
	.header .m-lang::before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
	.header .search-bar{display: none;white-space: nowrap; border: 1px #008dd5 solid;border-radius: 100px;overflow: hidden;line-height: 1;}
	.header .search-bar input{width: 50px; padding: 0 .8em; background: #fff; border: none;display: inline-block; vertical-align: middle;transition: width 300ms;}
	.header .search-bar input:focus{width: 80px;}
	.header .search-bar a{display: inline-block; vertical-align: middle; width: 2.4em;height:1.5em;background:url(../image/common/icon-search-w.png) no-repeat center #008dd5;background-size: 50% auto;cursor: pointer;}
	.m-nav-toggle {float:right;width: 40px; height:40px;position: relative;}
	.m-nav-toggle span{ position:absolute;left:50%;top:50%; width:40%;height:2px; margin-left:-20%;display:block; background:#003377;border-radius: 5px;}
	.m-nav-toggle span:first-child{ margin-top:-5px;}
	.m-nav-toggle span:last-child { margin-top: 5px;}
	.m-nav-open,.m-nav-open body {overflow-y: hidden;}

	/*m-nav-aside*/
	.nav-type-aside .m-nav-mask {position:fixed;left:0;top:0;z-index:100;width:100%;height:0;overflow:hidden;background:rgba(0,0,0,0);transition: background 300ms, height 0ms 200ms;text-align:right;}
	.nav-type-aside .m-nav-mask:before { content:"鈺�"; font-size:2em; color:#fff; font-family:serif,arial; display:inline-block; width:20%; text-align:center; margin-top:.5em;}
	.nav-type-aside .header .nav{position: fixed;z-index: 100;display: none; left:0%;top:0;background:#fff;width: 80%;height:100%; box-sizing: border-box; padding: 20px 0; overflow-x:hidden;overflow-y: auto; -webkit-overflow-scrolling:touch;}	
	.nav-type-aside.m-nav-open .container {height: 100%; transform:translate(-80%,0);}
	.nav-type-aside.m-nav-open .header .nav {left:100%;display: block;}
	.nav-type-aside.m-nav-open .m-nav-mask { height:100%;background:#000; box-shadow:0 0 10px rgba(0,0,0,0.2);transition: background 300ms, height 0ms 0ms;}
	.nav-type-aside .header .nav li{ margin: 0 20px;}
	.nav-type-aside .header .nav li + li {border-top: 1px #eee dotted;}
	.nav-type-aside .header .nav a{display:inline-block; padding: 1em;box-sizing: border-box;transform: translate(0, 0);transition:transform 0ms 0ms;background: #fff;}
	.nav-type-aside .header .nav .nav-folder:before{ content: ""; float: right;width:0.5em; height:0.5em; margin: 1.5em; border-top: 1px #555 solid;border-right: 1px #555 solid;transform: rotate(45deg);}
	.nav-type-aside .header .nav .nav-sub{position:absolute;z-index: 300; left:100%;top:0%;width:100%;height:100%;background:rgba(255,255,255,1); padding:0px;box-sizing: border-box;overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;transition:transform 300ms;}
	.nav-type-aside .header .nav .nav-sub:before{ content: "";display: block;height: 60px;}
	.nav-type-aside .header .nav .nav-sub:after{ content: "";position: absolute;left: 0;top:0; width:1em; height:1em; margin:2em;border-top: 1px #555 solid;border-left: 1px #555 solid;transform: rotate(-45deg);}
	.nav-type-aside .header .nav .nav-folder-open:before{transform: rotate(135deg);}
	.nav-type-aside .header .nav .nav-folder-open:after{content: "绌�";padding: 1em;display: inline-block; color:#000; visibility: hidden;}
	.nav-type-aside .header .nav .nav-folder-open &gt; a{position:absolute;z-index: 200;left:50%;top:0;width:50%;height:60px;padding:0;padding-right: 20px;font-size: 1.2em;text-align: right;background: #fff;}
	.nav-type-aside .header .nav .nav-folder-open &gt; a:before{content: "";display: inline-block; height: 100%; vertical-align: middle;}
	.nav-type-aside .header .nav .nav-folder-open &gt; .nav-sub{transform: translate(-100%, 0); z-index: 190}
	.nav-type-aside .header .nav .nav-sub-open {z-index: 300!important;}

	/*m-nav-dropdown*/
	.nav-type-dropdown .m-nav-mask {position:fixed;left:0;top:40px;z-index:100;width:100%;height:0;overflow:hidden;background:rgba(0,0,0,0);transition: background 300ms, height 0ms 200ms;}
	.nav-type-dropdown .header .nav{position:fixed;z-index: 101;right:0;top:40px;max-height:calc(100vh - 40px);overflow-y: auto;-webkit-overflow-scrolling:touch;background:#fff;width:auto;display: none;}	
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:first-child +span {display: none;}
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:first-child {margin-top: 0;transform: rotate(-45deg)}
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:last-child {margin-top: 0;transform: rotate(45deg)}
	.nav-type-dropdown.m-nav-open .header .nav {display: block;}
	.nav-type-dropdown.m-nav-open .m-nav-mask {height:100%;background:rgba(0,0,0,0.6);transition: background 300ms, height 0ms 0ms;}
	.nav-type-dropdown .header .nav li:before{content: ''; display:inline-block;vertical-align:middle;margin-top: -0.1em; margin-left: 1.8em; margin-right: 1.8em; width: 0; height: 0; border-width: 0.5em 0.4em 0 0.4em; border-color:transparent;border-style: solid;}
	.nav-type-dropdown .header .nav li.nav-folder:before{content: ''; display:inline-block;vertical-align:middle;margin-top: -0.1em; margin-left: 1.8em; margin-right: 1.8em; width: 0; height: 0; border-width: 0.5em 0.4em 0 0.4em; border-color: #008dd5 transparent transparent transparent;border-style: solid;}
	.nav-type-dropdown .header .nav-sub li:before{display: none;}
	.nav-type-dropdown .header .nav li + li {border-top: 1px #eee dotted;}
	.nav-type-dropdown .header .nav a{display:inline-block; padding: 1em 1em 1em 0em;color: #003377}
	/* .nav-type-dropdown .nav-folder:after{ content: ""; float: right;width:0.5em; height:0.5em; margin: 1.5em; border-bottom: 1px #555 solid;border-right: 1px #555 solid;transform: rotate(45deg);} */
	.nav-type-dropdown .header .nav .nav-sub{display: none;overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;background: #f5f5f5;padding-left: 1em;}
	.nav-type-dropdown .header .nav .nav-sub a{padding: 0.8em 3em 0.8em 3em;}
	.nav-type-dropdown .header .nav .nav-folder-open {background: #17bcf0; color: #fff;}
	.nav-type-dropdown .header .nav .nav-folder-open &gt; a {color: #fff;}
	.nav-type-dropdown .header .nav .nav-folder-open:before{border-color: #fff transparent transparent transparent;}
	.nav-type-dropdown .header .nav .nav-folder-open &gt; .nav-sub{display: block;}
}










</pre></body></html>