@charset "UTF-8";
	 	html,body {
	 	height:100%;
	 	margin:0;
	 	padding:0
	 }
	 /* 底部结束 */
	 .copyright{text-align: center; font-size: 13px; color: #9ca3af; padding: 30px 0px; border-top: 1px solid #ddd;}
	 .base {
	 	--b-bg:#ebf5fd;
	 	--b-bg1:#ffffff;
	 	--b-text:#000000;
	 	--b-text1:#4f4f4f;
	 	--b-text3:#262626;
	 	--b-text4:#595959;
	 	--b-text5:#7f7f7f;
	 	--b-text6:#262626;
	 	--b-text7:#888888;
	 	--b-nav-bg1:#f0fdfa;
	 	--b-nav-color1:#14b8a6;
	 	--b-button-text:#333333;
	 	--b-button-bor:#262626;
	 	--b-login-bg-start:rgba(245,245,245,0);
	 	--b-login-bg-end:rgba(245,245,245,1)
	 }
	 .dark {
	 	--b-bg:#000000;
	 	--b-bg1:#1a1a1a;
	 	--b-text:#ffffff;
	 	--b-text1:#c9cacc;
	 	--b-text3:#ffffff;
	 	--b-text4:#c9cacc;
	 	--b-text5:#94969a;
	 	--b-text6:#e0e0e2;
	 	--b-text7:#b4b5b8;
	 	--b-nav-bg1:#0f1e25;
	 	--b-nav-color1:#14b8a6;
	 	--b-button-text:#ffffff;
	 	--b-button-bor:#dfe0e1;
	 	--b-login-bg-start:rgba(0,0,0,0);
	 	--b-login-bg-end:rgba(0,0,0,1)
	 }
	 body {
	 	margin:0;
	 	padding:0;
	 	background:var(--b-bg);
	 	color:var(--b-color);
	 	font-family:SF Pro Display,Roboto,Noto,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif
	 }
	 body a {text-decoration: none; color: #000;}
	 html {
	 	box-sizing:border-box;
	 	font-family:SF Pro Display,Roboto,Noto,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif
	 }
	 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
	 	-webkit-appearance:none
	 }
	 input[type=number] {
	 	-moz-appearance:textfield
	 }
	 input,select {
	 	background:transparent;
	 	border:0;
	 	outline:none;
	 	appearance:none;
	 	-moz-appearance:none;
	 	-webkit-appearance:none
	 }
	 select::-ms-expand {
	 	display:none
	 }
	 #canvas:where(.astro-SLVZHL3X) {
	 	height:100vh;
	 	width:100%
	 }
	 @media (max-width:1024px) {
	 	#canvas:where(.astro-SLVZHL3X) {
	 	height:70vh;
	 	width:100%
	 }
	 }.width:where(.astro-J7PV25F6) {
	 	max-width:1280px;
	 	margin:0 auto;
	 	padding:0 20px
	 }
	 .page:where(.astro-J7PV25F6) {
	 	 
	 }
	 .btna a{
		 text-decoration: none;
	 }
	  /* banner开始 */
	  /* banner hero */
	  .topbanner {
	    flex: 1;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 60px 20px 0px;
	    text-align: center; 
	  }
	  .hero-title {
	    font-size: 4rem;
	    font-weight: 900;
	    color: #1a1a1a;
	    max-width: 900px;
	    margin-bottom: 30px;
	    line-height: 1.1;
	    margin-top: 50px;
	  }
	  .hero-subtitle {
	    font-size: 1.125rem;
	    color: #555;
	    max-width: 700px;
	    margin-bottom: 60px;
		margin-top: 40px;
	    font-weight: 400;
		margin-left: 40px;
	  }
	  .hero-buttons {
	    display: flex;
	    gap: 20px;
	    justify-content: center;
	    margin-bottom: 100px;
	    flex-wrap: wrap;
	    margin-top: 26px;
	  }
	  .hero-buttons a{text-decoration: none;}
	  
	  .btn-primary {
	    background: linear-gradient(90deg, #4a7fff, #7a4aff);
	    color: white;
	    border: none;
	    padding: 20px 66px;
	    border-radius: 30px;
	    font-weight: 700;
	    font-size: 1rem;
	    cursor: pointer;
	    transition: background 0.3s ease;
	    white-space: nowrap;
	  }
	  .btn-primary:hover {
	    background: linear-gradient(90deg, #3b6fff, #6a3aff);
	  }
	  .btn-secondary {
	    background: #3a7bff;
	    color: white;
	    border: none;
	    padding: 20px 66px;
	    border-radius: 30px;
	    font-weight: 700;
	    font-size: 1rem;
	    cursor: pointer;
	    white-space: nowrap;
	    transition: background 0.3s ease;
	  }
	  .btn-secondary:hover {
	    background: #333;
	  }
	  
	  /* Mascot section */
	  .mascot-section {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 40px;
	    max-width: 900px;
	    width: 100%;
	    flex-wrap: wrap;
	    text-align: left;
	  }
	  .mascot-image {
	    flex-shrink: 0;
	    width: 160px;
	    height: 160px;
	    border-radius: 50%;
	    background: #f0f4ff;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    overflow: hidden;
	    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	  }
	  .mascot-image img {
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	  }
	  .mascot-text {
	    flex: 1;
	    max-width: 600px;
	  }
	  .mascot-text h2 {
	    font-size: 2rem;
	    font-weight: 900;
	    margin-bottom: 12px;
	    color: #000;
	  }
	  .mascot-text p {
	    font-size: 1.125rem;
	    color: #555;
	    font-weight: 400;
	    line-height: 1.4;
	  }
	  
	  
	  /* banner结束 */ 
	  
	  
	  
	 @keyframes moveToLeft {
	 	0% {
	 	transform:translate(0)
	 }
	 to {
	 	transform:translate(-.625rem)
	 }
	 }.sub:where(.astro-J7PV25F6) {
	 	padding:3.75rem 0 3.375rem
	 }
	 .sub:where(.astro-J7PV25F6) .text:where(.astro-J7PV25F6) {
	 	font-size:2.5rem;
	 	font-weight:600;
	 	color:var(--b-text);
	 	line-height:3.75rem;
	 	text-align:center;
	 	margin:0 auto
	 }
	 .sub:where(.astro-J7PV25F6) .text1:where(.astro-J7PV25F6) {
	 	font-weight:400;
	 	color:var(--b-text1);
	 	line-height:28px;
	 	text-align:center;
	 	margin:0 auto;
	 	padding-top:1rem
	 }
	 .sub:where(.astro-J7PV25F6) .text1-bold:where(.astro-J7PV25F6) {
	 	font-weight:600;
	 	cursor:pointer
	 }
	 .item:where(.astro-J7PV25F6) {
	 	background:var(--b-bg1);
	 	border-radius:1rem;
	 	font-family:PingFang SC-Medium,PingFang SC;
	 	transition:all .2s;
	 	box-shadow:#00000014 0 0
	 }
	 .item:where(.astro-J7PV25F6):hover {
	 	transform:translateY(-.625rem);
	 	box-shadow:#00000014 -100px 100px 200px;
	 	cursor:pointer
	 }
	 .item:where(.astro-J7PV25F6):hover .button:where(.astro-J7PV25F6) .icon:where(.astro-J7PV25F6),.item:where(.astro-J7PV25F6):hover .btn:where(.astro-J7PV25F6) .icon:where(.astro-J7PV25F6) {
	 	transform:translate(.625rem)
	 }
	 .item:where(.astro-J7PV25F6) .title:where(.astro-J7PV25F6) {
	 	font-size:1.75rem;
	 	font-weight:500;
	 	color:var(--b-text3)
	 }
	 .item:where(.astro-J7PV25F6) .subtitle:where(.astro-J7PV25F6) {
	 	padding-top:1rem;
	 	font-size:.875rem;
	 	font-weight:400;
	 	color:var(--b-text4)
	 }
	 .item:where(.astro-J7PV25F6) .button:where(.astro-J7PV25F6) {
	 	width:8.375rem;
	 	height:2.5rem;
	 	border-radius:1.25rem;
	 	border:1px solid var(--b-button-bor);
	 	font-size:.875rem;
	 	font-weight:400;
	 	color:var(--b-button-text);
	 	line-height:2.5rem;
	 	display:flex;
	 	align-items:center;
	 	justify-content:center
	 }
	 .item:where(.astro-J7PV25F6) .button:where(.astro-J7PV25F6) .icon:where(.astro-J7PV25F6) {
	 	padding-left:6px;
	 	transition:all .2s
	 }
	 .module:where(.astro-J7PV25F6) {
	 	padding:0 1.25rem
	 }
	 .module:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) {
	 	display:flex;
	 	align-items:center
	 }
	 .module-left:where(.astro-J7PV25F6) {
	 	padding:2rem
	 }
	 .module-left:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:55.25rem;
	 	height:24.5rem
	 }
	 .module-right:where(.astro-J7PV25F6) {
	 	flex:1;
	 	display:flex;
	 	flex-direction:column;
	 	justify-content:space-between
	 }
	 .module1:where(.astro-J7PV25F6) {
	 	padding:2rem 1.25rem;
	 	display:flex
	 }
	 .module1-left:where(.astro-J7PV25F6) {
	 	padding:1.25rem
	 }
	 .module1-left:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:100%;
	 	height:32.75rem
	 }
	 .module1-left-text:where(.astro-J7PV25F6) {
	 	padding-top:1.25rem;
	 	display:flex;
	 	align-items:center;
	 	justify-content:space-between
	 }
	 .module1-hr:where(.astro-J7PV25F6) {
	 	width:2rem;
	 	height:2rem
	 }
	 .module1-right:where(.astro-J7PV25F6) {
	 	flex:1;
	 	display:flex;
	 	flex-direction:column;
	 	justify-content:space-between
	 }
	 .module1-right:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) {
	 	flex:1;
	 	display:flex;
	 	padding:1.25rem
	 }
	 .module1-right-img:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:24.375rem;
	 	height:16.5rem
	 }
	 .module1-right-text:where(.astro-J7PV25F6) {
	 	padding-left:1.25rem;
	 	flex:1;
	 	display:flex;
	 	flex-direction:column;
	 	justify-content:space-between
	 }
	 .module3:where(.astro-J7PV25F6) {
	 	display:flex;
	 	padding:0 1.25rem 4rem
	 }
	 .module3-hr:where(.astro-J7PV25F6) {
	 	height:2rem;
	 	width:2rem
	 }
	 .module3-item:where(.astro-J7PV25F6) {
	 	flex:1;
	 	display:flex;
	 	justify-content:space-between;
	 	padding:1.25rem
	 }
	 .module3-right:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:16rem;
	 	height:7.5rem;
	 	border-radius:1rem
	 }
	 .module3-left:where(.astro-J7PV25F6) {
	 	display:flex;
	 	flex-direction:column;
	 	justify-content:space-between
	 }
	 .module3-left:where(.astro-J7PV25F6) .title:where(.astro-J7PV25F6) {
	 	font-size:1.125rem;
	 	font-weight:500;
	 	color:var(--b-text6)
	 }
	 .module3-left:where(.astro-J7PV25F6) .subtitle:where(.astro-J7PV25F6) {
	 	padding-top:1rem;
	 	font-size:.875rem;
	 	font-weight:400;
	 	color:var(--b-text7)
	 }
	 .module3-left:where(.astro-J7PV25F6) .btn:where(.astro-J7PV25F6) {
	 	display:flex;
	 	align-items:center;
	 	font-size:.75rem;
	 	font-weight:400;
	 	color:var(--b-button-text);
	 	padding:.275rem 0
	 }
	 .module3-left:where(.astro-J7PV25F6) .btn:where(.astro-J7PV25F6) .icon:where(.astro-J7PV25F6) {
	 	padding-left:6px;
	 	transition:all .2s
	 }
	 .footer:where(.astro-J7PV25F6) {
	 	height:4rem;
	 	background:var(--b-bg1);
	 	display:flex;
	 	justify-content:center;
	 	align-items:center;
	 	font-size:.875rem;
	 	font-family:PingFang SC-Semibold,PingFang SC;
	 	font-weight:600;
	 	color:var(--b-text5)
	 }
	 .footer:where(.astro-J7PV25F6)>div:where(.astro-J7PV25F6) {
	 	padding:0 1.25rem
	 }
	 .footer:where(.astro-J7PV25F6) a:where(.astro-J7PV25F6) {
	 	color:var(--b-text5);
	 	text-decoration:none
	 }
	 .module1_phone:where(.astro-J7PV25F6) {
	 	display:none
	 }
	 @media (max-width:768px) {
	 	.module:where(.astro-J7PV25F6) {
	 	padding:0
	 }
	 .module:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) {
	 	display:block
	 }
	 .module-left:where(.astro-J7PV25F6) {
	 	padding:1rem!important
	 }
	 .module-left:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:100%;
	 	height:auto
	 }
	 .module-right:where(.astro-J7PV25F6) {
	 	padding:2rem 1rem;
	 	flex-direction:row
	 }
	 .module-right:where(.astro-J7PV25F6) .button:where(.astro-J7PV25F6) {
	 	align-self:flex-end;
	 	margin-top:2rem!important
	 }
	 .module1:where(.astro-J7PV25F6) {
	 	display:none
	 }
	 .module1_phone:where(.astro-J7PV25F6) {
	 	display:flex;
	 	flex-direction:column;
	 	padding:8px 0
	 }
	 .module1_phone-hr:where(.astro-J7PV25F6) {
	 	width:8px;
	 	height:8px
	 }
	 .module1_phone:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) {
	 	flex:1;
	 	padding:1rem
	 }
	 .module1_phone:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) .module1-left-text:where(.astro-J7PV25F6) {
	 	padding:2rem 0rem
	 }
	 .module1_phone:where(.astro-J7PV25F6) .item:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:100%;
	 	height:auto
	 }
	 .module3:where(.astro-J7PV25F6) {
	 	flex-direction:column;
	 	padding:0 0rem 4rem
	 }
	 .module3-left:where(.astro-J7PV25F6) .btn:where(.astro-J7PV25F6) {
	 	width:8.375rem;
	 	height:2.5rem;
	 	border-radius:1.25rem;
	 	border:1px solid var(--b-button-bor);
	 	font-size:1.2rem!important;
	 	font-weight:400;
	 	color:var(--b-button-text);
	 	line-height:2.5rem;
	 	display:flex;
	 	align-items:center;
	 	justify-content:center
	 }
	 .module3:where(.astro-J7PV25F6) .title:where(.astro-J7PV25F6) {
	 	font-size:1.6rem
	 }
	 .module3-item:where(.astro-J7PV25F6) {
	 	padding:10px
	 }
	 .module3-right:where(.astro-J7PV25F6) {
	 	flex:1;
	 	display:flex;
	 	justify-content:flex-end
	 }
	 .module3-right:where(.astro-J7PV25F6) .img:where(.astro-J7PV25F6) {
	 	width:120px;
	 	height:auto
	 }
	 }@media (max-width:1024px) {
	 	.top:where(.astro-J7PV25F6) {
	 	height:70vh;
	 	width:100%
	 }
	 .top:where(.astro-J7PV25F6) .title:where(.astro-J7PV25F6) {
	 	font-size:3rem;
	 	font-weight:500
	 }
	 .top:where(.astro-J7PV25F6) .sub-title:where(.astro-J7PV25F6) {
	 	font-size:1rem;
	 	font-weight:500
	 }
	 .top:where(.astro-J7PV25F6) .btn:where(.astro-J7PV25F6) {
	 	width:18rem;
	 	height:5rem;
	 	font-size:2rem
	 }
	 .top:where(.astro-J7PV25F6) .btn:where(.astro-J7PV25F6) .icon:where(.astro-J7PV25F6) {
	 	margin-left:16px;
	 	animation:moveToLeft .8s infinite cubic-bezier(.1,.84,.35,1)
	 }
	 }@media (max-width:1280px) {
	 	.item:where(.astro-J7PV25F6) .button:where(.astro-J7PV25F6) {
	 	width:10rem;
	 	height:3rem;
	 	border-radius:15px;
	 	border:1px solid var(--b-button-bor);
	 	line-height:3rem;
	 	font-size:1.2rem
	 }
	 }
	/* 确保整个页面没有多余的边距和滚动条 */
	html, body {
	  margin: 0;
	  padding: 0;
	  overflow-x: hidden;
	  width: 100%;
	}
	
	/* topbanner 容器样式 */
	.topbanner {
	  position: relative;
	  width: 100%;
	  height: 70vh; /* 使用视口高度 */
	  overflow: hidden;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	/* 视频背景样式，确保自适应 */
	.video-background {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* 保持比例填充 */
	  z-index: 0;
	}
	
	/* 内容样式，确保浮在视频上方 */
	.banner-content {
	  position: relative;
	  z-index: 10;
	  text-align: center;
	  padding: 40px 20px;
	  background: rgba(255, 255, 255, 0.1);
	  backdrop-filter: blur(5px);
	  border-radius: 20px;
	  max-width: 90%;
	  width: 800px;
	  margin: 0 auto;
	}
	
	/* 响应式调整 */
	@media (max-width: 768px) {
	  .banner-content {
	    padding: 20px;
	    max-width: 95%;
	  }
	}