.header-box {
	position: relative;
}
.header-box header.head-nav {
	position: absolute;
	top: 0;
	z-index: 99;
	left: 50%;
	transform: translate(-50%,0);
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 23px;
}
.bannerSwiper .swiper-pagination-bullet {
	background-color: #ffffff;
	opacity: 1;
}
.bannerSwiper .swiper-pagination-bullet-active {
	background-color: #76d0ff;
}
.bannerSwiper .swiper-slide a {
	display: block;
}
.bannerSwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}
.head-nav a {
	font-size: 20px;
	color: #fff;
	height: 66px;
	line-height: 66px;
	position: relative;
	padding: 0 20px;
}
.head-nav a.active {
	color: #092fc3 !important;
	background-color: #92e7ff;
	border-radius: 0 0 10px 10px;
}
.head-nav a:hover {
	color: #92e7ff;
}
.head-nav a.active::after {
	content: '';
	position: absolute;
	width: 18px;
	border-radius: 3px;
	height: 3px;
	background-color: #123dd0;
	bottom: 8px;
	left: 50%;
	transform: translate(-50%,0);
}
/* 直播 */
.live-video-box {
	background: url(../images/live_bg.png) no-repeat center bottom;
	background-size: cover;
	padding: 40px 0;
}
.live-video {
	border: 5px solid #daf3fd;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
	margin-bottom: 30px;
}
.live-video img {
	width: 100%;
	object-fit: cover;
}
.live-video-js {
	width: 100%;
	height: 655px;
}
.video-js .vjs-big-play-button {
    width: 148px !important;
    height: 148px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    background-color: transparent;
	background-image: url(../images/icon-video.png);
	background-repeat: no-repeat;
}
.video-js:hover .vjs-big-play-button {
	background-color: transparent;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: none;
}
.live-replay-box li {
	margin-bottom: 30px;
	margin-right: 30px;
	width: 31.6%;
}
.live-replay-box li:nth-child(3n+3) {
	margin-right: 0;
}
.live-replay-li {
	width: 100%;
	background: #c7e9fc;
	border-radius: 10px;
	padding: 20px;
	cursor: pointer;
}

.replay-li-assort {
	color: #3e90ff;
	font-size: 20px;
	position: relative;
	height: 34px;
	line-height: 34px;
}
.replay-li-title {
	color: #133271;
	font-size: 22px;
	border-bottom: 1px solid #add8f1;
	padding: 10px 0 12px 5px;
	margin-bottom: 10px;
}
.replay-li-time {
	color: #4c76a8;
	line-height: 32px;
	letter-spacing: 1px;
}
.replay-li-time .icons-replay-time {
	width: 18px;
	height: 18px;
	background-position: -90px 0;
	vertical-align: -3px;
    margin-right: 5px;
}
.live-replay-li.active,
.live-replay-li.live-li:hover,
.live-replay-li.replay-li:hover {
	background: linear-gradient(180deg, #2897fc, #3467e9);
}
.live-replay-li.active .replay-li-assort,
.live-replay-li.live-li:hover .replay-li-assort,
.live-replay-li.replay-li:hover .replay-li-assort {
	color: #9cfcff;
}
.live-replay-li.active .replay-li-title,
.live-replay-li.live-li:hover .replay-li-title,
.live-replay-li.replay-li:hover .replay-li-title {
	color: #ffffff;
	border-bottom: 1px solid #6391eb;
}
.live-replay-li.active .replay-li-time,
.live-replay-li.live-li:hover .replay-li-time,
.live-replay-li.replay-li:hover .replay-li-time {
	color: #cadfff;
}
.live-replay-li.active .replay-li-time .icons-replay-time,
.live-replay-li.live-li:hover .replay-li-time .icons-replay-time,
.live-replay-li.replay-li:hover .replay-li-time .icons-replay-time {
	background-position: -120px 0;
}
.disabled-li {
	background: #d8eaf6 !important;
	cursor: not-allowed;
	pointer-events: none;
}
.disabled-li .replay-li-assort,
.disabled-li .replay-li-title,
.disabled-li .replay-li-time {
	color: #94abce !important;
}
.live-li .replay-li-right {
	background: url(../images/icon-live.png) no-repeat;
	background-size: 146px 19px;
	width: 31px;
	height: 19px;
	background-position: -115px 0;
}
.live-li:hover .replay-li-right,
.live-li.active .replay-li-right {
	background-position: -75px 0;
}
.disabled-li .replay-li-right,
.replay-li .replay-li-right {
	width: 110px;
	height: 34px;
	border-radius: 17px;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	position: relative;
}
.replay-li .replay-li-right {
	background-color: #3199ff;
	padding-left: 15px;
}
.replay-li .replay-li-right::before {
	content: '';
	position: absolute;
	width: 9px;
	height: 11px;
	background: url(../images/icon-live.png) no-repeat;
	background-size: 146px 19px;
	background-position: -50px 0;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.disabled-li .replay-li-right {
	background-color: #9abde4;
	width: 110px;
	height: 34px;
	border-radius: 17px;
	line-height: 34px;
	text-align: center;
}

/* 头条 */
.tt-box {
	background-color: #f2f6f9;
	background: url(../images/tt_bg.png) no-repeat;
	height: 220px;
	padding: 35px 60px;
}
.tt-content {
	background-color: #f2f6f9;
	border-radius: 10px;
	height: 157px;
}
.tt-content .tt-left {
	/* background: url(../images/icon-tt.png) no-repeat;
	width: 90px;
	height: 157px;
	padding: 15px; */
}
.tt-content .tt-right {
	flex: 1;
	/* padding: 15px; */
	padding: 18px 20px 20px 50px;
}
.tt-content .tt-right h2 {
	font-size: 24px;
	color: #2878f5;
	margin-bottom: 10px;
}
.tt-content .tt-right.headlines {
	height: 158px;
}
.tt-content .tt-right .swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 79px;
	/* 每条数据的高度 */
}
.tt-content .tt-right p,
.tt-content .tt-right a {
	color: #2d2d2d;
	line-height: 32px;
	display: block;
    font-size: 20px;
	position: relative;
}
.tt-content .tt-right a::before {
    content: '·';
    display: inline;
    padding-right: 10px;
}
.tt-content .tt-right a:hover,
.tt-content .tt-right a:hover::before {
	color: #3a9bf7;
}

/* 新闻 */
.news-left {
	width: 664px;
	height: 440px;
	position: relative;
}
.news-left .swiper {
	position: static;
}
.news-left .swiper-horizontal>.swiper-pagination-bullets, 
.news-left .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -25px;
}
.news-left .swiper-pagination-bullet {
	background-color: #b6d2f4;
	opacity: 1;
}
.news-left .swiper-pagination-bullet-active {
	background-color: #478aed;
}
.news-left .swiper-slide a {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.news-left .swiper-slide p {
    position: absolute;
    padding: 50px 40px 15px 38px;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(31,75,190, 0), rgba(31,75,190, 0.5), rgba(31,75,190, 0.7), rgb(31,75,190));
    color: #ffffff;
	font-size: 20px;
}
.news-left .swiper-slide p::before {
	content: '';
	position: absolute;
	width: 6px;
	height: 22px;
	border-radius: 5px;
	background: linear-gradient(#82e4fc,#3f90e6);
	left: 18px;
	bottom: 5px;
	transform: translate(0,-50%);
}
.news-left .swiper-slide img {
	display: block;
    width: 664px;
    height: 440px;
}
.news-right {
	flex: 1;
	margin-left: 20px;
    width: calc(100% - 684px);
	background-color: #f2f6f9;
	border-radius: 10px;
	padding: 16px;
	height: 440px;
}
.news-content-list li a {
	color: #2d2d2d;
	font-size: 18px;
	line-height: 44px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: block;
	position: relative;
	padding-left: 25px;
}
.news-content-list li a::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 14px;
	background: url(../images/icon-speaker.png) no-repeat;
	background-size: 34px 14px;
	background-position: 0 0;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.news-content-list li a:hover {
	color: #3a9bf7
}
.news-content-list li a:hover::before {
	background-position: -19px 0;
}
.news-content-list li:first-child a {
	font-size: 24px;
	line-height: 56px;
	color: #2878f5;
	padding-left: 0;
}
.news-content-list li:first-child a::before {
	width: 0;
	height: 0;
}
/* .news-box .swiper-horizontal>.swiper-pagination-bullets,
.news-box .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -20px;
} */
/* 数字看会 */
.szkh-box {
	background: linear-gradient(#f0f7fb,#eef6fa);
}
.hexagon-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.hexagon {
	background: url(../images/icon-hexagon.png) no-repeat;
	width: 240px;
	height: 208px;
	margin-left: -50px;
	text-align: center;
	position: relative;
}
.hexagon:first-child {
	margin-left: 0;
}
.hexagon::before,
.hexagon::after {
	content: '';
	display: block;
    position: absolute;
	background: url(../images/icon-szkh-arrow.png) no-repeat;
}
.hexagon:first-child:before {
	width: 142px;
	height: 98px;
	background-position: 0 0;
	left: -6px;
    top: -8px;
}
.hexagon:nth-child(2):before {
	width: 43px;
	height: 14px;
	background-position: -158px 0;
	left: 60px;
    top: -20px;
}
.hexagon:nth-child(3):before {
    width: 1px;
    height: 110px;
    background: linear-gradient(#3ca2ff,#42a5ff);
    transform: rotate(31deg);
    top: -8px;
    left: 20px;
}
.hexagon:nth-child(3):after {
	width: 43px;
	height: 14px;
	background-position: -158px -41px;
	right: 60px;
    bottom: -20px;
}
.hexagon:nth-child(4)::after {
    display: block;
    width: 1px;
    height: 110px;
    background: linear-gradient(#3c75ec,#3570ec);
    transform: rotate(31deg);
    bottom: -8px;
    right: 20px;
}
.hexagon:nth-child(6):after {
	width: 143px;
	height: 100px;
	background-position: -218px 0;
	right: -6px;
    bottom: -8px;
}
.hexagon:nth-child(6):before {
	width: 43px;
	height: 14px;
	background-position: -158px 0;
	right: 60px;
    top: -20px;
}
.icon-szkh {
	background: url(../images/icon-szkh.png) no-repeat;
	background-size: 196px 122px;
	height: 54px;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 30px;
}
.icon-szkh-1 {
	background-position: 0 0;
	width: 45px;
}
.icon-szkh-2 {
	background-position: -67px 0;
	width: 45px;
}
.icon-szkh-3 {
	background-position: -134px 0;
	width: 54px;
}
.icon-szkh-4 {
	background-position: 0 -70px;
	width: 60px;
}
.icon-szkh-5 {
	background-position: -67px -70px;
	width: 60px;
}
.icon-szkh-6 {
	background-position: -134px -70px;
	width: 63px;
}
.hexagon .number,
.hexagon .number span {
	font-size: 34px;
	color: #1553e4;
	font-weight: bold;
}

.hexagon .label {
	font-size: 24px;
	color: #00aeff;
	margin-top: 5px;
}

.hexagon:nth-child(odd) {
	margin-bottom: 120px;
}

.hexagon:nth-child(even) {
	margin-top: 100px;
}
/* 参会嘉宾 */
.chjb-box {
	background: url(../images/bg_chjb.png) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 1139px;
}
.chjb-box .title.pb-50 {
	padding-bottom: 20px;
}
.guest-tab {
	justify-content: center;
}
.guest-tab .guest-tab-text {
	background: #2850bd;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	margin: 20px;
	min-width: 200px;
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}
.guest-tab .guest-tab-text:hover,
.guest-tab .guest-tab-text.active {
	background:linear-gradient(#7eebff, #22b9ff);
	color: #152973;
}
.guest-content {
	display: none;
}
.guest-content.active {
	display: block;
}
.chjb-img {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 20px;
	padding: 20px;
  }

.guest-image {
	width: 184px;
	height: 239px;
	position: relative;
	background: linear-gradient(180deg, #0a51af,#3ca2ff);
	border-radius: 0 40px 0 40px;
	/* overflow: hidden; */
	cursor: pointer;
}
.guest-image:nth-child(even) {
	background: linear-gradient(to bottom, #1b85e5,#0a51af);
}

.guest-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 40px 0 40px;
}

.guest-image.active img,
.guest-image:hover img {
	border: 3px solid #30c7ff;
	box-shadow: rgba(46, 189, 255,40%) 0 0 15px;
}
.guest-image.active:after,
.guest-image:hover:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 21px;
	background: url(../images/icon-right-boder.png) no-repeat;
	top: 0;
	right: 0;
}

.guest-image-content {
	grid-column: 4 / span 3;
	grid-row: 1 / span 2;
	position: relative;
	overflow: hidden;
	background: url(../images/guest-large-bg.png) no-repeat;
	width: 587px;
	height: 500px;
	background-size: 587px 500px;
}
.guest-image-content img {
	position: absolute;
	right: 27px;
	bottom: 0;
	width: 400px;
}
.info {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to right,rgba(15, 105, 220, 0.5), rgba(15, 105, 220, 0) 80%);   ;
	color: white;
	padding: 30px 45px;
	border-radius: 0 0 0 45px;
}
.info h2 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	padding-bottom: 12px;
    margin-bottom: 12px
}
.info h2::before {
    content: '';
    width: 48px;
    position: absolute;
    height: 4px;
	border-radius: 4px;
    background: #32d7ff;
	z-index: 1;
    left: 0;
    bottom: 0;
}
.info h2:after {
    content: '';
    width: 150px;
    position: absolute;
    height: 4px;
	border-radius: 4px;
    background: linear-gradient(90deg, #1b3ca2, transparent 70%);
    left: 0;
    bottom: 0;
}
.info p {
	font-size: 20px;
	margin: 5px 0;
}

/* 机器人博览会 */
.blh-box {
	background: url(../images/bj_blh.png) no-repeat center top;
	background-size: cover;
    width: 100%;
	height: 1010px;
}
.blh-mote-bottom {
	margin-top: -100px;
}
.swiper-blh-box {
	position: relative;
	padding: 0 50px;
}
.swiper-blh {
	height: 590px;
	margin: 0 auto;
	border: 8px solid #d6f0ff;
	border-radius: 10px;
	padding: 10px !important;
	margin-bottom: 30px;
	position: static;
}

.swiper-blh .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0f0f0;
	border-radius: 10px;
	overflow: hidden;
}

.swiper-blh .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-thumbs {
	overflow: hidden;
	position: relative;
	padding: 10px 6px;
}

.swiper-slide-thumbs {
	height: 100%;
	cursor: pointer;
}

.swiper-slide-thumbs img {
	width: 100%;
	height: 125px;
	object-fit: cover;
	border-radius: 10px;
	transition: transform 0.3s;
	display: block;
}
.swiper-slide-thumbs:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
    z-index: 1;
}

.swiper-slide-thumbs:hover img {
	/* transform: scale(1.05); */
}
.swiper-slide-thumbs:hover,
.swiper-slide-thumbs.swiper-slide-visible.swiper-slide-thumb-active {
	border-radius: 15px;
	border: 3px solid #2fafff;
	box-shadow: 0 0 10px #2ebdff;
	overflow: hidden;
}
.swiper-slide-thumbs.swiper-slide-visible.swiper-slide-thumb-active:after,
.swiper-slide-thumbs:hover:after {
    background-color: transparent;
}
/* 世界机器人大赛 */
.jqrds-box {
	background: url(../images/bj_ds.png) no-repeat center top;
	background-size: cover;
    width: 100%;
	height: 958px;
}
.jqrds-mote-bottom {
	margin-top: -80px;
}
.intro-box {
	margin-left: 15px;
	margin-bottom: 30px;
}
.intro-left {
	width: 617px;
	height: 249px;
	position: relative;
	margin-top: -15px;
}
.intro-left li {
	position: absolute;
}
.intro-left li a {
	color: #ffffff;
}
.intro-left li:nth-child(1) {
	top: 55px;
    left: 50px;
}
.intro-left li:nth-child(2) {
	top: 45px;
    right: 80px;
}
.intro-left li:nth-child(3) {
	bottom: 5px;
	right: -10px;
}
.intro-left li:nth-child(4) {
	bottom: -25px;
	right: 16%;
}
.intro-left li:nth-child(5) {
	bottom: -30px;
	left: 26%;
}
.intro-left li:nth-child(6) {
	bottom: 0;
    left: -10px;
}
.intro-right {
	width: 528px;
	height: 352px;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px 0;
}
.intro-right h2 {
	font-size: 24px;
	height: 44px;
	line-height: 44px;
	border-radius: 0 10px 10px 0;
	padding-left: 30px;
	width: 146px;
	color: #ffffff;
	background: linear-gradient(to right, #01a1ff, #2068f2);
	margin-bottom: 10px;
}
.intro-right p {
	padding: 0 30px;
	color: #202020;
	line-height: 32px;
}
.intro-right p a {
	color: #1086f9;
}
.intro-bottom .jqr-right {
	position: relative;
}
.intro-bottom .jqr-right .jqr-right-content {
	position: absolute;
	width: 220px;
	top: 50px;
	left: 30px;
}
.intro-bottom-list li {
	width: 80px;
	position: relative;
}
.intro-bottom-list li.active {
	width: 760px;
	/* transition: 0.3s; */
}
.jqr-pic {
    width: 100%;
    overflow: hidden;
    height: 284px;
	display: flex;
    justify-content: flex-end;
}
.jqr-pic:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.jqr-pic img {
	max-width: fit-content;
    height: 100%;
}
.jqr-right-content {
	display: none;
	width: 247px;
	height: 284px;
	padding: 30px 5px 30px 30px;
	background: #f2f6f9;
	position: absolute;
	left: 0;
	top: 0;
}
.jqr-right-content::after {
	content: ""; /* 伪元素必须有内容 */
	position: absolute; /* 绝对定位，相对于父元素定位 */
	right: -20px; /* 调整位置，使其在正方形右侧 */
	top: 0; /* 从顶部开始 */
	width: 0; /* 三角形的宽度 */
	height: 0; /* 三角形的高度 */
	right: -50px;
    transform: translateX(49.5px);
	border-width: 143px 50px;
    border-style: solid;
    border-color: transparent transparent transparent #f2f6f9;
}
.intro-bottom-list li.active .jqr-right-content {
	display: block;
}
.intro-bottom-list li.active .jqr-pic:after {
	background-color: transparent;
}
.jqr-right-content .jqr-title-a {
	font-size: 20px;
	color: #1553e4;
	padding-bottom: 12px;
	position: relative;
}
.jqr-right-content .jqr-title-a::before {
    content: '';
    width: 48px;
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, #0a91eb, #57e4ff);
    z-index: 1;
    left: 0;
    bottom: 0;
}
.jqr-right-content .jqr-title-a:after {
    content: '';
    width: 150px;
    position: absolute;
    height: 4px;
    border-radius: 4px;
	background: #fff;
    left: 0;
    bottom: 0;
}
.jqr-right-content p {
	color: #202020;
	line-height: 32px;
	margin-top: 8px;
}
/* 历史回顾 */
.lshj-box {
	background: url(../images/bj_lshg.png) no-repeat center top;
	background-size: cover;
	height: 844px;
}
/* .lshj-box1 {
	background: url(../images/bj_lshg1.png) no-repeat;
	background-size: contain;
} */
.time_line {
	position: relative;
}
 .time_line::before {
	content: '';
	position: absolute;
	background: url(../images/time_line.png) no-repeat;
	width: 569px;
    height: 650px;
	top: -60px;
	left: -369px;
 }
.history-box {
	align-items: baseline;
}
.history-box-content {
	background: url(../images/lshj_text_bg.png) no-repeat;
	width: 636px;
	height: 262px;
	position: relative;
	z-index: 9;
}
.history-content {
	position: absolute;
	width: 600px;
    top: 30px;
	left: 15px;
}
.history-content h1 {
	width: 304px;
	font-size: 26px;
	color: #ffffff;
	height: 47px;
	line-height: 47px;
	padding: 0 20px;
	border-radius: 0 25px 25px 0;
	background: linear-gradient(to right, #01a1ff, #2068f2);

}
.history-content span {
	color: #2068f2;
	flex: 1;
	margin-left: 15px;
}
.history-content h2 {
	color: #152a74;
	font-size: 18px;
	padding: 12px 20px;
}
.history-content p {
	color: #152a74;
	line-height: 26px;
	padding: 0 20px;
}
.history-arrow {
	display: block;
	text-align: right;
	padding-right: 20px;
}
.icon-history-arrow {
	width: 70px;
	height: 26px;
	background-position: 0 -93px;
}

.history-left {
	/* width: 235px; */
	width: 435px;
}
.history-right {
	position: relative;
    display: flex;
    flex-direction: column;
}
.history-img {
	margin-left: 50px;
    margin-bottom: -60px;
	position: relative;
    z-index: 2;
	width: 657px;
    height: 345px;
    overflow: hidden;
}
.history-shadow {
	position: absolute;
	top: 115px;
    width: 726px;
    z-index: 0;
    max-width: fit-content;
}
.years {
	position: relative;
    height: 555px;
}

.year {
	font-size: 60px;
	font-weight: bold;
	color: #87c4ff;
	margin: 10px 0;
	cursor: pointer;
	transition: color 0.3s, opacity 0.3s;
	opacity: 0;
	display: none;
	position: absolute;
}
.year::before {
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #6abbff;
	top: 50%;
	left: -55px;
	transform: translateY(-50%);
}

.year.active {
	display: block;
	opacity: 1;
	color: #138aff;
	/* top: 30%; */
	top: 40%;
    /* left: 36px; */
	left: 235px;
}
.year.active::before {
	width: 29px;
	height: 29px;
	border-radius: 29px;
	background: linear-gradient(90deg,#3ca1ff,#46d6fe);
}

.year.nearby,
.year.next {
	display: block;
	opacity: 0.8;
}
.year.nearby {
	/* top: 0;
    left: -16px; */
	top: 0px;
    left: 156px;
}
.year.next {
	/* bottom: 65px;
    left: -42px; */
	bottom: 50px;
    left: 176px;
}

.year-nav {
	position: absolute;
    /* top: 39%; */
	top: 49%;
    /* left: 30px; */
	left: 240px;
    transform: translateY(-50%);
    width: 148px;
    height: 130px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    flex-direction: column;
    align-items: center;
}

.year-nav div {
	color: white;
    border: none;
    cursor: pointer;
	background-color: transparent;
}
.icon-arrow {
	background: url(../images/icon-arrow.png) no-repeat;
	width: 16px;
	height: 12px;
	display: block;
    background-size: 34px 26px;
}
.icon-arrow-top {
	background-position: 0 0;
}
.icon-arrow-top.disabled {
	background-position: 0 -14px;
}
.icon-arrow-bottom {
	background-position: -18px 0;
}
.icon-arrow-bottom.disabled {
	background-position: -18px -14px;
}
.swiper-container {
	max-height: 600px;
	overflow: hidden;
}
/* 国家支持 */
.gjzc-box {
	background: #f0f5fa;
}

.gjzc-box li {
	width: 156px;
	height: 72px;
	background-color: #fff;
	border-radius: 10px;
	margin-right: 18px;
	margin-bottom: 20px;
	display: flex;
	overflow: hidden;
}
.gjzc-box li img {
	margin: auto;
}
.gjzc-box li:nth-child(7n+7) {
	margin-right: 0;
}
/* 大会伙伴 */
.dhhb-list-box {
	background-color: #f7fafb;
	padding: 20px 70px;
}
.dhhb-title h2 {
	min-width: 170px;
	font-size: 22px;
	color: #2064ba;
	position: relative;
	text-align: center;
	padding: 0 20px;
	margin: 20px 0;
}
.left-line,
.right-line {
	width: 16px;
	height: 3px;
	background-color: #356ceb;
}
.dhhb-list-ul {
	width: 81%;
	margin: 0 auto;
	justify-content: center;
}
.dhhb-list-double {
	align-items: flex-start;
}
.dhhb-list-double .dhhb-list {
	flex: 1;
}
.dhhb-list-double .dhhb-list-ul {
	width: 66%;
}
.dhhb-list-ul li {
	width: 156px;
    height: 72px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 18px;
    margin-bottom: 20px;
    display: flex;
    overflow: hidden;
}
.dhhb-list-three li:nth-child(5n+5) {
	margin-right: 0;
}
.dhhb-list-double .dhhb-list-ul li:nth-child(2n+2) {
	margin-right: 0;
}
/* 当元素数量小于等于5时居中显示 */
.dhhb-list-three .dhhb-list-ul:has(li:nth-child(5)) {
	justify-content: flex-start;
}

.dhhb-list-three .dhhb-list-ul:not(:has(li:nth-child(5))) {
	justify-content: center;
}
.dhhb-list-double .dhhb-list-ul:has(li:nth-child(3)) {
	justify-content: flex-start;
}

.dhhb-list-double .dhhb-list-ul:not(:has(li:nth-child(3))) {
	justify-content: center;
}
/* 图片缩放动画 */
.swiper-slide a img,
.blh-box .swiper-slide img,
.swiper-slide .history-img img,
.gjzc-box li img {
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.swiper-slide a:hover img,
.blh-box .swiper-slide:hover img,
.swiper-slide .history-img:hover img,
.gjzc-box li:hover img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}