.cf_bg {

    width: 100%;
    overflow: hidden;
    background: url(/dm-0c454738284db1c1/stories/style/KLUv_SBHDQIAckQPEZB9UD_hEsynlIX5E7EyM7MQEM_wL0LLYgaweX6QVelkmP_hRnh58b4SUg6rdOtCvS48iu_DYe_tfrDWMQA) center bottom no-repeat #eff9fd;
    background-size: 1920px auto;
    position: relative;
    height: 810px;

  }

  .video-top {
    width: 100%;
    z-index: 1;
  }

  .zq_all {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -640px;
  }

  /*.cfConBox{ height:0px;}*/
  .cf_tit {
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    padding-bottom: 17px;
  }

  .cf_tit h1 {
    width: 1280px;
    height: 56px;
    font: bold 47px/1.2 "Microsoft YaHei";
    text-align: center;
    color: #2e81cd;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 5px;
  }

  .cf_tit h1 a:link,
  .cf_tit a:visited {
    color: #000;
  }

  .cf_tit p a {
    margin: 0 5px;
  }

  .cf_tit p a:link,
  .cf_tit p a:visited,
  .cf_tit p a:hover {
    color: #000;
  }

  .cf_tit p {
    width: 1280px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #000;
    margin-top: 5px;
    text-align: center;
    line-height: 24px;
  }

  .cf_con {
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
    margin-top: 0px;
  }

  .cf_con div.fl {
    width: 825px;
    margin-left: 10px;
  }

  .cf_con div.fr {
    width: 434px;
    float: right;
    margin-right: 10px;
  }
  .cf_con div.fr li:first-child {
    margin-top: 0px;
  }

  .cf_con div.fr li:last-child {
    padding-bottom: 21px;
}
  .cf_con div.fr li {
    background: #4795d2;
    background-color: #619ce1;
    width: 398px;
    height: 60px;
    padding: 19px 16px 20px 20px;
    position: relative;
    margin-bottom: 2px;
    font: normal 18px/28px "Microsoft YaHei";
    color: #fff;
    overflow: hidden;
  }

  .cf_con div.fr li a:link,
  .cf_con div.fr li a:hover,
  .cf_con div.fr li a:visited {
    color: #fff;
  }

  #cf_focus2,
  #cf_focus {
    width: 825px;
    height: 605px;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  #cf_focus2 ul,
  #cf_focus ul {
    width: 100%;
  }

  #cf_focus2 ul li,
  #cf_focus ul li {
    display: none;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    padding: 0;
    height: auto;
    color: #000;
  }

  #cf_focus2 ul li a,
  #cf_focus ul li a {
    color: #fff;
  }

  #cf_focus2 ul li img,
  #cf_focus ul li img {
    display: block;
  }

  #cf_focus2 ul li div,
  #cf_focus ul li div {
    background: rgba(0, 0, 0, 0.5);
    height: 60px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
  }

  #cf_focus2 ul li span,
  #cf_focus ul li span {
    position: absolute;
    bottom: 0px;
    left: 15px;
    font: normal 20px/60px "SimSun";
    color: #fff;
    z-index: 3;
  }

  #cf_focus2 ol,
  #cf_focus ol {
    position: absolute;
    bottom: 25px;
    right: 20px;
    z-index: 9;
  }

  #cf_focus2 ol li,
  #cf_focus ol li {
    width: 12px;
    height: 12px;
    float: left;
    cursor: pointer;
    margin: 0 5px;
    padding: 0;
    background: #ffffff;
    border-radius: 50%;
    text-indent: -9999px;
  }

  #cf_focus2 ol li.active,
  #cf_focus ol li.active {
    display: block;
    background: #d67241;
  }

  .zq_vpic {
    margin-top: 15px;
  }

  .zq_vpic ul li {
    float: left;
    margin-left: 6px;
    position: relative;
    background: url("/img/2020peopleindex/img/zhuanqu/20250829/spbg.png") center top no-repeat;
    width: 269px;
    height: 181px;
  }

  .zq_vpic ul li img {
    width: 261px;
    height: 175px;
  }

  .zq_vpic ul li:first-child {
    margin-left: 0px;
  }

  .zq_vpic ul li span {
    position: absolute;
    bottom: 6px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 261px;
  }

  .zq_vpic ul li i {
    position: absolute;
    top: 48px;
    left: 98px;
    background: url("/img/2020peopleindex/img/zhuanqu/20250829/zqplay.png") center top no-repeat;
    width: 64px;
    height: 64px;
    display: block;
  }

  @-webkit-keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      opacity: 1
    }
  }

  @keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0
    }

    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
    }

    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

      opacity: 1
    }

    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      opacity: 1
    }
  }

  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }

  /* Bounce To Right */
  .hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2a76b1;
    background: #317ad4;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .hvr-bounce-to-right:hover,
  .hvr-bounce-to-right:focus,
  .hvr-bounce-to-right:active {
    color: #fff;
  }

  .hvr-bounce-to-right:hover:before,
  .hvr-bounce-to-right:focus:before,
  .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0.5;
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }

  @media screen and (max-width:1279px) {
    .cf_tit h1 {
      height: 48px;
      font: bold 34px/46px "Microsoft YaHei";
      width: 1000px;
    }

    .cf_tit h1 img {
      width: 100%;
      height: auto;
    }

    .cf_tit p {
      font-size: 12px;
      width: 1000px;
      line-height: 20px;
    }

    .cf_con {
      width: 1000px;
      height: auto;
      overflow: hidden;
    }

    .cf_con div.fl {
      width: 596px;
      height: auto;
    }

    .cf_con div.fr {
      width: 383px;
      height: auto;
    }

    .cf_con div.fr li {
      width: 353px;
      height: 48px;
      padding: 12px 15px;
      font: normal 16px/24px "Microsoft YaHei";
    }

    #cf_focus2,
    #cf_focus {
      width: 596px;
      height: 437px;
    }

    #cf_focus2 ul li,
    #cf_focus ul li {
      font-size: 14px;
    }
    #cf_focus2 ul li img,
    #cf_focus ul li img {
      display: block;
      width: 596px;
      height: 437px;
    }

    #cf_focus2 ul li span,
    #cf_focus ul li span {
      font: normal 16px/60px "SimSun";
    }

    #cf_focus2 ol,
    #cf_focus ol {
      right: 3px;
    }

    #cf_focus2 ol li,
    #cf_focus ol li {
      width: 10px;
      height: 10px;
      margin: 0 3px;
    }

    .zq_vpic ul li img {
      height: 128px;
      width: 192px;
    }

    .zq_vpic ul li {
      margin-left: 4px;
      background-size: contain;
      width: 195px;
      height: 131px;
    }

    .zq_vpic ul li i {
      left: 75px;
      top: 38px;
      width: 40px;
      height: 40px;
      background-size: contain;
    }

    .zq_vpic ul li span {
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      width: 192px;
      bottom: 3px;
    }

    .zq_all {
      margin-left: -500px;
    }
  }