html,
body {
  height: 100%;
  text-align: center;
  background: #31C27C url(../images/star.png) repeat-x 0 50px;
}

.layui-unselect dl { max-height:220px; } 
.layui-form-select dl dd.layui-this {
    background-color: #31C27C;
    color: #fff;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 5px;
  background-color: #FFF;
  transition: all .2s;
  -webkit-transition: all .2s;
}

/*全局*/
/* .layui-unselect dl { max-height:220px; }  */
.layui-form-select dl dd.layui-this {
    background-color: #31C27C;
    color: #fff;
}
.gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  
  filter: grayscale(100%);

  filter: gray;
}

/*顶部导航*/
.es_nav{
  position:relative;
  height:80px;
  line-height:80px;
  z-index:1002;
  min-width: 1000px;
  background-color: #31C27C;
  margin-bottom:1px;
  border-bottom: 1px solid #2db272;
  box-shadow: 0 1px 0 rgba(255,255,255,.1);
}
.layui-nav{
  list-style: none;
}
.layui-nav li{
  float: right;
  line-height: 80px;
  font-weight: normal;
}
.layui-nav .layui-nav-item > a{
  display: block;
  padding:0 30px;
  line-height: 80px;
  font-size: 16px;
  font-weight: normal;
  color:#FFF;
}
.layui-nav-bar{
  z-index:0;
  height:1px;
  background-color: #fff;
}

/*横幅*/
.es_banner{
  position: absolute;
  width: 100%;
  background: #31C27C url(../images/star.png) repeat-x 0 0px;
  color: #FFF;
  height: 350px;
  overflow: hidden;
}
.es_banner .es_btn{
  display: block;
  margin: 0 auto;
  width: 200px;
  padding: 5px 20px;
  font-weight: bold;
  cursor: hand;
  border-radius: 0;
  border: #36d488 solid 1px;
}
.es_banner .es_btn:hover{
  background-color: rgba(255, 255, 255, 0.1);
}
.es_lead a{
	color: #FFF;
}
#banner_bolang_bg_1 {
	width: 997px;
	height: 85px;
	bottom: 0px;
	background: url(/images/wave1.png) repeat-x;
	position: absolute;
	width: 400%;
	left: -236px;
	z-index: 999;
	animation: wave1 25s linear .4s infinite normal;
	-moz-animation: wave1 25s linear .4s infinite normal;
	-webkit-animation: wave1 25s linear .4s infinite normal;
	-o-animation: wave1 25s linear .4s infinite normal;
}
#banner_bolang_bg_2 {
	width: 1009px;
	height: 100px;
	bottom: 0px;
	background: url(/images/wave2.png) repeat-x;
	_background: 0 0;
	position: absolute;
	width: 400%;
	left: 0;
	z-index: 998;
	animation: wave2 60s linear .4s infinite normal;
	-moz-animation: wave2 60s linear .4s infinite normal;
	-webkit-animation: wave2 60s linear .4s infinite normal;
	-o-animation: wave2 60s linear .4s infinite normal;
}

@-webkit-keyframes wave1{from{left:-236px}to{left:-1233px}}
@-moz-keyframes wave1{from{left:-236px}to{left:-1233px}}
@-o-keyframes wave1{from{left:-236px}to{left:-1233px}}
@keyframes wave1{from{left:-236px}to{left:-1233px}}
@-webkit-keyframes wave2{from{left:0}to{left:-1009px}}
@-moz-keyframes wave2{from{left:0}to{left:-1009px}}
@-o-keyframes wave2{from{left:0}to{left:-1009px}}
@keyframes wave2{from{left:0}to{left:-1009px}}

/*body*/
.es_body{
  background-color:#FFFFFF;
  padding-top:100px;
  padding-bottom:100px;
  text-align:left;
  color:#333;
}
.layui-card{
  margin-top:50px;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,.05);
}

/*底部*/

.es_footer{
  height:300px;
  padding-top:50px;
  border-top:#EFEFEF solid 1px;
  background-color:#FCFCFC;
}
.es_footer a{
  color: #999!important;
}
.es_footer a:hover {
  color: #31C27C!important;
}
.layui-breadcrumb{
  height:50px;
  line-height: 50px;
}

.layui-breadcrumb a {
  color: #333!important;
}
.es_footer_down_line{
  padding-top:5px;
  text-align:left;
  color:#999;
  line-height:18px;
}