@CHARSET "UTF-8"
body,html{ width:100%; height:100%;}
body{position: absolute;}
ul,body,html,h2,h3,h4{padding:0px; margin:0px;}
h2,h3,h1,h4,p,span,a.more{font-family:'Microsoft Yahei';}
h2{ font-size:16px;}h3,h4{ font-size:14px; font-weight:normal;white-space:nowrap;}
ul{list-style:none;}h1{ font-size:15px;font-weight:normal;}
a{text-decoration: none;}
img{border: none;}
dl,dt,dd{margin: 0px;}
.main,body,html,.header,.colorarea,.footer{min-width:980px; width:100%;}
.colorarea{ width:100%; height:60px; background-color:#eaecec;position: relative;overflow: hidden;}
.header{ height:40px; background-color:#000; position: relative; overflow:visible;z-index: 99;}
.header .nav{ width:84%; overflow:visible; position:absolute;z-index:99; left:15%; top:0px;}
.header .nav .logo{ height: auto;  width: 36px;  margin: 8px 22px 2px 0px;float:left;cursor: pointer;}
.header .nav ul.menu{ overflow:visible;}
.header .nav ul.menu li{ width:108px; float:left; text-align:left; overflow:visible;}
.header .nav ul.menu li.login,.header .nav ul.menu li.download{ width:56px; float:right; text-align:center;}
.header .nav ul.menu li.download{ margin-right:50px;}
.header .nav ul.menu li.download h2{ background:url(../img/header_nav_line.png) left center no-repeat;}
.header .nav ul.menu ul{ width:auto; overflow:visible; height:0px; display:none;    position: relative;left: -20px}
.header .nav ul.menu ul li{ width:auto; border-bottom:1px solid #eaecec; height:30px;overflow:visible;}
.header .nav ul.menu li h2{ color:#cccccc; cursor:pointer; line-height:40px; height:40px;}
.header .nav ul.menu li h2:hover{color:#FFF;}
.header .nav ul.menu li h2.hover{color:#FFF;}
.header .nav ul.menu li h3{ width:auto; height:30px; line-height:30px; color:#343434; background-color:#dcdcdc; padding:0px 10px;cursor:pointer;}
.header .nav ul.menu li h3:hover{ background-color:#ccc}
.header .nav ul.menu li.search{width:15px;cursor:pointer;height:15px;float: right;position: absolute;  right: 30px;  top: 12px;background:url(../img/search_n.png) center no-repeat;}
.header .nav ul.menu li.search:hover{background-image:url(../img/search_o.png)}
.searchbar{height: 30px;  top: 0px;  background: #00b7ee;  position: absolute;  width: 100%;  z-index: 98;}
.searchbar input{height:24px;width:79%;float:right;border:none;margin:2px;}
.searchbar span{position: absolute;left:21%;text-indent: 7px;top:3px;font-size:16px;color:#010101}
.main{ position:relative;}
.article{ width:100%; height:120px; background-color:#FFF;}
.article h1{ font-size:30px; color:#959595; text-align:center; width:100%; line-height:120px; height:120px; margin:0px;}
.footer{ position:relative; background-color:#d2d2d2;float:left;}
.footer section,.footer p{position:inherit; min-width:900px; max-width:1024px; width:100%; margin:0 auto; margin-top:44px;}
.footer .info{ height:160px;}
.footer .info h3{ font-weight:bold; }
.footer .info h3,.footer .info h4,.footer .mail div h3{ line-height:28px; height:28px;font-size:16px;}
.footer .info li{ float:left; width:20%; text-align:center;}
.footer .mail,.footer p{ width:71%; min-width:800px; height:40px;}
.footer .mail div{ margin-left:8px;float:left;}
.footer .mail div h3{ color:#FFF; }
.footer .mail div input{ height:26px; width:210px; border:1px solid #dcdcdc;  float:inherit; margin-top:5px;}
.footer .mail div span{ display:block; height:30px; background-color:#89c997; float:inherit; color:#FFF; line-height:26px; width:88px; margin-left:10px; text-align:center; font-family:inherit;margin-top:5px; cursor:pointer;}
.footer .mail div span h3,.footer p{ font-size:14px;}
.footer p{ text-align:center; line-height:26px; padding:22px 0px; color:#808080; border-top:1px solid #e6e6e6;}
.webErrorInfo{position: absolute;display: none;font-size: 12px;color: red;padding: 6px 21px;}
.webErrorInfo:before{content: '* '}
.Do_G{ height:60px; background-color:#31b3b1;}
.Do_GR{ height:60px; background-color:#eeeeee;}
.announcement{width: 892px;color: #19A9E5;;font-size: 13px;padding: 19px;  letter-spacing: 1px;  position: absolute;  top: 60px;  left: 50%;  margin-left: -446px;  margin-top: 0px;  margin-bottom: 0px;}
.announcement strong{color: red;font-size: 14px;}
.announcement span{display:block; overflow:hidden;max-height: 54px;}
