.i-ban {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  height: 800px;
}
.i-ban ul, .i-ban li {
  width: 100%;
  height: 100%;
}
.i-ban li {
  background-size: cover !important;
  position: absolute;
  left: 100%;
  top: 0;
  overflow: hidden;
}
.i-ban li a{
  display: block;
  width: 100%;
  height: 100%;
}
.i-ban li .cent-cont {
  position: absolute;
  left: 13%;
  top: 40%;
  /*margin-top: -240px;*/
  color: #fff;
  z-index: 3;
  width:74%;
  text-align:left;
}
.i-ban li .gray-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.i-ban li .word {
  color: #fff;
  float:left;
  width:100%;text-align:center;
}
.i-ban li .word p {
  position: relative;
  float:left;
  width:100%;
}
.i-ban li .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  float:left;
  width:100%;
}
.i-ban li .word p .sign1{
  font-size:.4rem;
  letter-spacing:10px;
}
.i-ban li .word p .sign2{
  font-size:.2rem;
  color:#fff;
  text-transform:uppercase;
  margin-top:20px;
}

.LM {display:block;position:relative;float:left;margin-top:50px;}
.LM .sDiv1{background:#fff;font-size:16px;color:#333;padding:13px 30px;position:absolute;z-index:3;top:17px;font-family:Arial}
.LM .sDiv2{background:#fc5a4f;font-size:24px;color:#fff;padding:30px 50px;position:absolute;left:130px;z-index:2}



.i-ban li .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-ban li .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-ban li .link:hover {
  border: 1px solid white;
}
.i-ban li.active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-ban li.active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-ban li.active .link i {
  animation: downico 1.5s ease-out infinite;
}
.i-ban .btns {
  position: absolute;
  bottom: 56px;
  left: 48%;
  z-index: 10;
}
@media (max-width: 767px) {
    .i-ban .btns {
      position: absolute;
      bottom: 56px;
      left: 35%;
      z-index: 10;
    }
}
.i-ban .btns span {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 27px;
  position: relative;
  cursor: pointer;
  webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border:2px solid #fff;
}
.i-ban .btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #fff;
    /*background:url(../images/bot2.png);*/
}