html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin:0; padding:0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display:block; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; font-weight:normal; }
html, body, fieldset, img, iframe, abbr { border:0; }
i, cite, em, var, address, dfn { font-style:normal; }
[hidefocus], summary {outline:0;}
li { list-style:none; }
h1, h2, h3, h4, h5, h6, small { font-size:100%; }
sup, sub { font-size:83%; }
pre, code, kbd, samp { font-family:inherit; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
q:before, q:after { content:none; }
textarea { overflow:auto; resize:none; }
label, summary { cursor:default; }
a, button { cursor:pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight:bold; }
del, ins, u, s, a, a:hover { text-decoration:none; }
body, textarea, input, button, select, keygen, legend { font:14px/1.5 "Microsoft YaHei", \5b8b\4f53, Arial, sans-serif; color:#333; outline:0; }
body { background:#fff; }
a, a:hover { color:#333; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
input, label, img, th { vertical-align:middle; }
/* function */
.cl:after{ content:" "; display:block; height:0; clear:both; visibility:hidden; }.cl { display:inline-block; }* html .cl { height:1%; }.cl { display:block; }
.box{width: 1100px;margin:20px auto;padding:20px 40px;background: rgba(255,255,255,.7);border-radius:10px;}
.box h2{font-size: 20px;color: #000;margin: 20px 0;}
.box a{margin: 0 5px;}

body{background:#000 no-repeat fixed;background-size:cover ;/* background-image: url(1.jpg); */background-image: url(https://pic.gksec.com/20220208/ELmu4uxw/1.jpg);}

.topline{line-height: 2;}
.topline a{font-weight:bold;color:#FFF;}
.toplink{text-align: center;line-height: 2;}
.toplink a{color: #333;}

.banner{width: 960px;height: 60px;margin:20px auto;}

.ls1{line-height: 2;margin:20px auto;}
.ls1 li{background: #fff;border-radius:3px;margin: 5px auto;padding:5px 15px;}
.ls1 li:nth-child(2n+1){background:#ABE00A;}
.ls2{line-height: 2;margin:20px auto;}
.ls2 li{background: #fff;border-radius:3px;margin: 5px auto;padding:5px 15px;}
.ls2 li:nth-child(2n+1){background:#C3C3C3;}
.ls3{line-height: 2;margin:20px auto;}
.ls3 li{background: #fff;border-radius:3px;margin: 5px auto;padding:5px 15px;}
.ls3 li:nth-child(2n+1){background:#B8D6F1;}
.ls1 li,.ls2 li,.ls3 li{display: flex;flex-direction: row;flex-wrap: wrap;}

#dibu{text-align: center;}







*html .sidebar { position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 6)||0)-(parseInt(this.currentStyle.marginRight, 6)||0));
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 6)||0)-(parseInt(this.currentStyle.marginBottom, 6)||0)))
}
#sidebar { background:#039de6; position:fixed; right:6px; top:100px; width:88px; padding:16px; _position:absolute; z-index:999; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; border-radius:0 0 8px 8px }
#sidebar li { border-bottom:1px dotted #ccc; height:40px; line-height:40px; text-align:center }
#sidebar li.lst { border-bottom:0px none }
#sidebar li a { font-family:"Microsoft Yahei"; font-size:18px; color:#fff }
.sqmenu { background:#039de6; width:120px; height:24px; line-height:24px; cursor:pointer; position:absolute; top:-24px; left:0; text-align:center; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; border-radius:8px 8px 0 0 }
.sqmenu a { width:120px; height:24px; display:block; text-decoration:none;color: #fff;}
.tcmenu { background:#000; width:24px; padding:30px 0; position:absolute; left:-24px; top:0; text-align:center; display:none; border-radius:8px 0 0 8px }
.tcmenu a { color:#fff; text-decoration:none; display:block; height:100%; width:24px; }



@media screen and (max-width: 960px) {
	
	canvas{display: none;}
	.box{width: 100%;padding: 0;border-radius: 0;}
	.ls2 li{border-radius: 0;}
	.box h2{margin:0;padding: 20px 20px 0;}
	body{background:none;width: 100%;overflow-x:hidden;font-size:16px}
	.topline{padding:0 20px;}
	.toplink{padding:0 20px;}
}