@charset "utf-8";
/* CSS Document */
body{margin: 0; font-size: 16px;font-family: "微软雅黑";}
*{margin: 0;}
a{text-decoration: none;}
ul{list-style-type: none;}

h1{
font-size: 6em;
font-size: calc(2em + 2vw);
font-family: arial,helvetica;
margin:0;
}

.section{
margin: 0;padding: 0;

}
.fp-section:nth-child(1){
background-image: linear-gradient(128deg,#40afff,#3f61ff);
}

.fp-section:nth-child(2){
background: url('bg_mlhb.png') no-repeat center fixed;background-size: cover;
}

.fp-section:nth-child(3){
background: url('bg_3.png') no-repeat center fixed;background-size: cover;
}
.fp-section:nth-child(4){
background: url('bg_4.png') no-repeat center fixed;background-size: cover;
}
.fp-section:nth-child(5){
background: url('bg_5.png') no-repeat center fixed;background-size: cover;
}

.video-container {
  width: 100%; /* 宽度为100% */
  height: auto; /* 高度自动 */
  position: absolute; /* 绝对定位 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左边对齐 */
  overflow: hidden; /* 超出容器部分隐藏 */
}
 

.video-container video {
  width: 100%; /* 视频宽度为100% */
  height: auto; /* 视频高度自动 */
  display: block; /* 块级元素显示 */
}

.title{width: 80%;margin: 0 auto;text-align: center;}
.part01{width: 100%;float: left; margin-top: 40px;}
.list_h{width: 1277px;margin: 0 auto;padding-top: 30px;}
.list_h ul{margin: 0; padding: 0;}
.list_h ul li{width: 358px;;float: left;position: relative;margin-left: 20px;}
.list_h ul li+li{margin-left: 30px;}
.list_h ul li img{width: 358px;height: 221px;background-color: #ccc;object-fit: cover; object-position: center;}
.list_h ul li p{font-size: 16px;color: #fff;position: absolute;background-color: #000;left:0;bottom: 3px;text-align: center;width: 358px;opacity: 0.60;line-height: 26px;}
.list_h ul li p a{color: #fff;}

.list_jc{width: 1277px;margin: 0 auto;padding-top: 30px;padding-left: 40px;}
.list_jc ul{margin: 0; padding: 0;}
.list_jc ul li{width: 278px;float: left;background-color: #0b3a93;margin-left: 10px;}
.list_jc ul li+li{margin-left: 15px;}
.list_jc ul li img{width: 278px;height: 163px;background-color: #ccc;object-fit: cover; object-position: center;}
.list_jc ul li p{font-size: 16px;color: #fff;height: 60px;line-height: 30px;padding: 0px 10px;}
.list_jc ul li p a{color: #fff;}


.mr_frbox {width: 1277px;margin: 0 auto;}
.mr_frBtnL {float: left;margin:90px 35px 0px 0px;cursor: pointer;display: inline;}
.mr_frUl { float: left;width:1130px; }
.mr_frBtnR {float: right;margin-top:90px;cursor: pointer;margin-right: 50px;}
.mr_frUl ul{}
.mr_frUl ul li { display: inline; width:358px;margin-top:10px; float:left; margin-right:15px;margin-bottom:15px;  position: relative;}
.mr_frUl ul li p{ font-size: 16px;color: #fff;position: absolute;background-color: #000;left:0;bottom: 3px;text-align: center;width: 358px;opacity: 0.60;line-height: 26px;} 
.mr_frUl ul li img { display: block;border: 1px solid #D8D8D8;width: 358px;height: 221px;object-fit:cover;object-position:center; }
.mr_frUl ul li p a{color: #fff;}

.mr_frbox2 {width: 1277px;margin: 0 auto;}
.mr_frBtnL2 {float: left;margin:220px 35px 0px 0px;cursor: pointer;display: inline;}
.mr_frUl2 { float: left;width:1170px;margin-top: 15px; }
.mr_frBtnR2 {float: right;margin-top:220px;cursor: pointer;}
.mr_frUl2 ul{}
.mr_frUl2 ul li { display: inline; width:278px;margin-top:10px; float:left; margin-right:15px;margin-bottom:15px;background-color: #ab3b09; }
.mr_frUl2 ul li p{ font-size: 16px;color: #fff;text-align: center;width: 270px;line-height: 26px;height: 60px;padding: 0 8px;} 
.mr_frUl2 ul li img { display: block;border: 1px solid #D8D8D8;width: 278px;height: 500px;object-fit:cover;object-position:center; }
.mr_frUl2 ul li p a{color: #fff;}


/* 慢直播回放（带效果） */
.wrap{margin:0 auto;width:1134px;height:437px;position:relative;overflow:hidden;margin-top: 40px;}
.pic{width:679px;height:437px;cursor:pointer; background-color:#222222;}
.pic p{color: #FFFFFF; background: #222222; height: 10%;  padding-left: 10px; line-height:40px; font-size: 14px;}
.pic1{position:absolute;top:0;left:0;z-index:1;}

.pic2{position:absolute;top:0;left:679px;z-index:3;}

.pic3{position:absolute;top:0;left:770px;z-index:5;}

.pic4{position:absolute;top:0;left:861px;z-index:7;}

.pic5{position:absolute;top:0;left:952px;z-index:9;}

.pic6{position:absolute;top:0;left:1043px;z-index:11;}

.part02{width: 1225px;margin: 0 auto;padding-top: 20px;}
.zt_1{width: 605px;height: 410px;float: left;padding-top: 15px;}
.zt_2{width: 620px;float: left;padding-top: 15px;}
.zt_2 ul{margin: 0;padding: 0;}
.zt_2 ul li{float: left;margin-left: 15px;}
.zt_3{width: 1225px;float: left;padding-top: 15px;}
.zt_3 ul{margin: 0;padding: 0;}
.zt_3 ul li{float: left;}
.zt_3 ul li+li{margin-left: 15px;}