@charset "utf-8";

* {
  margin:0;
  padding:0;
}

body {
  font-family:'microsoft yahei';
  overflow:hidden;
  background:#fff;
}
.w {
  width:1200px;
  margin:0 auto;
}

a {
  text-decoration:inherit;
}
a,li {
  list-style:none;
}
.cf:before,.cf:after,.clearfix:before,.clearfix:after {
  content:"";
  display:table;
}
.cf:after,.clearfix:after {
  clear:both;
}
.cf,.clearfix {
  clear:both;
  *zoom:1;
}

/*导航条*/
#nav {
  width:1200px;
  height:30px;
  background:#48B37F;
  margin-top:151px;
  margin-left:auto;
  margin-right:auto;
}
#nav ul li {
  float:left;
}
#nav ul li:first-child {
  margin-left:17%;
}
#nav ul li a {
  font-size:16px;
  color:#fff;
  line-height:30px;
  padding:0 35px;
  display:inline-block;
}
#nav ul li a:hover {
  background:#FFFFFF;
  color:#48B37F;
  line-height:26px;
  border-top:2px solid #48B37F;
  border-bottom:2px solid #48B37F;
}
#nav ul li.active a {
  background:#fff000;
  color:#00a1ea;
}
/*banner上面浮层*/
.cat_wrap {
  box-shadow:1px 1px 2px #bfbcbc;
  box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
  background:#fff;
  width:180px;
  position:absolute;
  z-index:999;
  top:-30px;
}
.cat_wrap .cat_title {
  width:192px;
  height:50px;
  line-height:50px;
  font-size:16px;
  background:url(img/main/title_bg.png) no-repeat;
  margin-left:-6px;
  margin-top:-15px;
  background-size:100%;
  color:#fff;
  text-align:center;
}
.cat_wrap .cat_header {
  min-height:531px;
}
.cat_wrap .cat_list div {
  background:#fff;
  border-left:3px solid transparent;
}
.cat_wrap .cat_list div li {
  float:left;
  color:#323232;
  font-size:14px;
  margin:7px 0px;
}
.cat_wrap .cat_list div li:first-child {
  margin-left:15px;
  margin-right:10px;
}
.cat_wrap .cat_list {
  cursor:pointer;
}
.cat_wrap .cat_list div.active {
  width:177px;
  padding-left:1px;
  position:relative;
  z-index:999;
  border-left:3px solid #00a1ea;
  border-top:1px solid #00a1ea;
  border-bottom:1px solid #00a1ea;
  border-right:none;
}
/*banner浮层滑动显示弹框*/
.cat_subcont {
  display:none;
}
.cat_subcont.active {
  display:block;
}
.cat_subcont .cat_sublist {
  position:absolute;
  z-index:998;
  top:30px;
  left:180px;
  padding-top:5px;
  min-height:480px;
  width:1018px;
  background:#fff;
  border-top:1px solid #f9f9f9;
  border-left:1px solid #00a1ea;
  border-bottom:1px solid #00a1ea;
  border-right:1px solid #00a1ea;
}
.cat_subcont .cat_sublist .fore1 {
  width:1011px;
}
.cat_subcont .cat_sublist .fore1 .fore_list {
  padding:0 20px;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3 {
  padding:5px;
  border-bottom:1px solid #d3d3d3;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3 a {
  font-size:14px;
  color:#00a1ea;
}
.cat_subcont .cat_sublist .fore1 .fore_list li {
  float:left;
  padding:5px;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a {
  font-size:12px;
  color:#333;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a:hover {
  color:#00A1EA;
  border-top:2px solid #00A1EA;
  border-bottom:2px solid #00A1EA;
}
.snowfall-flakes{animation:sakura 1s linear 0s infinite;}
@keyframes sakura{
  0% {transform:rotate3d(0, 0, 0, 0deg);}
  25%{transform:rotate3d(1, 1, 0, 60deg);}
  50%{transform:rotate3d(1, 1, 0, 0deg);}
  75%{transform:rotate3d(1, 0, 0, 60deg);}
  100% {transform:rotate3d(1, 0, 0, 0deg);}
}