body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;}
html { overflow: hidden;}
body { width: 100%;  *cursor: default; overflow: hidden; }
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}


#navBar { z-index: 3; position: absolute; top: 50%; margin-top:-80px; right: 3%;}
#navBar .active { background: url(../images/k2.png);}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 40px; text-align: center; width: 12px; height: 12px; background: url(../images/k1.png);}


#navBar1 { z-index: 3; position: absolute; top: 30%; right: 3%;}
#navBar1 .active { background: #ccc;}
#navBar1 li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 40px; text-align: center; width: 40px; height: 40px;}

#cli{width:100%; height:100%; background:#555;}
#cli ul li{display:block; width:16.66666%; min-height:1000px; height:100%; float:left;}
#cli .li1{background:#4343f1;}
#cli .li2{background:#aa29d5;}
#cli .li3{background:#eb2929;}
#cli .li4{background:#ff7f00;}
#cli .li5{background:#a5dd00;}
#cli .li6{background:#009525;}
.page{
    padding-top:20px;
}
.single-line {
    overflow: hidden;      /* 隐藏溢出内容 */
    white-space: nowrap;   /* 禁止文本换行 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    width: 50%;           /* 必须指定宽度（或max-width）*/
}