@charset "utf-8";
/* CSS Document */
.fm {
  width: 100%;
  height: 100vh;
  min-width: 1280px;
  max-height: 1080px;
  background: url(images/fm_bg.jpg) no-repeat top center;
  background-size: auto 100%;
  position: relative;
  overflow: hidden; }
  .fm .fmContent {
    width: 1000px;
    margin: 0 auto;
    height: 100vh;
    position: relative; }
    .fm .fmContent .fmZi {
      width: 811px;
      height: 449px;
      position: absolute;
      top: 164px;
      left: 85px;
      opacity: 0; }
      .fm .fmContent .fmZi img {
        width: 100%; }
    .fm .fmContent .fmLogo {
      width: 376px;
      height: 261px;
      position: absolute;
      top: 416px;
      left: 610px;
      opacity: 0; }
      .fm .fmContent .fmLogo img {
        width: 100%; }
    .fm .fmContent .logo {
      width: 131px;
      height: 50px;
      position: absolute;
      top: 626px;
      left: 462px;
      opacity: 0; }
      .fm .fmContent .logo img {
        width: 100%; }

.fmImg {
  position: absolute;
  width: 738px;
  height: 100vh;
  right: 0;
  top: 0px;
  opacity: 0;
  overflow: hidden; }
  .fmImg span {
    position: absolute;
    right: 0; }
  .fmImg .fmIcon {
    z-index: 10; }
  .fmImg .fmIcon1 {
    z-index: 11;
    opacity: 0; }
  .fmImg .fmIcon2 {
    z-index: 12;
    opacity: 0; }
  .fmImg .fmIcon3 {
    z-index: 13;
    opacity: 0; }
  .fmImg img {
    width: 100%; }

/*动画*/
.flash {
  -webkit-animation: flash 2s ease forwards;
  animation: flash 2s ease forwards; }

@-webkit-keyframes flash {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.flash1 {
  -webkit-animation: flash1 2s ease forwards;
  animation: flash1 2s ease forwards; }

@-webkit-keyframes flash1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1); } }

@keyframes flash1 {
  0% {
    opacity: 0;
    transform: translate3d(200px, 0, 0) scale(1); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); } }

.flash2 {
  -webkit-animation: flash2 2s ease forwards;
  animation: flash2 2s ease forwards; }

@-webkit-keyframes flash2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 50px, 0) scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1); } }

@keyframes flash2 {
  0% {
    opacity: 0;
    transform: translate3d(100px, 50px, 0) scale(0.9); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); } }

.flash3 {
  -webkit-animation: flash3 2s ease forwards;
  animation: flash3 2s ease forwards; }

@-webkit-keyframes flash3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, -50px, 0) scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1); } }

@keyframes flash3 {
  0% {
    opacity: 0;
    transform: translate3d(-50px, -50px, 0) scale(0.9); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); } }

.unflash {
  -webkit-animation: unflash 1s ease forwards;
  animation: unflash 1s ease forwards; }

@-webkit-keyframes unflash {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes unflash {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.Move {
  -webkit-animation: Move 1s ease forwards;
  animation: Move 1s ease forwards; }

@-webkit-keyframes Move {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-150px, 0, 0) scale(0.8);
    opacity: 1; } }

@keyframes Move {
  0% {
    transform: translate3d(0, 0px, 0) scale(1);
    opacity: 1; }
  100% {
    transform: translate3d(-150px, 0, 0) scale(0.8);
    opacity: 1; } }

.Move1 {
  -webkit-animation: Move1 1s ease forwards;
  animation: Move1 1s ease forwards; }

@-webkit-keyframes Move1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-180px, -30px, 0) scale(0.8);
    opacity: 1; } }

@keyframes Move1 {
  0% {
    transform: translate3d(0, 0px, 0) scale(1);
    opacity: 1; }
  100% {
    transform: translate3d(-180px, -30px, 0) scale(0.8);
    opacity: 1; } }

.Move2 {
  -webkit-animation: Move2 1s ease forwards;
  animation: Move2 1s ease forwards; }

@-webkit-keyframes Move2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-190px, -10px, 0) scale(0.8);
    opacity: 1; } }

@keyframes Move2 {
  0% {
    transform: translate3d(0, 0px, 0) scale(1);
    opacity: 1; }
  100% {
    transform: translate3d(-190px, -10px, 0) scale(0.8);
    opacity: 1; } }

.p1MoveLeft {
  -webkit-animation: p1MoveLeft 0.8s ease forwards;
  animation: p1MoveLeft 0.8s ease forwards; }

@-webkit-keyframes p1MoveLeft {
  0% {
    -webkit-transform: translate3d(-5000px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes p1MoveLeft {
  0% {
    transform: translate3d(-5000px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.p1MoveRight {
  -webkit-animation: p1MoveRight 0.8s ease forwards;
  animation: p1MoveRight 0.8s ease forwards; }

@-webkit-keyframes p1MoveRight {
  0% {
    -webkit-transform: translate3d(5000px, 0px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes p1MoveRight {
  0% {
    transform: translate3d(5000px, 0px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.xianMove {
  -webkit-animation: xianMove 0.8s ease forwards;
  animation: xianMove 0.8s ease forwards;
  -webkit-transform-origin: 30% 60%;
  transform-origin: 30% 60%; }

@-webkit-keyframes xianMove {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes xianMove {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.p1_content1{ background:#4b726f; padding:30px 0; overflow:hidden;}
.p1_content1 .video{ float:left; margin-right:20px; width:780px;}
.p1_content1 .video_pic{ width:200px; float:right;  height:440px;position:relative; overflow:hidden;}
.p1_content1 .video_pic .swiper-container{ height:380px;position:absolute;top:30px;}
.p1_content1 .video_pic .swiper-slide{ float:none; width:200px; position:relative;}
.p1_content1 .video_pic .swiper-slide div.show {
	width: 100%;
	height: 30px;
	background: url(http://www.people.com.cn/img/2016people/images/box_kuai.png);
	position: absolute;
	bottom: 14px;
	left: 0px;
	padding: 0px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	z-index: 18;
	text-align: center
}
.p1_content1 .video_pic .swiper-wrapper{ width:200px;position:absolute; top:0;}
.p1_content1 .video_pic .btnup{ position:absolute;top:0px; left:88px;background:url(images/up.png) no-repeat; width:24px; height:16px; cursor:pointer;}
.p1_content1 .video_pic .btndown{ position:absolute;top:420px; left:88px;background:url(images/down.png) no-repeat; width:24px; height:16px; cursor:pointer;}
.p1_content1 .img_jj{ width:1020px;}
.p1_content1 .img_jj li{ width:315px;}
.p1_content1 .img_jj li img{ display:block;}
.p1_content1 .img_jj li b{ font-size:24px; display:block; margin:0px auto 30px auto;color:#fff;}
.p1_content1 .img_jj li{ margin:10px 20px 30px 0; float:left;}
.p1_content1 .img_jj li p{ background:#fff; width:285px; padding:10px 15px;margin-top:0px; line-height:28px; font-size:14px;}
.swiperA .swiper-slide .title{border:3px solid #4b726f}
.swiperA .swiper-slide b{border-bottom:1px solid #4b726f}
.p5_a h4 a,.p5_right h4{color:#4b726f;}
.ZX_hd_con{ width:1000px; margin:30px auto;}
.ZX_hd_con .left{ width:320px;}
.ZX_hd_con .left div{ padding:20px 0;}
.ZX_hd_con .left div p{ padding-top:10px;}
.ZX_hd_con .center{ width:320px; margin-left:20px;}
.ZX_hd_con .center div{ padding:20px 0;}
.ZX_hd_con .center div img{ display:block;}
.ZX_hd_con .center div p{ background:#000; text-align:center; color:#fff; font-size:14px; height:30px; line-height:30px; margin-top:-30px; position:relative; z-index:10;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.ZX_hd_con .right{ width:320px;}
.ZX_hd_con .right ul{ padding:20px 0;}
.ZX_hd_con b{ display:block; font-size:22px; text-align:left; color:#4b726f;}