@charset "utf-8";
/* CSS Document */
/*index*/
.banner {
  position: relative;
    /*height: 100vh;*/
    color: #fff;
    background: #f7f7f7;

    overflow: hidden;

    text-align: center;
  
  
  
  
}
.banner .flexslider {
  width: 100%;
}
.banner .slides {
  position: relative;
  z-index: 1;
}
.banner .slides > li {
  height: 100%;
}
.banner .slides > li img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.banner .slides > li > ul {
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -309px;
  z-index: 200;
}
.banner .slides > li > ul h1 {
  font-size: 38px;
  color: #fff;
}
.banner .slides > li > ul h1 span {
  font-size: 50px;
}
.banner .slides > li > ul h1 span span {
  color: #0894CB;
}
.banner .slides > li > ul h2 {
  text-align: center;
  font-size: 26px;
  color: #C4C7AF;
  margin-top: 10px;
}
.banner .slides > li > ul > li {
  float: left;
  width: 100px;
  height: 35px;
  font-size: 16px;
  text-align: center;
  line-height: 33px;
  margin: 20px  10px 0;
}
.banner .slides > li > ul > li a {
  color: #fff;
}
.banner .slides > li > ul > li.cases {
  border: 1px solid #fff;
  margin-left: 200px;
}
.banner .slides > li > ul > li.indexs {
  background: #00ADF1;
}
.banner .flex-control-nav {
  display:  none;
}

.banner .flex-direction-nav {
  display:  block;
}

.banner .flex-direction-nav .flex-prev{ top:42%; position:absolute; left:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexleft.png) no-repeat center center}
.banner .flex-direction-nav .flex-prev:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

.banner .flex-direction-nav .flex-next{top:42%; position:absolute; right:5px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:9999; display:block; width:32px; height:60px; background: url(../images/indexright.png) no-repeat center center}
.banner .flex-direction-nav .flex-next:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }





/*.banner .flex-control-nav{ display:block; position:absolute; left:0; bottom:28px;width:100%;text-align:center; z-index:99999}
.banner .flex-control-nav li{ display:inline-block}
.banner .flex-control-nav a{display:inline-block;margin:1px 5px; width:80px; height:8px;background:#1e1e1e; cursor:pointer; text-indent:999em; overflow:hidden; line-height:200%}
.banner .flex-control-nav a.flex-active{display:inline-block;margin:1px 5px; width:80px; height:8px; background:#c20009; cursor:pointer; text-indent:999em; overflow:hidden; line-height:200%}*/