* {
 	box-sizing: border-box;
 	margin: 0;
 	padding: 0;
 	font-family: "Microsoft YaHei", Arial, sans-serif;
 }

 body {
 	width: 750px;
 	margin: 0 auto !important;
 }

 img {
 	margin: 0;
 	padding: 0;
 	border: none;
 	/* 移除边框 */
 	outline: none;
 	/* 移除轮廓 */
 	background: none;
 	/* 移除背景 */
 	display: block;
 	/* 确保图片以块级元素显示，便于控制外边距和内边距 */
 }

 ul {
 	padding-left: 0;
 	list-style: none;
 	margin-top: 0;
 }

 /* 默认样式（PC端） */
 .container {
 	width: 750px;
 	margin: 0 auto;
 	margin-bottom: 120px;
 	margin-top: 68px;
 }

 /* 头部样式 */
 header {
 	position: fixed;
 	/* 固定在顶部 */
 	top: 0;
 	left: 0;
 	width: 100%;
 	/* 宽度为100% */
 	z-index: 1000;
 	/* 确保导航栏在其他内容之上 */
 	background-color: #fff;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 /* 为 header 添加一个内部容器，确保内容居中 */
 header .container {
 	max-width: 750px;
 	margin: 0 auto;
 	padding: 0 20px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 header .container .logo {
 	width: 90%;
 	text-align: center;
 }

  header .container .logo img {
 	height: 70px;
 	padding: 15px 30px;
 }

 .mobileNav {
 	display: block;
 	cursor: pointer;
 }

 .bar {
 	display: block;
 	width: 25px;
 	height: 3px;
 	background-color: #333;
 	margin: 5px 0;
 }

 #navMenu {
 	display: none;
 	position: absolute;
 	top: 60px;
 	left: 0;
 	width: 100%;
 	background-color: #fff;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 #navMenu.active {
 	display: block;
 }

 .nav-list {
 	list-style: none;
 	padding: 15px;
 }

 .nav-item {
 	text-align: left;
 	padding: 10px 0;
 	position: relative;
 }

 .nav-item a {
 	text-decoration: none;
 	color: #333;
 	font-weight: bold;
 	display: block;
 }

 .submenu {
 	display: none;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	background-color: #f9f9f9;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .submenu li {
 	padding: 10px 0;
 	text-align: left;
 }

 .submenu li a {
 	text-decoration: none;
 	color: #333;
 	font-weight: normal;
 }

 /* 手机端样式 */
 @media (max-width: 768px) {
 	body {
 		width: 100%;
 		margin: 0 auto !important;
 	}

 	header {
 		width: 100%;
 		margin: 0 auto;
 	}

 	.container {
 		width: 100%;
 		margin: 0 auto;
 		margin-top: 70px;
 		margin-bottom: 70px;
 	}
	
	
 }

 .myFooter {
 	background-color: #979a9e;
 	padding: 0;
 }

 .myFooter .top .uk-container {
 	flex-direction: column;
 	gap: 10px;
 }
 .myFooter .top .uk-container .logo img{
	 height: 30px;
 }
 .myFooter .uk-container {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .myFooter .top {
 	padding: 35px 0;
 	border-bottom: 1px solid #517ecc;
 }

 .myFooter .top .logo {
 	height: auto;
 }

 .myFooter .top .list {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 3vw;
 	justify-content: flex-start;
 	padding-left: 15px;
 }

 .myFooter .top .list .item {

 	font-size: 16px;
 	color: #ffffff;
 	transition: all 0.5s;
 	cursor: pointer;
 }

 .myFooter .top .list .item a {
 	color: inherit;
 	text-decoration: none;
 }

 .myFooter .top .list .item:hover {
 	color: #ccc;
 }

 .myFooter .bottom {
 	padding: 50px 0;
 }

 .myFooter .bottom .left {

 	font-size: 14px;
 	line-height: 1.714;
 	color: #ffffff;
 }

 .right-title p {
 	text-align: center;
 	font-size: 18px;
 	margin-bottom: 10px;
 }

 .right-title p span {
 	color: #c62828;
 }

 .registContent {
 	display: flex;
 	gap: 68px;
 	background: #f7f8fc;
 	padding: 10px 10px;
 }

 .registContent .left {
 	width: 33.85%;
 	flex-shrink: 0;
 }

 .registContent .left .text {

 	font-size: 20px;
 	color: #1a1a1a;
 }

 .registContent .left .text .ps {

 	font-size: 1.2em;
 	line-height: 1.66;
 	color: #1a1a1a;
 }

 .registContent .left .icon .img {
 	display: block;
 	margin: auto;
 	max-width: 321px;
 	width: 100%;
 	height: auto;
 }

 .registContent .right {
 	flex: 1;
 }

 .myForm {
 	display: flex;
 	flex-direction: column;
 	gap: 30px;
 }

 .myForm .line {
 	display: flex;
 	gap: 28px;
 	width: 100%;

 	font-size: 16px;
 	color: #959595;
 	align-items: center;
 }

 .myForm .line .ps {

 	font-size: 18px;
 	color: #095ebf;
 	flex: 1;
 }

 .myForm .line .myInput {
 	width: 100%;
 }

 .myForm .line .myInput.point {
 	position: relative;
 }

 .myForm .line .myInput.point input {
 	padding-left: 32px;
 }

 .myForm .line .myInput.point:before {
 	content: '*';
 	position: absolute;
 	left: 20px;
 	top: 50%;
 	transform: translateY(-50%);
 }

 .myForm .line .mySelect {
 	width: 100%;
 	font-size: inherit;
 }

 .myForm .line .mySelect .layui-form-select dl dd.layui-this {
 	color: #105de5;
 }

 .myForm .line .mySelect input:hover {
 	border-color: transparent !important;
 }

 .myForm .line .mySelect input:focus {
 	border-color: #105de5 !important;
 }

 .myForm .line input {
 	aspect-ratio: 415 / 60;
 	max-height: 60px;
 	width: 100%;
 	height: auto;
 	background-color: #ffffff;
 	border: 0;
 	border-radius: 10px;
 	outline: none;
 	box-sizing: border-box;
 	padding-left: 20px;
 	border: 1px solid transparent;
 	transition: all 0.3s ease;
 }

 .myForm .line input:focus {
 	border-color: #105de5;
 	box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
 }

 .myForm .line input[type='date'] {
 	padding-right: 20px;
 }

 .myForm .line .myTea {
 	aspect-ratio: 860 / 250;
 	width: 100%;
 	height: auto;
 	resize: none;
 	border: 1px solid transparent;
 	transition: all 0.3s ease;
 	outline: none;
 	border-radius: 10px;
 	padding: 20px;
 }

 .myForm .line .myTea:focus {
 	border-color: #105de5;
 	box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
 }

 .myForm .line .code {
 	width: 32.09%;
 }

 .myForm .line .code input {
 	aspect-ratio: 276 / 60;
 }

 .myForm .line .img {
 	aspect-ratio: 110 / 28;
 }

 .myForm .line button {
 	width: 70%;
 	margin: 0 auto;
 	height: 100%;
 	border: none;
 	height: 60px;
 	background-color: #c62828;
 	border-radius: 10px;
 	font-size: 36px;
 	color: #ffffff;
 	transition: all 0.3s ease;
 	border: 1px solid transparent;
 }

 .myForm .line button:hover {
 	background-color: #c62828;
 	color: #ffffff;
 	border-color: #c62828;
 	box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
 	cursor: pointer;
 }

 .line-p {
 	width: 100%;
 	text-align: center;
 }

 #accordion {
 	width: 95%;
 	margin: 0 auto;
 	background-color: #fff;
 }

 .accordion-item {
 	margin-bottom: 10px;
 }

 .accordion-header {
 	cursor: pointer;
 	font-size: 20px;
 	line-height: 30px;
 	color: #066bbd;
 	padding: 10px 0;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .accordion-content {
 	display: none;
 	padding: 10px 0;
 }

 .accordion-content p {
 	font-size: 15px;
 	color: #141414;
 	margin-bottom: 15px;
 }

 .accordion-header i {
 	transition: transform 0.3s ease;
 	font-style: normal;
 }

 .accordion-header.open i {
 	transform: rotate(90deg);
 	font-style: normal;
 }

 .accordion-btn {
 	border: 1px solid #5e8cd4;
 	font-size: 20px;
 	color: #5e8cd4;
 	border-radius: 10px;
 	padding: 5px;
 	margin-top: 5px;
 	height: 38px;
 	line-height: 25px;
 }

 /* 专家 */
 .carousel {
 	position: relative;
 	width: 100%;
 	max-width: 750px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 .carousel-inner {
 	display: flex;
 	transition: transform 0.5s ease;
 }

 .carousel-item {
 	min-width: 100%;
 	box-sizing: border-box;
 }

 .carousel-item img {
 	width: 100%;
 	display: block;
 }
 
 /* 视频 */
 .video-carousel {
     position: relative;
     width: 100%;
     overflow: hidden;
 }
 
 .video-carousel-inner {
     display: flex;
     transition: transform 0.5s ease;
 }
 
 .video-carousel-item {
     width: 100%;
	 height: 422px;
     flex-shrink: 0;
     position: relative;
 }
 @media (max-width: 768px) {
 	.video-carousel-item {
 		height: 214px;
 	}
 	
 	
 }
 
 .video-carousel-item video {
     width: 100%;
     height: 100%;
     display: none; /* 默认隐藏视频 */
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
 }
 
 .video-carousel-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     cursor: pointer;
     z-index: 2;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .video-carousel-item .video-cover {
     display: block; /* 默认显示封面 */
 }
 .video-carousel-item .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 3em;
     color: white;
     cursor: pointer;
     z-index: 3;
 }
 
 .video-carousel .prev, .video-carousel .next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: rgba(0, 0, 0, 0.5);
     color: white;
     padding: 0px;
     cursor: pointer;
     z-index: 10;
 }
 
 .video-carousel .prev {
     left: 0;
 }
 
 .video-carousel .next {
     right: 0;
 }

.prev,
 .next {
 	position: absolute;
 	top: 51%;
 	transform: translateY(-50%);
 	background-color: rgb(0 0 0 / 20%);
 	color: white;
 	padding: 0px;
 	cursor: pointer;
 	z-index: 10;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	text-align: center;
 	border-radius: 50%;
 }

 .prev {
 	left: 0;
 }

 .next {
 	right: 0;
 }

 .indicators {
 	position: absolute;
 	bottom: 10px;
 	width: 100%;
 	text-align: center;
 }

 .indicator {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	margin: 0 5px;
 	border-radius: 50%;
 	background-color: rgba(0, 0, 0, 0.5);
 	cursor: pointer;
 }

 .indicator.active {
 	background-color: #ff6600;
 }

 /* 底部样式 */

 .foot-menu {
 	display: flex;
 	gap: 15%;
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #517ecc;
 	z-index: 999;
 	max-width: 750px;
 	margin: 0 auto;
 	height: auto;
 	align-items: stretch;
 	justify-content: center;
 }

 .foot-menu a {
 	display: block;
 	box-sizing: border-box;
 	text-align: center;
 	width: 15%;
 	padding: 2%;
 	font-size: 12px;
 	color: #fff;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .foot-menu a img {
 	width: 100%;
 }