
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}

.w560{
  width: 560px;
}
.w544{
  width: 544px;
}

.genz{
    max-width: 1920px;
    min-width: 1200px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.bannner_01.jpg) top center no-repeat;
}
.genz_footer_bg{  
    position: absolute;
    width: 100%;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.footer_bg.png) top center repeat-x;
    height: 270px;
    bottom:0;
    left: 0;
  }

.genz_main{
    width: 1200px;
    margin: 0 auto;
    padding-top: 688px;
}

.genz_swiper{
    padding-bottom: 80px;
    position: relative;
    width: 1140px;
    margin: auto;
}
.genz_swiper .swiper{
    height: 555px;
    /* overflow: hidden; */
}
.genz_swiper .swiper-slide{
    width: 800px;
    height: 450px;
    box-sizing: border-box;
    position: relative;
    /* padding: 14px 28px; */
}
.genz_swiper_img{
    position: relative;
    width: 800px;
    height: 450px;
}
.genz_swiper_img img{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    border-radius: 25px 25px;
    border: 10px #fff800 solid;
}
.genz_swiper_img .genz_swiper_img_a::after{
    content: '';
    display: block;
    width: 1140px;
    height: 650px;
    position: absolute;
    top: -15px;
    left: -15px;
}
.genz_swiper .swiper-button-prev,
.genz_swiper .swiper-button-next{
    width: 40px;
    height: 40px;
    top: 330px;
    background: #ffda00;
    margin: 0;
}
.genz_swiper .swiper-button-prev{
    left: auto;
    right: 410px;
}
.genz_swiper .swiper-button-next{
    right: 0;
}
.genz_swiper .swiper-button-prev::after,
.genz_swiper .swiper-button-next::after{
    content: "";
    /* width: 22px;
    height: 2px;
    position: absolute;
    top: 27.3px;
    right: 17px;
    background-color: #f67c54; */
}
.genz_swiper .swiper-button-next::after{
    right: 17px;
}
.genz_swiper .swiper-button-prev::before{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    display: block; 
    border: 2px #114396 solid;
    border-left: none;
    border-top: none;
    top: 50%;
    left: 17px;
    transform: translate(0,-50%) rotate(135deg);
}
.genz_swiper .swiper-button-next::before{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    border: 2px #114396 solid;
    border-right: none;
    border-bottom: none;
    top: 50%;
    right: 17px;
    transform: translate(0,-50%) rotate(135deg);
}
.genz_swiper .swiper-button-prev:hover,
.genz_swiper .swiper-button-next:hover{
    background: #f67c54;
}
.genz_swiper .swiper-button-prev:hover::after,
.genz_swiper .swiper-button-next:hover::after{
    background-color: #fff;
}
.genz_swiper .swiper-button-prev:hover::before,
.genz_swiper .swiper-button-next:hover::before{
    border-color: #fff;
}

.genz_swiper .swiper-pagination{
    position: absolute;
    left: auto;
    right: 0;
    bottom: 40px;
    width: 450px;
    z-index: 99;
    height: 39px;
}
.swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #fff;
}
.swiper-pagination-bullet-active{
  background: #ffda00;
}
.genz_swiper_title{
    position: absolute;
    width: 450px;
    height: 360px;
    top: 170px;
    left: 690px;
    font-size: 24px;
    box-sizing: border-box;
    line-height: 1.563;
    background: #fff;
    z-index: 3;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.bg_title_01.png) bottom center no-repeat;
}
.genz_swiper_title .genz_swiper_title_a{
    color: #16386e;
      display: block;
      height: 180px;
      position: relative;
      /* width: 400px; */
      margin: 0 85px;
}
.genz_swiper_num{
    font-size: 64px;
    color: #00bfaf;
    font-weight: bold;
    margin-left: 85px;
    line-height: 125px;
}

.genz_more{
  position: absolute;
    top: 25px;
    right: 0;
    line-height: 34px;
}
.genz_more a{
  color: #666666;
}

.genz_jcdh{
    position: relative;
    margin: 0 30px;
    padding-top: 110px;
    margin-bottom: 80px;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.genz_jcdh_title.png) no-repeat top center;
    overflow: hidden;
}
.genz_jxwq{
  width: 1140px;
    position: relative;
    padding-top: 110px;
    margin: 0 auto;
    margin-bottom: 80px;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.genz_jxwq_title.png) no-repeat top center;
}
.genz_jcsj{
  width: 1140px;
    position: relative;
    margin: 0 auto;
    padding-top: 110px;
    margin-bottom: 80px;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.genz_jcsj_title.png) no-repeat top center;
}
.pList01-l {
  font-size: 20px;
  line-height: 1.5;
}
.pList01-l .picArea {
    position: relative;
  padding-bottom: 10px;
    overflow: hidden;
    line-height: 0;
}
.pList01-l .picArea a::after { 
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  left: 30px;
  bottom: 40px;
  z-index: 10;
  background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.play_icon.png);
  background-size: 100% 100%;
}
.pList01-l .picArea img{
  width: 560px;
  height: 800px;
  border-radius: 10px;
}
.pList01-l a{
  color: #333;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pList01-r .picArea a::after { 
    content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  left: 30px;
  bottom: 40px;
  z-index: 10;
  background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.play_icon.png);
  background-size: 100% 100%;
}
.pList01-r .picArea {
    position: relative;
  padding-bottom: 10px;
    overflow: hidden;
    line-height: 0;
}
.pList01-r .picArea img{
  width: 544px;
  height: 306px;
  border-radius: 10px;
}
.pList01-r {
  font-size: 20px;
  line-height: 1.5;
}
.pList01-r a{
  color: #333;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pList01-r li{
  height: 410px;
}


.zh-box-7{
    position: relative;
    z-index: 100;
}
.LancangMekong_haibao_title{
    text-align: center;
    padding-bottom: 65px;
}
.zh-box-7{
    position: relative;
}
.zh-box-7 .swiper{
    position: static;
}
.zh-box-7 .swiper-slide{
    width: 270px;
    height: 480px;
    border-radius: 20px;
    overflow: hidden;
}
.zh-box-7 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}   
.zh-box-7 .swiper-button-prev,
.zh-box-7 .swiper-button-next{
    width: 60px;
    height: 60px;
    top: 230px;
    color: #4c4c4c;
    box-sizing: border-box;
    /* border: 1px solid #0c5bbe; */
    background-color: #ffda00;
    border-radius: 50% 50%;
}
.zh-box-7 .swiper-button-prev{
    left: -30px;
}
.zh-box-7 .swiper-button-next{
    right: -30px;
}
.zh-box-7 .swiper-button-prev::after,
.zh-box-7 .swiper-button-next::after{
    font-size: 26px;
    font-weight: bold;
    color: #0c5bbe;
}




/* .genz_swiper .swiper {overflow: hidden;} */
/* .zh-box-7 {padding: 0 auto;} */
/* .zh-box-7 .swiper{ overflow: unset;}
.zh-box-7 .js-marquee {width: 1144px;margin: 0 auto;position: relative;}
.js-marquee {overflow: hidden;}
.zh-box-7 {width: 1140px;position: relative;margin: 0 auto;}
.zh-box-7 ul {}
.zh-box-7 li {float: left;height: auto;}
.zh-box-7 li a {display: block;margin-right: 27px;}
.zh-box-7 li img {position: relative;width: 270px;height: 480px;display: block;}
.zh-box-7 .js-btn-left,.zh-box-7 .js-btn-right {transform: translate(0,-50%);display: block;position: absolute;top: 50%;width: 40px;height: 40px;z-index: 20;cursor: pointer;background: url(https://media-imp0.impplus.cn/resource/9aae3d1c-f5e6-4b9c-83bf-45baabe5a802/2025/activity/dkhn/pc/images.icon-1_03.png) no-repeat center top;}
.zh-box-7 .js-btn-left {left: 10px;}
.zh-box-7 .js-btn-right {right: 10px;transform: translate(0,-50%) rotate(180deg);} */
.zh-box-7 li a {
/* 	transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;	
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;	 */
}
.zh-box-7 li a:hover {
/*    transform: scale(1.05);
    -ms-transform: scale(1.05); */
}



.events-section {
    /* padding: 40px 0; */
    position: relative;
    /* overflow: hidden; */
    margin: 0 auto;
}
section .container {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
}
.events-section .events-swiper-container {
    /* overflow: hidden;
    margin-left: -305px; */
}
.events-section .events-swiper {
    width: 1140px;
    margin: 0 auto;
}

.events-section .events-swiper {
    overflow: visible;
}

.events-section .swiper-slide{
    width: 368px;
    border-radius: 20px;
    overflow: hidden;
}
.events-section .list-pic{
  height: 207px;
}
.events-section .list-pic img{
  width: 368px;
  height: 207px;
}

.event-info{
  background: linear-gradient(to right, #beffc9, #8dfff8);
  height: 68px;
  padding: 15px 30px;

}
.event-info a{
  font-size: 20px;
  font-weight: normal;
  color: #264477;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.events-swiper-container .swiper-button-prev,
.events-swiper-container .swiper-button-next{
    width: 60px;
    height: 60px;
    /* top: 230px; */
    color: #4c4c4c;
    box-sizing: border-box;
    /* border: 1px solid #0c5bbe; */
    background-color: #ffda00;
    border-radius: 50% 50%;
}
.events-swiper-container .swiper-button-prev::after,
.events-swiper-container .swiper-button-next::after{
    font-size: 26px;
    font-weight: bold;
    color: #0c5bbe;
}

.events-swiper-container .swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: -30px;
    left: auto;
}

.events-swiper-container .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: -30px;
    right: auto;  
}

.mask-left {
    position: absolute;
    left: -390px;
    top: 0;
    height: 100%;
    width: 200px;
    background: linear-gradient(to right, rgba(250, 250, 250, 1), transparent);
    pointer-events: none;
    z-index: 2;
}
.mask-right {
    position: absolute;
    right: -390px;
    top: 0;
    height: 100%;
    width: 200px;
    background: linear-gradient(to left, rgba(250, 250, 250, 1), transparent);
    pointer-events: none;
    z-index: 2;
}



.genz_con{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.zs24-box-4 {width: 1140px;margin: 0 auto;}
.zs24-box-4::after {content: "";display: block;clear: both;}
.zs24-list-4 {width: 520px;padding-top: 90px;position: relative;}
.zs24-list-4-left {float: left;
    background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.genz_dyz_title.png) no-repeat top left;}
.zs24-list-4-right {float: right; background: url(https://v2.cri.cn/resource/9704f78d-4cc6-4d62-b647-e8a4015ef43c/2025/activity/beijingingenz/pc/images.genz_zxxx_title.png) no-repeat top left;}
.zs24-list-4 .more {top: 0px;}
.zs24-list-4 .more {position: absolute;top: 25px;right: 0;}
.zs24-list-4 .more a {color:#666666;}
.zs24-list-4 .more a:hover {text-decoration: underline;}
.zs24-list-4 li {line-height: 1.5;padding-left: 30px;position: relative; padding-bottom: 15px;}
.zs24-list-4 li::after {content: "";position: absolute;top: 12px;left: 0px;width: 6px;height: 6px;background: #00ac9a;border-radius: 50% 50%;transform: translate(0, -50%);}
.zs24-list-4 .list-title {}
.zs24-list-4 li a {color: #333; font-size: 18px;}
.zs24-list-4 li a:hover {text-decoration: underline;}


.zh-box-7 li a {
/* 	transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;	
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;	 */
}
.zh-box-7 li a:hover {
/*    transform: scale(1.05);
    -ms-transform: scale(1.05); */
}


