/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin:0;padding:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0;background-color:#fff;font-family:Microsoft YaHei;font-size:15px}
main {display:block}
hr {box-sizing:content-box;height:0;overflow:visible}
pre {font-family:monospace,monospace;font-size:1em}
a {background-color:transparent;text-decoration:none}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace;font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {display:block;border-style:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
[hidden],template {display:none}
li,ul {list-style:none}
.wrap {width:1200px;padding:0;margin:0 auto}
.pull-left {float:left}
.pull-right {float:right}
#app,body,html {height:100%}
.flex-box {height:100%;display:flex;flex-direction:column}
.content {flex:1 0 auto}
.banner {min-width:1200px}
.banner img {width:100%}
.clearfix:after,.clearfix:before {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
#header {flex:0 0 auto;background:#0c5da1;height:100px;min-width:1200px}
.logo {float:left;margin-top:13px}
.logo a {display:block;width:230px;height:75px;background:url(../images/logo.png)}
.nav {float:right}
.nav ul li {float:left}
.nav ul li a {font-size:18px;color:#fff;line-height:100px;padding:0 20px;margin:0 15px}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin:0;padding:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0;background-color:#fff;font-family:Microsoft YaHei;font-size:15px}
main {display:block}
hr {box-sizing:content-box;height:0;overflow:visible}
pre {font-family:monospace,monospace;font-size:1em}
a {background-color:transparent;text-decoration:none}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace;font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {display:block;border-style:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
[hidden],template {display:none}
li,ul {list-style:none}
.wrap {width:1200px;padding:0;margin:0 auto}
.pull-left {float:left}
.pull-right {float:right}
#app,body,html {height:100%}
.flex-box {height:100%;display:flex;flex-direction:column}
.content {flex:1 0 auto}
.banner {min-width:1200px}
.banner img {width:100%}
.clearfix:after,.clearfix:before {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
#footer {flex:0 0 auto;background:#d7d7d7;min-width:1200px;height:380px}
.vertical-line {width:1px;height:216px;background-color:#f2f2f2;float:left;margin-top:30px}
.line {width:1200px;height:1px;background-color:#f2f2f2;margin-top:30px}
.website-navigation {float:left;width:170px;margin:0 45px 0 0}
.website-navigation h1 {font-size:30px;color:#656565;margin:40px 0 30px}
.website-navigation ul {display:flex;flex-flow:row wrap;justify-content:space-between}
.website-navigation ul li a {color:#282828;font-size:14px;margin:0 10px 40px 0;display:block}
.contact-us {float:left;margin:0 41px}
.contact-us h1 {font-size:30px;color:#656565;margin:40px 0 30px}
.contact-us p {color:#282828;margin-bottom:40px}
.about-us {float:left;margin-left:45px}
.about-us h1 {font-size:30px;color:#656565;margin:40px 0 30px}
.about-us .img-box {width:127px;height:127px}
.technical-support {float:left;margin:0 41px}
.technical-support h1 {font-size:30px;color:#656565;margin:40px 0 25px}
.technical-support .img-box {width:198px;height:133px}
.keep-on-record p {color:#282828;text-align:center;margin-top:30px}


.search_box{ width:280px; height:auto; position:fixed; top:32px; right:10px; z-index:999999}
.search_box .search_input{ border:1px solid #FF0000; height:38px; line-height:36px; width:calc(100% - 100px); float:left; margin-left:5px; color:#ccc; text-indent:40px; font-size:16px; border-radius:3px 0 0 3px; background:url(../images/search.png) no-repeat 8px center #FFFFFF;}
.search_box .search_btn{ width:80px; height:38px; background:url(../images/search_btn.png) no-repeat center; border:0px solid #000; float:left; border-left:none; cursor:pointer}
.search_box .search_input:focus{outline:0px solid #FF0000;border-radius:3px 0 0 3px;}