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;}
::-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;}
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";
}
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: 2rem;}
.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:#666;}
a:focus { outline:0;}
a:hover { text-decoration: none; color: #369;}
:focus {  -moz-outline-style:none;}
a:active { color:#333;}
.fl { float: left; }
.fr { float: right; }
.ah { height:1%; overflow:auto;}
.hid { display:none;}



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

.w11 { width:1340px; margin:0 auto; text-align:left; }
body { text-align: center; background:#f4f4f4; }
#head { margin-bottom: 20px; height:400px; background:url(../img/ban.jpg) center top no-repeat; background-size:auto 100%; }

div.box { text-align: left; background: white; display: inline-block; margin:10px; width:600px; height:480px; overflow:hidden; }
	.box h3 { border-left: solid #369 10px;  padding: 0 20px; height:60px; line-height:60px; background:#2998c8; color:white; font-size:1.8rem; font-weight:bold; }
	.box h3 a { margin-top: 13px; text-align: center; font-weight: normal; font-size: 1.4rem; color: #aed5e6; width: 66px; height: 35px; line-height: 35px; overflow: hidden; display: block; float:right; }
		.box h3 a:hover { color:white; }
	.box ul { padding:20px; }
	.box li { font-size: 1.6rem; padding: 10px; border-bottom:solid #dedede 1px; }
	.box li a:before { content:"\00B7\0020";}
.box2 { height: 1%; overflow: auto; max-width:1180px; margin:10px auto; border-top: solid #943227 10px; clear:both; background:white; padding:20px 20px 10px 20px; }
	.box2 a { margin-bottom: 10px; font-size: 1.6rem; float:left; margin-right:30px; }
#foot { padding-top: 35px; color: white; margin-top:30px; height:155px; background:url(../img/foot.jpg) center center no-repeat; }
	#foot p { padding:5px 0; }
	#foot img { margin-right:5px; }

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


.w11 {  text-align:left; }
body { background:#f4f4f4; }
#head { margin-bottom: 10px; height:100px; background:url(../img/ban.jpg) center top no-repeat; background-size:auto 120%; }

div.box { text-align: left; background: white; margin:10px; }
	.box h3 { border-left: solid #369 6px;  padding: 0 10px; height:40px; line-height:40px; background:#2998c8; color:white; font-size:1.6rem; font-weight:bold; }
	.box h3 a { text-align: center; font-weight: normal; font-size: 1.2rem; color: #aed5e6; width: 66px; height: 40px; line-height: 40px; overflow: hidden; display: block; float:right; }
		.box h3 a:hover { color:white; }
	.box ul { padding:10px; }
	.box li { font-size: 1.4rem; padding: 10px; border-bottom:solid #dedede 1px; }
	.box li a:before { content:"\00B7\0020";}
#foot { padding: 10px; color: white; margin-top:10px; background:url(../img/foot.jpg) center center no-repeat; font-size:1.2rem; text-align:center; }
	#foot p { padding:2px 0; }
	#foot img { margin-right:5px; }

}