@charset "utf-8";
/*-----通用标签样式-----*/
ul,
li {
  list-style-image: none;
  list-style-type: none;
}

img {
  border: none;
}

a {
  color: #333;
  text-decoration: none;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,"微软雅黑",SimSun,sans-serif,SimSun,sans-serif;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

*html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

*+html .clearfix {
  min-height: 1%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*----通用----*/

.right {
  float: right;
}

.left {
  float: left;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}
.hide{
  display: none;
}
.show{
  display: block;
}
/* css */
/*全屏自适应轮播样式*/
.banner-main {
  width: 100%;
  height: 1080px;
  position: relative;
}

.banner-main-img {
  height: 1080px;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

.banner-main-img li {
  width: 100%;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.banner-main-img li img{
    width: 1920px;
    height: 1080px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}
.ui-controls ul{
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.ui-controls ul li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0px 5px;  
  border: 2px solid #ddd;
  background: #eee;
  /*border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.5);*/
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.ui-controls ul li:hover {
  border: 2px solid #ccc;
  background: #999;
  /*border: 2px solid rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.6);*/
}

.ui-controls ul .current {
  border: 2px solid #ccc;
  background: #999;
  /*border: 2px solid rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.6);*/
}

.ui-controls .ui-prev {
  width: 41px;
  height: 69px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -35px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/content/images/icon-slides.png) no-repeat -84px 50%;
  z-index: 999;
  cursor: pointer;
}

.ui-controls .ui-next {
  width: 41px;
  height: 69px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -35px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/content/images/icon-slides.png) no-repeat -125px 50%;
  z-index: 999;
  cursor: pointer;
}

.ui-controls .ui-prev:hover {
  background-position-x: 0px;
}

.ui-controls .ui-next:hover {
  background-position-x: -42px;
}