@charset "utf-8";


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,i{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;}
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;}
a,a:focus,a:active,a:hover{outline: none;}
a:hover{text-decoration: underline;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;color:#333;outline:0;}
html,body{width: 100%;height: 100%;}
html body{_background-image:url(about:blank); _background-attachment:fixed;} 
body{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
input,textarea{outline: none;}
img{border: 0 none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{cursor: pointer; -webkit-appearance: button;}

::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}

.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-pa{position:absolute;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-ma{margin-left: auto;margin-right: auto}


body{ max-width:720px; max-height:1024px; margin:0 auto; background:#F8F8F8; }


.z-head{ background:#3A8AC9; width:100%; height:6em;}
.z-head01 h2{ float:left; font-weight:normal;}
.z-head01 h2 a{ display:inline-block; height:6em; line-height:6em; color:#FFFFFF;}
.z-head01 h2 img{ width:4.5em; vertical-align: middle; margin: -1.5em 1em 0 1.8em;}
.z-head01 h2 a em{ font-size:2.6em;}
.z-head01 i{ float:right; margin-right:1em; background-image:url("img/head_10.png"); background-size:60% 36%; background-position:center center; background-repeat:no-repeat; width:6em; height:6em; cursor:pointer; display:inline-block;}

.z-head02{position: absolute; background:#000; z-index:1000; left:0; opacity:0.7;  width:100%; height:100%; text-align:center; display:none;}
.z-head02 .z-a{ width:100%; height:6em; text-align:right;}
.z-head02 .z-a i{ margin-right:1em; background-image:url("img/head_11.png"); background-size:56% 56%; background-position:center center; background-repeat:no-repeat; width:6em; height:6em; cursor:pointer; display:inline-block;}
.z-head02 ul{ margin-top:3em; list-style-type:none;}
.z-head02 ul a{color:#FFFFFF; background-size:auto 60%; background-position:left 42%; background-repeat:no-repeat; width:12em; height:6em; line-height:6em; display:inline-block; text-align:left; padding-left:6em;}
.z-head02 ul a em{ font-size:2.6em;}
.z-head02 ul a.shouye{ background-image:url("img/head_1.png");letter-spacing:2em;}
.z-head02 ul a.xiazai{ background-image:url("img/head_2.png");}
.z-head02 ul a.pinggu{ background-image:url("img/head_3.png");}
.z-head02 ul a.dongtai{ background-image:url("img/head_4.png");}
.z-head02 ul a.ziyuan{ background-image:url("img/head_5.png");}
.z-head02 ul a.lianxi{ background-image:url("img/head_6.png");}


.z-footer{ height:7em; border-top:1px solid #d0d0d0;}
.z-footer01{ text-align:center; color:#ccc; font-size:1.6em; margin-top:1.2em;}
.z-footer02{ height:7em; }

.z-other01{position:fixed; right:2em; bottom:2em; z-index:9999;}
.z-other01 a{ background-size:100% 100%; background-image:url("img/index_7.png"); width:6em; height:6em; color:#3a8ac9; text-align:center; font-size:1.2em; line-height:9em; display:inline-block; }
















