html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body {  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.4rem;
    text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
img{border:0;vertical-align:bottom;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}
h1,h2,h3,h4,h5,h6,ul,dl,ol,p,table,td,tr,form,fieldset,input,textarea,a,select { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
li { list-style-type:none;}
img { border:none; }
input,select,textarea {font-size:100%;}
i { margin-right: 3px; font-style: normal; color: #333; font-size: 24px;}
.input:not(:first-child):not(:last-child){border-radius:0;}
table { border-collapse:collapse;border-spacing:0;}
.en { font-family:Tahoma, Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:black;}
a:focus { outline:0;}
a:hover { text-decoration: none; color: #F60;}
:focus {  -moz-outline-style:none;}
a:active { color:#333;}
.ah { height:1%; overflow:auto;}
.hid { display:none;}




@media screen and (max-width: 720px) { 

body { background: white url(../img/bg.jpg) center top no-repeat; background-size: 150% auto;}
#header, .tip,#flash,#cot { width: 100%;  }
	#header p { margin:10px; font-size:1.2rem; height: 90px; background: url(../img/logo.png) left center no-repeat; background-size:auto 100%; text-align: right; }
	#header p a { display: none; }
	#header #nav {  }
	#header #nav ul { border-radius: 8px; padding:10px; height: 1%; overflow: all; background: hsla(210,90%,40%,.8);   margin:10px;}
	#header #nav ul li { display: inline-block; }
	#header #nav ul li a { padding: 3px 4px; margin:2px 0; display: block; color:white; font-size:1.2rem; }
	#header #nav ul li a.c,#header #nav ul li a:hover { border-radius: 6px; background: white; color:#369; }
	#header #nav div { padding:0 10px; }
	#header #nav div input { float: left; height: 28px;}
	#header #nav div .c1 { width: 80%; padding:0 10px; border-radius: 6px 0 0 6px;  border:solid #c9d8e8 1px; border-width: 1px 0 1px 1px;  font-size:1.2rem; color:#666;}
	#header #nav div .c2 { width: 20%; padding:0 10px; border:solid #c9d8e8 1px; border-radius: 0 6px 6px 0; font-size:1.2rem; background: #c9d8e8; color:#369; }
	#header #nav div span,#header #nav div a,#header #nav div i { display: none; }

	.tip { display: none; }
#flash { clear: both;  padding:10px;  }
	#flash img { height: 180px; width: 100%;  }
	#flash .item a span { position: absolute; background: hsla(0,0%,0%,.6); color:white; padding:4px 10px; text-align: left; left:40px; bottom:20px; line-height: 1.8; border-radius: 6px;}
	#flash .itema { position: relative; }
.tit { margin:5px 10px; padding:0 10px; border-radius: 6px; height: 28px; line-height: 28px; background: #0c81c4; color:white; }
.tit:before {content:attr(before); float:left; display:block; margin:10px 8px 0 0;width: 10px; height: 10px; border:solid white 2px; border-radius: 100px;}
.tit a { float: right; font-size:1.2rem; color:white; }

.list1, .list2, .list3 {  height: 1%; overflow: auto; background: white;}
.list1 li, .list2 li, .list3 li { float: left; display: block; padding:10px; text-align: center; width: 50%;  }

	.list1 li img, .list2 li img, .list3 li img { width: 100%; }

	.list1 li p a { color:red; font-family:Tahoma, Arial, Helvetica, sans-serif;}
	.list1 li p a:before { content:"\FFE5"; }
	.list1 li p { padding: 5px 0; }
.list2 p, .list3 p { height: 30px; line-height: 30px; overflow:hidden; font-size:1.2rem; }
.list4 {  padding:10px 0; height: 1%; overflow: auto; }
.list4 li { float: left; font-size:1.2rem; margin: 0 20px 0 10px; }
.list4 li a { color:#666; }
.list4 li a:hover { color:#f60; text-decoration: underline; }
#footer { margin-top:20px; background: #f9f9f9; border-top:solid #eee 1px; padding:10px 0; text-align: center; font-size:1.2rem; line-height: 1.5; }
	#footer p { padding:3px 0; }
.cbox {  height: 1%; overflow: auto; }

	.cbox .fr, .cbox .fl { overflow: hidden; }
.list5 { padding: 10px; }
.list5 li { padding:0 5px; font-size:1.2rem; height: 28px; line-height: 28px; overflow: hidden; border-bottom:dotted #ddd 1px; }

.list6 { padding: 0 5px; }
.list6 li p { height: 30px; line-height: 30px; overflow: hidden; }
.list6 li { padding: 5px; float: left; width: 50%; font-size: 1.2rem; text-align: center; }
.list6 li img { width: 100%; height: auto; }
#about { margin-bottom:10px; width: 100%; height: 360px; border-radius: 10px; padding: 5px 10px; font-size: 1.2rem; line-height: 1.8; background: url(../img/about.jpg) center bottom no-repeat; background-size: 120% auto;}
	#about p { padding-bottom: 10px; text-indent: 22px; }
	#about div { box-shadow: 3px 0 6px hsla(0,0%,0%,.3);  margin:5px 5px 0 5px; background: hsla(0,100%,100%,.8); border-radius: 10px; padding:10px 20px;}

.list7 li { margin:10px;background: #ffc;  box-shadow: 0 0 3px hsla(0,0%,0%,.2); border-radius: 4px; font-size: 1.2rem; }
.list7 li p { height: 30px; line-height: 30px; background: #f60; border-radius: 4px 4px 0 0; padding:0 10px;  }
	.list7 li p a { color:white;  }
	.list7 li div { padding:10px; line-height: 1.8; height: 90px; overflow: hidden; }
	.list7 li p a:before { content:'问:'; margin-right:5px; color:yellow; font-size: 1.4rem; font-weight: bold; }
	.list7 li div:before {content:'答:'; margin-right:5px; color:red; font-size: 1.4rem; font-weight: bold;}
	.list7 li a:hover { color:#ffc; text-decoration: underline; }
#bk { height: 40px; }
#this { margin:0 10px 10px 10px; background: hsla(0,100%,100%,.8); height: 28px; line-height: 28px; font-size: 1.2rem; border-radius: 6px;box-shadow: 0 0 3px hsla(0,0%,0%,.2); }
	#this span { border-radius: 6px 0 0 6px; margin-right:10px; padding:0 10px; float: left; display: block; height: 28px; background: #0c81c4; color: white; }
#list1 li { padding:10px; float: left; width: 50%; line-height: 2; }
	#list1 li img { width: 100%; }
#pages { margin:20px 10px 0 10px; padding:6px 0 8px 0; background: #f7f7f7; border:solid #eee 1px; border-radius: 6px; text-align: center; color:#999;}
	#pages li { display: inline;  font-size: 1.2rem; }
		#pages li a { background: white; border:solid #ddd 1px; padding: 2px 6px;  color:#888;}
		#pages li.thisclass a { background: #0c81c4; color:white; border:solid #0c81c4 1px; }
h2.t { text-align: center; padding: 10px 0;  font-size: 2.4rem;}
	#tip { border-bottom:dotted #ccc 1px;  margin-bottom:10px; text-align: center;  font-size: 1.2rem; line-height: 2;}
		#tip span { margin: 0 5px; }
		#tip b { font-weight: normal; color:#888; }
		#mbd { padding: 10px; line-height: 1.8; }
		#mbd p { padding: 10px 0; }
		#mbd img,#mbd table img { margin:5px 0; max-width: 100%;}

	#npage { margin:0 10px; padding-top: 10px; font-size: 1.2rem; border-top:dotted #ccc 1px; line-height: 2; }

}
@media screen and (min-width: 720px) { 

body { background: white url(../img/bg.jpg) center top no-repeat; }
#header, .tip,#flash,#cot { width: 1000px; margin:0 auto;  }
	#header p { margin:10px 0; font-size:1.2rem; height: 90px; background: url(../img/logo.png) left center no-repeat; background-size:auto 100%; text-align: right; }
	#header p a { float: right; background: white; color:#444; padding: 3px 8px; margin:25px 0 0 5px; border-radius: 4px; box-shadow:0 0 3px hsla(0,0%,0%,.3); }
	#header p a:hover { color:white; background:#369; }
	#header #nav { background: hsla(0,100%,100%,.8); height: 80px; border-radius: 8px; box-shadow:0 0 3px hsla(0,0%,0%,.3); }
	#header #nav ul { padding: 4px 0 0 10px; height: 36px; line-height: 32px; background: #0c81c4; border-radius: 8px 8px 0 0; }
	#header #nav ul li { float: left; margin-left:10px; }
	#header #nav ul li a { display: block; padding:0 10px; color:white; }
	#header #nav ul li a.c,#header #nav ul li a:hover { background: hsla(0,100%,100%,.96); color:#369; border-radius: 4px 4px 0 0; }
	#header #nav div { font-size: 1.2rem; line-height: 40px; }
	#header #nav div i { color:#b7c9dd; font-size:2.6rem; float: left; margin: 10px 10px 0 15px; }
	#header #nav div input { float: left; margin-top: 7px;height: 28px;}
	#header #nav div .c1 { padding:0 10px; border-radius: 6px 0 0 6px;  border:solid #c9d8e8 1px; border-width: 1px 0 1px 1px; width: 400px; font-size:1.2rem; color:#666;}
	#header #nav div .c2 { padding:0 10px; border:solid #c9d8e8 1px; border-radius: 0 6px 6px 0; font-size:1.2rem; background: #c9d8e8; color:#369; }
	#header #nav div span { margin: 0 5px 0 20px; color:#f60; }
	#header #nav div a { color:#369; margin: 0 12px 0 0; text-decoration: underline; }
	#header #nav div a:hover { color:#444; text-decoration: none; }
	.tip { height: 32px; line-height: 32px;  background: hsla(0,100%,100%,.8); border-radius: 8px; box-shadow:0 0 3px hsla(0,0%,0%,.3); margin:10px auto; text-align: center; font-size:1.2rem; }
		.tip a {  color:red; margin:0 20px; }
		.tip a:hover { color:#f60;  }
#flash { padding:10px; height: 420px; background: hsla(0,100%,100%,.8);  box-shadow:0 0 3px hsla(0,0%,0%,.3); text-align: center;}
	#flash img { height: 400px; width: 100%; }
	#flash .item a span { position: absolute; background: hsla(0,0%,0%,.6); color:white; padding:4px 10px; text-align: left; left:40px; bottom:20px; line-height: 1.8; border-radius: 6px;}
	#flash .itema { position: relative; }
.tit { margin:10px 0; padding:0 10px; border-radius: 8px; height: 36px; line-height: 36px; background: #0c81c4; color:white; box-shadow:0 0 3px hsla(0,0%,0%,.3); }
.tit:before {content:attr(before); float:left; display:block; margin:13px 8px 0 5px;width: 10px; height: 10px; border:solid white 2px; border-radius: 100px;}
.tit a { float: right; font-size:1.2rem; color:white; }

.list1, .list2, .list3 {  height: 1%; overflow: auto; background: white;}
.list1 li, .list2 li, .list3 li { float: left; display: block; padding:10px; text-align: center; border:solid white 1px; }
	.list1 li { width: 200px;  }
	.list2 li { width: 333px; }
	.list3 li { width: 166px; }
	.list1 li img, .list2 li img, .list3 li img { width: 100%; }
	.list1 li a img { height: 140px; }
	.list2 li a img { height: 200px; }
	.list3 li a img { height: 90px; }
	.list1 li p a { color:red; font-family:Tahoma, Arial, Helvetica, sans-serif;}
	.list1 li p a:before { content:"\FFE5"; }
	.list1 li p { padding: 5px 0; }
	.list1 li:hover, .list2 li:hover, .list3 li:hover { border:solid #eee 1px; background: #ffe; }
.list2 p, .list3 p { height: 30px; line-height: 30px; overflow:hidden; font-size:1.2rem; }
.list4 {  padding:10px 0; height: 1%; overflow: auto; }
.list4 li { float: left; font-size:1.2rem; margin: 0 20px 0 10px; }
.list4 li a { color:#666; }
.list4 li a:hover { color:#f60; text-decoration: underline; }
#footer { margin-top:20px; background: #f9f9f9; border-top:solid #eee 1px; padding:10px 0; text-align: center; font-size:1.2rem; line-height: 1.5; }
	#footer p { padding:3px 0; }
.cbox { margin-top:10px; height: 1%; overflow: auto; }
	.cbox .fl { float: left; }
	.cbox .fr { float: right; }
	.cbox .fr, .cbox .fl { width: 490px; overflow: hidden; }

.list5 li { padding:0 5px; font-size:1.2rem; height: 28px; line-height: 28px; overflow: hidden; border-bottom:dotted #ddd 1px; }
.list5 li a:before { content: attr(before); margin:10px 6px 0 0; width:8px; height: 8px; background: #f9f9f9; border:solid #ddd 1px; float: left; border-radius: 2px; }
.list5 li a:hover:before { background: #f60; border:solid #f60 1px; }
.list6 {  width: 520px; }
.list6 li p { height: 30px; line-height: 30px; overflow: hidden; }
.list6 li { float: left; margin:10px 8px 0 0; width: 118px; font-size: 1.2rem; text-align: center; }
.list6 li img { width: 100%; height: auto; height: 90px; }
#about { height: 410px; border-radius: 10px; padding: 5px 10px; font-size: 1.2rem; line-height: 1.8; background: url(../img/about.jpg) center bottom no-repeat; background-size: 120% auto;}
	#about p { padding-bottom: 10px; text-indent: 22px; }
	#about div { box-shadow: 3px 0 6px hsla(0,0%,0%,.3);  width: 440px; margin:20px auto 0 auto; background: hsla(0,100%,100%,.8); border-radius: 10px; padding:10px 20px;}
.list7 { height: 1%; overflow: auto; width: 1100px;}
.list7 li { float: left; width: 238px; margin:6px; background: #ffc;  box-shadow: 0 0 3px hsla(0,0%,0%,.2); border-radius: 4px; font-size: 1.2rem; }
.list7 li p { height: 30px; line-height: 30px; background: #f60; border-radius: 4px 4px 0 0; padding:0 10px;  }
	.list7 li p a { color:white;  }
	.list7 li div { padding:10px; line-height: 1.8; height: 90px; overflow: hidden; }
	.list7 li p a:before { content:'问:'; margin-right:5px; color:yellow; font-size: 1.4rem; font-weight: bold; }
	.list7 li div:before {content:'答:'; margin-right:5px; color:red; font-size: 1.4rem; font-weight: bold;}
	.list7 li a:hover { color:#ffc; text-decoration: underline; }
#bk { height: 240px; }
#this { margin-bottom:10px; background: hsla(0,100%,100%,.8); height: 32px; line-height: 32px; font-size: 1.2rem; border-radius: 6px;box-shadow: 0 0 3px hsla(0,0%,0%,.2); }
	#this span { border-radius: 6px 0 0 6px; margin-right:10px; padding:0 10px; float: left; display: block; height: 32px; background: #0c81c4; color: white; }
#list1 li { padding:10px; float: left; width: 50%; line-height: 2; }
	#list1 li img { width: 100%; }
#pages { margin-top:20px; padding:6px 0 8px 0; background: #f7f7f7; border:solid #eee 1px; border-radius: 6px; text-align: center; color:#999;}
	#pages li { display: inline;  font-size: 1.2rem; }
		#pages li a { background: white; border:solid #ddd 1px; padding: 2px 6px;  color:#888;}
		#pages li.thisclass a { background: #0c81c4; color:white; border:solid #0c81c4 1px; }
h2.t { text-align: center; padding: 10px 0;  font-size: 2.4rem;}
	#tip { border-bottom:dotted #ccc 1px; height: 40px; line-height: 40px; margin-bottom:10px; text-align: center;  font-size: 1.2rem;}
		#tip span { margin: 0 20px; }
		#tip b { font-weight: normal; color:#888; }
		#mbd { padding: 10px; line-height: 1.8; }
		#mbd p { padding: 10px 0; }
		#mbd img,#mbd table img { margin: 15px; }
	#npage { padding-top: 10px; font-size: 1.2rem; border-top:dotted #ccc 1px; line-height: 2; }



}