* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style-type: none;
}

.mt-75 {
	margin-top: 75px;
}
main5 {
	padding: 30px 0;
}

.main5 ul {
	margin: 70px 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.main5 ul li {
		width: calc(20% - 6px);
	}

		.main5 ul li img {
			border: 1px solid transparent;
			width: 100%;
		}

			.main5 ul li img:hover {
				box-shadow: 5px 5px 5px #E5E5E5;
				border: 1px solid #eeeeee;
			}

/* 页面样式 */
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:20px 50px;
	width: 100%;
	z-index: 998;
	background: white;
}

header .Hleft {
	display: flex;
}

header .Hleft .left .logo {
	display: flex;
	align-items: center;
	font-family: 'Popins-SemiBold';
	font-size: 29px;
	color: #339E9B;
}

header .Hleft .left .logo img {
	width: 68px;
	margin-right: 10px;
}

header .Hleft .left .title {
	font-family: 'Popins-ExtraBold';
	color: #21536D;
	font-size: 29px;
	font-weight: 600;
	margin: 3px 0;
}

header .Hleft .left .time {
	font-family: 'Popins-Regular';
	color: #6d6e70;
	font-size: 20px;
	font-weight: 600;
}

header .Hleft .right {
	text-align: center;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 30px;
	justify-content: center;
}

header .Hleft .right p {
	color: #6B6B6B;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Popins-Regular';
	margin-top: 5px;
	letter-spacing: 0px;
}

header .Hleft .right div {
	color: #fff;
	background-color: #339E9B;
	font-family: 'Popins-Medium';
	font-size: 12px;
	margin-top: 15px;
	padding: 4px 8px;
	width: max-content;
}

header .Hright {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

header .Hright .left{
	width: 100%;
}


header .Hright .left div {
	display: flex;
	width: 100%;
	justify-content: end;
}

header .Hright .left a {
	border-radius: 8px;
	width: 13em;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 5px 10px;
	font-size: 12px;
	font-family: 'Popins-Medium';
	cursor: pointer;
}

header .Hright .left .btn1 {
	border: 1px solid #339E9B;
	color: #686868;
	background-color: #fff;
}

header .Hright .left .btn1:hover {
	background-color: #339E9B;
	border: 1px solid #339E9B;
	color: #fff;
}

header .Hright .left .btn2 {
	background-color: #339E9B;
	border: 1px solid #339E9B;
	color: #fff;
}

header .Hright .left .btn2:hover {
	border: 1px solid #339E9B;
	color: #686868;
	background-color: #fff;
}

header .Hright .right {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* width: 23%; */
}
.header2{
	padding: 10px 50px;
	display: none;
}
.nav2{
	display: none;
}
header .Hright .right h1 {
	font-family: 'Popins-Bold';
	font-size: 16px;
	color: black;
	background:  linear-gradient(90deg, #339E9B 20%, #21536D );-webkit-background-clip:text;-webkit-text-fill-color: transparent;
}

header .Hright .right img {
	width: 100%;
	
}

nav {
	background-image: linear-gradient(90deg, #339E9B 20%, #21536D);
	width: 100%;
	z-index: 998;
}

nav div {
	max-width: 1560px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

nav a {
	color: #fff;
	font-family: 'Popins-Medium';
	padding: 20px 0;

}

nav span {
	position: relative;
}

nav span:hover ul {
	display: block;
}

nav span ul {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	left: calc(-58% - 20px);
	background-color: #fff;
	z-index: 1004;
	text-align: center;
	border: 1px solid #e0e0e0;
}

nav span ul li {
	padding: 15px 20px;
}

nav span ul li .on {
	color: #339E9B;
}

nav span ul a {
	white-space: nowrap;
	color: #221814;
	/* background-color: #fff; */
}

nav .active {
	color: #2C2E3A;
}

footer {
	background-color: #302E2E;
}

footer .top {
	display: flex;
	max-width: 1540px;
	justify-content: center;
	margin: auto;
	padding: 130px 0 100px;
}

footer .top .left {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-right: 45px;
	border-right: 1px solid #fff;
	cursor: pointer;
}

footer .top .left .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Popins-Medium';
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

footer .top .left .logo img {
	width: 68px;
	margin-right: 10px;
}

footer .top .left h1 {
	font-family: 'Popins-Bold';
	color: #339E9B;
	font-size: 29px;
	font-weight: 600;
	margin: 3px 0;
}

footer .top .left h2 {
	font-family: 'Popins-Light';
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}

footer .top .left p {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Popins-Light';
	margin-top: 5px;
	letter-spacing: 0px;
}

footer .top .left .div {
	color: #fff;
	background-color: #339E9B;
	font-family: 'Popins-Medium';
	font-size: 12px;
	margin-top: 15px;
	padding: 4px 8px;
	width: max-content;
}

footer .top .right {
	flex: 1;
	padding-left: 45px;
}

footer .top .right .head {
	display: flex;
	justify-content: space-between;
}

footer .top .right .head h1 {
	color: #fff;
	font-family: 'Popins-Medium';
	font-size: 32px;
}

footer .top .right .head img {
	width: 280px;
}

footer .top .right .bBox {
	display: flex;
	justify-content: space-between;
}

footer .top .right .bBox h1 {
	color: #339E9B;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: 'Popins-Bold';
}

footer .top .right .bBox p {
	font-family: 'Popins-Light';
	color: #fff;
	font-size: 15px;
	letter-spacing: 0px;
}

footer .top .right .bBox .faimg {
	display: flex;
}

footer .top .right .bBox a:hover .none {
	display: block;
}

footer .top .right .bBox .none,
footer .top .right .bBox a:hover .normal {
	display: none;
}

footer .top .right .bBox img {
	width: 55px;
	height: 55px;
	margin-right: 20px;
	margin-top: 20px;
}

footer .bottom {
	border-top: 1px solid #fff;
	padding: 105px 0;
}

footer .bottom .foot-box {
	margin: auto;
	max-width: 1440px;
}

footer .bottom .foot-box p {
	color: #fff;
	margin: 30px 0;
	font-size: 15px;
	font-family: 'Popins-ExtraLight';
	letter-spacing: 0px;
}

footer .bottom .foot-box>div {
	color:#B4B4B4;
	font-size: 16px;
	font-family: 'Popins-Thin';
	margin-top: 50px;
	letter-spacing: 0px;
}
footer .bottom .foot-box a img{
	max-height: 60px;
	max-width:190px ;
}

.Gotop {
	position: fixed;
	right: 10px;
	top: 50%;
	z-index: 99;
}

.Gotop img {
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.navbar-brand,
.offcanvas-title {
	display: flex;
	align-items: center;
	font-family: 'Popins-Medium';
	font-size: var(--bs-navbar-brand-font-size);
	color: var(--bs-navbar-brand-color);
	--bs-navbar-brand-color: #339E9B;
}

.navbar-brand img,
.offcanvas-title img {
	width: 32px;
	margin-right: 10px;
}
.navbar-tit .title {
	font-family: 'Popins-Bold';
		color: #339E9B;
		font-size: 18px;
	}
	.navbar-tit .time {
		font-family: 'Popins-Light';
		color: #339E9B;
		font-size: 18px;
}
.navbar-content {
	text-align: center;
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.navbar-content p {
	color: rgb(14, 30, 54);
	font-size: 15px;
	font-weight: 600;
	font-family: 'Popins-Regular';
}
.navbar {
	display: none;
}



.speakersmain1 {
	background: url("../images/bg-agenda.jpg") no-repeat;
	/* background-size: 100% 100%; */
	background-size: cover;
	background-position: center;
	height: 300px;
	width: 100%;
	padding: 70px 170px;
	box-sizing: border-box;
}

.btn-box .btn {
	position: relative;
	width: max-content;
	padding: 0;
}

.btn-box {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
}

.sponsorsnewmain1 .Hbanner p {
	margin-bottom: 50px;
	color: #fff;
	font-family: 'Popins-Medium';
}

	.speakersmain1 > h1 {
		font-size: 50px;
		color: white;
		font-family: 'Popins-Bold';
	}

		.speakersmain1 > h1 > span {
			color: #BDF9F3;
		}

	.speakersmain1 > div {
		border-radius: 10px;
		text-align: center;
		line-height: 55px;
		margin-top: 60px;
		height: 55px;
		width: 220px;
		overflow: hidden;
	}

		.speakersmain1 > div > button:hover {
			background-color: #339E9B;
			color: white;
			box-sizing: border-box;
			text-shadow: none;
		}

		.speakersmain1 > div > button {
			width: 100%;
			display: flex;
			font-family: 'Popins-Medium';
			color: #339E9B;
			border: 1px solid #339E9B;
			font-size: 20px;
			text-shadow: 10px 5px 10px #D6D6D6;
			background-color: white;
			height: 100%;
			align-items: center;
			justify-content: center;
			font-weight: 600;
		}


.bananermain1 {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 100px 40px 185px 135px;
	background: url('../images/bg-main1.jpg') no-repeat;
	background-size: cover;
	max-width: inherit;
}

	.bananermain1 .left h1 {
		color: #fff;
		font-size: 49px;
		font-family: 'Popins-Black';
	}

	.bananermain1 .left h2 {
		font-size: 49px;
		font-family: 'Popins-Black';
		color: #339E9B;
		position: relative;
		width: max-content;
		margin: 10px 0;
	}

		.bananermain1 .left h2::after {
			content: '';
			width: 100%;
			height: 2px;
			background-color: #fff;
			position: absolute;
			left: 0;
			bottom: -65px;
		}

	.bananermain1 .left h3 {
		font-size: 26px;
		font-family: 'Popins-ExtraLight';
		color: #fff;
	}

	.bananermain1 .left h4 {
		font-size: 29px;
		font-family: 'Popins-SemiBold';
		color: #fff;
		margin: 40px 0;
	}

		.bananermain1 .left h4 span {
			color: #E85547;
		}

	.bananermain1 .left .btn {
		display: flex;
	}

		.bananermain1 .left .btn a {
			border-radius: 8px;
			padding: 10px 10px;
			margin: 0 5px;
			font-size: 20px;
			font-family: 'Popins-Medium';
			cursor: pointer;
			border: 1px solid #339E9B;
			color: #339E9B;
			background-color: #fff;
			min-width: 9em;
			text-align: center;
			font-weight: 600;
			text-shadow: 10px 5px 10px #D6D6D6;
			margin-right: 50px;
		}

			.bananermain1 .left .btn a:hover {
				background-color: #339E9B;
				border: 1px solid #339E9B;
				color: #fff;
				text-shadow: none;
			}

	.bananermain1 .right {
		text-align: center;
		margin-left: -200px;
	}

		.bananermain1 .right .btn {
			background-color: #339E9B;
			border: 0;
			padding: 5px 30px;
			border-radius: 8px;
			color: #fff;
			font-size: 20px;
			font-family: 'Popins-Medium';
		}

		.bananermain1 .right .num {
			display: flex;
			/* margin-top: 30px; */
		}

			.bananermain1 .right .num p {
				margin: 0 21px;
				font-family: 'Popins-Medium';
				font-size: 12px;
				color: #fff;
			}

			.bananermain1 .right .num span {
				font-size: 24px;
				margin-right: 5px;
			}

	.bananermain1 .box {
		display: flex;
		flex-direction: column;
		position: fixed;
		right: 10px;
		top: 60%;
		z-index: 999;
	}

		.bananermain1 .box a {
			margin: 4px 0;
		}

		.bananermain1 .box img {
			width: 28px;
			height: 28px;
		}

.main1 {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 100px 40px 185px 135px;
/*	background: url(../images/bg-main1.jpg) no-repeat;*/
	background-size: cover;
}


.main2 .card-box .normal {
	/*margin-left: 230px;*/
	padding-top: 30px;
	width: 100%;
}

	.main2 .card-box .normal h1,
	.main2 .card-box .normal p span {
		font-family: 'Popins-Bold';
		color: #21536D;
		font-size: 30px;
		word-wrap: break-word;
	}

.main2 .card-box .normal p {
	font-family: 'Popins-Regular';
	color: #404040;
	font-size: 25px;
}

.main2 .card-box .normal ul li {
	font-family: 'Popins-Regular';
	color: #404040;
	font-size: 25px;
	display: flex;
	align-items: center;
	word-wrap: break-word;
}

.main2 .card-box .normal ul li::before {
	content: '';
	width: 4px;
	height: 4px;
	margin-right: 10px;
	background-color: #404040;
	border-radius: 50%;
	flex-shrink: 0;
}

	.main2 .card-box .normal h2 {
		color: #548DD4;
		font-family: 'Popins-MediumItalic';
		font-size: 26px;
		margin-top: 15px;
	}


.speakermain3 > ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 5%;
	/* max-width: 1560px; */
}


.speakermain3 > ul > li {
	width: calc(100% / 6);
	/* margin: 10px; */
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

	.speakermain3 > ul > li > div {
		width: 230px;
		height: 130px;
		margin: auto;
	}

.speakermain3 > ul > li > div > div {
	width: 80%;
	position: relative;
}

.speakermain3 > ul > li img:first-child {
	width: 100%;
}

.speakermain3 > ul > li img:first-child:hover {
	/* width: 100%; */
	/* filter: blur(0.5px); */
	opacity: 0.5;
}

.speakermain3 > ul > li img:last-child {
	width: 40%;
	position: absolute;
	right: 0;
	bottom: 0%;
	transform: translate(50%, 50%);
}

.speakermain3 ul li h1 {
	font-family: 'Popins-Bold';
	color: #339E9B;
	font-size: 16px;
	margin: 20px 0 25px;
}


.speakermain3 ul li p {
	font-family: 'Popins-Light';
	color: #000000;
	font-size: 13px;
}


.speakermain3 ul li h2 {
	font-family: 'Popins-Bold';
	font-size: 13px;
	margin-top: 28px;
	color: #000000;
}

.btn-box .btn a {
	font-size: 20px;
	color: #fff;
	background-color: #339E9B;
	border-radius: 10px;
	padding: 15px 50px;
	font-family: 'Popins-Bold';
	position: relative;
	z-index: 10;
}
	.btn-box .btn a:hover {
		background: #fff;
		color: #339E9B;
		box-shadow: 5px 5px 10px #929292;
	}

.btn-box .btn:hover div {
	content: '';
	width: 100%;
	height: 30px;
	background: #339E9B;
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
	border-radius: 10px 10px 0 0;
	z-index: 0;
}

.speakermain3 {
	margin-top: 150px;
	margin-bottom: 120px;
}

.speakermain3 > h1 {
	font-size: 40px;
	text-align: center;
	color: #339E9B;
	font-family: 'Popins-Bold';
}






.speakerapplymain1 {
	background: url("../images/bg-agenda.jpg") no-repeat;
	/* background-size: 100% 100%; */
	background-size: cover;
	background-position: center;
	height: 300px;
	width: 100%;
	padding: 70px 170px;
	box-sizing: border-box;
}


	.speakerapplymain1 > h1 {
		font-size: 50px;
		color: white;
		font-family: 'Popins-Bold';
	}

		.speakerapplymain1 > h1 > span {
			color: #BDF9F3;
		}

	.speakerapplymain1 > div {
		border-radius: 10px;
		text-align: center;
		line-height: 55px;
		margin-top: 60px;
		height: 55px;
		width: 220px;
		overflow: hidden;
	}

		.speakerapplymain1 > div > button:hover {
			background-color: #339E9B;
			color: white;
			box-sizing: border-box;
			text-shadow: none;
		}

		.speakerapplymain1 > div > button {
			width: 100%;
			display: flex;
			font-family: 'Popins-Medium';
			color: #339E9B;
			border: 1px solid #339E9B;
			font-size: 20px;
			text-shadow: 10px 5px 10px #D6D6D6;
			background-color: white;
			height: 100%;
			align-items: center;
			justify-content: center;
			font-weight: 600;
		}


.speakermain3 > h1:after {
	content: "";
	margin: 30px auto 80px;
	display: block;
	width: 223px;
	height: 8px;
	background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
}

.outSwiperBox ul {
width:50%;
padding:0 20px;
}


.sponsorsmain1 {
	width: 100%;
	/* height: 300px; */
	background: url(../images/bg-exhibition.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 50px 170px;
}

	.sponsorsmain1 .title {
		color: white;
		font-family: 'Popins-Bold';
		font-size: 50px;
		display:inherit;
		align-items: inherit;
		margin-top: 0px;

	}

		.sponsorsmain1 .title span {
			color: #BDF9F3;
		}

	.sponsorsmain1 .content {
		margin-top: 20px;
		color: white;
		font-family: 'Popins-Medium';
	}

	.sponsorsmain1 .btn {
		margin-top: 40px;
		padding: 0;
		text-align: left;
	}

		.sponsorsmain1 .btn a {
			padding: 10px;
			color: #339E9B;
			border-radius: 8px;
			border: none;
			background-color: white;
			font-size: 20px;
			font-family: 'Popins-Medium';
			font-weight: 600;
			border: 1px solid #339E9B;
			text-shadow: 10px 5px 10px #D6D6D6;
		}

			.sponsorsmain1 .btn a:hover {
				padding: 10px;
				color: white;
				background-color: #339E9B;
				border-radius: 8px;
				border: none;
				text-shadow: none;
			}

		.sponsorsmain1 .btn.btn2 {
			display: none;
		}

main.main2 .content {
	 
	width: 100%;
	text-align: right;
	/*background: url(../images/sponsor2.png) no-repeat;*/
	background-size: 100% 100%;
	margin-bottom: 60px;
	margin-top: 60px;
	/* padding-bottom: 100px; */
}


.sponsorsmain2 {
	width: 100%;
}

	.sponsorsmain2 .title, .sponsorsmain3 .title {
		margin-top: 80px;
		color: #339E9B;
		font-size: 35px;
		font-weight: bold;
		text-align: center;
		font-family: 'Popins-Bold';
		display: inherit;
	}

	.sponsorsmain2 .content {
	/*	height: 400px;*/
		width: 100%;
		text-align: right;
		background: url(../images/sponsor2.png) no-repeat;
		background-size: 100% 100%;
		margin-bottom: 60px;
		margin-top: 60px;
		/* padding-bottom: 100px; */
	}
		.sponsorsmain2 .content div a {
			height: 40px;
			width: 220px;
			line-height: 40px;
			font-size: 14px;
		}

		.sponsorsmain2 .content div a {
			display: inline-block;
			height: 57px;
			width: 320px;
			color: white;
			background-color: #339E9B;
			line-height: 57px;
			text-align: center;
			font-size: 18px;
			font-weight: 600;
			border-top-left-radius: 30px;
			border-bottom-left-radius: 30px;
			margin-top: 30px;
			position: fixed;
			right: 0;
			top: 35%;
			z-index: 999;
		}

	.sponsorsmain2 .content_container {
		width: 95%;
	}

	.sponsorsmain2 .content_container {
		display: flex;
		justify-content: space-around;
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
	}

		.sponsorsmain2 .content_container > div {
			margin: 15px;
			padding: 20px;
		}

		.sponsorsmain2 .content_container > div {
			flex: 1;
			background-color: rgba(35, 58, 81, 0.5);
			margin: 30px 10px 125px 10px;
			padding: 40px;
			color: white;
			text-align: center;
		}
		}
		.sponsorsmain2 .content_container div img {
			width: 40px;
		 
			margin: auto;
		}
.sponsorsmain2 .content_container > div h1 {
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
	font-family: 'Popins-Bold';
	line-height: 1.5;
}
.sponsorsmain2 .content_container > div div {
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	font-family: 'Popins-Medium';
}

.sponsorsmain3 {
	padding-left: 20px;
	padding-right: 20px;
}

	.sponsorsmain3 .title::after,
	.sponsorsmain2 .title::after {
		content: "";
		display: block;
		width: 200px;
		height: 6px;
		margin: 0 auto;
		margin-top: 20px;
		background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
	}


	.sponsorsmain3 .thank {
		margin-top: 50px;
		font-size: 23px;
		font-family: 'Popins-Medium';
		text-align: center;
	}

	.sponsorsmain3 .content {
		font-size: 22px;
		color: #6c6c6d;
		width: 90%;
		margin: 60px auto;
	/*	text-align: center;*/
		font-family: 'Popins-Light';
	}

.sponsorsmain4 .form_ {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	width: 90%;
	margin: 30px auto;
	background-color: #ebebeb;
	padding: 130px;
}


.ticketmain1 {
	max-width: 1200px;
	margin: auto;
	padding: 80px 0;
}

.ticketmain1 .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #E0E0E1;
	padding: 20px 0;
}

.ticketmain1 .head .left {
	color: #339E9B;
	font-family: 'Popins-Bold';
	font-size: 24px;
}

.ticketmain1 .head .right {
	background-color: #339E9B;
	color: #fff;
	font-family: 'Popins-Bold';
	font-size: 22px;
	padding: 10px 20px;
}

.ticketmain1 .head .right img {
	width: 14px;
	margin-left: 10px;
}

.ticketmain1 ul {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}

.ticketmain1 ul li {
	width: 24%;
}
.main3 .text {
	width: 58%;
}

.ticketmain1 .ul1 li {
	font-family: 'Popins-Light';
	color: #231815;
	font-size: 18px;
}

.ticketmain1 .ul1 li p {
	font-size: 12px;
	margin-top: 10px;
}

.ticketmain1 .ul2 li {
	background-color: #339E9B;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-family: 'Popins-Medium';
	font-size: 18px;
}

.ticketmain1 .ul3 li {
	text-align: center;
	padding: 15px 0;
	font-family: 'Popins-Medium';
	font-size: 18px;
}

.ticketmain1 .ul3 li:first-child {
	background-color: #339E9B;
	color: #fff;
}

.ticketmain1 .ul3 li:nth-child(2) {
	background-color: #C8C9C9;
	color: #339E9B;
	width: 49%;
}

.ticketmain1 .ul3 li:last-child {
	background-color: #C8C9C9;
	color: #339E9B;
}

.ticketmain1 .content h1 {
	color: #339E9B;
	font-family: 'Popins-Bold';
	font-size: 24px;
	margin-top: 30px;
}

.ticketmain1 .content ul {
	display: block;
}

.ticketmain1 .content ul li {
	color: #898888;
	font-size: 20px;
	width: 100%;
	display: flex;
	align-items: center;
}

			.ticketmain1 .content ul li::before {
				content: '';
				width: 4px;
				height: 4px;
				background-color: #898888;
				border-radius: 50%;
				margin-right: 10px;
			}



.form_ .last_input {
	width: calc(50% - 50px);
	margin-bottom: 40px;
	font-weight: 500;
	border-bottom: 2px solid #939393;
}

	.form_ .last_input div {
		font-size: 22px;
		font-weight: 500;
	}

	.form_ .last_input input {
		border: none;
		outline: none;
		width: calc(100% - 20px);
		margin-right: 20px;
		margin-top: 40px;
		margin-bottom: 10px;
		background-color: transparent;
	}

.input_div span {
	color: red;
	font-weight: 400;
}

.sponsorsmain4 .introduce {
	font-size: 24px;
	color: #5f5f5f;
	margin:0;
	margin-top: 30px;
	font-weight: 300;
	font-family: 'Popins-Light';
	text-align:inherit;
}
 

.input_div {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid #939393;
	margin-bottom: 40px;
	margin-right: 50px;
	font-weight: 500;
	box-sizing: border-box;
	width: calc(25% - 50px);
	font-family: 'Popins-Medium';
}
.form_ .input_div {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid #939393;
	margin-bottom: 40px;
	margin-right: 50px;
	font-weight: 500;
	box-sizing: border-box;
	width: calc(25% - 50px);
	font-family: 'Popins-Medium';
}

.input_div div {
	font-size: 22px;
}

.introduce div {
	margin-top: 60px;
	font-size: 24px;
}

.input_div input {
	border: none;
	outline: none;
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: transparent;
	font-family: 'Popins-Light';
}

.form_bottom {
	margin-top: 20px;
	display: flex;
	justify-content: right;
	width: 100%;
	margin-bottom: 20px;
	align-items: center;
}

	.form_bottom .left {
		color: red;
		margin-right: 30px;
		font-family: 'Popins-Light';
	}

		.form_bottom .left span {
			display: none;
		}

.placeHolder_color::placeholder {
	color: red;
}

.form_bottom .submit {
	background-color: #339E9B;
	color: white;
	padding: 10px 90px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 25px;
	font-family: 'Popins-Medium';
}

main > .testcontent {
	background-image: url(../images/index-events4.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 170px 160px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 50px auto;
	position: relative;
}

main > .testcontent .img-box1 h1 {
	color: #fff;
	font-family: 'Popins-Medium';
	font-size: 28px;
	text-shadow: 4px 4px 4px #626262;
	line-height: 1.7;
	width: 600px;
	text-align: right;
}
main > .testcontent > .cot_btn a {
	background-color: #ffac66;
	font-size: 20px;
	padding: 15px 65px;
	border-radius: 10px;
	position: absolute;
	bottom: 50px;
	right: 120px;
	font-family: 'Popins-MediumItalic';
	font-weight: 500;
	color: black;
}

main > .testcontent .img-box1 h2 {
	line-height: 2;
	margin-top: 50px;
	color: #fff;
	font-family: 'Popins-Light';
	font-size: 20px;
	text-shadow: 4px 4px 4px #626262;
	display: flex;
	align-items: center;
}
main > .testcontent .img-box1 h2 img {
	width: 20px;
	transform: rotate(180deg);
}
main.message {
	max-width: 1700px;
	margin: auto;
}
.main7 {
	margin-bottom: 100px;
}
.main7 .introduce,
.main8 .introduce {
	color: #757474;
	text-align: center;
	margin-top: 35px;
	font-size: 20px;
	font-family: 'Popins-ExtraLight';
	margin-bottom: 45px;
}

.main7 .box1 {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 55px 0;
	border: 1px solid #B4B4B5;
	box-shadow: 10px 10px 10px #B4B4B5;
	margin: 25px 0;
}

	.main7 .box1 h1 {
		color: #339E9B;
		font-family: 'Popins-Bold';
		font-size: 30px;
	}

	.main7 .box1 img {
		width: 575px;
		cursor: pointer;
	}

	.main7 .box1 .fleximg {
		display: flex;
		justify-content: space-around;
	}

.main7 .box2 {
	display: flex;
	justify-content: space-between;
}

	.main7 .box2 .box1 {
		width: 49%;
		margin: 0;
	}

		.main7 .box2 .box1 img {
			width: 500px;
		}

.main7 .box1 .fleximg img {
	width: 49%;
}

.main7 .intitle {
	color: #339E9B;
	font-family: 'Popins-Bold';
	font-size: 36px;
	text-align: center;
	margin-top: 60px;
}

.main7 .flex-btn {
	display: flex;
	margin-top: 60px;
	justify-content: center;
}

	.main7 .flex-btn .btn1,
	.main7 .flex-btn .btn2 {
		position: relative;
	}

	.main7 .flex-btn .btn2 {
		margin-left: 50px;
	}

	.main7 .flex-btn .btn1 a {
		color: #fff;
		background-color: #339E9B;
		border-radius: 10px;
		padding: 15px 50px;
		box-shadow: 5px 5px 10px #CCCCCC;
		font-family: 'Popins-Medium';
		font-size: 20px;
		position: relative;
		z-index: 10;
	}

		.main7 .flex-btn .btn1 a:hover,
		.main7 .flex-btn .btn2 a:hover {
			background: #fff;
			color: #339E9B;
		}

	.main7 .flex-btn .btn1:hover div,
	.main7 .flex-btn .btn2:hover div {
		content: '';
		width: 100%;
		height: 30px;
		background: #339E9B;
		position: absolute;
		left: 0;
		top: -20px;
		border-radius: 10px 10px 0 0;
		z-index: 0;
	}

	.main7 .flex-btn .btn2 a {
		color: #fff;
		background-color: #231815;
		border-radius: 10px;
		padding: 15px 50px;
		box-shadow: 5px 5px 10px #CCCCCC;
		font-family: 'Popins-Medium';
		font-size: 20px;
		position: relative;
		z-index: 10;
	}

.main-box2 {
	max-width: 1280px;
	margin: auto;
	width: 100%;
}



.main8 {
	padding: 50px 0;
}

	.main8 .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		 
	}

		.main8 .box .card {
			background-color: #fff;
			border-radius: 20px;
			box-shadow: 10px 10px 10px #DDDDDD;
			padding: 30px;
			width: 28%;
			margin-bottom: 45px;
			text-align: center;
			cursor: pointer;
			transition: 1s all;
		}

			.main8 .box .card img {
				width: 100%;
			}

			.main8 .box .card h1 {
				color: #606060;
				font-family: 'Popins-Bold';
				font-size: 34px;
			}

			.main8 .box .card h2 {
				font-family: 'Popins-ExtraLight';
				color: #21536D;
				/*font-size: 28px;*/
			}

			.main8 .box .card h3 {
				font-family: 'Popins-Bold';
				background-color: #339E9B;
				color: #fff;
				font-size: 38px;
				border-radius: 20px;
				padding: 10px 0;
				margin: 15px 0 20px;
			}

			.main8 .box .card a {
				font-family: 'Popins-Bold';
				background-color: #21536D;
				color: #fff;
				font-size: 24px;
				border-radius: 10px;
				padding: 5px 30px;
			}
				.main8 .box .card a.imglink {
					background-color: #21536D;
					background-color: white;
				}
			.main8 .box .card:hover {
				background-color: #339E9B;
				transform: scale(1.1);
			}

				.main8 .box .card:hover h1 {
					color: #fff;
				}

.main9 {
	background-color: #F1F1F1;
	padding: 60px 0;
}

	.main9 .table {
		display: flex;
		align-items: center;
		box-shadow: 10px 10px 10px #DDDDDD;
		padding: 20px 0;
		transition: 1s all;
	}

		.main9 .table:hover {
			transform: scale(1.05);
		}

		.main9 .table .left {
			padding: 0 40px;
		}

			.main9 .table .left h1 {
				font-family: 'Popins-SemiBold';
				text-align: center;
				font-size: 30px;
			}

		.main9 .table .right {
			padding: 0 40px;
			flex: 1;
		}

			.main9 .table .right .top,
			.main9 .table .right .bottom {
				display: flex;
				padding: 28px 0;
			}

			.main9 .table .right h1 {
				font-size: 26px;
				font-family: 'Popins-Light';
				margin-top: 20px;
			}

			.main9 .table .right h2 {
				font-size: 24px;
				font-family: 'Popins-Light';
				margin-top: 5px;
			}

			.main9 .table .right .cRight {
				margin-left: 38px;
			}

	.main9 .table1 {
		background-color: #339E9B14;
	}

		.main9 .table1 h1 {
			color: #339E9B;
		}

		.main9 .table1 h2 {
			color: #231815;
		}

		.main9 .table1 .right {
			border-left: 2px solid #21536D;
		}

			.main9 .table1 .right .top {
				border-bottom: 2px solid #21536D;
			}



	.main9 .table2 {
		background-color: #21536D0f;
		margin-top: 35px;
	}

		.main9 .table2 h1 {
			color: #339E9B;
		}

		.main9 .table2 h2 {
			color: #231815;
		}

		.main9 .table2 .right {
			border-left: 2px solid #339E9B;
		}

			.main9 .table2 .right .top {
				border-bottom: 2px solid #339E9B;
			}


	.main9 .table3 {
		background-color: #339e9b14;
		margin-top: 35px;
	}

		.main9 .table3 h1 {
			color: #339E9B;
		}

		.main9 .table3 h2 {
			color: #231815;
		}

		.main9 .table3 .right {
			border-left: 2px solid #339E9B;
		}

			.main9 .table3 .right .top {
				border-bottom: 2px solid #339E9B;
			}


	.main9 .btn-box {
		text-align: center;
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}

	.main9 .btn {
		position: relative;
		margin-top: 40px;
		width: max-content;
		padding: 0;
	}

		.main9 .btn a {
			color: #fff;
			background-color: #339E9B;
			border-radius: 10px;
			padding: 15px 50px;
			box-shadow: 5px 5px 10px #CCCCCC;
			font-family: 'Popins-Bold';
			position: relative;
			z-index: 10;
		}

			.main9 .btn a:hover {
				background: #fff;
				color: #339E9B;
			}

		.main9 .btn:hover div {
			content: '';
			width: 100%;
			height: 30px;
			background: #339E9B;
			position: absolute;
			left: 0;
			top: -20px;
			border-radius: 10px 10px 0 0;
			z-index: 0;
		}

.main10 {
	padding-top: 100px;
}

	.main10 .swiper-container3 {
		position: relative;
		overflow: hidden;
		background: url('../images/img-Report.png') no-repeat;
	}

	.main10 .swiper-slide {
		display: flex;
		justify-content: center;
		padding: 95px 0;
	}

	.main10 .swiper-container3 .swiper-button-prev:after,
	.main10 .swiper-container3 .swiper-button-next:after {
		display: none;
	}

	.main10 .swiper-container3 .swiper-button-next {
		right: 10px;
		width: 50px;
	}

	.main10 .swiper-container3 .swiper-button-prev {
		width: 50px;
		left: 10px;
	}

		.main10 .swiper-container3 .swiper-button-prev img {
			width: 100%;
		}

	.main10 .swiper-container3 .swiper-button-next img {
		transform: rotateY(180deg);
		width: 100%;
	}

	.main10 .swiper-container3 {
		--swiper-pagination-color: #21536D;
	}

	.main10 .swiper-slide > img {
		width: 660px;
		transition: 1s all;
	}

		.main10 .swiper-slide > img:hover {
			transform: scale(1.05);
		}

	.main10 .swiper-slide .right {
		margin-left: 120px;
	}

		.main10 .swiper-slide .right h1 {
			color: #fff;
			font-family: 'Popins-Bold';
			font-size: 36px;
			display: flex;
			flex-direction: column;
		}

			.main10 .swiper-slide .right h1::after {
				content: '';
				width: 220px;
				height: 6px;
				margin: 10px 0 25px;
				background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
			}

		.main10 .swiper-slide .right p {
			color: #fff;
			margin-bottom: 50px;
			font-size: 20px;
			font-family: 'Popins-Thin';
			width: 600px;
		}

		.main10 .swiper-slide .right .btn {
			position: relative;
			width: max-content;
			padding: 0;
		}

			.main10 .swiper-slide .right .btn a {
				font-size: 20px;
				color: #339E9B;
				background-color: #21536D;
				border-radius: 10px;
				padding: 15px 50px;
				font-family: 'Popins-MediumItalic';
				position: relative;
				z-index: 10;
			}


				.main10 .swiper-slide .right .btn a:hover {
					background: #fff;
					color: #339E9B;
				}

			.main10 .swiper-slide .right .btn:hover div {
				content: '';
				width: 100%;
				height: 30px;
				background: #21536D;
				display: block;
				position: absolute;
				left: 0;
				top: -20px;
				border-radius: 10px 10px 0 0;
				z-index: 0;
			}

.main11 {
	padding-top: 50px;
}

	.main11 .box {
		padding-top: 60px;
		position: relative;
	}

		.main11 .box img {
			width: 100%;
			vertical-align: bottom;
		}

		.main11 .box .img-box1 {
			background-image: url('../images/index-events1.png');
			background-repeat: no-repeat;
			background-size: cover;
			padding: 170px 94px;
		}

			.main11 .box .img-box1 h1 {
				color: #fff;
				font-family: 'Popins-Medium';
				width: 460px;
				font-size: 28px;
				text-shadow: 4px 4px 4px #626262;
				line-height: 1.7;
			}

			.main11 .box .img-box1 h2 {
				line-height: 2;
				margin-top: 50px;
				color: #fff;
				font-family: 'Popins-Light';
				/* width: 40%; */
				width: 700px;
				font-size: 20px;
				text-shadow: 4px 4px 4px #626262;
				display: flex;
				align-items: baseline;
			}

				.main11 .box .img-box1 h2 img,
				.main11 .box .img-box2 h2 img {
					width: 20px;
				}

		.main11 .box .img-box2 h2 img {
			transform: rotate(180deg)
		}

		.main11 .box .img-box2 {
			background-image: url("../images/index-events2.png");
			background-repeat: no-repeat;
			background-size: cover;
			padding: 170px 160px;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}

			.main11 .box .img-box2 h1 {
				color: #fff;
				font-family: 'Popins-Medium';
				font-size: 28px;
				text-shadow: 4px 4px 4px #626262;
				line-height: 1.7;
				/* width: 48%; */
				width: 600px;
				text-align: right;
			}

			.main11 .box .img-box2 h2 {
				line-height: 2;
				margin-top: 50px;
				color: #fff;
				font-family: 'Popins-Light';
				font-size: 20px;
				text-shadow: 4px 4px 4px #626262;
				display: flex;
				align-items: center;
			}

		.main11 .box .btn-box {
			position: absolute;
			left: calc(50% - 152px);
			top: calc(45% - 35px);
			text-align: center;
			display: flex;
			justify-content: center;
		}

			.main11 .box .btn-box .btn {
				position: relative;
				width: max-content;
				padding: 0;
			}

				.main11 .box .btn-box .btn a {
					font-size: 20px;
					color: #339E9B;
					background-color: #21536D;
					border-radius: 10px;
					padding: 15px 50px;
					font-family: 'Popins-MediumItalic';
					position: relative;
					z-index: 10;
				}

					.main11 .box .btn-box .btn a:hover {
						background: #fff;
						color: #339E9B;
					}

				.main11 .box .btn-box .btn:hover div {
					content: '';
					width: 100%;
					height: 30px;
					background: #21536D;
					display: block;
					position: absolute;
					left: 0;
					top: -20px;
					border-radius: 10px 10px 0 0;
					z-index: 0;
				}

.main12 {
	padding: 120px 0;
}

	.main12 .main-box1 {
		display: block;
	}

	.main12 .main-box2 {
		display: none;
	}

	.main12 > a {
		color: #2A3D96;
		font-family: 'Popins-Medium';
		display: flex;
		justify-content: center;
		font-size: 15px;
		margin-top: 60px;
		align-items: center;
	}

		.main12 > a img {
			width: 22px;
			margin-left: 10px;
			transform: rotateY(180deg);
		}

		.main12 > a:hover {
			color: #21536D;
		}

			.main12 > a .none,
			.main12 > a:hover .normal {
				display: none;
			}

			.main12 > a:hover .none {
				display: block;
			}

	.main12 .main-box {
		margin-top: 60px;
	}

	.main12 .swiper-container {
		padding-bottom: 70px;
	}

	.main12 .swiper-slide {
		/* height: 106px; */
	}

.swiper-container {
	--swiper-pagination-color: #339E9B;
}

.main12 .swiper-slide img {
	width: calc(100% - 10px);
	height: calc(100% - 5px);
	box-shadow: 5px 5px 5px #E5E5E5;
	border: 1px solid #eeeeee;
}

.main13 ul {
	display: flex;
	flex-wrap: wrap;
}

	.main13 ul li {
		width: calc(100% / 6);
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}

		.main13 ul li img {
			width: 100%;
			height: 100%;
			transition: 1s all;
		}

		.main13 ul li:hover::after {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			background-color: #00000050;
			position: absolute;
			top: 0;
			z-index: 10;
		}

		.main13 ul li:hover img {
			transform: scale(1.1);
		}

.main13 .preview-swiper {
	background: #00000070;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.main13 .swiper-container2 {
	position: relative;
	width: 80%;
	left: 10%;
	top: 20%;
}

.main13 .swiper-slide {
	text-align: center;
}

	.main13 .swiper-slide img {
		width: 60%;
	}

.main13 .preview-swiper .swiper-button-next, .main2 .preview-swiper .swiper-button-next {
	right: 22%;
}

.main13 .preview-swiper .swiper-button-prev, .main2 .preview-swiper .swiper-button-prev {
	left: 22%;
}

	.main13 .preview-swiper .swiper-button-prev img, .main2 .preview-swiper .swiper-button-prev img {
		width: 50px;
	}

.main13 .preview-swiper .swiper-button-next img, .main2 .preview-swiper .swiper-button-next img {
	transform: rotateY(180deg);
	width: 50px;
}

.main13 .preview-swiper .swiper-button-next::after,
.main13 .preview-swiper .swiper-button-prev::after {
	display: none;
}

.main13 .preview-swiper .off {
	position: absolute;
	right: 20%;
	top: -10%;
	cursor: pointer;
}


.main16 {
	padding: 0px;
}

	.main16 ul {
		margin: 70px 100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.main16 ul li {
			width: calc(20% - 6px);
		}

			.main16 ul li img {
				border: 1px solid transparent;
				width: 100%;
			}

				.main16 ul li img:hover {
					box-shadow: 5px 5px 5px #E5E5E5;
					border: 1px solid #eeeeee;
				}


.agendamain2 {
	max-width: 1600px;
	margin: auto;
	padding: 80px 0;
}

.agendamain2 .schedule {
	/*display: flex;*/
	justify-content: center;
	/*border: 1px solid #339E9B;*/
	width: 100%;
	margin: 60px auto;
	border-radius: 555px;
	text-align: center;
}

	.agendamain2 .schedule a {
		background-color: #21536D;
		border-radius: 555px;
		padding: 10px 30px;
		color: #fff;
		font-family: 'Popins-Medium';
		 font-size: 1.1rem;
		border: 1px solid #21536D;
	}

	.agendamain2 .schedule a {
		margin-right: 5px;
		display: inline-block;
		margin-bottom: 20px;
		width: 24%;
	}

		
    .agendamain2 .content { display:none}
.agendamain2 .show {
display:block}
		 
	.agendamain2 .schedule a:last-child {
			margin-right: 0;
		}
	.agendamain2 .content:first-child {
	display:block;}
	.agendamain2 .schedule a:hover {
		background-color: #fff;
		color: #339E9B;
		border-color: #339E9B;
	}

	.agendamain2 .schedule .active {
		background-color: #339E9B;
		border-color: #339E9B;
	}

.agendamain2 .content .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #21536D;
	padding-bottom: 30px;
}

	.agendamain2 .content .head .left {
		width: 20%;
		text-align: center;
	}

		.agendamain2 .content .head .left img {
			width: 100%;
			margin-bottom: 40px;
		}

		.agendamain2 .content .head .left h1 {
			color: #339E9B;
			font-family: 'Popins-ExtraBold';
			font-size: 28px;
		}

	.agendamain2 .content .head .right {
		width: 75%;
	}

		.agendamain2 .content .head .right p {
			color: #515151;
			font-family: 'Popins-Light';
			font-size: 20px;
			line-height: 1.6;
		}

		.agendamain2 .content .head .right > p {
			margin-bottom: 20px;
		}

		.agendamain2 .content .head .right .RFbtn {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}

			.agendamain2 .content .head .right .RFbtn a {
				border-radius: 8px;
				padding: 10px 20px;
				font-size: 20px;
				font-family: 'Popins-Medium';
				cursor: pointer;
				border: 1px solid #339E9B;
				color: #339E9B;
				background-color: #fff;
				min-width: 9em;
				text-align: center;
				font-weight: 600;
				text-shadow: 5px 5px 10px #D6D6D6;
			}

				.agendamain2 .content .head .right .RFbtn a:hover {
					background-color: #339E9B;
					color: #fff;
					text-shadow: none;
				}

.agendamain2 .card-box,
.agendamain2 .card-box2 {
	border-radius: 10px;
	display: flex;
	box-shadow: 0 0 10px #DFDFDF;
	margin: 50px 0;
	padding: 0 20px 20px 0;
	position: relative;
}

.card-box.pb-40 {
	padding-bottom: 25px;
}

.agendamain2 .card-box2 {
	align-items: center;
	padding-bottom: 0;
}

	.agendamain2 .card-box2 h3 {
		margin-left: 50px;
		font-family: 'Popins-Bold';
		color: #21536D;
		font-size: 30px;
	}

.agendamain2 .card-box .time {
	background-color: #339E9B;
	border-radius: 10px 0 10px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	position: absolute;
	height: 128px;
}

.agendamain2 .content div:nth-last-child(2) .time {
	height: 80px
}

.agendamain2 .card-box2 .time {
	background-color: #339E9B;
	border-radius: 10px 0 10px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 128px;
}

	.agendamain2 .card-box2 .time h2,
	.agendamain2 .card-box .time h2 {
		color: #fff;
		font-family: 'Popins-Medium';
		font-size: 24px;
		margin: 0;
		margin-bottom: 20px;
	}

	.agendamain2 .card-box2 .time h2 {
		margin-bottom: 0;
	}

.agendamain2 .card-box2 img {
	margin-left: 20px;
}

.agendamain2 .card-box .time h2:last-child {
	margin-bottom: 0;
}

.agendamain2 .card-box .right {
	margin-left: 210px;
	padding-top: 30px;
}

	.agendamain2 .card-box .right h1,
	.agendamain2 .card-box .right p span {
		font-family: 'Popins-Bold';
		color: #211614;
		font-size: 25px;
		word-wrap: break-word;
	}

	.agendamain2 .card-box .right p {
		font-family: 'Popins-Regular';
		color: #404040;
		font-size: 25px;
	}

	.agendamain2 .card-box .right ul li {
		font-family: 'Popins-Regular';
		color: #404040;
		font-size: 25px;
		display: flex;
		align-items: center;
		word-wrap: break-word;
	}

		.agendamain2 .card-box .right ul li::before {
			content: '';
			width: 4px;
			height: 4px;
			margin-right: 10px;
			background-color: #404040;
			border-radius: 50%;
			flex-shrink: 0;
		}

	.agendamain2 .card-box .right h2 {
		color: #548DD4;
		font-family: 'Popins-MediumItalic';
		font-size: 26px;
		margin-top: 15px;
	}

.agendamain2 .titips {
	position: relative;
	display: flex;
	align-items: center;
}

	.agendamain2 .titips span {
		color: #21536D;
		font-family: 'Popins-Bold';
		font-size: 31px;
		background-color: #fff;
		padding-right: 40px;
		z-index: 10;
	}

	.agendamain2 .titips::after {
		content: '';
		width: 100%;
		height: 2px;
		background-color: #B1B3B2;
		position: absolute;
		z-index: -1;
	}

.agendamain2 .sm-card {
	border: 1px solid #F3F3F3;
	border-radius: 10px 0 10px 0;
	padding: 15px 10px;
	/* width: fit-content; */
	display: flex;
	align-items: center;
	margin-top: 40px;
	min-width: 600px;
}

	.agendamain2 .sm-card:hover {
		box-shadow: 0 0 10px #DDDDDD;
	}

	.agendamain2 .sm-card .w-160 {
		width: 100%;
		max-width: 160px;
	}

	.agendamain2 .sm-card .sm-title {
		color: #339E9B !important;
		border-bottom: 2px solid #21536D;
		text-align: left;
		min-width: 280px;
		padding-bottom: 10px;
	}

.agendamain2 .card-box .right > .sm-title {
	margin: 20px 0;
	color: #339E9B !important;
	border-bottom: 2px solid #21536D;
	text-align: left;
	max-width: 280px;
	padding-bottom: 20px;
	margin-left: 10px;
}

.agendamain2 .card-box .right .flex-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.agendamain2 .card-box .right .flex-card .sm-card {
		width: 49%;
		margin-top: 0;
		margin-bottom: 15px;
	}

.agendamain2 .sm-card .sm-left img,
.agendamain2 .sm-card .left img {
	margin-top: 10px;
	width: 100%;
	max-width: 100px;
	margin-right: 5px;
}

.agendamain2 .sm-card > img {
	width: 100%;
	max-width: 160px;
}

.agendamain2 .sm-card .sm-right {
	margin-left: 40px;
	margin-right: 40px;
}

.agendamain2 .card-box .sm-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.agendamain2 .card-box .sm-flex .sm-card {
		width: 49%;
		margin-top: 20px;
	}

		.agendamain2 .card-box .sm-flex .sm-card.last-card .sm-right {
			margin: 0 10px;
		}

		.agendamain2 .card-box .sm-flex .sm-card.last-card h1 {
			font-size: 24px;
		}

.agendamain2 .card-box3 {
	display: flex;
	align-items: center;
	position: relative;
}

	.agendamain2 .card-box3 .time {
		background-color: #339E9B;
		border-radius: 10px 0 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 50px;
		position: absolute;
		z-index: 10;
	}

		.agendamain2 .card-box3 .time h2 {
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 24px;
			margin: 0;
		}

	.agendamain2 .card-box3 h1 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.agendamain2 .card-box3 h1 span {
			background-color: #fff;
			z-index: 10;
			color: #339E9B;
			font-family: 'Popins-Bold';
			padding: 0 20px;
		}

		.agendamain2 .card-box3 h1::after {
			content: '';
			width: 100%;
			height: 2px;
			background-color: #9EA09F;
			position: absolute;
			left: 0;
		}

 

.wxdialog {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000a0;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 998;
}

	.wxdialog > img {
		width: 30%;
	}

	.wxdialog .off {
		position: absolute;
		right: 25%;
		top: 20%;
	}




.exhibitiomain3 {
	max-width: 1640px;
	margin: auto;
	margin-top: 50px;
}

.exhibitiomain3 .box .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #231814;
	font-family: 'Popins-Bold';
	font-size: 20px;
	margin: 70px 0 20px;
}
	  .main8 .box {
		position: inherit;
		flex-direction: inherit;
		 
	}
	.exhibitiomain3 .box {
		position: inherit;
	 
	}
.main11 .box {
	display: inherit;
	right: inherit;
}
.main8 .box .card img {
	 
	height: auto;
}

.exhibitiomain3 .box .head .img1 {
	width: 180px;
	border-right: 1px solid #D0D0D1;
	padding-right: 10px;
	margin-right: 10px;
	height:auto;
}

.exhibitiomain3 .box .head .img2 {
	width: 50px;
}

.exhibitiomain3 .box .head .left {
	display: flex;
	align-items: center;
}

.exhibitiomain3 .box .head .right a {
	background-color: #36245D;
	color: #fff;
	font-family: 'Popins-Medium';
	padding: 10px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
}

.exhibitiomain3 .box .head .right a img {
	width: 20px;
	margin-right: 10px;
}

.exhibitiomain3 .box .content {
	background-color: #EEEEEE;
	height: 500px;
	width: 100%;
	margin-bottom: 50px;
}

.exhibitiomain4 {
	max-width: 1540px;
	margin: auto;
}

	.exhibitiomain4 .box {
		padding: 60px 0;
		display: flex;
		justify-content: space-between;
		position: inherit;
		flex-direction: inherit;
	}

		.exhibitiomain4 .box .left-box {
			width: 49%;
			background-color: #339E9B;
			padding: 70px 50px;
		}

			.exhibitiomain4 .box .left-box h1 {
				color: #fff;
				font-family: 'Popins-Medium';
				font-size: 27px;
			}

			.exhibitiomain4 .box .left-box ul li,
			.exhibitiomain4 .box .left-box p {
				color: #fff;
				font-family: 'Popins-Light';
				position: relative;
				font-size: 16px;
			}

				.exhibitiomain4 .box .left-box ul li::before {
					content: '';
					width: 4px;
					height: 4px;
					position: absolute;
					left: -10px;
					top: 0.6em;
					background: #fff;
					border-radius: 50%;
				}

			.exhibitiomain4 .box .left-box .btn {
				display: flex;
				flex-direction: column;
				max-width: 80%;
				margin: 50px 0;
				padding: 0;
			}

				.exhibitiomain4 .box .left-box .btn button {
					font-family: 'Popins-Light';
					background-color: #339E9B;
					color: #fff;
					border: 1px solid #fff;
					margin: 5px 0;
					padding: 5px 0;
				}

					.exhibitiomain4 .box .left-box .btn button:first-child {
						background-color: #fff;
						color: #339E9B;
					}

			.exhibitiomain4 .box .left-box img {
				width: 100%;
				height:auto;
			}

		.exhibitiomain4 .box .right-box {
			width: 49%;
			background-color: #F9F9F9;
			padding: 30px 20px;
		}

			.exhibitiomain4 .box .right-box h1 {
				color: #339E9B;
				font-family: 'Popins-Bold';
				font-size: 19px;
			}

			.exhibitiomain4 .box .right-box p {
				font-size: 12px;
				color: #5F5F5F;
				font-family: 'Popins-Light';
				margin: 20px 0;
			}

				.exhibitiomain4 .box .right-box p a {
					color: #339E9B;
				}

	.exhibitiomain4 .form {
		margin-top: 70px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #F9F9F9;
		padding: 0;
		margin-bottom: 0;
	}

		.exhibitiomain4 .form .form-item {
			width: 49%;
			margin-top: 20px;
		}

		.exhibitiomain4 .form .form-item2 {
			width: 100%;
			margin-top: 20px;
		}

			.exhibitiomain4 .form .form-item h2,
			.exhibitiomain4 .form .form-item2 h2 {
				color: #46413E;
				font-family: 'Popins-Medium';
				font-size: 14px;
			}

				.exhibitiomain4 .form .form-item h2 span,
				.exhibitiomain4 .form .form-item2 h2 span {
					color: #E63842;
				}

		.exhibitiomain4 .form select,
		.exhibitiomain4 .form input {
			width: 100%;
			font-family: 'Popins-Medium';
			font-size: 12px;
			border: 0;
			border-bottom: 1px solid #8A8A8A;
			background-color: transparent;
			outline: none;
			padding: 10px 0;
			border-radius: 0;
		}

			.exhibitiomain4 .form select:focus,
			.exhibitiomain4 .form input:focus {
				border-bottom: 1px solid #E63D80;
				color: #8A7575;
			}

		.exhibitiomain4 .form .nochange,
		.exhibitiomain4 .form .nochange::placeholder {
			color: #E50C1D;
		}

		.exhibitiomain4 .form .submit-box {
			display: flex;
			justify-content: flex-end;
			width: 100%;
			margin-top: 50px;
		}

			.exhibitiomain4 .form .submit-box p {
				color: #E50C1D;
				opacity: 0;
			}

			.exhibitiomain4 .form .submit-box .submit {
				color: #fff;
				background-color: #339E9B;
				width: auto;
				padding: 15px 80px;
				margin-left: 40px;
				font-size: 24px;
			}


				.exhibitiomain4 .form .submit-box .submit:focus {
					border: 0;
				}

.main6 ul li {
	max-width: 230px;
	text-align: center;
	margin-bottom: 45px;
	margin-right: 25px;
}
.main6 ul {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
	margin-top: 100px;
}
	.main6 ul li p {
		font-family: 'Popins-Light';
		color: #000000;
		font-size: 13px;
	}
	 
.main6 .mask-view p {
	/* display: none; */
	opacity: 0;
	transition: 1s all;
	position: absolute;
	top: 0;
	font-family: 'Popins-Bold';
	font-size: 16px;
	background-color: #339E9B66;
	width: 230px;
	height: 230px;
	line-height: 230px;
	color: #fff;
	cursor: pointer;
}

.main6 ul li h2 {
	font-family: 'Popins-Bold';
	font-size: 13px;
	margin-top: 28px;
}


.main6 {
	padding: 30px 0;
	max-width: 1560px;
	margin: auto;
	padding-bottom: 60px;
}

	 
 

			.main6 ul li img {
				width: 230px;
				height: 230px;
			}

	.main6 .mask-view {
		width: 230px;
		height: 230px;
		position: relative;
	}

		.main6 .mask-view:hover p {
			/* display: block; */
			opacity: 1;
		}

		 

	.main6 ul li h1 {
		font-family: 'Popins-Bold';
		color: #339E9B;
		font-size: 16px;
		margin: 20px 0 25px;
	}

 

	 

.main4 .outSwiperBox {
	position: relative;
	padding: 70px 50px;
	margin: 30px 100px;
	display: flex;
	justify-content: center;
}

.main3 {
	background: url('../images/bg-main2.jpg') no-repeat;
	padding: 70px 100px;
	background-size: cover;
}

 

	.main3 h1 {
		color: #fff;
		font-family: 'Popins-Bold';
		font-size: 36px;
		margin-bottom: 45px;
		position: relative;
	}

		.main3 h1::after {
			content: '';
			width: 220px;
			height: 6px;
			background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
			position: absolute;
			top: 65px;
			left: 0;
		}

	.main3 ul li,
	.main3 p {
		font-family: 'Popins-ExtraLight';
		color: #fff;
		font-size: 18px;
	}

		.main3 p span {
			color: #339E9B;
			font-family: 'Popins-Bold';
		}

	.main3 ul {
		margin: 50px 0;
	}


.main3 > ul > li {
	width: calc(100% / 6);
	/* margin: 10px; */
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}


	.main3 > ul > li > div {
		width: 230px;
		height: 130px;
		margin: auto;
	}

		.main3 > ul > li > div > div {
			width: 80%;
			position: relative;
		}

	.main3 > ul > li img:first-child {
		width: 100%;
	}

		.main3 > ul > li img:first-child:hover {
			/* width: 100%; */
			/* filter: blur(0.5px); */
			opacity: 0.5;
		}

	.main3 > ul > li img:last-child {
		width: 40%;
		position: absolute;
		right: 0;
		bottom: 0%;
		transform: translate(50%, 50%);
	}
.main3 > ul, .main2 > ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 5%;
	/* max-width: 1560px; */
}

.main2 ul li h1, .main3 ul li h1 {
	font-family: 'Popins-Bold';
	color: #EE3042;
	font-size: 16px;
	margin: 20px 0 25px;
}

.main2 .ul1 li {
	width: calc(100% / 3);
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
	.main2 .ul1 li img {
		width: 100%;
		transition: 1s all;
	}
.speak3list>ul>li>div>div {
	width: 100%;
	position: initial;
}
.speak3list > ul > li img:last-child {
	width: 100%;
	position: inherit;
	transform: inherit;
}

/*.speak3list h1::after {
	width:98%
}
*/


	.outSwiperBox img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.outSwiperBoxTwo:hover {
	transform: scale(1.1);
	transition: 1s;
	cursor: pointer;
}

.outSwiperBox li {
	display: flex;
	/* width: 50%; */
	/* width: 30px; */
	justify-content: left;
	margin-top: 20px;
	font-family: 'Poppins--Medium';
}

.outSwiperBoxTitle {
	font-family: 'Poppins--Medium';
	color: #21536D;
	font-size: 35px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	cursor: pointer;
}

	.outSwiperBoxTitle:hover {
		transform: scale(1.1);
		transition: 1s;
	}

	.outSwiperBoxTitle span {
		background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
		display: inline-block;
		height: 5px;
		max-width: 150px;
		flex: 1;
		margin-left: 30px;
	}

.outSwiperBox li div {
	text-align: left;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 25px;
}

.outSwiperBox ul:nth-child(2) {
	/* width: 50%; */
	margin-left: 200px;
}



 

	.main2 .schedule {
		display: flex;
		justify-content: center;
		border: 1px solid #339E9B;
		width: max-content;
		margin: 60px auto;
		border-radius: 555px;
	}

		.main2 .schedule a {
			background-color: #21536D;
			border-radius: 555px;
			padding: 10px 30px;
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 21px;
			border: 1px solid #21536D;
		}

			.main2 .schedule a:first-child {
				margin-right: 5px;
			}

			.main2 .schedule a:hover {
				background-color: #fff;
				color: #339E9B;
				border-color: #339E9B;
			}

		.main2 .schedule .active {
			background-color: #339E9B;
			border-color: #339E9B;
		}

	.main2 .content .head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2px solid #21536D;
		padding-bottom: 30px;
	}

		.main2 .content .head .left {
			width: 20%;
			text-align: center;
		}

			.main2 .content .head .left img {
				width: 100%;
				margin-bottom: 40px;
			}

			.main2 .content .head .left h1 {
				color: #339E9B;
				font-family: 'Popins-ExtraBold';
				font-size: 28px;
			}

		.main2 .content .head .right {
			width: 75%;
		}

			.main2 .content .head .right p {
				color: #515151;
				font-family: 'Popins-Light';
				font-size: 20px;
				line-height: 1.6;
			}

			.main2 .content .head .right > p {
				margin-bottom: 20px;
			}

			.main2 .content .head .right .RFbtn {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
			}

				.main2 .content .head .right .RFbtn a {
					border-radius: 8px;
					padding: 10px 20px;
					font-size: 20px;
					font-family: 'Popins-Medium';
					cursor: pointer;
					border: 1px solid #339E9B;
					color: #339E9B;
					background-color: #fff;
					min-width: 9em;
					text-align: center;
					font-weight: 600;
					text-shadow: 5px 5px 10px #D6D6D6;
				}

					.main2 .content .head .right .RFbtn a:hover {
						background-color: #339E9B;
						color: #fff;
						text-shadow: none;
					}

	 

.card-box.pb-40 {
	padding-bottom: 25px;
}

.main2 .card-box2 {
	align-items: center;
	padding-bottom: 0;
}

	.main2 .card-box2 h3 {
		margin-left: 50px;
		font-family: 'Popins-Bold';
		color: #21536D;
		font-size: 30px;
	}

.main2 .card-box .time {
	background-color: #339E9B;
	border-radius: 10px 0 10px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	position: absolute;
	height: 128px;
}

.main2 .card-box2 .time {
	background-color: #339E9B;
	border-radius: 10px 0 10px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 128px;
}

	.main2 .card-box2 .time h2,
	.main2 .card-box .time h2 {
		color: #fff;
		font-family: 'Popins-Medium';
		font-size: 24px;
		margin: 0;
		margin-bottom: 20px;
	}

	.main2 .card-box2 .time h2 {
		margin-bottom: 0;
	}

.main2 .card-box2 img {
	margin-left: 20px;
}

.main2 .card-box .time h2:last-child {
	margin-bottom: 0;
}



.main2 .card-box .right h1,
.main2 .card-box .right p span {
	font-family: 'Popins-Bold';
	color: #21536D;
	font-size: 30px;
	word-wrap: break-word;
}

.main2 .card-box .right p {
	font-family: 'Popins-Regular';
	color: #404040;
	font-size: 25px;
}
 

	.main2 .card-box .right ul li::before {
		content: '';
		width: 4px;
		height: 4px;
		margin-right: 10px;
		background-color: #404040;
		border-radius: 50%;
		flex-shrink: 0;
	}

.main2 .card-box .right h2 {
	color: #548DD4;
	font-family: 'Popins-MediumItalic';
	font-size: 26px;
	margin-top: 15px;
}

.main2 .titips {
	position: relative;
	display: flex;
	align-items: center;
}

	.main2 .titips span {
		color: #21536D;
		font-family: 'Popins-Bold';
		font-size: 31px;
		background-color: #fff;
		padding-right: 40px;
		z-index: 10;
	}

	.main2 .titips::after {
		content: '';
		width: 100%;
		height: 2px;
		background-color: #B1B3B2;
		position: absolute;
		z-index: -1;
	}

.main2 .sm-card {
	border: 1px solid #F3F3F3;
	border-radius: 10px 0 10px 0;
	padding: 15px 10px;
	/* width: fit-content; */
	display: flex;
	align-items: center;
	margin-top: 40px;
	min-width: 600px;
}

	.main2 .sm-card:hover {
		box-shadow: 0 0 10px #DDDDDD;
	}

	.main2 .sm-card .w-160 {
		width: 100%;
		max-width: 160px;
	}

	.main2 .sm-card .sm-title {
		color: #339E9B !important;
		border-bottom: 2px solid #21536D;
		text-align: left;
		min-width: 280px;
		padding-bottom: 10px;
	}

.main2 .card-box .right > .sm-title {
	margin: 20px 0;
	color: #339E9B !important;
	border-bottom: 2px solid #21536D;
	text-align: left;
	max-width: 280px;
	padding-bottom: 20px;
	margin-left: 10px;
}

.main2 .card-box .right .flex-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.main2 .card-box .right .flex-card .sm-card {
		width: 49%;
		margin-top: 0;
		margin-bottom: 15px;
	}

.main2 .sm-card .sm-left img,
.main2 .sm-card .left img {
	margin-top: 10px;
	width: 100%;
	max-width: 100px;
	margin-right: 5px;
}

.main2 .sm-card > img {
	width: 100%;
	max-width: 160px;
}

.main2 .sm-card .sm-right {
	margin-left: 40px;
	margin-right: 40px;
}

.main2 .card-box .sm-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.main2 .card-box .sm-flex .sm-card {
		width: 49%;
		margin-top: 20px;
	}

		.main2 .card-box .sm-flex .sm-card.last-card .sm-right {
			margin: 0 10px;
		}

		.main2 .card-box .sm-flex .sm-card.last-card h1 {
			font-size: 24px;
		}

.main2 .card-box3 {
	display: flex;
	align-items: center;
	position: relative;
}

	.main2 .card-box3 .time {
		background-color: #339E9B;
		border-radius: 10px 0 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 50px;
		position: absolute;
		z-index: 10;
	}

		.main2 .card-box3 .time h2 {
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 24px;
			margin: 0;
		}

	.main2 .card-box3 h1 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.main2 .card-box3 h1 span {
			background-color: #fff;
			z-index: 10;
			color: #339E9B;
			font-family: 'Popins-Bold';
			padding: 0 20px;
		}

		.main2 .card-box3 h1::after {
			content: '';
			width: 100%;
			height: 2px;
			background-color: #9EA09F;
			position: absolute;
			left: 0;
		}





 

	.main2 .schedule {
		display: flex;
		justify-content: center;
		border: 1px solid #339E9B;
		width: max-content;
		margin: 60px auto;
		border-radius: 555px;
	}

		.main2 .schedule a {
			background-color: #21536D;
			border-radius: 555px;
			padding: 10px 30px;
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 21px;
			border: 1px solid #21536D;
		}

			.main2 .schedule a:first-child {
				margin-right: 5px;
			}

			.main2 .schedule a:hover {
				background-color: #fff;
				color: #339E9B;
				border-color: #339E9B;
			}

		.main2 .schedule .active {
			background-color: #339E9B;
			border-color: #339E9B;
		}

	.main2 .content .head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2px solid #21536D;
		padding-bottom: 30px;
	}

		.main2 .content .head .left {
			width: 20%;
			text-align: center;
		}

			.main2 .content .head .left img {
				width: 100%;
				margin-bottom: 40px;
			}

			.main2 .content .head .left h1 {
				color: #339E9B;
				font-family: 'Popins-ExtraBold';
				font-size: 28px;
			}

		.main2 .content .head .right {
			width: 75%;
		}

			.main2 .content .head .right p {
				color: #515151;
				font-family: 'Popins-Light';
				font-size: 20px;
				line-height: 1.6;
			}

			.main2 .content .head .right > p {
				margin-bottom: 20px;
			}

			.main2 .content .head .right .RFbtn {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
			}

				.main2 .content .head .right .RFbtn a {
					border-radius: 8px;
					padding: 10px 20px;
					font-size: 20px;
					font-family: 'Popins-Medium';
					cursor: pointer;
					border: 1px solid #339E9B;
					color: #339E9B;
					background-color: #fff;
					min-width: 9em;
					text-align: center;
					font-weight: 600;
					text-shadow: 5px 5px 10px #D6D6D6;
				}

					.main2 .content .head .right .RFbtn a:hover {
						background-color: #339E9B;
						color: #fff;
						text-shadow: none;
					}

.main2 .card-box,
.main2 .card-box2 {
	border-radius: 10px;
	display: flex;
	box-shadow: 0 0 10px #DFDFDF;
	margin: 50px 0;
	padding: 0 20px 20px 0;
	position: relative;
	border-right: 0;
	width: 100%;
}

.card-box.pb-40 {
	padding-bottom: 25px;
}

.main2 .card-box2 {
	align-items: center;
	padding-bottom: 0;
}

	.main2 .card-box2 h3 {
		margin-left: 50px;
		font-family: 'Popins-Bold';
		color: #21536D;
		font-size: 30px;
	}

 

.main2 .card-box2 .time {
	background-color: #339E9B;
	border-radius: 10px 0 10px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 128px;
}

	.main2 .card-box2 .time h2,
	.main2 .card-box .time h2 {
		color: #fff;
		font-family: 'Popins-Medium';
		font-size: 24px;
		margin: 0;
		margin-bottom: 20px;
	}

	.main2 .card-box2 .time h2 {
		margin-bottom: 0;
	}

.main2 .card-box2 img {
	margin-left: 20px;
}

.main2 .card-box .time h2:last-child {
	margin-bottom: 0;
}


 

.main2 .card-box .right p {
	font-family: 'Popins-Regular';
	color: #404040;
	font-size: 25px;
}

.main2 .card-box .right ul li {
	font-family: 'Popins-Regular';
	color: #404040;
	font-size: 25px;
	display: flex;
	align-items: center;
	word-wrap: break-word;
}

	.main2 .card-box .right ul li::before {
		content: '';
		width: 4px;
		height: 4px;
		margin-right: 10px;
		background-color: #404040;
		border-radius: 50%;
		flex-shrink: 0;
	}

.main2 .card-box .right h2 {
	color: #548DD4;
	font-family: 'Popins-MediumItalic';
	font-size: 26px;
	margin-top: 15px;
}

.main2 .titips {
	position: relative;
	display: flex;
	align-items: center;
}

	.main2 .titips span {
		color: #21536D;
		font-family: 'Popins-Bold';
		font-size: 31px;
		background-color: #fff;
		padding-right: 40px;
		z-index: 10;
	}

	.main2 .titips::after {
		content: '';
		width: 100%;
		height: 2px;
		background-color: #B1B3B2;
		position: absolute;
		z-index: -1;
	}

.main2 .sm-card {
	border: 1px solid #F3F3F3;
	border-radius: 10px 0 10px 0;
	padding: 15px 10px;
	/* width: fit-content; */
	display: flex;
	align-items: center;
	margin-top: 40px;
	min-width: 600px;
}

	.main2 .sm-card:hover {
		box-shadow: 0 0 10px #DDDDDD;
	}

	.main2 .sm-card .w-160 {
		width: 100%;
		max-width: 160px;
	}

	.main2 .sm-card .sm-title {
		color: #339E9B !important;
		border-bottom: 2px solid #21536D;
		text-align: left;
		min-width: 280px;
		padding-bottom: 10px;
	}

.main2 .card-box .right > .sm-title {
	margin: 20px 0;
	color: #339E9B !important;
	border-bottom: 2px solid #21536D;
	text-align: left;
	max-width: 280px;
	padding-bottom: 20px;
	margin-left: 10px;
}

.main2 .card-box .right .flex-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.main2 .card-box .right .flex-card .sm-card {
		width: 49%;
		margin-top: 0;
		margin-bottom: 15px;
	}

.main2 .sm-card .sm-left img,
.main2 .sm-card .left img {
	margin-top: 10px;
	width: 100%;
	max-width: 100px;
	margin-right: 5px;
}

.main2 .sm-card > img {
	width: 100%;
	max-width: 160px;
}

.main2 .sm-card .sm-right {
	margin-left: 40px;
	margin-right: 40px;
}

.main2 .card-box .sm-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.main2 .card-box .sm-flex .sm-card {
		width: 49%;
		margin-top: 20px;
	}

		.main2 .card-box .sm-flex .sm-card.last-card .sm-right {
			margin: 0 10px;
		}

		.main2 .card-box .sm-flex .sm-card.last-card h1 {
			font-size: 24px;
		}

.main2 .card-box3 {
	display: flex;
	align-items: center;
	position: relative;
}

	.main2 .card-box3 .time {
		background-color: #339E9B;
		border-radius: 10px 0 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 50px;
		position: absolute;
		z-index: 10;
	}

		.main2 .card-box3 .time h2 {
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 24px;
			margin: 0;
		}

	.main2 .card-box3 h1 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.main2 .card-box3 h1 span {
			background-color: #fff;
			z-index: 10;
			color: #339E9B;
			font-family: 'Popins-Bold';
			padding: 0 20px;
		}

		.main2 .card-box3 h1::after {
			content: '';
			width: 100%;
			height: 2px;
			background-color: #9EA09F;
			position: absolute;
			left: 0;
		}





.main2 .card-box .right {
	margin-left: 230px;
	padding-top: 30px;
}


.dialog {
	position: fixed;
	left: 10%;
	top: 30%;
	width: 80%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ACACAC;
	box-shadow: 10px 10px 10px #919191;
	border-radius: 10px;
	padding: 10px;
	display: none;
}
	.dialog .content {
	overflow:hidden}
		.dialog .content img {
			width:auto;max-width:100%
		}
			.dialog .content img.back {
				width: 40px;
				top: 60px;
			}
			.dialog .content .cont {
			}

		.dialog .head {
			border-bottom: 2px solid #C5B4BA;
			display: flex;
			justify-content: space-between;
		}

		 

		.dialog .head h2 {
			font-family: 'Popins-Bold';
			font-size: 16px;
			margin: 10px 0;
		}

 

	.dialog .off {
		cursor: pointer;
	}

.main2 div:last-child {
	border: 0;
}

.navbar-tit {
padding-left:5px;}
.main2 div {
	border-right: 2px solid #BDF9F3;
	text-align: center;
	padding: 0 30px;
}
.main2 {
	width: auto;
	display: flex;
	padding: 20px 0;
	/*	border-radius: 30px;*/
	position: relative;
	top: -70px;
	background-color: #fff;
	width: max-content;
	margin: 10px auto;
	box-shadow: 5px 5px 10px #D2D2D2;
	max-width: 1600px;
}

.main3 .btn_a, .main6 .btn_a, .speakermain3 .btn_a, .main2 .btn_a {
	background-color:#339E9B;
	text-align: center;
	height: 55px;
	width: 335px;
	margin: 0 auto;
	border-radius: 10px;
	line-height: 55px;
	margin-top: 50px;
	position: relative;
	/* overflow: hidden; */
}

	.main6 .btn_a a, .main3 .btn_a a, .speakermain3 .btn_a a, .main2 .btn_a a {
		color: white;
		font-size: 20px;
		z-index: 10;
		display: inline-block;
		height: 55px;
		width: 100%;
		z-index: 30;
	}

	.main6 .btn_a:hover a, .main3 .btn_a:hover a, .speakermain3 .btn_a:hover a, .main2 .btn_a:hover a {
		box-shadow: 0px -8px 0px 0px#339E9B;
		background-color: white;
		color: #339E9B;
		border-radius: 10px;
	}


.box {
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 10px;
	top: 60%;
	z-index: 999;
}

	.box a {
		margin: 4px 0;
	}

	.box img {
		width: 28px;
		height: 28px;
	}


.exhibtionmain1 .Hbanner h1 {
	color: #BDF9F3;
	font-family: 'Popins-Bold';
	font-size: 46px;
	margin-bottom: 50px;
}

	.exhibtionmain1 .Hbanner h1 span {
		color: #FFFFFF;
	}

@media screen and (max-width:1080px) {

	.main2 .card-box, .main2 .card-box2 {
		margin: 20px 0;
	}
	.main2 div h1 {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.main7 {
		padding: 20px 0 30px;
		margin-bottom: 50px;
	}

		.main7 .box1 {
			margin: 20px 10px;
			padding: 20px 0;
		}

			.main7 .box1 h1 {
				text-align: center;
				font-size: 18px;
				margin-left: 10px;
				margin-right: 10px;
			}

			.main7 .box1 img,
			.main7 .box2 .box1 img,
			.main7 .box1 .fleximg img {
				width: 98%;
			}

		.main7 .box2 {
			flex-direction: column;
		}

			.main7 .box2 .box1 {
				width: 100%;
			}

				.main7 .box2 .box1:first-child {
					margin-bottom: 20px;
				}

		.main7 .box1 .fleximg {
			flex-direction: column;
		}

		.main7 .box2 {
			margin: 20px 10px;
		}

		.main7 .intitle {
			margin-top: 20px;
			font-size: 18px;
		}

		.main7 .flex-btn {
			flex-direction: column;
			align-items: center;
			margin-top: 30px;
		}

			.main7 .flex-btn .btn2 {
				margin-top: 40px;
				margin-left: 0;
			}

				.main7 .flex-btn .btn2 a {
					text-align: center;
					padding: 15px 25px;
					margin: 0;
				}

				.main7 .flex-btn .btn2 a,
				.main7 .flex-btn .btn1 a {
					font-size: 18px;
				}
		.main7 .introduce  {
			font-size: 16px;
			margin: 20px 10px;
		}
	.bananermain1 .left h1, .bananermain1 .left h2 {
		font-size: 20px;
	}
	 .bananermain1 .left h3 {
		font-size: 18px;
	}

	.exhibtionmain1 .Hbanner h1 {
		font-size: 18px;
		margin: 20px 0px;
	}
	.exhibtionmain1 .Hbanner p {
		margin: 5px;
	}
	.bananermain1 .left h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.bananermain1 .left .btn a {
		margin: 10px 0;
		font-size: 18px;
		padding: 5px;
	}
	.bananermain1 .left .btn {
		align-items: center;
		justify-content: space-around;
	}
	.main2 div {
		border-right: 0;
		width: 48%;
	}
	
	.bananermain1 .right .num span {
	font-size:14px;}
	.bananermain1 {
		background-color: black;
		flex-direction: column;
		padding: 10px;
		margin-top: 160px;
		background-size: cover;
		background-position: center;
	}
	.box {
		flex-direction: unset;
		justify-content: space-around;
		width: 100%;
		background-color: #fff;
		bottom: 0;
		right: 0;
		top: auto;
		padding: 0;
	}
	.speak3list >ul>li {
		width: 50% !important;
	}
	.bananermain1 .left h2 {
	width:100%;}
	.main6 ul li {
		width: 100%;
		max-width: 100%;
		margin: 10px 10px;
		padding: 20px 10px;
		background-color: #f7f7f7;
	}
	.main6 .mask-view {
    margin: auto;
}
	.outSwiperBox ul {
	width:100%}
		.outSwiperBox ul:nth-child(2) {
			margin-left: 0;
		}
		.Hbanner {
			padding: 0
		}
	main > .testcontent {
		padding: 170px 10px;
	}
		main > .testcontent .img-box1 h1 {
			font-size: 14px;
			width: 60%;
			text-align: right;
			 
		}
	.main3 {
		overflow: hidden;
	}
	.exhibitiomain4 .box {
		flex-direction: column;
		padding: 60px 0;
	}

	.exhibitiomain4 .box .left-box,
	.exhibitiomain4 .box .right-box {
		width: calc(100% - 40px);
		margin: 10px 20px;
	}

	.exhibitiomain4 .box .left-box,
	.exhibitiomain4 .box .right-box {
		padding: 20px;
	}

	.exhibitiomain4 .form .form-item {
		width: 100%;
	}

	.exhibitiomain4 .form .submit-box {
		flex-direction: column-reverse;
		align-items: center;
	}

	.exhibitiomain4 .form .submit-box .submit {
		margin-left: 0;
	}


	.exhibitiomain3 .box {
		margin: 10px;
	}

		.exhibitiomain3 .box .head {
			flex-direction: column;
			justify-content: center;
		}

			.exhibitiomain3 .box .head .left {
				text-align: center;
				flex-direction: column;
			}

				.exhibitiomain3 .box .head .left .img1 {
					border: 0;
				}

				.exhibitiomain3 .box .head .left > div {
					display: flex;
					align-items: center;
					border-top: 1px solid #D0D0D1;
					margin-top: 10px;
					padding-top: 10px;
					font-size: 18px;
				}

			.exhibitiomain3 .box .head .right {
				margin-top: 20px;
			}


	.agendamain2 .card-box .right .flex-card .sm-card {
		width: 100%;
	}
 
	.agendamain2 {
		padding: 20px 10px;
	}

		.agendamain2 .card-box,
		.agendamain2 .card-box2 {
			padding-right: 0;
		}

			 

			.agendamain2 .card-box .right > h1 {
				margin-left: 100px;
				margin-top: 20px;
				height: 120px;
			}

			.agendamain2 .card-box .right > .sm-title {
				height: auto;
			}
	.main6 ul {
		margin-top: 10px;
	}

			.agendamain2 .card-box2 h3 {
				margin: 20px 0;
			}

		.agendamain2 .content .head .right .RFbtn a {
			margin-top: 20px;
		}

		.agendamain2 .content .head .left,
		.agendamain2 .content .head .right {
			width: 100%;
		}

		.agendamain2 .content .head .right {
			text-align: center;
		}

		.agendamain2 .schedule {
			flex-direction: column;
			border: 0;
			display: flex;
			width: max-content;
		}

		.agendamain2 .content .head,
		.agendamain2 .content .head .right .RFbtn {
			flex-direction: column;
		}

			.agendamain2 .content .head .right .RFbtn {
				align-items: center;
			}

		.agendamain2 .schedule a {
			font-size: 18px;
			width: max-content;
			margin-bottom: 20px;
		}

			.agendamain2 .schedule a:last-child {
				margin-bottom: 5px;
			}

		.agendamain2 .sm-card .sm-title {
			min-width: 0;
		}

		.agendamain2 .sm-card {
			/* flex-direction: column; */
			min-width: 0;
			width: 100%;
			align-items: center;
			text-align: center;
		}

			.agendamain2 .sm-card .left > img {
				width: 100%;
			}

			.agendamain2 .sm-card .sm-right {
				margin: 10px 0 10px 5px;
				text-align: left;
			}

		.agendamain2 .card-box,
		.agendamain2 .card-box2 {
			margin: 20px 0;
		}

			.agendamain2 .card-box2 img {
				display: none;
			}

			.agendamain2 .card-box .sm-flex .sm-card {
				width: 100%;
			}

			.agendamain2 .card-box .right {
				margin: 0 10px;
				padding-top:0;
			}

				.agendamain2 .content .head .right > p,
				.agendamain2 .content .head .right p,
				.agendamain2 .card-box .right p {
					font-size: 14px;
				}

				.agendamain2 .card-box .right ul li {
					font-size: 16px;
				}

				.agendamain2 .card-box .right h2 {
					font-size: 16px;
				}

			.agendamain2 .card-box .time,
			.agendamain2 .card-box2 .time {
				height: 80px;
				width: 100px;
			}

				.agendamain2 .card-box2 .time h2,
				.agendamain2 .card-box .time h2 {
					margin-bottom: 0;
					font-size: 18px;
				}

			.agendamain2 .card-box .right h1,
			.agendamain2 .card-box .right p span {
				font-size: 16px !important;
			}

			.agendamain2 .card-box .right > h1 {
				display: flex;
				align-items: center;
				margin-top: 0;
				height: 80px;
				font-size: 15px;
			}

			.agendamain2 .card-box2 h3 {
				margin: 10px;
				font-size: 18px;
			}

		.agendamain2 .titips span {
			padding: 0;
			font-size: 18px;
		}

		.agendamain2 .card-box3 {
			flex-direction: column;
		}

			.agendamain2 .card-box3 .time {
				position: unset;
				width: 100%;
			}

		.agendamain2 .sm-card > img,
		.agendamain2 .sm-card .w-160 {
			max-width: 100px;
		}




	.input_div {
		margin-right: 20px;
		margin-bottom: 25px;
		width: calc(25% - 20px)
	}

	.form_ .last_input {
		margin-bottom: 25px;
		width: calc(50% - 20px)
	}

	.introduce {
		font-size: 20px;
	}

		.introduce div {
			font-size: 12px;
			text-align: left;
		}

	.sponsorsmain4 .form_ {
		padding: 20px;
		width:100%
	}

	.sponsorsmain1 .title {
		font-size: 30px;
	}

	.sponsorsmain1 {
		padding: 30px 70px;
	}

		.sponsorsmain1 .btn.btn1 {
			display: none;
		}

		.sponsorsmain1 .btn.btn2 {
			display: block;
		}

	.sponsorsmain1 {
		padding: 20px;
		margin-top: 160px;
	}
	.sponsorsnewmain1 {
		margin-top: 160px;
		min-height: 135px;
	}
		.sponsorsnewmain1 .Hbanner p {
			margin-bottom: 50px;
			color: #fff;
			font-family: 'Popins-Medium';
		}

		.sponsorsmain1 .btn a {
			font-size: 18px;
			padding: 0 15px;
		}

	.sponsorsmain1 .content {
		font-size: 14px;
		margin-top: 10px;
	}

		.sponsorsmain1 .btn {
			margin-top: 20px;
		}

	 


		.sponsorsmain1 .title {
			font-size: 18px;
		}

	.sponsorsmain1 {
		padding: 20px 10px;
		background-size: auto 100%;
		min-height: 135px;
		margin-top: 160px;
	}
	

	.sponsorsmain2 .content div a {
		width: 220px;
		height: 43px;
		line-height: 43px;
		font-size: 15px;
	}

	 
	main.main2 .content {
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 0;
	}

	.sponsorsmain2 .content_container > div {
		padding: 10px;
		min-height: 0;
	}

		.sponsorsmain2 .content_container > div h1 {
			font-size: 16px;
			margin-top: 10px;
		}
		 

	.sponsorsmain2 .content_container div img {
		width: 30px;
	}

	.sponsorsmain3 .title,
	.sponsorsmain2 .title {
		margin-top: 30px;
		font-size: 18px;
	}

	.sponsorsmain3 .thank {
		margin-top: 30px;
		font-size: 18px;
	}

	.sponsorsmain3 .content {
		font-size: 12px;
		margin: 10px;
	}



	.speakermain3 > ul > li {
		width: calc(100% /5) !important;
	}

	.speakermain3 > ul > li {
		width: calc(100% / 4) !important;
	}

	.speakermain3 > ul > li {
		width: calc(100% /3) !important;
	}

	.speakermain3 > ul > li {
		width: 50% !important;
	}



	.speakermain3 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

		.speakermain3 > h1:after {
			content: "";
			margin: 30px auto 30px;
			display: block;
			width: 223px;
			height: 8px;
			background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
		}


		.speakermain3 > h1 {
			font-size: 20px;
		}

		.speakermain3 > h1 {
			font-size: 20px;
		}

	.speakermain3 {
		margin-bottom: 50px;
	}


	.blbox {
		padding-left: 20px;
		padding-right: 20px
	}

	body {
		min-width: 352px;
	}

	.navbar {
		display: flex;
	}

	header,
	nav,
	.advertisement {
		display: none !important;
	}

	footer .top {
		padding-top: 20px;
		padding-bottom: 20px;
	}

		footer .top,
		footer .top .right .bBox {
			flex-direction: column;
			text-align: center;
		}

			footer .top .left {
				border: 0;
				border-bottom: 1px solid #fff;
				padding-bottom: 20px;
			}

			footer .top .left,
			footer .top .right {
				padding-left: 0;
				padding-right: 0;
			}

				footer .top .left .logo {
					font-size: 18px;
				}

					footer .top .left .logo img {
						width: 40px;
					}

				footer .top .left h1,
				footer .top .left h2 {
					font-size: 16px;
					margin-bottom: 5px;
				}

				footer .top .left p {
					font-size: 12px;
					margin-bottom: 5px;
				}

				footer .top .right .head {
					flex-direction: column;
					align-items: center;
					padding-top: 20px;
				}

					footer .top .right .head h1 {
						font-size: 18px;
					}

				footer .top .right .bBox h1 {
					margin: 10px 0;
					font-size: 16px;
				}

				footer .top .right .bBox p {
					font-size: 14px;
					margin: 10px 0;
				}

				footer .top .right .bBox .faimg {
					justify-content: center;
					margin-bottom: 20px;
				}

				footer .top .right .bBox img {
					width: 40px;
					height: 40px;
				}

					footer .top .right .bBox img:last-child {
						margin-right: 0;
					}

	footer .bottom {
		padding: 20px 0;
	}

		footer .bottom .foot-box {
			text-align: center;
			margin-bottom: 80px;
		}

			footer .bottom .foot-box p {
				font-size: 14px;
				margin: 10px 0;
				padding: 0 10px;
			}

			footer .bottom .foot-box > div {
				margin-top: 20px;
				font-size: 14px;
				padding: 0 10px;
			}

	.main1 {
		margin-top: 160px;
	}

	.speak3list>ul>li img:last-child {
		position: initial;
	}
	.speak3list > ul > li > div > div {
	width:100%}
}

@media screen and (max-width: 1440px) {
	.sponsorsmain2 .content_container div img {
		width: 40px;
	}

	.sponsorsmain2 .content_container > div h1 {
		font-size:18px;
	}

	.sponsorsmain2 .content_container > div div {
		font-size: 14px;
	}

	.sponsorsmain2 .content_container {
		width: 95%;
	}

		.sponsorsmain2 .content_container > div {
			margin: 15px;
		}


		.sponsorsmain2 .content_container > div {
			padding: 20px;
		}
}
 
@media screen and (max-width : 1335px) {
	header {
		margin: 20px;
	}

	header .Hleft .left .logo {
		font-size: 20px;
	}

	header .Hleft .left .logo img {
		width: 30px;
	}

	header .Hleft .left .title {
		font-size: 14px;
	}

	header .Hleft .left .time {
		font-size: 14px;
	}

	header .Hleft .right p {
		font-size: 12px;
	}

	header .Hright .right {
		width: 20% !important;
		margin-left: 10px !important;
	}

	header .Hright {
		justify-content: right;
	}

	/* footer .top {
		padding: 50px 100px;
	} */
	footer .top .right .bBox p {
		font-size: 14px;
	}

	footer .top .left h1 {
		font-size: 18px;
	}

	footer .bottom {
		padding: 20px 0;
	}

	footer .bottom .foot-box p {
		padding: 0 10px;
		font-size: 12px;
		margin-top: 10px;
		text-align: initial;
	}

	footer .bottom .foot-box>div {
		/*margin-top: 0px;*/
		margin-bottom: 20px;
		height: 60px;
	}

}


/* 字体 */
@font-face {
	font-family: 'Popins-Black';
	src: url('https://img.szwgroup.com/font/Poppins-Black.otf');
}

@font-face {
	font-family: 'Popins-BlackItalic';
	src: url('https://img.szwgroup.com/font/Poppins-BlackItalic.otf');
}

@font-face {
	font-family: 'Popins-Bold';
	src: url('https://img.szwgroup.com/font/Poppins-Bold.otf');
}

@font-face {
	font-family: 'Popins-BoldItalic';
	src: url('https://img.szwgroup.com/font/Poppins-BoldItalic.otf');
}

@font-face {
	font-family: 'Popins-ExtraBold';
	src: url('https://img.szwgroup.com/font/Poppins-ExtraBold.otf');
}

@font-face {
	font-family: 'Popins-ExtraBoldItalic';
	src: url('https://img.szwgroup.com/font/Poppins-ExtraBoldItalic.otf');
}

@font-face {
	font-family: 'Popins-ExtraLight';
	src: url('https://img.szwgroup.com/font/Poppins-ExtraLight.otf');
}

@font-face {
	font-family: 'Popins-ExtraLightItalic';
	src: url('https://img.szwgroup.com/font/Poppins-ExtraLightItalic.otf');
}

@font-face {
	font-family: 'Popins-Italic';
	src: url('https://img.szwgroup.com/font/Poppins-Italic.otf');
}

@font-face {
	font-family: 'Popins-Light';
	src: url('https://img.szwgroup.com/font/Poppins-Light.otf');
}

@font-face {
	font-family: 'Popins-Medium';
	src: url('https://img.szwgroup.com/font/Poppins-Medium.otf');
}

@font-face {
	font-family: 'Popins-MediumItalic';
	src: url('https://img.szwgroup.com/font/Poppins-MediumItalic.otf');
}

@font-face {
	font-family: 'Popins-Regular';
	src: url('https://img.szwgroup.com/font/Poppins-Regular.otf');
}

@font-face {
	font-family: 'Popins-SemiBold';
	src: url('https://img.szwgroup.com/font/Poppins-SemiBold.otf');
}

@font-face {
	font-family: 'Popins-Thin';
	src: url('https://img.szwgroup.com/font/Poppins-Thin.otf');
}





/*main4*/

.main4 {
	max-width: 1540px;
	margin: auto;
}

	.main4 .box {
		padding: 60px 0;
		display: flex;
		justify-content: space-between;
		position: initial;
		 
	flex-direction: inherit;
	 
}

	 

	.main4 .box .left-box {
		width: 49%;
		background-color: #339E9B;
		padding: 70px 50px;
	}

		.main4 .box .left-box h1 {
			color: #fff;
			font-family: 'Popins-Medium';
			font-size: 27px;
		}

		.main4 .box .left-box ul li,
		.main4 .box .left-box p {
			color: #fff;
			font-family: 'Popins-Light';
			position: relative;
			font-size: 16px;
		}

			.main4 .box .left-box ul li::before {
				content: '';
				width: 4px;
				height: 4px;
				position: absolute;
				left: -10px;
				top: 0.6em;
				background: #fff;
				border-radius: 50%;
			}

		.main4 .box .left-box .btn {
			display: flex;
			flex-direction: column;
			max-width: 80%;
			margin: 50px 0;
			padding: 0;
		}

			.main4 .box .left-box .btn button {
				font-family: 'Popins-Light';
				background-color: #339E9B;
				color: #fff;
				border: 1px solid #fff;
				margin: 5px 0;
				padding: 5px 0;
			}

				.main4 .box .left-box .btn button:first-child {
					background-color: #fff;
					color: #339E9B;
				}

		.main4 .box .left-box img {
			width: 100%;
			height:auto;
		}

	.main4 .box .right-box {
		width: 49%;
		background-color: #F9F9F9;
		padding: 30px 20px;
	}

		.main4 .box .right-box h1 {
			color: #339E9B;
			font-family: 'Popins-Bold';
			font-size: 19px;
		}

		.main4 .box .right-box p {
			font-size: 12px;
			color: #5F5F5F;
			font-family: 'Popins-Light';
			margin: 20px 0;
		}

			.main4 .box .right-box p a {
				color: #339E9B;
			}

	.main4 .form {
		margin-top: 70px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background: aliceblue;
		flex-direction: inherit;
	}

	.main4 .form .form-item {
		width: 49%;
		margin-top: 20px;
	}

	.main4 .form .form-item2 {
		width: 100%;
		margin-top: 20px;
	}

		.main4 .form .form-item h2,
		.main4 .form .form-item2 h2 {
			color: #46413E;
			font-family: 'Popins-Medium';
			font-size: 14px;
		}

			.main4 .form .form-item h2 span,
			.main4 .form .form-item2 h2 span {
				color: #E63842;
			}

	.main4 .form select,
	.main4 .form input {
		width: 100%;
		font-family: 'Popins-Medium';
		font-size: 12px;
		border: 0;
		border-bottom: 1px solid #8A8A8A;
		background-color: transparent;
		outline: none;
		padding: 10px 0;
	}

		.main4 .form select:focus,
		.main4 .form input:focus {
			border-bottom: 1px solid #E63D80;
			color: #8A7575;
		}

	.main4 .form .nochange,
	.main4 .form .nochange::placeholder {
		color: #E50C1D;
	}

	.main4 .form .submit-box {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-top: 50px;
	}

		.main4 .form .submit-box p {
			color: #E50C1D;
			opacity: 0;
		}

		.main4 .form .submit-box .submit {
			color: #fff;
			background-color: #339E9B;
			width: auto;
			padding: 15px 80px;
			margin-left: 40px;
			font-size: 24px;
		}


			.main4 .form .submit-box .submit:focus {
				border: 0;
			}





.exhibtionmain1 .Hbanner-box {
	background: url('../images/bg-exhibition.jpg') no-repeat;
	background-size: 100% 100%;
}

.exhibtionmain1 .Hbanner {
	max-width: 1550px;
	margin: auto;
	padding: 80px 0;
}
	.exhibtionmain1 .Hbanner .btn .btn1 {
		border-radius: 8px;
		padding: 10px 30px;
		font-size: 20px;
		font-family: 'Popins-Medium';
		cursor: pointer;
		border: 1px solid #339E9B;
		color: #339E9B;
		background-color: #fff;
		min-width: 9em;
		text-align: center;
		font-weight: 600;
		text-shadow: 10px 5px 10px #D6D6D6;
		text-shadow: none;
	}
	.exhibtionmain1 .Hbanner .btn .btn2 {
		border-radius: 8px;
		padding: 10px 30px;
		font-size: 20px;
		font-family: 'Popins-Medium';
		cursor: pointer;
		border: 1px solid #339E9B;
		color: #fff;
		background-color: #339E9B;
		min-width: 9em;
		text-align: center;
		margin-left: 20px;
		text-shadow: none;
	}
	

	.exhibtionmain1 .Hbanner p {
		color: #fff;
		font-family: 'Popins-Light';
	}

.exhibtionmain1 .box {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 30px;
	top: 550px;
	z-index: 10;
}

	.exhibtionmain1 .box a {
		margin: 4px 0;
	}

	.exhibtionmain1 .box img {
		width: 28px;
		height: 28px;
	}


/*registration*/

.Hbanner-box {
	background: url('../images/bg-registration.png') no-repeat;
	background-size: 100% 100%;
}

.Hbanner {
	max-width: 1550px;
	margin: auto;
	padding: 80px 0;
}

	.Hbanner h1 {
		color: #BDF9F3;
		font-family: 'Popins-Bold';
		font-size: 48px;
		margin-bottom: 40px;
	}

	.Hbanner a {
		border-radius: 8px;
		padding: 10px 30px;
		margin: 0 5px;
		font-size: 20px;
		font-family: 'Popins-Medium';
		cursor: pointer;
		border: 1px solid #339E9B;
		color: #339E9B;
		background-color: #fff;
		min-width: 9em;
		text-align: center;
		font-weight: 600;
		text-shadow: 10px 5px 10px #D6D6D6;
		margin-right: 50px;
	}

		.Hbanner a:hover {
			background-color: #339E9B;
			color: #fff;
			text-shadow: none;
		}
  
main .title {
	color: #339E9B;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-family: 'Popins-Bold';
	font-size: 36px;
	margin-top: 100px;
}



	main .title::after {
		content: '';
		width: 220px;
		height: 6px;
		background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
		margin-top: 30px;
	}


	main .introduce {
		color: #606060;
		text-align: center;
		font-size: 20px;
		font-family: 'Popins-ExtraLight';
		margin: 60px 60px 100px;
	}
.main8 .box .card h2.introduce {
	margin: 0;
	text-align: initial;  font-size: 20px;margin-top:10px;}

.form {
	background-color: #339E9B;
	padding: 120px 88px;
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form-item {
	width: 48%;
}

.form-item2 {
	width: 100%;
}

	.form-item2 > div,
	.form-item > div {
		color: #ffffff;
		font-family: 'Popins-Regular';
		font-size: 29px;
		margin: 0px 18px 10px 18px;
	}

	.form-item .tips,
	.form-item2 .tips {
		background-color: #21536D;
		margin: 10px 0;
		text-align: center;
		color: #fff;
		font-size: 25px;
		padding: 10px 0;
		opacity: 0;
	}

	.form-item2 > div span,
	.form-item > div span {
		color: #21536D;
	}

	.form-item input,
	.form-item2 input,
	.form-item2 select {
		border-radius: 10px;
		padding: 20px 20px;
		border: 0;
		width: 100%;
		font-size: 22px;
		font-family: 'Popins-Regular';
		border: 2px solid transparent;
	}

		.form-item input:focus,
		.form-item2 input:focus,
		.form-item2 select:focus {
			outline: none;
			border: 2px solid #21536D;
		}

			.form-item2 select:focus option:checked {
				background-color: #21536D;
				color: #fff;
			}

.form > p {
	color: #fff;
	margin-top: 50px;
	font-size: 21px;
	line-height: 2;
	font-family: 'Popins-Light';
	width: 100%;
}

	.form > p > a {
		color: #21536D;
	}

.form .submit-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 20px;
}

	.form .submit-box .tips {
		color: #21536D;
		font-size: 20px;
		font-family: 'Popins-Light';
		margin-right: 100px;
		opacity: 0;
	}

.form .submit {
	background-color: #fff;
	color: #339E9B;
	font-weight: 600;
	font-size: 34px;
	font-family: 'Popins-Light';
	padding: 15px 120px;
	border: 0;
}

.main3 .box {
	 
	position: initial;
}

.main_map .box_left {
	width: 50%;
	display: flex;
	justify-content: space-between;
	font-family: 'Popins-Bold';
}

.main_map .box_right {
	padding-left: 50px;
	text-align: center;
	width: 40%;
	font-family: 'Popins-Bold';
}

	.main_map .box_right img {
		width: 100%;
		height: 100%;
	}

.main_map .triangle {
	width: 0px;
	border-top: 5px solid transparent;
	border-bottom: 10px solid #d25a24;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	transform: translateY(-3px);
	margin-left: 10px;
	margin-right: 5px;
}

.main_map .circle_green {
	width: 8px;
	height: 8px;
	/* margin: 8px 5px 15px 15px; */
	background-color: #05aa58;
	border-radius: 50%;
	display: flex;
}

.main_map .box_left .circle_orange {
	width: 8px;
	height: 8px;
	margin: 8px 15px 15px 15px;
	background-color: #339E9B;
	border-radius: 50%;
	transform: translateY(8px);
}

.main_map img {
	cursor: pointer;
}

.main_map .big {
	font-weight: 700;
	color: black;
	text-align: left;
}

.main_map .orange {
	color: #339E9B;
}
.main_map .box {
	/* display: inline-block; */
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 70px auto;
	padding-top: 50px;
	padding-bottom: 20px;
	border: 1px solid #B4B4B5;
	box-shadow: 10px 10px 10px #b4b4b5;
	overflow: hidden;
	position: inherit;
	flex-direction: inherit;
}
 


.dialog2 {
	position: fixed;
	left: 20%;
	top: 10%;
	z-index: 100;
	width: 60%;
	background: #fff;
	border: 1px solid #ACACAC;
	box-shadow: 10px 10px 10px #919191;
	border-radius: 10px;
	padding: 30px;
	display: none;
}

	.dialog2 .head {
		display: flex;
		justify-content: space-between;
	}

		.dialog2 .head .left {
			font-family: 'Popins-Bold';
			color: #339E9B;
			font-size: 20px;
		}

	.dialog2 .off {
		cursor: pointer;
	}

	.dialog2 .content, .dialog .content {
		display: flex;
		align-items: flex-start;
		height: 400px;
		overflow-y: auto;
	}

		.dialog2 .content > img {
			width: 300px;
		}

		.dialog2 .content .cont p {
			margin: 10px 0;
			font-family: 'Popins-Light';
			font-size: 16px;
		}

		.dialog2 .content .cont a {
			color: #E95491;
		}


.big_item {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5e5e5e;
	font-size: 14px;
}

.box_left li {
	line-height: 40px;
	font-size: 18px;
}
.main5 {
	margin-top: 150px;
	margin-bottom: 120px;
}

.main5 > h2 {
	font-family: 'Popins-MediumItalic';
	color: #231816;
	text-align: right;
	margin-bottom: 70px;
	font-size: 30px;
}



main .About {
	margin: 50px 0 0 0;
	font-size: 24px;
	text-align: center;
	font-family: 'Popins-Bold';
}

main .Content {
	width: 80%;
	font-size: 18px;
	text-align: center;
	margin: 30px auto;
	color: #717071;
	font-family: 'Popins-Light';
}

.input_div:focus-within {
	/* color:  red; */
	border-bottom: 2px solid red !important;
}

.last_input:focus-within {
	/* color:  red; */
	border-bottom: 2px solid red !important;
}

.closeForm {
	text-align: right;
}

	.closeForm img {
		height: 20px;
		width: 20px;
		/* padding-left: 10px; */
	}

.form_ {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
	width: 80%;
	margin: 30px auto;
	background-color: #ebebeb;
	padding: 50px 50px 20px;
}


h1 {
	font-size: 24px;
}

h6 {
	font-size: 14px;
	font-weight: 400;
}

.input_div {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid #939393;
	margin-bottom: 30px;
	/* margin-right: 20px; */
	font-weight: bold;
	box-sizing: border-box;
	width: calc(50% - 20px);
	font-family: 'Popins-Medium';
	font-size: 20px;
}

.input_style {
	width: calc(25% - 20px);
}

.form_ .last_input {
	width: calc(50% - 20px);
	margin-bottom: 30px;
	border-bottom: 2px solid #939393;
	font-family: 'Popins-Medium';
	font-size: 20px;
}

	.form_ .last_input input {
		 
	 
		margin-top: 20px;
	 
	 
		font-family: 'Popins-Light';
		font-size: 18px;
	}

.input_div span {
	color: red;
	font-weight: 400;
}

.introduce {
	color: #606060;
	font-size: 18px;
	font-family: 'Popins-Light';
	margin-top: 30px;
}

	.introduce div {
		margin-top: 20px;
	 
		font-family: 'Popins-Light';
		color: #606060;
	}

 

.form_bottom {
	margin-top: 20px;
	display: flex;
	justify-content: right;
	width: 100%;
	margin-bottom: 20px;
	align-items: center;
}

	.form_bottom .left {
		color: #E40010;
		opacity: 0;
		font-size: 18px;
		font-family: 'Popins-Light';
		margin-right: 30px;
	}

.placeHolder_color::placeholder {
	color: red;
}

.form_bottom .submit {
	background-color: #339E9B;
	color: white;
	padding: 5px 60px;
	border: none;
	cursor: pointer;
	font-family: 'Popins-Medium';
	font-size: 20px;
}

.box {
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 10px;
	top: 60%;
	z-index: 999;
}

	.box a {
		margin: 4px 0;
	}

	.box img {
		width: 28px;
		height: 28px;
	}







.speakers_applyform {
	min-width: 500px;
	width: 45%;
	position: fixed;
	right: 0;
	top: 0px;
	background-color: #fff;
	padding: 40px;
	z-index: 1099;
	overflow-y: auto;
	height: 700px;
	display: none;
	box-shadow: -5px 5px 20px #D6D7D7;
}
.main10 .swiper-slide .right h1 {
font-size:18px}

.speakers_applyform .input_div:focus-within {
	/* color:  red; */
	border-bottom: 2px solid red !important;
}

.speakers_applyform .last_input:focus-within {
	/* color:  red; */
	border-bottom: 2px solid red !important;
}

.speakers_applyform .closeForm {
	text-align: right;
	display: flex;
	align-items: center;
}

	.speakers_applyform .closeForm img {
		height: 40px;
		width: 40px;
		cursor: pointer;
		/* padding-left: 10px; */
	}

.speakers_applyform form {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: space-between;
}

.speakers_applyform h1 {
	font-size: 28px;
	display: flex;
	justify-content: space-between;
	font-family: 'Popins-Bold';
	color: #339E9B;
	line-height: 1.5;
	align-items: baseline;
}

.speakers_applyform h6 {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Popins-Light';
	margin-top: 10px;
	line-height: 2;
}

.speakers_applyform .input_div {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid #939393;
	margin-bottom: 30px;
	box-sizing: border-box;
	width: 48%;
	font-family: 'Popins-Medium';
	font-size: 20px;
}

.speakers_applyform form .last_input {
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 2px solid #939393;
	font-family: 'Popins-Medium';
	font-size: 20px;
}

	.speakers_applyform form .last_input input {
		border: none;
		outline: none;
		width: calc(100% - 20px);
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
		font-family: 'Popins-Light';
		font-size: 18px;
	}

.speakers_applyform .input_div span {
	color: red;
	font-weight: 400;
}

.speakers_applyform .introduce {
	color: #606060;
	font-size: 16px;
	font-family: 'Popins-Light';
}

	.speakers_applyform .introduce div {
		margin-top: 20px;
		color: #606060;
		font-size: 16px;
		font-family: 'Popins-Light';
	}

.speakers_applyform .input_div input {
	border: none;
	outline: none;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: 'Popins-Light';
	font-size: 18px;
}

.speakers_applyform .form_bottom {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	margin-bottom: 20px;
}

	.speakers_applyform .form_bottom .left {
		color: #E40010;
		opacity: 0;
		font-size: 18px;
		font-family: 'Popins-Light';
	}

.speakers_applyform .placeHolder_color::placeholder {
	color: red;
}

.speakers_applyform .form_bottom .submit {
	background-color: #339E9B;
	color: white;
	padding: 5px 60px;
	border: none;
	cursor: pointer;
	font-family: 'Popins-Medium';
	font-size: 20px;
}


.active {
	position: relative;
}

	.active:hover .unshowMeau {
		display: flex;
	}

.unshowMeau {
	display: none;
	position: absolute;
	z-index: 1004;
	background-color: white;
	width: 200%;
	flex-direction: column;
	left: -50%;
	top: 100%;
}

	.unshowMeau > h5:first-child {
		padding: 10px 10px;
		font-size: 14px;
	}

	.unshowMeau > h5:nth-child(2) {
		padding: 0px 10px 10px 0;
		font-size: 14px;
	}




.sponsorsnewmain1 .Hbanner-box {
	background: url('../images/bg-exhibition.jpg') no-repeat;
	background-size: 100% auto;
}

.sponsorsnewmain1 .Hbanner {
	max-width: 1550px;
	margin: auto;
	padding: 80px 0 50px;
}

	.sponsorsnewmain1 .Hbanner h1 {
		color: #BDF9F3;
		font-family: 'Popins-Bold';
		font-size: 46px;
		margin-bottom: 50px;
	}

		.sponsorsnewmain1 .Hbanner h1 span {
			color: #FFFFFF;
		}

	.sponsorsnewmain1 .Hbanner p {
		margin-bottom: 50px;
		color: #fff;
		font-family: 'Popins-Medium';
	}

	.sponsorsnewmain1 .Hbanner .btn2 {
		display: none;
	}

	.sponsorsnewmain1 .Hbanner a {
		border-radius: 8px;
		padding: 10px 30px;
		font-size: 20px;
		font-family: 'Popins-Medium';
		cursor: pointer;
		border: 1px solid #339E9B;
		color: #339E9B;
		background-color: #fff;
		min-width: 9em;
		text-align: center;
		font-weight: 600;
		text-shadow: 10px 5px 10px #D6D6D6;
	}

		.sponsorsnewmain1 .Hbanner a:hover {
			background-color: #339E9B;
			color: #fff;
			text-shadow: none;
		}



 

  

	.main3 > ul,
	.main2 > ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 5%;
		/* max-width: 1560px; */
	}

		.main2 > ul > li {
			width: calc(100% / 6);
			/* margin: 10px; */
			padding: 10px;
			box-sizing: border-box;
			text-align: center;
		}

			/*.main3>ul>li {
	width: calc(100% / 6);*/
			/* margin: 10px; */
			/*padding: 10px;
	box-sizing: border-box;
	text-align: center;
}*/


.dialog .head h1 {
font-size:18px;}
.dialog .contet p {
font-size:14px;}

.mask-view {
	width: 100%;
	height: 230px;
	position: relative;
	display: flex;
	justify-content: center;
}

	/*.mask-view>p {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Popins-Bold' !important;
	font-size: 16px !important;
	background-color: #339E9B66;
	width: 230px;
	height: 230px;
	line-height: 230px;
	color: #fff !important;
	cursor: pointer;
}*/

	.mask-view:hover p {
		display: block;
	}

 

.main2 ul li h1,
.main3 ul li h1 {
	font-family: 'Popins-Bold';
	color: #339E9B;
	font-size: 16px;
	margin: 20px 0 25px;
}

.main2 ul li p,
.main3 ul li p {
	font-family: 'Popins-Light';
	color: #000000;
	font-size: 13px;
}

.main2 ul li h2,
.main3 ul li h2 {
	font-family: 'Popins-Bold';
	font-size: 13px;
	margin-top: 28px;
	color: #000000;
}

.main2 .btn_a {
	background-color: #339E9B;
	text-align: center;
	height: 55px;
	width: 335px;
	margin: 0 auto;
	border-radius: 10px;
	line-height: 55px;
	margin-top: 50px;
	position: relative;
	/* overflow: hidden; */
}

	.main2 .btn_a a {
		color: white;
		font-size: 20px;
		z-index: 10;
		display: inline-block;
		height: 55px;
		width: 100%;
		z-index: 30;
	}


.ticketdialog {
	background-color: #000000b0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1030;
}
	.dialog .head {
		border-bottom: 2px solid #C5B4BA;
		display: flex;
		justify-content: space-between;
	}

		 
		.dialog .head h2 {
			text-align: left;
			font-family: 'Popins-Bold';
			font-size: 16px;
			margin: 10px 0;
			color: #212519;
		}

.dialog .contet p {
	margin: 10px 0;
	font-family: 'Popins-Light';
	font-size: 16px;
	text-align: left;
	color: #212519;
	max-height: 260px;
	overflow-y: auto;
}


.main2 .btn_a:hover {
	box-shadow: 3px 0px 3px 3px #a7a2a5;
	border: 1px solid #a7a2a5;
}

	.main2 .btn_a:hover a {
		box-shadow: 0px -8px 0px 0px #339E9B;
		background-color: white;
		color: #339E9B;
		border-radius: 10px;
		font-family: 'Popins-Medium';
		font-size: 20px;
	}







.dialog .head h1 {
	font-family: 'Popins-Bold';
	color: #339E9B;
	font-size: 20px;
	text-align: left;
}















@media screen and (max-width:1080px) {

	.outSwiperBox li {
		margin-top:10px;
	}
	.main11 .box .img-box1 h1, .main11 .box .img-box2 h1 {
		font-size: 18px;
	}
	.dialog .head h1 {
		font-size: 18px;
	}

	.dialog .contet p {
		font-size: 14px;
	}
	.main.message {
		width: 100%
	}
	.Hbanner h1 {
		font-size: 18px ;margin-bottom: 20px;
	}
	.Hbanner a {
		font-size: 18px;
		padding: 0 10px;
		margin:0;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 0;
	}
	.box_left li {
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
	 
		font-weight: normal;
	 
	}
	.form_ .input_div {
		width: calc(100% - 50px);
		margin-bottom: 20px;
		border-bottom: 1px solid #8A8A8A;
	}
	.sponsorsmain4 .introduce {
		font-size:12px;
	}
	.main_map .box {
		display: block;
		margin: 20px auto;
		padding-top: 20px;
	}

	.main_map .box_left {
		width: 100%;
	}

	.main_map .box_right {
		width: 100%;
	}

		.main_map .box_right .big {
			font-size: 18px;
			margin-top: 30px;
			text-align: left;
		}

	.main_map .box {
		width: 100%;
	}
	.FOCUS {
	display:none}
	.main_map img {
		width: 100%;
		height: auto;
	}


	.main_map .box_right {
		padding-left: 10px;
	}

	.main_map .circle_green {
		width: 6px;
		height: 16px;
		border-radius: 10px;
	}

	.main_map .triangle {
		width: 6px;
		height: 16px;
		background-color: #d25a24;
		border-top: 0px solid transparent;
		border-radius: 10px;
		border-bottom: 0px solid #d25a24;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		transform: translateY(-0px);
		margin-left: 10px;
		margin-right: 5px;
	}

	.big_item {
		font-size: 12px;
		margin-top: 10px;
	}

	.outSwiperBox li div {
		text-align: center;
		font-size: 14px;
		line-height:20px;
	}

	.main2 .card-box .time {
		height: 60px;
	}

	.dialog2 {
		width: 94%;
		left: 3%;
		padding: 20px;
		top: 20%;
	}

		.dialog2 .head {
			align-items: center;
		}

		.dialog2 .content {
			flex-direction: column;
		}

		.dialog2 .off {
			width: 20px;
		}

			.dialog2 .off img {
				width: 100%;
			}

		.dialog2 .content > img {
			width: 100%;
		}

		.dialog2 .content .cont p {
			font-size: 14px;
		}

	.main3 ul {
		margin: 10px 0;
	}

	.main3 .text {
		width: 100%;
	}

	.main3 {
		padding: 20px 20px;
		background-size: cover;
	}

		.main3 ul li, .main3 p {
			font-size: 14px;
		}

	.agendamain2 .content .head .left h1 {
	font-size:18px;}

	main .title, .main3 h1 {
		font-size: 18px;
		margin-top: 20px;
	 
	}

		.main3 h1 {
			 
			margin-bottom: 30px;
		}

			.main3 h1::after {
				top: 35px;
			}

	.main1 {
		margin-top: 160px;
		padding: 30px 30px;
	}



	 

	.speakerapplymain1 > div {
		width: max-content;
	}

	.bananermain1 .right {
		margin-left: 0
	}

	.speakerapplymain1 > div > button {
		font-size: 18px;
		display: unset;
		padding: 0 15px;
	}

	.main2 .card-box .right ul li, .main2 .card-box .normal ul li {
		font-size: 14px;
	}

	.main2 .card-box .normal h1, .main2 .card-box .normal p span {
		font-size: 18px;
	}


	.speakerapplymain1 > h1 {
		font-size: 25px;
	}

	.speakerapplymain1 > div {
		height: 40px;
		line-height: 40px;
		margin-top: 30px;
	}

	.speakerapplymain1 {
		padding: 20px 10px;
		height: 135px;
		margin-top: 160px;
	}


		.speakerapplymain1 > h1 {
			font-size: 20px;
		}

		.speakerapplymain1 > div > a {
			font-size: 12px;
		}

		.speakerapplymain1 > div {
			height: 30px;
			line-height: 30px;
			width: max-content;
			margin-top: 20px;
		}




	.ticketmain1 {
		padding: 20px 0;
	}

		.ticketmain1 .head {
			flex-direction: column;
		}

			.ticketmain1 .head .right {
				text-align: center;
				width: 100%;
				font-size: 18px;
			}

			.ticketmain1 .head .left {
				font-size: 18px;
			}
			.ticketmain1 .content ul li,
			.ticketmain1 .ul1 li {
				font-size: 16px;
			}

		.ticketmain1 .ul3 li,
		.ticketmain1 .ul2 li {
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

	.ticketmain1 {
		padding-left: 10px;
		padding-right: 10px;
	}


	main > .testcontent {
		background-size: cover;
		background-position: center right;
		padding: 30px 10px;
	}

		main > .testcontent .img-box1 {
			width: 100%;
			text-align: right;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}

		main > .testcontent > .cot_btn {
			margin-top: 20px;
			/* width: 92%; */
		}

			main > .testcontent > .cot_btn a {
				position: unset;
			 
			}

			main > .testcontent > .cot_btn a {
				font-size: 14px;
				padding: 5px 35px;
				right: 63px;
			}

	.exhibitiomain3 .box {
		position: inherit;
		flex-direction: column;
	}

	.sponsorsnewmain1 .Hbanner-box {
		background-size: auto 100%;
		height: 100%;
	}

	.sponsorsnewmain1 .Hbanner {
		padding: 20px 10px;
	}

		.sponsorsnewmain1 .Hbanner h1 {
			font-size: 18px;
			margin-bottom: 10px;
		}

		.sponsorsnewmain1 .Hbanner p {
			margin-bottom: 10px;
		}

		.sponsorsnewmain1 .Hbanner .btn1 {
			display: none;
		}

		.sponsorsnewmain1 .Hbanner .btn2 {
			display: block;
			padding: 0 15px;
		}

	main > .testcontent .img-box1 h2 {
		font-size: 18px;
	}

	.sponsorsnewmain1 .Hbanner a {
		font-size: 18px;
		width: max-content;
		padding: 0 15px;
		margin: 0;
	}



	.main3 .box {
		flex-direction: column;
		position: initial;
	}

	.sponsorsmain2 .content {
		height: auto;
		background-size: auto 100%;
	}

	.sponsorsmain2 .content_container {
		display: inherit;
	}

	.main2 .card-box .right {
		margin-left: 0;
		padding-top: 100px;
		width: 100%;
	}

	.speakers_applyform {
		margin: 0;
	}

	.form-item {
		width: 100%;
	}

	.main2 div.time {
		width: 100%
	}

	.form > p {
		text-align: left;
		margin-top: 0px;
		font-size: 12px;
	}

	.form .submit-box {
		flex-direction: column-reverse;
		margin-top: 20px;
	}

		.form .submit-box .tips {
			margin-right: 0;
			margin-top: 20px;
		}

	.form .submit {
		font-size: 18px;
		padding: 10px 100px;
	}

	.form .submit-box .tips {
		font-size: 16px;
	}
	.exhibitiomain4 .form {
		margin: 30px auto;
	}
	.form {
		padding: 30px 30px;
		margin-bottom: 50px;
	}

	.form-item2 > div, .form-item > div {
		font-size: 14px;
		margin: 0px 15px 10px;
	}

	.form-item input, .form-item2 input, .form-item2 select {
		font-size: 12px;
		padding: 5px 15px;
	}

	.form-item .tips, .form-item2 .tips {
		font-size: 12px;
		padding: 5px 0;
		margin: 5px 0;
	}

	.main5 {
		padding: 30px 0;
	}

		.main5 ul {
			margin: 70px 100px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

			.main5 ul li {
				width: calc(20% - 6px);
			}

				.main5 ul li img {
					border: 1px solid transparent;
					width: 100%;
				}

					.main5 ul li img:hover {
						box-shadow: 5px 5px 5px #E5E5E5;
						border: 1px solid #eeeeee;
					}

		.main5 ul {
			margin: 0;
		}

			.main5 ul li {
				width: calc(50% - 4px);
				text-align: center;
				margin-top: 5px;
			}



	.main5 {
		padding: 0px 0;
		margin-top: 50px;
	}




	.main2 .intitle {
		margin-top: 20px;
		font-size: 18px;
	}

	.main5 ul li img {
		border: 1px solid transparent;
		width: 100%;
	}


	main .title::after {
		margin-top: 20px;
	}

	main .introduce {
		margin: 0;
		font-size: 12px;
		text-align: left;
		padding: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.exhibtionmain1 {
		margin-top: 50px;
	}
	main.margin160,main.agendabananer {
		margin-top: 160px;
	}

	.main4 .outSwiperBox {
		display: block;
		margin: 0;
		padding: 20px;
	}

	.main4 .box {
		flex-direction: inherit;
		position: initial;
	}

		.main4 .box .left-box,
		.main4 .box .right-box {
			width: calc(100% - 40px);
			margin: 10px 20px;
		}

	.bananermain1 .box {
		flex-direction: initial;
		right: 0;
		top: inherit;
	}



	.speakersmain1 {
		margin-top: 160px;
		padding: 30px 30px;
	}

	.outSwiperBox ul:nth-child(2) {
		margin-left: 0;
		margin-top: 30px;
	}

	.exhibitiomain4 .box .left-box h1, .outSwiperBoxTitle {
		font-size: 18px;
	}

		.outSwiperBoxTitle span {
			max-width: 80px;
		}


	.outSwiperBox li:nth-child(1) {
		display: flex;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.outSwiperBoxTitle span {
		display: none;
	}

	.speakersmain1 > div {
		width: max-content;
	}

		.speakersmain1 > div > button {
			font-size: 18px;
			display: unset;
			padding: 0 15px;
		}



	.speakersmain1 {
		height: 180px;
	}

		.speakersmain1 > h1 {
			font-size: 25px;
		}

		.speakersmain1 > div {
			height: 40px;
			line-height: 40px;
			margin-top: 30px;
		}


	.main2 .card-box .right h1,
	.main2 .card-box .right p span {
		font-size: 18px;
	}

	.exhibtionmain1 .Hbanner .btn {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

		.exhibtionmain1 .Hbanner .btn .btn1, .exhibtionmain1 .Hbanner .btn .btn2 {
			font-size: 18px;
			padding: 0 10px;
		}

	.exhibtionmain1 .Hbanner {
		padding: 40px 10px;
	}


	.speakersmain1 {
		padding: 20px 10px;
		height: 135px;
	}


		.speakersmain1 > h1 {
			font-size: 20px;
		}

		.speakersmain1 > div > a {
			font-size: 12px;
		}

		.speakersmain1 > div {
			height: 30px;
			line-height: 30px;
			width: max-content;
			margin-top: 20px;
		}


	.btn-box .btn a {
		font-size: 16px;
		padding: 15px 30px;
	}

	.exhibtionmain1 .Hbanner-box {
		background-size: cover;
		background-position: center;
	}

	main .About {
		font-size: 12px;
	}

	.box {
		flex-direction: unset;
		justify-content: space-around;
		width: 100%;
		background-color: #fff;
		bottom: 0;
		right: 0;
		top: auto;
		padding: 10px 0;
	}

	.form_ {
		padding: 20px;
	}

	.input_div {
		width: calc(100% - 20px);
	}

	.main .About {
		font-size: 12px;
	}

	main .Content {
		width: 95%;
		font-size:14px;
	}

	.form_ {
		width: 100%;
	}

		.form_ .last_input {
			width: 100%;
		}

	.form_bottom {
		/* justify-content: space-between; */
		flex-direction: column;
	}

		.form_bottom .left {
			margin-right: 0;
		}

		.form_bottom .submit {
			margin-top: 10px;
		}

	.dialog .content img {
	width:auto;max-width:100%;}

	.form_ .last_input {
		width: 100%;
		border-bottom: 1px solid #939393;
	}

	
	.main3 > ul > li,
	.main2 > ul > li {
		width: calc(100% /5) !important;
	}

	.main3 > ul > li,
	.main2 > ul > li {
		width: calc(100% / 4) !important;
	}

	.speakers_applyform {
		top: 87px;
	}

	.main3 > ul > li,
	.main2 > ul > li {
		width: calc(100% /3) !important;
	}






	 

		.dialog .off {
			width: 30px;
		}

			.dialog .off img {
				width: 100%;
			}



	.main3 > ul > li,
	.main2 > ul > li {
		width: 50% !important;
	}

	.main2 {
		padding: 10px 10px;
		position: unset;
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		margin: 10px 10px;
	}

 
	.main3 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

		.main3 > h1:after {
			content: "";
			margin: 30px auto 30px;
			display: block;
			width: 223px;
			height: 8px;
			background-image: linear-gradient(90deg, #21536D 20%, #339E9B);
		}

	.speakers_applyform {
		max-width: none;
		min-width: 0;
		width: 100%;
		height: calc(100vh - 87px);
		padding: 10px;
	}

		.speakers_applyform h1 {
			font-size: 18px;
			align-items: center;
		}

		.speakers_applyform .input_div,
		.speakers_applyform form .last_input {
			width: 100%;
			font-size: 16px;
		}

			.speakers_applyform .introduce,
			.speakers_applyform .introduce div,
			.speakers_applyform .input_div input,
			.speakers_applyform form .last_input input {
				font-size: 14px;
			}

		.speakers_applyform .form_bottom {
			flex-direction: column;
		}


	.main3 > ul > li,
	.main2 > ul > li {
		width: 100% !important;
	}




	.main3 > h1 {
		font-size: 20px;
	}



	.main3 > h1 {
		font-size: 20px;
	}




	.main2 > h1 {
		font-size: 20px;
	}

	.main2 .btn_a {
		width: 150px;
		height: 35px;
		line-height: 35px;
		text-align: center;
	}

		.main2 .btn_a a {
			font-size: 16px;
		}

	.main3 {
		margin-bottom: 50px;
	}

	.speakers_applyform .form_bottom .left {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.form_ .last_input div,.input_div div {
		font-size: 14px;
	}

	.input_div input, .input_div select, .form_ .last_input input {
		margin-top: 10px;
		font-size: 12px;
		margin-bottom: 10px;
		font-family: 'Popins-Medium';
	}
	.speakers_applyform h6 {
	font-size:14px}

	.ticketdialog {
	width:100%}
	.bananermain1 .left h2::after {
	 
		bottom: -55px;
	}

	.exhibitiomain3 .box .content {
		height: 350px;
	}
	.agendamain2 .card-box3 h1 {
	font-size:18px;}
	.main3 .btn_a, .main6 .btn_a, .speakermain3 .btn_a, .main2 .btn_a {
		height: 35px; line-height:35px;
	}

		.main6 .btn_a a, .main3 .btn_a a, .speakermain3 .btn_a a, .main2 .btn_a a {
			font-size: 18px;
			height: 35px;
		}
	.main6 {
	padding-bottom:30px;}

	.exhibitiomain4 .box .left-box ul li, .exhibitiomain4 .box .left-box p {
	font-size:14px;}

	.main13 .preview-swiper .swiper-button-next,
	.main13 .preview-swiper .swiper-button-prev {
		width: auto;
	}

	.main13 .preview-swiper .swiper-button-next, .main2 .preview-swiper .swiper-button-next {
		right: 5%;
	}

	.main13 .preview-swiper .swiper-button-prev, .main2 .preview-swiper .swiper-button-prev {
		left: 5%
	}

	.ticketmain1 .content h1 {
	font-size:18px;}
	.main13 .preview-swiper .swiper-button-prev img, .main13 .preview-swiper .swiper-button-next img, .main2 .preview-swiper .swiper-button-prev img, .main2 .preview-swiper .swiper-button-next img {
		width: 25px;
	}
	.Hbanner-box {
		background-size: auto 100%;
	}
	.Hbanner {
		padding: 20px 10px;
	}
	.exhibitiomain4 .box .right-box p {
		margin: 10px 0;
		text-align: left;
	}
}