/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0; }
body {font-size: 14px;  font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; } 
td, th, caption {font-size: 14px; } 
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; } 
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; } 
a {color: #555; text-decoration: none; }

body {scroll-behavior: smooth;}

img {border: none; }
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.hide {display: none !important;}
.display {display: block !important;}
ol, ul, li {list-style: none; }
input, textarea, select, button {font: 14px Verdana, Helvetica, Arial, sans-serif; }
table {border-collapse: collapse; }
map area {outline: none; }
select,input{ border: none;background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none;}


.title {margin: 0 auto;text-align: center;position: relative;}
.floor-1 {width: 100%;padding-top:750px ; background: url(//x0.ifengimg.com/ucms/special/images/28709B32B2D0DD574FA1BDB7209398A1.jpg) no-repeat top center;}

.column0 {width: 965px;margin: 0 auto;}
.block_00 {
  width: 965px;
  height: 655px;
  background: url(//x0.ifengimg.com/ucms/special/images/D703E2500AC748D17F6BA64D18B3F1A7.png) no-repeat center top;
  position: relative;
}
.block_01 {
  width: 965px;
  height: 1438px;
  background: url(//x0.ifengimg.com/ucms/special/images/39BB7506F056BC0476222F97FB3BBD92.png) no-repeat center top;
  position: relative;
}
.block_02 {
  width: 965px;
  height: 1438px;
  background: url(//x0.ifengimg.com/ucms/special/images/5CCA26C2EF408118B70DB3A7CD8E30DB.png) no-repeat center top;
  position: relative;
}
.block_03 {
  width: 965px;
  height: 1438px;
  background: url(//x0.ifengimg.com/ucms/special/images/9DA52FB8AE5EC2A414ADF98E793E60E5.png) no-repeat center top;
  position: relative;
}
.block_04 {
  width: 965px;
  height: 1438px;
  background: url(//x0.ifengimg.com/ucms/special/images/1F5091BAADE970E1725A83E687C5FD02.png) no-repeat center top;
  position: relative;
}
.block_05 {
  width: 965px;
  height: 1200px;
  background: url(//x0.ifengimg.com/ucms/special/images/814CD7F6E5A310929808D86A249D772F.png) no-repeat center top;
  position: relative;
  padding-top: 140px;
}


.videobox1 {
  width: 820px;
  height: 460px;
  position:absolute  ;
  top:154px;
  left: 74px;
  
}
.videobox1 video {
  width: 820px !important;
  height: 460px !important;
}

.videobox1 video source {
  width: 820px;
  height: 460px;
}
.lazy {
  width: 820px;
  height: 460px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  left: 1px;
  top: 1px;
}
.lazy:after {
  content: "";
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(//x0.ifengimg.com/ucms/special/images/84B1129899788B01A6F4AB7F0236198E.png) no-repeat center;
  background-size: auto 87px;
  position: absolute;
  left: 0;
  top: 0;
}
.lazy img {
  width: 100%;
  height: 460px;
  object-fit: cover;
}
.videobox1 h1{width: 100%;height: 50px;  font:bold 28px/40px 'Microsoft YaHei';color:#f1b178;position:absolute;top: 480px;text-align: center;background: url(//x0.ifengimg.com/ucms/special/images/D2927C452D640A0E5E8128D2A00B3EF0.png) no-repeat center bottom ;}

.videobox1 span {
  font: 24px/36px "Microsoft YaHei";
  color: #fff;
  margin-top: 10px;
  display: block;
}

.block_00 .videobox1{
 top:164px
}


.imgwp0-2{width: 900px;  height:180px;position:relative;top:760px; left: 30px; overflow: hidden;}
.imgwp0-2 img{width: 100%;  height:100%;display: block;margin: 0 auto;  }
.imgwp0-2 .swiper-slide {display: block;content: "";position:relative;width: 200px; height:113px;overflow: hidden;border: 2px #ca0f0f solid ;box-sizing: border-box; box-shadow:2px 2px 10px rgba(0, 0, 0, .7)}
.imgwp0-2 .swiper-slide span {display: block;content: ""; width: 100%; height:118px;overflow: hidden; background-color: rgba(0,0,0,0.6);position: absolute; left: 0; top: 0;}
.imgwp0-2 .swiper-slide-thumb-active span{display:none}

.imgwp00 {
  width: 820px;
  height: 460px;
  margin: 0px auto;
  position: relative;
  top: 720px;
  overflow: hidden;
}

span.swiper-pagination-bullet {
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  opacity: 1;
  border-radius: 50%;
  border: #721717 1px solid;
}
.swiper-container-horizontal
  > .swiper-pagination
  .swiper-pagination-bullet-active {
  background: #721717;
  opacity: 1;
}
span.swiper-pagination-bullet {
  margin: 0 6px !important;
}
div.swiper-container-horizontal > .swiper-pagination {
  bottom: 25px;
}



 .l{width: 50px;height:80px;position: absolute;top:910px;left: 10px;background: url(//x0.ifengimg.com/ucms/special/images/0E4A6CB712970C7572E04D5E5B8988D9.png) no-repeat;z-index: 2;}
 .r{width:50px;height:80px;position: absolute;top:910px;right: 10px;background: url(//x0.ifengimg.com/ucms/special/images/3F5CF6B58FE8D1CC080BC4D6D9129665.png) no-repeat;z-index: 2;}


.box2 {width: 950px; height:710px;position: relative;overflow-y:scroll;}
.dl_list_3 {
  width: 920px;
  height: 240px;

  margin-right: 20px;
  background: url(//x0.ifengimg.com/ucms/special/images/BF483093845B419D67C5DA25996CF69F.png) no-repeat;
}

.dl_list_3 dt {
  width: 315px;
  height: 200px;
  float: left;
  margin-left: 38px;
  margin-top: 30px;

}
.dl_list_3 dd {
  width: 520px;
  height: 200px;
  float: left;
  margin-left: 38px;
  margin-top: 30px;

}
.dl_list_3 dt img {
  width: 315px;
  height: 176px;
}
.dl_list_3 dd h2 a{width: 100%;height: 70px; display: block;  font:bold 28px/46px 'Microsoft YaHei';color:#f68911;}

.dl_list_3 dd p a{
  font: 24px/36px "Microsoft YaHei";
  color: #f68911;
  margin-top: 10px;
  display: block;
}

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

  50% {
    transform: scale(1.3);
  }
}



/* 为手机端（宽度小于或等于768px）设置样式 */
@media (max-width: 768px) {
  #video-layout>div{
    width: 80% !important;
    height: auto;
  }
}
.mobile-class>div {
  width: 80% !important;
  height: auto !important;
}
.mobile-class .video-close-layout {
  top: -108px !important;
  right: -96px !important;
  font-size: 8rem !important;
}