/* 轮播图动画 */
.animate_box{
  width: 100%;
  height: 100%;
  background: url(../imgs/newImgs/banner01_new.png) no-repeat;
  background-size: cover;
}

.animate_con {
  width: 680px;
  height: 680px;
  position: absolute;
  right: -20%;
  top: 0;
  perspective: 100px;
}

.animate_con .animate_00 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* animation: animate_00 3s 0s forwards ease-in-out infinite;
  -webkit-animation: animate_00 3s 0s forwards ease-in-out infinite; */
}

.animate_con .animate_01{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 100px;
  left: 217px;
  animation: animate_01 2s 0s forwards ease-in-out infinite;
  -webkit-animation: animate_01 2s 0s forwards ease-in-out infinite;
}

.animate_con .animate_02{
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 179px;
  left: 290px;
  transform-style: preserve-3d;
  animation: animate_02 2s 1s forwards ease-in-out infinite;
  -webkit-animation: animate_02 2s 1s forwards ease-in-out infinite;
}

.animate_con .animate_03{
  width: 160px;
  height: 160px;
  position: absolute;
  top: 247px;
  left: 78px;
  animation: animate_03 2s 2s forwards ease-in-out infinite;
  -webkit-animation: animate_03 2s 2s forwards ease-in-out infinite;
}

.animate_con>div>img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 动画帧 */
@keyframes animate_00{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-4px,-10px,0);
    -webkit-transform: translate3d(-4px,-10px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes animate_00{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-4px,-10px,0);
    -webkit-transform: translate3d(-4px,-10px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}

@keyframes animate_01{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-4px,-16px,0);
    -webkit-transform: translate3d(-4px,-16px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes animate_01{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-4px,-10px,0);
    -webkit-transform: translate3d(-4px,-10px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}

@keyframes animate_02{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(8px,16px,8px);
    -webkit-transform: translate3d(8px,16px,8px);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes animate_02{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(8px,16px,8px);
    -webkit-transform: translate3d(8px,16px,8px);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}

@keyframes animate_03{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-24px,3px,0);
    -webkit-transform: translate3d(-24px,3px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes animate_03{
  0%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    transform: translate3d(-24px,3px,0);
    -webkit-transform: translate3d(-24px,3px,0);
  }
  100%{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
}


/* 助力机构 */
.assistance_box {
  width: 100%;
  background: #F5F6F9;
  padding: 88px 0;
  box-sizing: border-box;
}

.assistance_box .assistance_con {
  width: 1200px;
  margin: 0 auto;
}

.assistance_box .assistance_con .tit {
  width: 100%;
  height: 58px;
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC, '微软雅黑';
  font-weight: 800;
  color: #2F343A;
  line-height: 58px;
  text-align: center;
  margin-bottom: 88px;
}

.assistance_box .assistance_con .con {
  width: 100%;
  display: grid;
  display: -moz-grid;
  display: -ms-grid;
  -ms-grid-columns:  33.33% 33.33% 33.33%;
  grid-template-columns: 33.33% 33.33% 33.33%;
}

.assistance_box .assistance_con .con .item {
  cursor: pointer;
  width: 384px;
  background: #FFFFFF;
  transform: scale(1);
}

.assistance_box .assistance_con .con .item:hover {
  transform: scale(1.03);
  transition: all .3s ease-in-out 0s;
  box-shadow: #DFE4F1 0px 0px 20px;
}

.assistance_box .assistance_con .con .item .title {
  width: 100%;
  height: 88px;
  background: linear-gradient(360deg, #F1F3F8 0%, #FCFDFF 100%);
  padding: 4px 0;
  box-sizing: border-box;
}

.assistance_box .assistance_con .con .item .title img {
  display: block;
  width: 240px;
  margin: 0 auto;
}

.assistance_box .assistance_con .con .item .txt {
  width: 100%;
  padding: 24px 40px;
  box-sizing: border-box;
}

.assistance_box .assistance_con .con .item .txt h4 {
  width: 100%;
  height: 60px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang-SC, '微软雅黑';
  font-weight: 500;
  color: #192537;
  line-height: 30px;
  margin-bottom: 24px;
}

.assistance_box .assistance_con .con .item .txt p {
  width: 100%;
  height: 78px;
  font-size: 16px;
  font-family: PingFangSC-Light, PingFang-SC, '微软雅黑';
  font-weight: 300;
  color: #192537;
  line-height: 26px;
  letter-spacing: -1px;
}


/* 服务券商 */
.broker_box {
  width: 100%;
  background: #FAFAFA;
  padding: 88px 0;
  box-sizing: border-box;
}

.broker_box .broker_con {
  width: 1200px;
  margin: 0 auto;
  position:relative;
}

.broker_box .broker_con .tit {
  width: 100%;
  height: 48px;
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC, '微软雅黑';
  font-weight: 800;
  color: #192537;
  line-height: 48px;
  margin-bottom: 88px;
  text-align: center;
}

.broker_box .broker_con .tit span {
  color: #FA5F2F;
}

.broker_box .broker_con .con {
  width: 100%;
  background: #fff;
  display: grid;
  display: -moz-grid;
  display: -ms-grid;
  -ms-grid-columns:  25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
}

.broker_box .broker_con .con div,
.broker_box .broker_con .con div img {
  display: block;
  width: 100%;
  transform: scale(1);
}

.broker_box .broker_con .con div:hover{
  transform: scale(1.03);
  transition: all .3s ease-in-out 0s;
  box-shadow: #DFE4F1 0px 0px 20px;
}

.broker_box  .broker_con .swiper-slide{
  height: 680px;
}

.broker_box  .broker_con .swiper-button-prev{
  display: block;
  top:320px;
  left:0px;
  display: none;
}
.broker_box .broker_con .swiper-button-next{
  display: block;
  top:320px;
  right:0px;
  display: none;
}
.broker_box .broker_con .swiper-container:hover .swiper-button-prev{
  display: block;
}
.broker_box .broker_con .swiper-container:hover .swiper-button-next{
  display: block;
}
/* 公司描述 */
.company_info_box{
  width: 100%;
  height: 280px;
  background: url(../imgs/newImgs/data_bg.png) #FA5F2F;
  background-size: contain;
  color: #FAFAFA;
}

.company_info_box .con{
  width: 1200px;
  margin: 0 auto;
  padding: 88px 0;
  box-sizing: border-box;
}

.company_info_box .con .item {
  float: left;
  width: 144px;
  text-align: center;
  margin-right: 64px;
}

.company_info_box .con .item:last-child{
  margin-right: 0;
}

.company_info_box .con .item p {
  height: 60px;
  font-size: 50px;
  font-family: Akrobat-Black, Akrobat, PingFang-SC, '微软雅黑';
  font-weight: 900;
  color: #FAFAFA;
  line-height: 60px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.company_info_box .con .item p > span {
  display: block;
  width: 32px;
  height: 60px;
  position: absolute;
  top: 0;
}

.company_info_box .con .item .num_0 {
  left: 42px;
  top: -60px;
}

.company_info_box .con .item .num_1 {
  left: 72px;
}

.company_info_box .con .item .num_2 {
  left: 42px;
}

.company_info_box .con .item .num_3 {
  left: 72px;
  top: -120px;
}

.company_info_box .con .item .num_4 {
  left: 35px;
}

.company_info_box .con .item .num_5 {
  left: 68px;
  top: -180px;
}

.company_info_box .con .item .num_6 {
  left: 0;
}

.company_info_box .con .item .num_7 {
  left: 30px;
  top: -60px;
}

.company_info_box .con .item .num_8 {
  left: 62px;
  top: -240px;
}

.company_info_box .con .item .num_9 {
  top: 0;
  left: 94px;
}

.company_info_box .con .item .num_10 {
  left: 0;
  top: -60px;
}

.company_info_box .con .item .num_11 {
  left: 30px;
  top: -300px;
}

.company_info_box .con .item .num_12 {
  left: 62px;
  top: -120px;
}

.company_info_box .con .item .num_13 {
  top: 0;
  left: 94px;
}

.company_info_box .con .item .num_14 {
  top: 0;
  left: 8px;
}

.company_info_box .con .item .num_15 {
  left: 96px;
}

.company_info_box .con .item .num.moveIn {
  top: -540px;
  transition: all 2s ease-in-out 0s;
}

.company_info_box .con .item > span {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang-SC, '微软雅黑';
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
}


/* 新闻动态 */
.product.media {
  margin-top: 0;
  background: #fafafa;
  padding: 88px 0;
}
.product .blockTitle {
  width: 100%;
  height: 48px;
  margin-bottom: 88px;
}
.product .blockTitle .tit {
  background: none;
  width: 100%;
  height: 48px;
  text-align: center;
  font-size: 40px;
  font-family: PingFang-SC-Heavy, PingFang-SC, '微软雅黑';
  font-weight: 800;
  color: #2F343A;
  line-height: 48px;
}
.product .blockTitle .link{
  text-align: right;
}
.product .blockTitle .link a {
  color:#FA5F2F;
  font-size:14px;
}