.w50 {
	width: 50%;
}


.Top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9;
}

.Top a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #ff9f06;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold; 
	border-radius: 50%;
	border: 1px solid #ff9f06;
	opacity: 0.4;
}

.Top a .img {
	display: inline-block;
}

.Top a .img_on {
	display: none
}

.Top a:hover .img_on {
	display: inline-block;
	transition: 1s;
	opacity: 0.8
}

.Top a:hover .img {
	display: none
}

.Top a:hover {
	background: #fff;
	border: 3px solid #000;
	opacity: 0.6;
}

.Top a img {
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
	margin: 0 auto;
}

/* Homepage CTA button */
.btn {
  

	display: inline-flex;
  
	align-items: center;
  
	gap: 0;
  
	overflow: hidden;
  
	transition: gap .25s ease;

	}

.arrow {
  

	display: inline-block;
  
	width: 0;
  
	opacity: 0;
  
	overflow: hidden;
  
	transition:
    width .25s ease,
    opacity .25s ease;

	}

.btn:hover { 
		gap: 8px; 
	}

.btn:hover .arrow {
  

		width: 16px;
  
		opacity: 1;

	}

/* Section styles */
.section {
	padding: 0rem calc((100% - 960px) / 2.0);
}

.container {
	max-width: 960px !important;
}

.chat_overview_btt {
	color: #B0ABAB;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	line-height: 1.5;
	font-weight: 100;
}

.chat_overview_btt1 {
	font-size: 1.4rem;
	color: #1f2333;
	font-weight: bold;
}

.border_tb {
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
}

.bor_bot {
	border-bottom: 1px solid #e5e7eb;
}

.sweet .chat_case p {
	color: #656565;
	font-size: 1.2rem;
}

.chat_overview_bt {
	font-size: 1.9rem;
}

.sweet_goal_right_goal img {
	width: 100%;
}

.sweet .chat_overview_bt {
	padding-bottom: 1.5rem;
	line-height: 100%;
}

.f_bt {
	font-size: 1.9rem;
}

.two_img .sweet_user_lia {
	padding: 0;
}

@media(min-width: 1440px) {
	.container {
		padding: 0;
	}
}

.sweet_user_lia {
	min-height: 28rem;
}

.sweet_user_lia .d1 {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.sweet_user_lia .d1 img {
	width: 100%;

	max-width: 12rem;
	max-height: 12rem;
	height: 100%;
}

.sweet_user_lia .d3 {
	width: 80%;
	font-size: 1.2rem;
}

.sweet_user_lia .d2 {
	width: 80%;
	font-size: 1.5rem;
}

.sweet_user_lia.one_img img {
	max-width: 30rem;
	max-height: 30rem;
}

.sweet_user_lia.two_img {
	min-height: 25rem;
}

.sweet_user_lia.two_img img {
	max-width: 25rem;
	max-height: 18rem;
	width: 100%;
	margin-bottom: 1rem;
}

.sweet_user_lia .d3 {
	color: #656565;
}

.key_img_bg {
	background: #fff2cd;
	padding: 1rem 2rem;
	margin-top: 1.5rem;
}

.more_ul .text-black {
	color: #000;
}

.more_ul .text-black h3 {
	padding: 1rem 0;
	font-size: 1.5rem !important;
}

.more_imgs img {
	/*display: block;
	height: 100%;
	width: auto;*/
	display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: cover; /* This performs the "cut" / crop */
    object-position: center;
    height: 100%;
    width: auto;
}

.more_imgs img.img {
	/*display: block;*/
	margin: auto;
	/*margin-bottom: 10%;*/
	height: 100%;
    width: auto;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: cover; /* This performs the "cut" / crop */
    object-position: center;
}

.more_ul a.view-case-btn:hover {
	opacity: 0.8;
}

/* Left Side Navigation */
.left-nav {
	position: fixed;
	left: -5rem;
	/* 初始位置向左偏移 */
	top: 50%;
	transform: translateY(-50%);
	z-index: 40;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease, left 0.4s ease;
	display: none
}

.left-nav.show {
	opacity: 1;
	visibility: visible;
	left: 2rem;
	/* 显示时移动到正常位置 */
}

.left-nav.active {
	display: flex;
}

.nav-item {
	cursor: pointer;
	transition: all 0.3s ease;
}

/* Remove the dot */
.nav-dot {
	display: none;
}

.nav-text {
	opacity: 1;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	transition: all 0.3s ease;
}

.footer_t {
	margin-top: 5rem;
}

.footer .footer_1 {
	align-items: start;
}

.chat_overview_box ul li {
	list-style-type: none;
	position: relative;
	padding-left: 1rem;
	color: #656565;
}

.chat_overview_box ul li::after {
	content: '';
	position: absolute;
	top: 0.7rem;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #656565;
}

.text_bt {
	font-size: 1.2rem;
}

.nav-item:hover .nav-text {
	color: #000;
}

.nav-item.active .nav-text {
	color: #000;
	font-weight: 500;
}

.yf_goal .sweet_goal_right_goal img {
	margin: 20% 0 0 0;
}


.sweet .sweet_goal_bg {
	background: #F6F7FC;
}



.morpheus_problem .morpheus_research_li .dd {
	background: #F6F7FC;
	margin: 1rem 0.5rem;
	border-radius: 1rem;
	padding: 2rem 1rem;
}

.morpheus_problem .morpheus_research_li span {
	font-weight: bold;
	color: #000
}

.morpheus_problem .morpheus_research_li img {
	height: 12rem;
}

.chat_goal_text {
	font-size: 1.2rem;
	color: #656565;
	padding-right: 0.5rem;
}

.prcess_structure .chat_goal_img img {
	margin: 0;
}

.more_ul .w50 {
	width: 50%;

}

.more_imgs_back {
	align-items: end;
}

.more_imgs_back .img1 {
	display: block;
	margin: 0 auto;
	margin-bottom: 10%;
}

.padding100_tt {
	padding-top: 80px;
}

.padding100_tb1 {
	padding-bottom: 80px;
}

.padding80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.more_imgs_back {
	align-items: end;
}

.new_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 1);
	backdrop-filter: blur(8px);
	z-index: 50;
	padding: 1rem 2rem
}


.new_head .nav1 {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new_head .nav1 a img{
	width: 4rem!important;
	height: 4rem!important;
}
.nindex1 .text-left h2 {
	line-height: 100%;
	font-size: 4rem;
}

.nindex1 .text-left p {
	color: #596063;
	font-size: 1.3rem;
}

.nindex1 .text-left p.p1 {
	color: #000;
	font-size: 2rem;
}

.nindex1 .text-left .text_1 {
	color: #4A4BD7;
	font-size: 1rem;
	padding-bottom: 2%;
}

.nindex1 .text-left .index_text {
	display: flex;
	padding-top: 2%;
}

.nindex1 .text-left .index_text_1 {
	display: inline-block;
	margin-right: 3%;
}

.nindex1 .text-left .index_text_1 span {
	color: #656565;
	font-size: 1rem;
	display: block;
}

.nindex1 .text-left .index_text_1 span:first-child {
	color: #4A4BD7;
	font-weight: bold;
	font-size: 1.8rem;
}

section {
	display: flex;
	align-items: center;
	justify-content: center;

}

.section1 {
	min-height: 100vh;
	background: #ffddff;
}

.section2 {
	min-height: 100vh;
	background: #fddddf;
}

.header nav .nav_ul a {
	display: inline-block;
	color: #000;
	padding: 5px 0;
	margin: 0 10px;
	border: 3px solid transparent;
	transition: 0.2s;
}
.about h2 span{
	color: #000;
	font-size: 2rem;
}
.about_text{
	font-size: 1rem;
	color: #596063;
	padding-bottom: 2rem;
}

.index_ul .more_ul .text-black h3{
	font-size: 2rem !important;
}

.index_ul .footer_icon span{
	font-size: 0.9rem;
}

.index_ul .more_ul .text-black{
	font-size: 1.1rem;
}


.index_footer{
	padding-bottom: 2%;
}
.index_footer_1{
	color: #4A4BD7;
	font-size: 1rem;
}
.index_footer_2{
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 1rem;
	color: #656565;
}

.index_footer_2 span{
	flex: 1;
	display: block;
	
}
.index_footer_2 span:first-child{
	font-size: 3.2rem;
	color: #000;
	width: 50%;
	flex: initial;
}
.index_footer_2 span.span2{
	margin: 0 5%;
	
}
.work_footer {
	padding-top: 10%; 
}
.work_footer .index_footer_2{
	display: block;
	font-weight: bold;
}
.work_footer .index_footer_2 span span{
	color: #4A4BD7;
	display: inline-block;
	width: auto;
} 
.index_more_view{
	text-align: center; 
	padding: 2% 0; 
}
.index_more_view a{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	color: #4A4BD7;
	font-size: 1.1rem;
	border-radius: 2rem;
	background: #f5f7ff;
}
.index_more_view a:hover{
	background: #dfe3f8;
}
.work_footer .index_footer_2 span.span2{
	margin: 1% 0;
	font-weight: 200;
}

.about_box{
	background: #F6F7FC;
	padding: 10% 0 5% 0;
}

.content .text-base{
	color: #B0ABAB;
}

.content h3.uppercase{
	color: #656565;
}
.content .grid div p{
	color: #14161B;
}
.echoflow_overview h3.uppercase{
	color: #656565;
}
.echoflow_overview .grid div p{
	color: #14161B;
}


.content .prose p.text-xl{
	color: #656565;
}
.content .prose p.text-3xl{
	color: #000000;
}
.content .prose h3.text-3xl{
	color: #000000;
}


.content .problem_1 ul li{
	color: #555555;
	font-size: 1.2rem;
	line-height: 1.4rem;
}
.content .problem_1 p.text-xl{
	color: #14161B;
}
.content .our_1 h4{
	font-size: 1.3rem;
}
.content .our_1 h5.mb-2{
	font-size: 24px;
	font-weight: 600;
	color: #000000;
}
.content .our_1 .flex div p{
	color: #656565;
	font-size:1.2rem;
	line-height: 120%;
}

.content .process_1 .flex p.text-xl{
	color: #14161B;
}

.content .project-card .more_imgs{
	background-color: #E4E6EF;
}
.content .project-card .space-y-6 .space-y-61{
	font-weight: 400; 
	font-style: Regular; 
	font-size: 1; 
	line-height: 180%;
	letter-spacing: 0%;
}
.section {
      padding: 4rem calc((100% - 960px) / 2.0);
 }

.connect_user .user_li{
	padding: 1.5rem;
}

.connect_process .p_text{
	color: #656565;
	font-size:1.2rem;
	line-height: 120%;
}

.connect_process .h3_text{
	color: #000000; 
	font-size: 22px;
}

.connect_final .p_text{
	color: #656565;
	font-size:1.2rem;
	line-height: 120%;
}

.connect_final .h3_text{
	color: #000000; 
	font-size: 22px;
}















@media only screen and (max-width: 900px) {
	.header {
		padding: 0 30px;
	}
}

@media (min-width: 768px) {
	.new_head {
		position: relative !important;
	}

	.new_head.show {
		position: fixed !important;
		background: rgba(255, 255, 255, 0.3) !important;
		padding: 0.5rem 5rem!important;
	}

	.sj {
		display: none !important;
	}

	.header {
		max-height: 100px;
		height: 0;
	}
}

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

	.header {
		background: #fff;
		width: 100%;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 2rem;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		transition: transform 0.3s ease-in-out;
		z-index: 9999;
	}

	.header.hide {
		transform: translateY(-100%);
	}

	.header .logo {
		font-size: 30px;
		text-transform: uppercase;
	}

	.header nav .nav_ul {
		display: flex;
		gap: 2.5rem;
		align-items: center;
	}



	.hamburger {
		cursor: pointer;
		display: none;
		position: absolute;
		z-index: 9999;
	}

	.hamburger div {
		width: 30px;
		height: 3px;
		margin: 5px 0;
		background: #000;
	}

	.pc {
		display: none !important;
	}

	.hamburger {
		display: block;
		position: relative;
	}

	.header nav.new_head {
		position: absolute;
		width: 100%;
		left: -100%;
		top: 70px;
		width: 100%;
		background: #fff;
		padding: 30px;
		transition: 0.3s;
	}

	.header #nav_check:checked~nav {
		left: 0;
	}

	.header nav .nav_ul {
		display: block;
	}

	.header nav .nav_ul a {
		margin: 5px 0;
		display: block;
	}


	.left-nav {
		left: -5rem;
		/* 移动设备上也使用偏移隐藏 */
		display: none !important;
	}

	.left-nav.show {
		left: 1.2rem;
		/* 移动设备上的显示位置 */
	}

	.chat_overview_bt {
		font-size: 1.2rem;
		padding-bottom: 0.8rem !important;
	}

	.chat_overview_btt {
		font-size: 0.9rem;
	}

	.padding100_tb {
		padding: initial !important;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;

	}

	.sweet .chat_case p {
		font-size: 0.9rem;
		line-height: 150%;
	}

	.sweet_goal_right_goal img {
		margin-top: 0;
	}

	.sweet .sweet_goal_left p {
		margin-bottom: 1rem;
	}

	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.chat_case .p-6 {
		padding: 1rem;
	}

	.chat_case .mt-6 {
		margin-top: 1rem;
	}

	.sweet_user_lia .d1 img {
		max-width: 8rem;
		max-height: 8rem;
	}

	.sweet_user_lia {
		padding: 1rem 0;
		min-height: auto;
	}

	.sweet_user_lia .d2 {
		font-size: 1.2rem;
	}

	.sweet_user_lia .d3 {
		font-size: 1rem;
	}

	.chat_goal_img img {
		margin-top: 0.5rem;
	}

	.chat_overview_btt1 {
		font-size: 1rem;
	}

	.padding100 {
		padding-bottom: 1rem !important;
	}

	.chat_case h3.text-3xl {
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}

	.text_bt {
		font-size: 0.9rem;
	}

	.chat_overview_box ul li {
		font-size: 0.9rem;
	}

	.padding100_tt {
		padding-top: 1rem;
	}

	.more_ul .w50 {
		width: 100%;
	}

	.more_ul .w50.p-8 {
		padding: 1rem;
	}

	.more_ul .project-card {
		height: auto;
	}

	.more_ul .text-black h3 {
		padding: 0.5rem 0;
		font-size: 1.2rem !important;
	}

	.more_ul .text-black {
		font-size: 0.8rem;
	}

	.more_ul .view-case-btn {
		margin-top: 1rem;
	}


	.flex-col.footer_1 {
		flex-direction: initial;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin-top: 1rem;
	}

	.footer_1 .text-\[40px\] {
		font-size: 1.3rem;
	}

	.footer_1 h2 {

		margin-bottom: 0;
	}

	footer {
		padding: 2rem;
		margin-top: 1rem !important;
	}

	.Top {
		bottom: 3.5rem;
	}


	.about {
		padding: 5rem 1rem 1rem 1rem !important;
	}

	.about .w-40 {
		width: 7rem;
		height: 7rem;
		margin-bottom: 1rem;
	}

	.about .text-3xl {
		font-size: 1.3rem;
		margin-bottom: 0.5rem;
	}

	.about .leading-relaxed {
		font-size: 0.85rem;
	}

	.about .my-8 {
		margin: 1rem 0;
	}

	.about .mt-12 {
		margin-top: 0;
	}

	.about_ul .rounded-xl .flex-shrink-0 {
		width: 100%;

	}

	.about_ul .rounded-xl img {
		display: block;
		height: 100px;
		margin: 0 auto;
	}

	.about_ul .gap-8 {
		gap: 0rem;

	}

	.about_ul .p-8 {
		padding: 1rem;
	}

	.footer_t .footer .text-\[20px\] {
		font-size: 0.9rem;
	}

	.footer_1 a {
		width: 2rem;
		height: 2rem;
	}

	.index_ul {
		padding: 1rem 0 !important;
	}

	.index_ul .h-\[400px\] {
		height: auto;
		margin-top: 1rem !important;
	}

	.index_ul .p-8 h3 {
		font-size: 1.1rem !important;
		margin-bottom: 1rem;
	}


	.index_ul .space-y-6 div {
		font-size: 0.9rem;
		line-height: 150%;
	}

	.index_ul .flex .p-8 {
		padding: 1rem;
	}

	.index_ul .flex .p-8 .justify-end {
		margin-top: 1.5rem;
	}


	.min-h-screen {
		min-height: auto !important;
	}

	.nindex .max-w-none .text-5xl {
		margin-bottom: 1rem;
		font-size: 2.3rem;
	}

	.nindex .pl-4 {
		padding-left: 0;
	}

	.about.nindex .leading-relaxed {
		font-size: 1.1rem;
	}

	.nindex1 .text-\[3rem\] {
		font-size: 2rem;
	}

	.index_ul .h-\[48px\] {
		width: 120px;
		height: 40px;
	}

	.content {
		margin: 0;
		max-width: 100%;
	}

	.fbanner {
		margin-top: 4rem;
	}

	.content .section {
		padding: 1rem calc((100% - 960px) / 2.0);
	}

	.content .text-3xl {
		font-size: 1.2rem;
		line-height: 120%;
		margin-bottom: 0.5rem;
	}

	.content .text-base {
		font-size: 0.9rem;
	}

	.content .text-xl {
		font-size: 0.9rem;
	}

	.prose .border-y p {
		font-size: 0.8rem;
	}

	.content .mb-6 {
		margin-bottom: 1rem;
	}

	.content .prose .space-y-6 .items-center {
		margin-top: 1rem;
	}

	.problem_1 ul li {
		font-size: 0.9rem !important;
	}

	.problem_1 .text-xl {
		line-height: 120%;
	}

	.content .mt-14 {
		margin-top: 1rem;
	}

	.process_1 h3 {
		font-size: 1rem !important;
	}

	.our_1 h4 {
		font-size: 1rem !important;
	}

	.our_1 h5 {
		font-size: 1rem !important;
	}

	.our_1 .rounded-xl p {
		font-size: 1rem !important;
	}

	.our_1 .rounded-xl {
		padding: 1rem !important;
	}

	.process_1 p {
		font-size: 1rem !important;
	}

	.content .mb-14 {
		margin-bottom: 1rem !important;
	}

	.content .mb-12 {
		margin-bottom: 1rem !important;
	}

	.content .mb-16 {
		margin-bottom: 1rem !important;
	}

	.content .mt-8 {
		margin-top: 1rem !important;
	}

	.content .my-12 {
		margin: 1rem 0 !important;
	}

	.pro_1 .font-bold {
		font-size: 1rem;
	}

	.pro_1 ul li {
		font-size: 0.9rem;
	}

	.pro_1.p-6 {
		padding: 1rem;
	}

	.process_1 p {
		line-height: 120%;
	}

	.process_1 .p-6 {
		padding: 1rem;
	}

	.process_1 .mb-20 {
		margin-bottom: 1rem;
	}

	.more_ul .project-card {
		margin: 0 1rem;
	}

	.morpheus_problem .morpheus_research_li span {
		font-size: 1.2rem;
	}

	.morpheus_problem .morpheus_research_li img {
		height: 10rem;
	}

	.padding80 {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.chat_goal_text {
		font-size: 0.9rem;
	}

	.padding100_tb1 {
		padding-bottom: 2rem;
	}

	#problem .text-base {
		margin-bottom: 0;
	}

	.yf_our .sweet_user_lia .d1 img {
		max-width: 100%;
		max-height: 100%;
	}

	.yf_our .sweet_user_lia.two_img {
		min-height: auto;
	}

	.key_img_bg {
		padding: 1rem;
	}

	.more_ul .flex .w-\[147px\] {
		width: 120px;
		height: 40px;
	}

	.yf_goal .sweet_goal_right_goal img {
		margin-top: 1rem;
	}

	.chat_head_img {
		margin-top: 4rem;
	}
	.index_footer_2 span:first-child{
		width: auto;
		font-size: 2rem;
		line-height: 130%;
	}
	.nindex1 .text-left h2{
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.nindex1 .text-left p.p1{
		font-size: 1.2rem;
	}
	.nindex1 .text-left p{
		font-size: 1rem;
	}
	.index_footer_2{
		display: block;
		
	}
	.nindex1{
		padding-top: 2rem!important;
	}
	.index_footer_2 span.span2{
		margin: 0 0;
	}
	.more_ul .project-card{
		margin: 1rem 0;
	}
	
	.index_ul .more_ul .text-black h3{
		font-size: 1.3rem!important;
	}
	.more_ul .flex .w-\[147px\]{
		width: 145px;
		margin-top: 0.5rem;
	}
	.index_more_view{
		margin-top: 2rem!important;
	}
	.footer_more a{
		bottom: 0.5rem;
	}
	.work_footer{
		padding-top: 5rem;
	}
	.footer_icon span{
		margin-right: 0.5rem;
	}
	.index_ul .footer_icon span{
		font-size: 0.85rem;
	}
	
	.about h2 span{
		font-size: 1.5rem;
	}
	.about_box{
		padding-top: 6rem!important;
	}
	.about_text1{
		padding-top: 2rem!important;
	}
	.about_text1 h2{
		margin-bottom: 1rem;
	}
	.nindex .container{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.nindex1 .container{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.problem_icons_lis_text span.text{
		height: 3rem;
		margin-top: 0.5rem;
	}
	.problem_how_right{
		font-size: 1rem;
		line-height: 120%;
	}
	.workflow_left{
		font-size: 0.95rem;
	}
	
	.workflow_right .problem_icons_lis_text span.text{
		height: 4.2rem;
	}
	.solutions_li{
		margin: 1rem 0;
	}
	.solutions_li_right{
		padding-left: 0;
	
	}
	.more_ul {
		padding: 0 1rem;
	}
	.index_ul .more_ul{
		padding: 0;
	}
	.connect_process .pro_1{
		margin-top: 1rem;
	}
	.connect_process .list-disc{
		padding-left: 0;
	}
}