.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.row{
    display: flex;
	display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
/* 水平两边 垂直靠上 */
.row-between-start{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-start;
}
/* 水平靠后 垂直居中 */
.row-end-center{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-items: center;
}
/* 水平靠前 垂直居中 */
.row-start-center{
	display: flex;
	display: -webkit-flex;
	justify-content: start;
	align-items: center;
}
/* 水平环绕 垂直居中 */
.row-around-center{
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
}
/* 水平两边 垂直居中 */
.row-between-center{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.col{
    display: flex;
	display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* 垂直居中水平靠后  */
.col-center-end{
    display: flex;
	display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
/* 垂直靠上水平居中  */
.col-start-center{
    display: flex;
	display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
#app {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  overflow-x: hidden;
}

#wrapper {
  display: none;
  position: relative;
  width: 1920px;
}
#wrapper-loading {
  width: 1920px;
  height: 960px;
  background: url(../images/bg-loading.jpg) no-repeat center;
}

.logo {
  position: absolute;
  width: 172px;
  height: 63px;
  top: 30px;
  left: 222px;
  background-image: url(../images/logo.png);
}

#navigation {
  position: absolute;
  top: 20px;
  left: 1340px;
  /* background-image: url(../images/btn-linkbg.png); */
 /* width: 263px;
  height: 46px; */
}
.btn-link {
  float: left;
  width: 151px;
  height: 44px;
  line-height: 44px;
  color: #fff587;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  text-decoration: none;
  background-image: url(../images/btn-link.png);
  margin-right: 10px;
}

#inner-container {
  display: none;
  width: 100%;
  height: 3550px;
  background: url(../images/bg.jpg) top center no-repeat;
  padding-top: 1085px;
  box-sizing: border-box;
}

.nav-list {
  margin: 0 auto;
}
.nav-list.fixed {
  position: fixed;
  top: 50vh;
  margin-top: -200px;
  right: 0;
}
.nav-item {
  width: 222px;
  height: 72px;
  cursor: pointer;
  margin-top: 12px;
  background-repeat: no-repeat;
}
.nav-item:nth-child(1){
  background: url(../images/bg-nav.png) -264px 0;
  /* height: 101px; */
}
.nav-item:nth-child(1).active {
  background: url(../images/bg-nav.png) 0 0 ;
}

.nav-item:nth-child(2) {
  background: url(../images/bg-nav.png) -264px -83px ;
  /* height: 80px; */
}
.nav-item:nth-child(2).active {
  background: url(../images/bg-nav.png) 0 -83px;
}
.nav-item:nth-child(3){
  background: url(../images/bg-nav.png) -264px -166px;
  /* height: 82px; */
}
.nav-item:nth-child(3).active {
  background: url(../images/bg-nav.png) 0 -166px;
}
.nav-item:nth-child(4){
  background: url(../images/bg-nav.png) -264px -250px;
  /* height: 80px; */
}
.nav-item:nth-child(4).active {
  background: url(../images/bg-nav.png) 0 -250px;
}
.nav-item:nth-child(5){
  background: url(../images/bg-nav.png) -264px -334px;
  /* height: 85px; */
}
.nav-item:nth-child(5).active {
  background: url(../images/bg-nav.png) 0 -334px;
}

.box-inner-content {
  text-align: center;
  margin-top: 40px;
}
.inner-content {
  display: none;
}



.ie9 .nav-list .nav-item{
	margin-right: 12px;
}


/* 版本提示 */
#NIE-warning-tips{
	display: none;
}
#NIE-warning-bg{
	display: none;
}
#NIE-warning-dialog{
	display: none;
}