html {
  /*height: 100%;*/
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  height: auto;
}
.swiper-container {
  width: 100%;
  /*height: 100%;*/
  color: #fff;
  text-align: center;
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide{background: #212129;height:auto !important;}
.swiper-slide .slideimg{display: block;width:100%;}
/*.page_bottom{width:100%;position:fixed;width:100%;left:0;bottom:0;z-index: 10000;}*/
.page_bottom img{display: block;width:100%;}
.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: 30px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 816px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: none;
  background: url("../img/yuan2.png") no-repeat;
  cursor: pointer;
}
.swiper-visible-switch { 
  background: url("../img/yuan1.png") no-repeat;

}
.swiper-active-switch { 
  background: url("../img/yuan1.png") no-repeat;
}
.page_bottom_2 img{display:none;}
.swiper-wrapper{height:auto !important;}
.kongjian_bottom{background: #202029;position:relative;}
.kongjian_bottom img{display: block;margin: 0 auto;}
.kb_top{width:100%;position: absolute;left:0;top:0;}
.kb_top .in{overflow: hidden;width:1200px;margin:0 auto;}
.kb_top .l{float:left;width:49%;height:40px;cursor: pointer; }
.kb_top .r{float:right;width:49%;height:40px;cursor: pointer; }

#header {background:#212129;position:static;width:100%;top:0;z-index:1000;height:75px;}
.nav {position:fixed;width:100%;left:0;}
.nav a {display:block;height:75px;float:left;}
.nav a img {display:block;height:100%;}
.navlist {position:relative !important;}
.fl {float:left;}
.clearfix:after {content:".";display:block;height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden;clear:both;}
.nav a.navItem {padding:0 20px;min-width:30px;max-width:50px;transition:all 0.5s;-moz-animation-delay:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.nav a img {display:block;height:100%;}
.nav a.navItem:hover, .nav a.active {
    background-color: #fff;
}