@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align:middle
}
ul, ol, li{
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0
}
dl {
  margin:0
}
dd {
  margin-left:0
}
body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
}a {
  outline:none;
} 

a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration:none;
}
.taC,td.taC,th.taC{text-align: center;}
.taR,td.taR,th.taR{text-align:right;}
.fL{float:left}
.fR{float:right}
.width960{
  width:960px;
  margin:0 auto;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.indexNav {
  height:45px;
  background:#CFD37A;
  position:fixed;
  top:0;
  width:100%;
  padding:10px 0;
  z-index: 99
}
.indexNav .inav {
  margin:0 0 0 20px;
}
.indexNav .inav li {
  float:left;
  margin:0 20px 0 0;
  line-height: 40px
}
.indexNav .inav li a{
  color:#fff;
  border:1px solid #CFD37A;
  padding:2px 6px;
}
.indexNav .inav li a:hover{
  color:#f5f5f5;
  text-decoration: none;
}
.indexNav .inav li.active a{
  border:1px solid #fff;
  border-radius: 3px;
}
.indexNav .inav li.mlogo a{
  padding:0;
}
.indexNav .inav li.mlogo.active a{
  border:1px solid #CFD37A;
  padding:0;
}
.indexNav .menBtn {
  text-align: right;
}
.indexNav .menBtn li{
  display: inline-block;
}
.indexNav .menBtn a{
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 3px 12px;
  border-radius: 5px;
}
.indexNav .menBtn a:hover{
  text-decoration: none;
  background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
.indexNav .menBtn a.login{
  color:#bdc15f;
  background:#fff;
}
.indexNav .menBtn a.login:hover{
  background: none repeat scroll 0 0 #f5f6e4
}
.warpIndex .topBanner{
  background:#CFD37A;
  text-align: center;
  margin-top:65px;
  position: relative;
  vertical-align: middle;
}
.topBanner img{
  position: absolute;
  bottom:0;
  left:50%;
  margin:0 0 0 -480px;
  z-index: 0
}
.warpIndex .topBanner .width960{
  padding:15% 0 0 0;
  z-index:0
}
.warpIndex .topBanner h1{
  z-index: 1;
  position: relative;
  color:#fff;
  font-weight: normal;
  font-size:52px;
  margin-bottom:20px;
}
.warpIndex .topBanner p{
  z-index: 1;
  position: relative;
  color:#fff;
  font-size:22px;
  margin:0 0 30px 0;
  line-height: 34px;
  display: block
}
.warpIndex .topBanner p a{
  color:#fff;
  padding:12px 24px;
  border:1px solid #fff;
  border-radius: 5px;
  font-size:16px;
  margin:10px;
} 
.warpIndex .topBanner p a:hover{
  text-decoration: none;
  background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
.warpIndex .topBanner p a.login{
  background: #fff;
  color:#bdc15f;
}
.warpIndex .topBanner p a.login:hover{
  background: none repeat scroll 0 0 #f5f6e4
}