@charset "utf-8";
/* CSS Document */
/*index*/
.banner {
  position: relative;
}
.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: block;width:100%; height:20px; position:absolute; left:0; text-align:center; bottom:20px; z-index:88; margin-bottom:0;
}
.banner .flex-control-nav li{
  display: inline-block;  margin:0 5px; overflow:hidden;
}
.banner .flex-control-nav li a{ font-size:0; width:16px; height:16px; overflow:hidden; background:rgb(255,255,255,.2);border-radius:50%; display:block;border: 1px solid rgb(136,136,136,.8);}
.banner .flex-control-nav li a.flex-active{ 
    font-size: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: rgb(1,105,202,1);
    border: 1px solid rgb(255,255,255,.8);
}

.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; }


 @media screen and (max-width:768px){
	 	 .banner {
    position: relative;
    margin-top:60px;
}
.banner .flex-control-nav li a {
    font-size: 0;
    color: rgb(255,255,255,.2);
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: rgb(255,255,255,.2);
    border-radius: 50%;
    display: block;
    border: 1px solid rgb(136,136,136,.8);
}
.banner .flex-control-nav li a.flex-active{ font-size:0; color:rgb(255,255,255,1);width:16px; height:16px; overflow:hidden; background:rgb(255,255,255,1)}
.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: 15px;
    height: 30px;
    background: url(../images/indexleft.png) no-repeat center center;
    background-size: 100%;
}
.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: 15px;
    height: 30px;
    background: url(../images/indexright.png) no-repeat center center;
    background-size: 100%;
}




	 }
 @media screen and (min-width:769px){
	 .banner {
    position: relative;
    margin-top: 85px;
}
	 }