@charset "utf-8";
/*-- The global style --*/


html {
  -ms-touch-action: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}



/*-- 定位 --*/
.ui-rel { position: relative; }
.ui-ab { position: absolute; }
.ui-fixed { position: fixed; }

/*-- 浮动 --*/
.ui-clear:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.ui-l { float: left; }
.ui-r { float: right; }




/*
 * Grid style
 * version 20140616
 * column numbar is eight
 */

.ui-grid,
.ui-c-grid { position: relative; width: 1120px; margin: 0 auto; }
.ui-grid,
.ui-row,
.ui-c-grid,
.ui-c-row {  }
.ui-row { margin: 0 -20px;  }
.col-1,
.col-2,
.col-3,
.col-5,
.col-6,
.col-7,
.ui-c-col-1,
.ui-c-col-2,
.ui-c-col-3,
.ui-c-col-4,
.ui-c-col-5,
.ui-c-col-6,
.ui-c-col-7,
.ui-c-col-8,
.ui-c-col-9,
.ui-c-col-10,
.ui-c-col-11,
.ui-c-col-12 { float: left; margin: 0 20px; min-height: 1px; }
.col-1 { width: 200px; }
.col-2 { width: 292px; }
.col-3 { width: 364px; }
.col-5 { width: 696px; }
.col-6 { width: 768px; }
.col-7 { width: 860px; }
.col-1:after,
.col-2:after,
.col-3:after,
.col-5:after,
.col-6:after,
.col-7:after,
.ui-c-col-1:after,
.ui-c-col-2:after,
.ui-c-col-3:after,
.ui-c-col-4:after,
.ui-c-col-5:after,
.ui-c-col-6:after,
.ui-c-col-7:after,
.ui-c-col-8:after,
.ui-c-col-9:after,
.ui-c-col-10:after,
.ui-c-col-11:after,
.ui-c-col-12:after,
.ui-grid:after,
.ui-row:after,
.ui-c-grid:after,
.ui-c-row:after { content: " "; display: table; clear: both; visibility: hidden; height: 0; }



/*-- Global style --*/


#banner { height: 400px; background: #ccc;  }
.banner-photo { height: 400px; overflow: hidden; }
.banner-photo img { display: none; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -960px; }
.banner-photo img:first-child { display: block; }
.banner-page { bottom: 0; left: 0; width: 100%; height: 30px; text-align: center; }
.banner-page span { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #fff; border-radius: 50%; font: 0/0 Arial; cursor: pointer; }
.banner-page span:hover,
.banner-page span.active { background: #6c3; }