.page.index {
  background: none;
  height: auto;
  min-width: 1550px;
}

.banner{
  position: relative;
}
.banner .banner-ele{
  position: absolute;
  display: block;
  width: 10%;
}
.banner .be-1{
  top: 25%;
  left: 25%;
}
.banner .be-2{
  top: 15%;
  right: 11%;
}
@-webkit-keyframes topdwon1 {
  0% {top: 25%;}
  50% {top: 30%;}
  100% {top: 25%;}
}
@-webkit-keyframes topdwon2 {
  0% {top: 25%;}
  50% {top: 20%;}
  100% {top: 25%;}
}
.banner .be-1 {
  animation: topdwon1 5s ease-in-out infinite;
  -moz-animation: topdwon1 5s ease-in-out infinite;
  -webkit-animation: topdwon1 5s ease-in-out infinite;
  -o-animation: topdwon1 5s ease-in-out infinite;
}
.banner .be-2 {
  animation: topdwon2 5s ease-in-out infinite;
  -moz-animation: topdwon2 5s ease-in-out infinite;
  -webkit-animation: topdwon2 5s ease-in-out infinite;
  -o-animation: topdwon2 5s ease-in-out infinite;
}

.item1,
.item2,
.item3 {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */

  width: 100%;

  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.item-tit {
  text-align: center;
}

.item1 {
  height: 740px;

  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/bg-item1.png');
}
.item1-con {
  margin: 0 auto;
  display: flex;
  padding: 100px 0;
  width: 1157px;
}
.item1-con .left-tit {
  margin-bottom: 40px;
}
.item1-con .left-text {
  /* position: relative; */
  transition: all .6s;
}
.item1-con .left-text.hide {
  margin-left: -240px;
  opacity: 0;
}
.item1-con .left-text.on {
  opacity: 1;
  margin-left: 0;
}
.item1-con .left,
.item1-con .right {
  width: 50%;
}
.item1-con .right {
  position: relative;
  text-align: right;
}
.item1-con .right-person {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.item1-con .right-person-bg {
  position: absolute;
  top: 0;
  right: 0;
}
@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.item1-con .right-person-ele {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(360deg);
  animation: rotation 10s linear infinite;
  -moz-animation: rotation 10s linear infinite;
  -webkit-animation: rotation 10s linear infinite;
  -o-animation: rotation 10s linear infinite;
  z-index: 9;
}
.item2 {
  height: 1016px;

  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/bg-item2.png');
}
.item2-con {
  margin: 0 auto;
  width: 1435px;
}
.item2-list {
  position: relative;
  margin-top: 60px;
  height: 648px;

  /* background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/bg-item2-list.png'); */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  
  transition: all 2s;
  font-size: 0;
  /* overflow: hidden; */
}
.item2-list.hide {
  width: 1px;
  /* opacity: 0; */
}
.item2-list.on {
  width: 100%;
  /* opacity: 1; */
}
.item2-list li {
  margin-right: 38px;
  display: inline-block;
  vertical-align: middle;

  width: 251px;
  /* overflow: hidden; */
}
.item2-list li.last {
  margin-right: 0;
}

.item2-list .item2-list-img {
  margin-left: -12px;
  margin-bottom: -3px;

  width: 251px;
  height: 458px;
  cursor: pointer;

  opacity: 0;

  transition: .6s opacity .6s, .3s background;
}
.item2-list .item2-list-img {
  margin-top: 50px;
}
.item2-list li.long .item2-list-img {
  margin-top: 0;
}

.item2-list .item2-list-img.img1 {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card1-b.png');
}
.item2-list .item2-list-img.img2 {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card2-b.png');
}
.item2-list .item2-list-img.img3 {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card3-b.png');
}
.item2-list .item2-list-img.img4 {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card4-b.png');
}
.item2-list .item2-list-img.img5 {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card5-b.png');
}

.item2-list .item2-list-img.img1:hover {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card1.png');
}
.item2-list .item2-list-img.img2:hover {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card2.png');
}
.item2-list .item2-list-img.img3:hover {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card3.png');
}
.item2-list .item2-list-img.img4:hover {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card4.png');
}
.item2-list .item2-list-img.img5:hover {
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/item2-card5.png');
}
.item2-list .item2-list-line {
  margin: 0 auto;
  width: 2px;
  height: 0;
  background-color: #fff;

  transition: .6s all;
}
.item2-list .item2-list-point {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/bg-item2-point.png');

  opacity: 0;

  transition: .4s all;
}

.item2-list li.on .item2-list-line {
  height: 92px;
}
.item2-list li.long.on .item2-list-line {
  height: 142px;
}
.item2-list li.on .item2-list-img,
.item2-list li.on .item2-list-point {
  opacity: 1;
}
.item2-list-bottom {
  position: absolute;
  bottom: 25px;
  width: 100%;
  /* margin-top: -25px; */
  height: 2px;
  background: linear-gradient(244deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
}

.item3 {
  padding-top: 150px;
  height: 822px;

  background-image: url('https://fftu.oss-accelerate.aliyuncs.com/src/src_sq/images/index/bg-item3.png');
}
.item3-con {
  margin: 0 auto;
  width: 1550px;
}
.item3-list {
  margin-top: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.item3-list li {
  margin-bottom: 40px;
  width: 270px;
  height: 111px;
  line-height: 111px;
  text-align: center;
  background-color: #2E7FD9;
  border: 1px solid #66D4FF;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.item3-list li:hover {
  z-index: 2;
  -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  -webkit-transform: translate3d(0,-2px,0);
  transform: translate3d(0,-2px,0);
}

.fixedmenu{
  width: 150px;
  height: 346px;
  position: fixed;
  top: 52%;
  right: 10px;
  background: url(../images/index/bg-hover.png) no-repeat center;
  background-size: 100%;
  font-size: 21px;
  font-weight: bold;
  z-index: 13;
  animation: fixedmenuupdown 3s linear infinite;
}
.fixedmenu i{
  width: 41px;
  height: 31px;
  position: absolute;
  top: -26px;
  right: 30px;
  background: url(../images/index/hi.png) no-repeat center;
  background-size: 100%;
  animation-name: light;
	animation-duration: 1.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@-webkit-keyframes fixedmenuupdown{
  0% {top: 52%;}
  50% {top: 53%;}
  100% {top: 52%;}
}
@keyframes light{
  from{
        opacity: 1;
    }
    to{
        opacity: 0.5;
    }
}

.fixedmenu .fm-list{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 150px;
}
.fixedmenu .fm-list .fml-item{
  width: 100%;
  color: #3f97eb;
  text-align: center;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
}

.fixedmenu .fm-list .fml-item:hover,
.fixedmenu .fm-list .fml-active{
  width: 156px;
  height: 55px;
  background: url(../images/index/hi-bg.png) no-repeat center;
  background-size: 100%;
  color: #2a97ff;
  margin-left: -2px;
}