#superContainer {
  min-width: 1024px;
}

.more_p {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 0%;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #a53c3e;
  text-align: center;
}

.active .more_p_ani {
  -webkit-animation-name: more_p_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .more_p_ani {
  -webkit-animation-name: more_p_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes more_p_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    /*top: 70%; !*开始为原始大小*!*/
    left: -20%;
  }
  50% {
    /*top: 30%;*/
    left: 20%;
  }
  100% {
    /*top: 70%;*/
    left: -20%;
  }
}

.active .hongjiantou_ani {
  -webkit-animation-name: hongjiantou_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .hongjiantou_ani {
  -webkit-animation-name: hongjiantou_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes hongjiantou_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    left: 80%; /*开始为原始大小*/
  }
  50% {
    left: 85%;
  }
  100% {
    left: 80%;
  }
}

.ltie10 .new_dongtai_con_li_top {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  bottom: -30%;
  left: -7%;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .new_dongtai_con_li_top {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  bottom: -30%;
  left: -7%;
  transition-delay: 0.7s;
  opacity: 1;

}

.ltie10 .new_dongtai_con_li_right {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  bottom: -30%;
  right: -7%;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .new_dongtai_con_li_right {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  bottom: -30%;
  right: -7%;
  transition-delay: 0.7s;
  opacity: 1;

}

.active .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes beijingxiaotu_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    left: 30%; /*开始为原始大小*/
  }
  50% {
    left: 50%;
  }
  100% {
    left: 30%;
  }
}

.ltie10 .map_box_left {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  left: -0%;
  top: 0;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .map_box_left {
  /*position: absolute;*/
  width: 92.7%;
  height: 89%;
  left: -0%;
  top: 0;
  transition-delay: 0.7s;
  opacity: 1;

}

.ltie10 .map_box_right_l {
  /*position: absolute;*/
  right: 0;
  top: 0;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .map_box_right_l {
  /*position: absolute;*/
  right: 0;
  top: 0;
  transition-delay: 0.7s;
  opacity: 1;

}

.active .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes beijingxiaotu_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    left: 30%; /*开始为原始大小*/
  }
  50% {
    left: 50%;
  }
  100% {
    left: 30%;
  }
}

.ltie10 .view {
  /*position: absolute;*/
  right: 0;
  top: -14%;;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .view {
  /*position: absolute;*/
  right: 0;
  top: -14%;
  transition-delay: 0.7s;
  opacity: 1;

}



.active .red_line_box_ani {
  -webkit-animation-name: red_line_box_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .red_line_box_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes red_line_box_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    left: 30%; /*开始为原始大小*/
  }
  50% {
    left: 50%;
  }
  100% {
    left: 30%;
  }
}

.active .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .beijingxiaotu_ani {
  -webkit-animation-name: beijingxiaotu_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes beijingxiaotu_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    left: 30%; /*开始为原始大小*/
  }
  50% {
    left: 50%;
  }
  100% {
    left: 30%;
  }
}




/*修    改*/

.ltie10 .preview {
  /*position: absolute;*/
  left: 6%;
  top: -17%;
  transition-delay: 0.7s;
  opacity: 1;
}

.active .preview {
  /*position: absolute;*/
  left: 6%;
  top: -17%;
  transition-delay: 0.7s;
  opacity: 1;

}

.preview{
  z-index: 999;
}
.ltie10 .red_line_box {
  /*position: absolute;*/
  top: 19%;
  left: 27%;
  width: 20%;
  height: 58%;
  transition-delay: 0.7s;
  opacity: 1;

}

.active .red_line_box {
  /*position: absolute;*/
  top: 19%;
  left: 27%;
  width: 20%;
  height: 58%;
  transition-delay: 0.7s;
  opacity: 1;

}



.active .pic_list_img_ani {
  -webkit-animation-name: pic_list_img_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

.ltie10 .pic_list_img_ani {
  -webkit-animation-name: pic_list_img_ani; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
  -webkit-animation-duration: 3s; /*动画所花费的时间*/

}

@keyframes pic_list_img_ani { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    top: -10%; /*开始为原始大小*/
    left: -25%;
    /*transform: scale(1);*/
  }
  50% {
    top: -14%;
    left: -13%;
    /*transform: scale(1.1);*/
  }
  100% {
    top: -10%;
    left: -25%;
    /*transform: scale(1.1);*/
  }
}







