@charset "utf-8";
/* CSS Document */
html,body,form,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,em,address,a,input,textarea,span,strong,img,blockquote,fieldset,div,label{margin:0px; padding:0px}
body{font-size:14px; line-height:180%; color:#666;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,Arial,Helvetica,sans-serif;color: #fff;}
ul,ol,dl{list-style:none;}
input,textarea,select,button{font-size:12px;}
a{ text-decoration:none;-webkit-transform: translate(0px,0);-moz-transform:translate(50px,0);transform: translate(0px,0);transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;color: #ddd;}
a:hover{text-decoration:none; color: #fff;}
a:link,a:visited{ }
img{border:none;}
table{border-collapse:collapse;}
table,thead,tbody,tfoot,tr,td{margin:0px}
.clearfix{clear:both; height:0px; line-height:0px; font-size:0px; visibility:hidden;}
.right{ float:right;}
.left{ float:left;}
.clear{ clear:both;	}


h1,h2,h3,h4{}
h1{	font-size: 14px;color: #333;line-height: 30px;font-weight: bold;}/*首页标题*/
h2{color: #88c507;font-size: 24px}

/* iconfont */
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

/*字体*/
@font-face { 
font-family:'Helvetica'; /*给自定义字体命名*/
src: url('fonts/HelveticaNeueLTPro-ThEx.eot'); 
src: url('fonts/HelveticaNeueLTPro-ThEx.eot?#iefix') format('eot'), 
url('fonts/HelveticaNeueLTPro-ThEx.woff') format('woff'), 
url('fonts/HelveticaNeueLTPro-ThEx.ttf') format('truetype'), 
url('fonts/HelveticaNeueLTPro-ThEx.svg#webfontjKg17VrE') format('svg'); 
}

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.wrapper{
  width: 1170px;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}

.color3{
    color: #333;
}
.color6{
    color: #666;
}
.color9{
    color: #999;
}
.colorred{
  color: #ff0037;
}
.colorwhite{
  color: #fff;
}
.font12{
  font-size: 12px;
}
.font16{
  font-size: 16px;
}
.font18{
  font-size: 18px;
}
.font20{
  font-size: 20px;
}
.font22{
  font-size: 22px;
}
.font24{
  font-size: 24px;
}
.font26{
  font-size: 26px;
}
.font28{
  font-size: 28px;
}
.font30{
  font-size: 30px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.mb30{
  margin-bottom: 30px;
}



/*header----------------------------------*/
.header{
 width: 100%; height:83px;
}
.top{ width:1147px; height: auto; margin:0 auto;position: relative;border-bottom: 1px solid #eee;
}
.topz{ width:500px; height: auto; float: left; line-height: 83px}
.topy{ width: 280px; float: right;}
.topys{ width: 200px; height: 40px; line-height: 40px;position:absolute;z-index: 999; right: 0}
.topys-lib{ width:90px; float:left; }
.topys-lib a:hover{color: #35c1f7;}
.topys-libn{ border: none;font-size: 12px; color: #000}
.topys-lib .drop-erm{ width:106px; height:106px; min-width: 106px; margin: 0px; padding:0px;}
.topyx{ height: 30px; font-size: 14px; color: #666; float: left; line-height: 30px; position: absolute; top:40px;}
.topyx strong{ font-size: 24px; color: #599afe;line-height: 30px;}
/*main navigation*/
/*header*/
#header {
  width:100%;
  height:auto;
  transition:all ease .3s;
  z-index:99;
}

#header ul#nav {
  width:100%;
 text-align: center;
  }
#header ul li.navitem {
  width:auto;
  float:left;
  margin:0px 44px;
  display:inline;
  position:relative;
  transition:all ease .3s
}
#header ul li.navitem:hover ul.subnav {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  visibility: visible;
}
#header ul li.navitem a {
  display: block;
  width:auto;
  padding:10px;
  height:45px;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
  transition:all ease-out .3s;
}
#header ul li.navitem a.active,#header ul li.navitem:hover a {
  border-bottom:solid 2px #599afe;
  color:#599afe;
}
#header ul li.navitem ul.subnav {
  position:absolute;
  width:160px;
  top:45px;
  opacity: 0;  
  background: rgba(89,154,254,0.7);
  transition: all 0.3s ease 0s;
  transform: translate3d(0px, 10px, 0px);
  -moz-transform: translate3d(0px, 10px, 0px);
  -webkit-transform: translate3d(0px, 10px, 0px);
  visibility: hidden;
  z-index:9999
}

#header ul li.navitem ul.subnav li a {
  padding:0 10px;
  width:160px;
  height:34px;
  background: none;
  line-height:34px;
  display:block;  
  color:#fff;
  font-size:12px;
  transition:all ease-out .2s;
  border-bottom:none;
}
#header ul li.navitem ul.subnav li a:hover {
  text-indent:10px;
  background:rgba(89,154,254,1);
  color:#fff
}
#header ul li.navitem ul.subnav li a:hover i {
  opacity:1
}


/*
私有前缀
-webkit- chrome和safari
-moz- firefox
-ms- IE
-o- opera
*/