body {
        /* 移除了 display: flex 等属性，保持默认的块布局 */
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #ffffff;
    }

    .top_nav {
        /* position: fixed; /* 修改：使其固定在页面顶部 */ */
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        z-index: 1000;  /* 修改：确保在其他元素上方 */
		/*background-color: #50BDB7;*/
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		border-radius:none;
    }

    nav {
        /* position: fixed; /* 修改：固定在页面顶部栏下方 */ */
        top: 50px;       /* 修改：设置导航的位置为紧接着顶部栏 */
        left: 0;
        width: 100%;
        z-index: 999;    /* 修改：层级比顶部栏低，但高于其他内容 */
    }

    .bg-container {
        /* margin-top: 80px; /* 修改：增加 margin-top 避免被固定的导航栏遮挡 */ */
    }
	/* body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f0f0f0;
      margin: 0;
    }
	.top_nav {
		height: 50px;
		background-color: #50BDB7;
		width: 100%;
		display: flex;
		justify-content: space-between;
	} */
	
	
	
	/*首页限制内容显示高度*/
.desc a {
    display: -webkit-box; /* 设置为盒模型 */
    -webkit-box-orient: vertical; /* 设置盒子方向为垂直 */
    overflow: hidden; /* 隐藏超出内容 */
    /*text-overflow: ellipsis; */
    /*-webkit-line-clamp: 2; */
    line-height: 20px; /* 行高 */
    /*max-height: 40px;*/
    text-decoration: none; /* 移除下划线 */
}

    .home-application-control {
        /*height: 100vh;*/
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

	.top_nav .top_nav_left {
		/*line-height: 35px;*/
		line-height: 70px;
		font-size: 18px;
		padding-left: 3rem;
	}
	.top_nav .top_nav_right {
		/*line-height: 35px;*/
		line-height: 70px;
		font-size: 18px;
		padding-right: 3rem;
		display: flex;
	}
	.top_nav .top_nav_right span {
		margin-left: 1rem;
		cursor: pointer;
	}
	.top_nav .top_nav_right span a {
		text-decoration: none;
		color: #000;
		/*display: flex;*/
  /*      justify-content: center;*/
  /*      align-items: center;*/
	}
	.top_nav .top_nav_right .c_email {display: block;}
	.top_nav .top_nav_right .c_telphone {display: block; margin-left: 2rem;}
	.top_nav .top_nav_right .c_wechat {display: block; margin-left: 2rem;}
	.top_nav .top_nav_right .c_bili {display: block;}
	.top_nav .top_nav_right .c_douyin {display: block;}
	.top_nav .top_nav_right .c_zhihu {display: block;}
	/*.top_nav .top_nav_right .c_email::before {content: "\2709";}*/
	/*.top_nav .top_nav_right .c_telphone::before {content: "\260E";}*/
	.top_nav .top_nav_right .c_email img {
	    width: 1.165rem;
	}
	.top_nav .top_nav_right .c_telphone img {
	    width: 1.165rem;
	}
	.top_nav .top_nav_right .c_wechat img {width: 18px; height: auto;}
	.top_nav .top_nav_right .c_bili img {width: 28px; height: auto;}
	.top_nav .top_nav_right .c_douyin img {width: 16px; height: auto;}
	.top_nav .top_nav_right .c_zhihu img {width: 30px; height: auto;}
	/* nav {
		display: flex;
	} */
	nav ul {
		list-style-type: none;
		width: 50%;
		display: flex;
		justify-content: space-evenly;
		border: 0;
		font-size: 100%;
		font: inherit;
		margin: 0;
		padding: 0;
		vertical-align: baseline;
	}
	.nav_logo {
		width: 200px;
		text-align: right;
	}
	.nav_logo img {
		width: 80%;
	}
	.nav_other {
		margin-left: auto;
		margin-right: 3rem;
		display: flex;
        justify-content: space-between;
        width: 150px;
	}
    .nav_other .search_btn, .nav_other .lang_btn {
	    display: inline-block;
	    width: 35px;
	    text-align: center;
	    cursor: pointer;
	    font-size: 14px;
	    color: black;
	}
    /* 设置 .line-container 悬浮在底部，并确保它不会与 li 发生冲突 */
    .line-container {
      position: absolute;
	  top: 80% !important;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      z-index: 20; /* 设置更高的层次，避免与 li 冲突 */
    }

	.line-container p {
		color: white;
		cursor: pointer;
		font-size: 26px;
	}
    
    .line {
      position: relative;
      /* width: 400px; */
      height: 1px;
      background-color: white; /* 初始背景为白色 */
      margin: 10px 0;
      overflow: hidden; /* 隐藏超出的部分 */
      cursor: pointer;
    }

    .line::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background-color: #50BCB6;
      transition: width 5s linear;
    }

    /* 点击后，从中间向两边填充 */
    .line::after {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      height: 100%;
      width: 0;
      background-color: red;
      transition: width 0.1s linear;
    }

    .fill::before {
      width: 100%; /* 动画结束时宽度为 100% */
    }

    .hidden {
      visibility: hidden; /* 隐藏其他线条 */
    }

    /* 点击后，从中间向左和右快速填充 */
    .fast-fill::before {
        width: 100%; /* 中间向左填充 */
        transition: width 0.1s linear;
    }
	.bg-container {
	    width: calc(100vw - 20px);
		max-height: 850px;
		min-height: 100px;
		overflow: hidden;
	}

	.bg-container ul {
	    padding: 0;
	    margin: 0;
	}

	.bg-container ul li {
	  list-style-type: none;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  opacity: 0; /* 初始状态不可见 */
	  transition: opacity 1.5s ease, transform 1.5s ease; /* 渐变效果和位移 */
	  z-index: 1; /* 默认 z-index */
	}

	.bg-container ul li.active {
	  opacity: 1; /* 当前激活的 li 可见 */
	  transform: translateY(0); /* 当前激活的 li 移动到视口内 */
	  z-index: 10; /* 提高 z-index，确保显示在最上方 */
	}

	picture {
	    width: 100%;
	}

	picture img {
	    width: 100%;
	    height: auto;
	    display: block;
	    aspect-ratio: 16 / 9;
	}

	/* 遮盖层 */
	.bg-overlay {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgb(165 154 154 / 50%); /* 半透明的黑色遮盖层 */
	  z-index: 2; /* 使其位于图片上方 */
	}

	.bg-text {
	  position: absolute;
	  top: 40%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  z-index: 3; /* 使文本位于遮盖层上方 */
	  color: white;
	  text-align: center;
	  width: 50%;
	}

	.bg-text h3 {
	  font-size: 36px;
	  color: #fff;
	}
    .bg-text .tit-t {
        margin-top: 20px;
        font-size: 2.5rem;
        line-height: 5rem;
        font-weight: 600;
        letter-spacing: 4px;
        color: #000;
    }
	.tit-link {
	  display: block;
	  height: 40px;
	  width: 40px;
	  background-image: url('../images/右箭头 (1).png');
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin: 0 auto;
	}
	.tit-link-txt {
	  display: block;
	  margin: 0 auto;
	}
	.min-line {
		display: none;
	}
	@media (min-width: 768px) {
		.line-container {
		    bottom: 30px;
		    left: 0;
		    -webkit-transform: translateX(0);
		    transform: translateX(0);
		    width: 100%;
		}
		.line-container-item {
		    overflow: hidden;
		    /* padding: 0 20px; */
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    width: 25%;
		}
	}
	@media (min-width: 1200px) {
		.bg-container {
		    max-height: calc(100vh - 100px) !important;
		}
	}
	@media (min-width: 992px) {
		.bg-container {
		    max-height: calc(100vh - 90px) !important;
		}
	}
	@media (min-width: 768px) {
		.bg-container, .container_list-item {
		    max-height: calc(100vh - 79px) !important;
		}
		.bg-text h3 {
		  margin-top: 20px;
		  font-size: 2rem;
		  line-height: 2.8rem;
		}
        .bg-text .tit-t {
            margin-top: 20px;
            font-size: 2.5rem;
            line-height: 5rem;
            font-weight: 600;
            letter-spacing: 4px;
        }
	}
	@media (max-width: 768px) {
		.line-container{
			position: absolute;
			width: 300px;
			justify-content: space-evenly;
		}
		.line-container .line-container-item {

		}
		.line-container .line-container-item .line {
			display: none;
		}
		.line-container .line-container-item p {
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background-color: #ffffff00;
			border: 2px solid;
			font-size: 0;
			transition: background-color 0.3s ease;
		}
		.line-container .line-container-item p.active {
		    background-color: white; /* active 状态时背景变为白色 */
		}
		.min-line {
		    width: 0;
		    height: 1px;
		    background-color: red;
		    position: absolute;
		    z-index: 99;
		    transition: width 5s linear;
		}

		/* 在点击事件发生时，快速填充 min-line */
		.min-line.fast-fill {
		    transition: width 0.1s linear;
		    width: 100%; /* 快速填充时，宽度变为 100% */
		}

		/* 设置 min-line 动画结束状态 */
		.min-line.fill {
		    width: 100%; /* 5 秒内宽度从 0 到 100% */
		}
		.bg-text h3 {
		    font-size: 30px;
		}
		.bg-text .tit-t {
            margin-top: 20px;
            font-size: 1.5rem;
            line-height: 4rem;
            font-weight: 600;
            letter-spacing: 4px;
        }
	}
	@media (min-width: 500px) {
	    /* .bg-container__content {
	        left: -50%;
	        margin-left: auto;
	        margin-right: auto;
	        position: relative;
	    } */
	}
	@media (min-width: 1201px) and (max-width: 1600px) {
	    .line-container {
	        top: 65% !important;
	    }
	    .nav-buy-section .ask-buy .btn-buy a {
	        font-size: 10px;
	    }
	    .nav-buy-section .nav-content li {
	        font-size: 12px;
	    }
	}
    @media (min-width: 993px) and (max-width: 1200px) {
		.line-container {
			top: 55% !important;
		}
	}
	@media (min-width: 769px) and (max-width: 992px) {
		.line-container {
			top: 45% !important;
		}
	}
	@media (min-width: 500px) and (max-width: 768px) {
		.line-container {
			top: 45% !important;
		}
	}
	@media (max-width: 500px) {
		.line-container {
			top: 37% !important;
		}
	}
@media (min-width: 1200px) {
    .mm-l1-list {
        border-top: 0;
        flex-direction: row;
        margin-bottom: 0;
        margin-top: 0;
    }
	[dir=ltr] .mm-l1-item {
	    margin-right: 28px;
	}
	[dir=ltr] .mm-l1-item {
	    margin-right: 36px;
	}
	.mm-l1-section-name {
	    padding-bottom: 0;
	    padding-top: 0;
	}
	[dir=ltr] .mm-l1-section-name {
	    margin-right: 0;
	}
	[dir=ltr] .mm-l1-button-popup, [dir=ltr] .mm-l1-item-link {
	    padding-left: 0;
	}
	.mm-l1-section-name {
	    padding-bottom: 20px;
	    padding-top: 20px;
	}
	.mm-l1-button-popup, .mm-l1-item-link {
	    border-bottom: 0;
	    padding: 0;
	    text-transform: none;
	}
	[dir=ltr] .mm-l1-button-popup, [dir=ltr] .mm-l1-item-link {
	    padding-right: 0;
	}
	[dir=ltr] .mm-l1-button-popup {
	    padding-left: 0;
	}
	[dir=ltr] .mm-l1-button-popup {
	    padding-right: unset;
	}
	[dir=ltr] .mm-l1-section-name-chevron {
	    margin-right: 0;
	}
	.mm-l1-section-name-chevron {
	    height: 20px;
	    width: 20px;
	}
	[dir=ltr] .mm-l1-button-popup:after {
	    right: 0;
	}
	[dir=ltr] .mm-l1-button-popup:after {
	    left: 0;
	}
	.mm-l1-button-popup:after {
	    border-bottom: 4px solid var(--color-life-green);
	    bottom: 0;
	    content: "";
	    opacity: 0;
	    position: absolute;
	    transition: opacity .3s linear;
	    z-index: 20;
	}
	.se2-icon-arrow-common:after {
	    /* font-size: 120%; */
	    line-height: 20px;
	    transform: rotate(90deg);
	    width: 20px;
	}
	.se2-icon-arrow-common.active:after {
	    transform: rotate(-90deg);
		color: #8DD2DB;
	}
	.mm-l1-button-popup-title {
	    font-size: 16px;
	    line-height: 20px;
	}
	.mm-l1-button-popup-title.active {
		color: #8DD2DB;
	}
	[dir=ltr] .mm-tab {
	    left: -12px;
	}
	.mm-tab {
	    width: calc(100% + var(--tab-horizontal-offset) + var(--tab-additional-horizontal-offset));
	}
	.mm-tab {
	    background: var(--color-bg-gray);
	    box-shadow: 0 15px 15px 0 rgba(51, 51, 51, .5);
	    max-height: calc(100vh - var(--header-height-possible-max));
	    overflow-y: auto;
	    position: absolute;
	    top: var(--tab-vertical-offset);
	    width: 100%;
		display: none;
	}
	.two_menu__content.active {
	    display: block; /* 当点击按钮时显示二级菜单 */
	}
	[dir=ltr] .mm-tab {
	    border-bottom-right-radius: 2px;
	}
	[dir=ltr] .mm-tab {
	    border-bottom-left-radius: 2px;
	}
	.mm-tab {
	    width: calc(100% + var(--page-content-sorrounding-gap)* -.25);
	}
	[dir=ltr] .mm-tab {
	    left: calc(var(--page-content-sorrounding-gap)* 0);
	}
}
.se2--header-se--mega-menu {
    --height-desktop-promo-banner-se: 116px;
    --height-mobile-promo-banner-se: 205px;
    --navbar-width: 408px;
    --menu-item-min-height: 640px;
    --menu-item-min-height-version-8: 380px;
    --menu-line-indent: 16px;
    display: flex;
}
.two_menu__content.active {
    display: block; /* 当点击按钮时显示二级菜单 */
}
.se2--header-se--mega-menu {
    --navbar-width: 540px;
    flex-grow: 1;
}
.se2--header-se--common-part .mm-tab.stubbed-content {
    min-height: 90px;
}

.mm-l1-button-popup-title {
    font-size: 20px;
    line-height: 30px;
}

.se2-icon-arrow-common:after {
    font-size: 170%;
    line-height: 14px;
}
.se2-icon-arrow-common:after {
    width: 40px;
}
.se2-icon-arrow-common:after {
    content: "\276F";
	margin-top: -5px;
}
[class*=" se2-icon-"]:after, [class*=" se2-icon-"]:before, [class^=se2-icon-]:after, [class^=se2-icon-]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: seCustomIconFont, sans-serif;
    font-size: 88%;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 1em;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    width: 1em;
	margin-left: 5px;
}

.mm-l1-section-name-chevron{
    color: var(--color-light-gray);
}
.mm-l1-button-popup-wrapper {
	display: none;
}
.mm-l1-list {
    border-top: .5px solid var(--color-footer-gray);
    display: flex;
    /* flex-direction: column; */
}
.se-reset-css menu, .se-reset-css ol, .se-reset-css ul, se-embed-component menu, se-embed-component ol, se-embed-component ul {
    list-style: none;
}
.se2--header-se li {
    list-style: none;
}

[dir=ltr] .mm-l1-button-popup {
    padding-right: 16px;
}
[dir=ltr] .mm-l1-button-popup {
    padding-left: var(--menu-line-indent);
}

.mm-l1-section-name {
    font-size: 16px;
    /* font-weight: 700; */
    line-height: 20px;
    min-height: 52px;
}

[dir=ltr] .mm-l1-button-popup, [dir=ltr] .mm-l1-item-link {
    padding-right: 12px;
}
[dir=ltr] .mm-l1-button-popup, [dir=ltr] .mm-l1-item-link {
    padding-left: 30px;
}

.mm-l1-section-name {
    color: var(--color-text-gray);
    display: flex;
    font-size: 18px;
    /* font-weight: 600; */
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    transition: font-size .25s linear;
    width: 100%;
}

.mm-l1-button-popup, .mm-l1-item-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: .5px solid var(--color-footer-gray);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    /* font-weight: 700; */
    line-height: 25px;
    position: relative;
    width: 100%;
}
.mm-l1-button-popup {
    height: 100%;
}
.mm-l1-button-popup-flexible {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.mm-l1-button-popup-mobile-back-button, .mm-l1-button-popup-wrapper, .mobile-search-toggler-btn {
    display: none;
}
.se2-text-big, .se2-text-normal, .se2-text-small, .se-reset-css .se2-text-big, .se-reset-css .se2-text-normal, .se-reset-css .se2-text-small {
    font-weight: 400;
}
.se2-text-normal, .se2-text-small, .se-reset-css .se2-text-normal, .se-reset-css .se2-text-small {
    font-size: 14px;
    line-height: 21px;
}
.two_menu__content {
    display: none; /* 初始隐藏所有二级菜单 */
    background-color: #fff;
    padding: 10px;
    position: absolute;
    top: 103px;
    min-width: calc(100vw - 36px);
    z-index: 99;
    left: 0;
}
.content_warp {
	display: flex;
	text-align: left;
	margin-bottom: 3rem;
}
/* 通用样式 */

.submenu-wrapper {
    flex: 1;
}

.submenu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
	flex-direction: column;
	/* padding-left: 3rem; */
}
.content_warp div:not(:last-child) {
	border-right: 1px solid #ececeb;
}
.submenu-wrapper ul li {
    padding: 5px 0;
	cursor: pointer;
	line-height: 26px;
	padding-left: 3rem;
}
.submenu-wrapper ul li.active {
	color: #8DD2DB;
}
.submenu-wrapper ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.submenu-wrapper ul li a:hover {
    color: #007BFF;
}

.submenu-wrapper ul li p {
    margin: 5px 0 10px 0;
    font-size: 12px;
    color: #555;
}
.intro_one_product {
	width: 350px;
	padding-left: 10px;
}
.intro_one_product img {
	width: 80%;
}
.intro_one_product .two_title {
	margin-top: 0;
	margin-bottom: 0;
}
.intro_one_product .two_content {
	font-size: 12px;
	margin-top: 0;
	width: 160px;
}
.iso_box {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.iso_box .iso_content {
	display: flex;
	width: 90%;
	margin: 0 auto;
	/* padding: 30px; */
	/*border: 2px solid #a3a0a0;*/
	/*border-radius: 12px;*/
	align-items: center;
	justify-content: center;
	justify-content: space-evenly;
}
.iso_box .iso_content .iso_title {

}
.iso_title p{
	font-size: 26px;
}
.iso_content .iso_child {
	display: flex;
	width: 30%;
    justify-content: center;
}
.iso_child img {
    width: 125px;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.iso_child img:hover {
    opacity: 1;
}
.iso_child .child_txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	margin-left: 10px;
	width: 65%;
}
.iso_child .child_txt .num_txt {
	margin-bottom: 0px;
	font-weight: bold;
}
.iso_child .child_txt .tit_txt {
	border-top: 1px solid #000;
	margin-top: 0px;
	width: 100%;
	text-align: center;
}
.product_show_box {
	width: 100%;
}
.product_show_box .product_content {
	width: 85%;
	margin: 0 auto;
}
.product_show_box .product_content .pro_u {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product_show_box .product_content .pro_u .pro_l {
	width: 30%;
}
.product_show_box .product_content .pro_u .pro_l .pro_tit {
	margin-bottom: 0;
	line-height: 34px;
	font-size: 20px;
	border-bottom: 2px solid #50BDB7;
	width: 80px;
}
.product_show_box .product_content .pro_u .pro_l .pro_tit a {
	color: #000;
	text-decoration: none;
}
.product_show_box .product_content .pro_u .pro_l .pro_intro {
	margin-top: 10px;
	line-height: 26px;
	font-size: 15px;
	font-family: math;
	letter-spacing: 1px;
	min-height: 52px;
}
.product_show_box .product_content .pro_u .pro_l img {
	width: 85%;
	aspect-ratio: 16 / 9;
}
.plan_section {
	width: 100%;
	margin-top: 4rem;
}
.plan_section .plan_content {
	width: 85%;
	margin: 0 auto;
}
.plan_content .plan_title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5rem;
}
.plan_content .p_content_box {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.p_content_box .p_box {
	width: 32%;
	background: #F2F3F4;
	padding-top: 2rem;
	border-radius: 20px;
	padding-bottom: 2rem;
}
.p_content_box .p_box .p_img_box {
	width: 100%;
	text-align: center;
}
.p_content_box .p_box img {
	width: 85%;
	aspect-ratio: 16 / 9;
}
.p_box .p_box_tit {
	width: 85%;
	margin: 1rem auto;
	font-size: 20px;
}
.p_box .p_box_tit a {
	text-decoration: none;
	color: inherit;
}
.p_box .p_box_txt {
	width: 85%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
}
.p_box .learn_icon {
	width: 85%;
	margin: 1rem auto;
	display: flex;
	align-items: center;
	color: #5CC2C9;
}
.p_box .learn_icon a {
	display: flex;
	text-decoration: none;
	color: inherit;
}
.p_box .learn_icon .right_i {
	height: 24px;
	width: 24px;
	text-align: center;
	vertical-align: middle;
}
.learn_icon .right_i img {
	width: 100%;
	aspect-ratio: 1 / 1;
}
.news_and_show {
	width: 100%;
	margin-bottom: 2rem;
}
.title_box {
	width: 85%;
	margin: 0 auto 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.title_box div{
	height: 1px;
	background: #7d7777;
	width: 35%;
}
.title_box span{
	font-size: 24px;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}
.company_news.active {
	border-bottom: 2px solid #5CC2C9;
}
.show_news.active {
	border-bottom: 2px solid #5CC2C9;
}
.s_content_box {
	width: 100%;
}
.u_content_wrap {
	width: 85%;
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.u_content_wrap .list_box {
	width: 22%;
}
.u_content_wrap .list_box img {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.carousel-item-1 .list_tit {
	font-weight: 600;
	margin: 10px 0;
}
.carousel-item-1 .list_txt {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	min-height: 70px;
}
.carousel-item-1 time {
	font-size: 12px;
	margin: 0;
	text-align: left;
	width: 100%;
    display: inline-block;
}
.left_box, .right_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    /* font-weight: 100; */
    color: #fff;
    cursor: pointer;
    background: #5CC2C9;
    text-align: center;
}

.left_box {
    left: 5%; /* 或其他适当的值，使按钮在容器的左侧 */
}

.right_box {
    right: 5%; /* 或其他适当的值，使按钮在容器的右侧 */
}

.carousel-container-1 {
    position: relative;
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.carousel-content-1 {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.carousel-item-1 {
    width: 22%;
    flex-shrink: 0;
    margin: 0 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 16px;
    text-align: center;
}

.carousel-item-1 img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.carousel-item-1 h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.carousel-item-1 p {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
}

.carousel-item-1 time {
    font-size: 12px;
    color: #888;
}

.carousel-btn-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #5CC2C9;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.3s;
    z-index: 10; /* 提高 z-index，使按钮显示在上方 */
}

.carousel-btn-1.left {
    left: -20px; /* 调整位置，使按钮位于容器的左侧 */
}

.carousel-btn-1.right {
    right: -20px; /* 调整位置，使按钮位于容器的右侧 */
}

.carousel-btn-1:hover {
    color: #333;
}

/* 页脚部分 */
.footer_box {
	width: 100%;
	background: #50BDB7;
	height: auto;
	padding-top: 25px;
	padding-bottom: 20px;
}
.footer_warp {
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
.footer_content {

}
.footer_nav {
	margin-bottom: 3rem;
}
.nav_box {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.nav_box .nav_li {

}
.nav_box .nav_li .nav_title {
	margin-bottom: 1rem;
	display: inline-block;
	color: #000;
    font-size: 18px;
    font-weight: 500;
}
.nav_box .nav_li .nav_child {

}
.nav_box .nav_li .nav_child .nav_item {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.nav_box .nav_li .nav_child .nav_item a {
	text-decoration: none;
	color: white;
	font-size: 14px;
}
.other_section {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #7d7777;
	align-items: center;
}
.other_left {
	width: 50%;
}
.other_online {
    text-align: left;
}
.tel_online {
	margin-top: 0px;
	font-size: 17px;
}
.online_txt {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 24px;
}
.other_icon {
	margin-top: 1rem;
}
.other_icon_box {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: start;
}
.other_icon_box .icon_item {
	margin-right: 2rem;
}
.other_icon_box .icon_item img {
	width: 80px;
	height: 80px;
}
.other_icon_box .icon_item span {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-top: 30px;
}
.other_icon_box .icon_item span img {
	width: 100%;
	height: auto;
}
.other_right {
	width: 50%;
	display: flex;
	justify-content: end;
}
.other_emall {

}
.other_emall .emall_txt {
	font-size: 15px;
	line-height: 36px;
}
.other_emall .emall_box {

}
.emall_box input {
	outline: none;
}
.emall_box button {
	color: white;
	background: #57585A;
}
.footer_bottom {
	width: 95%;
	display: flex;
	margin: 0 auto;
	color: #7D878E;
	font-size: 15px;
}
.footer_bottom .bottom_left {
	width: 50%;
}
.footer_bottom .bottom_left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.footer_bottom .bottom_left ul li {
	margin-left: 1rem;
}
.footer_bottom .bottom_left ul li a {
	text-decoration: none;
	color: #7D878E;
}
.footer_bottom .bottom_middle {
	width: 40%;
}
.footer_bottom .bottom_right {
	width: 10%;
}
/* 友情链接和备案号平行 */
.footer-out-box {
	display: flex;
	justify-content: space-between;
}
body {
    background-color: #fff;
}

.search-container {
    /* display: none; */
    position: absolute;
    top: 60px; /* 根据需求调整位置 */
    left: 50%;
    transform: translateX(-50%);
    width: 40%; /* 根据需求调整宽度 */
    background-color: #fff;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
    padding: 20px;
    border-radius: 8px;
    z-index: 1000;
}


.search-box {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.search-box input[type="text"] {
    width: 70%;
    padding: 10px;
    font-size: 16px;
    border: none;
    /* border-radius: 4px; */
    outline: none;
	border-bottom: 2px solid;
}

.search-box button {
    /* padding: 10px; */
    font-size: 16px;
    cursor: pointer;
    background: none;
    border: none;
}

.search-results h2 {
    font-size: 24px;
    margin-bottom: 10px;
	text-align: center;
}
.search-results {
    display: none;
}

.tabs {
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
}

.tab {
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #f5f5f5;
}

.tab.active {
    font-weight: bold;
    border-bottom: 2px solid #333;
}

.results-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #ddd;
}

.result-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

#loadMoreButton {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
	margin-left: 45%;
}
/* 模态框样式 */
.search-modal {
    display: none; /* 初始隐藏 */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    justify-content: center;
    align-items: end;
}

.modal-content {
    background-color: #7d7777;
    /* padding: 20px; */
    border-radius: none !important;
    width: 100%;
    max-width: 100vw;
	height: 93vh;
    position: relative;
	overflow-y: auto;
}

.close, .close1 {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}
/*公司介绍*/

.intro-banner-text {
	  position: absolute;
	  top: 40%;
	  left: 25%;
	  transform: translate(-50%, -50%);
	  z-index: 3; /* 使文本位于遮盖层上方 */
	  color: white;
	  text-align: center;
	  font-size: 38px;
	}
.header-bg {
    background-color: rgba(239, 245, 245, 0.7) !important;
}
.header-box {
    position: relative;
    z-index: 9;
}
.banner-position {
    position: relative;
    /*margin-top: -95px !important;*/
    z-index: 0;
}
.intro-title{
    text-align: center;
    font-size: 30px;
    line-height: 8rem;
    font-weight: 600;
}
.intro-content {
    margin: 0 auto;
    width: 90%;
    line-height: 34px;
    font-size: 22px;
}
.team-box {
    width: 100%;
    background: #F2F3F4;
    margin-top: 5%;
}
.ul-box-t {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 2%;
}
.ul-box-t .li-item {
    font-size: 22px;
    padding: 0 10px;
    cursor: pointer;
}
.ul-box-t .li-item.active {
    color: #53C4CE;
}
.team-intro {
    width: 90%;
    margin: 0 auto;
    display: none;
    padding-bottom: 5rem;
}
.team-intro.active {
    display: block;
}
.team-intro .team-txt {
    width: 35%;
    background: #fff;
    position: relative;
    height: 600px;
    padding: 100px 50px;
    z-index: 99;
    margin-right: -6%;
}
.team-intro .team-txt .team-t-tit {
    font-weight: 600;
    font-size: 18px;
}
.team-intro .team-txt .team-t-desc {
    margin: 1rem 0;
    line-height: 26px;
    font-size: 18px;
}
.team-intro .team-txt .team-t-con {
    margin: 1rem 0;
    line-height: 26px;
    font-size: 18px;
}
.team-intro .team-img-box {
    /*text-align: right;*/
    width: 85%;
    position: relative;
    z-index: 0;
}
.team-intro .team-img-box img {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.thin-line {
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #000;
}
.team-intro .two-wrap-b {
    display: flex;
    width: 100%;
    align-items: center;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 黑色半透明 */
    z-index: 1; /* 使遮盖层位于图片之上 */
    pointer-events: none; /* 遮盖层不影响点击事件 */
}
.en-btn-box {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.en_left_box, .en_right_box {
    width: 40px;
    height: 40px;
    font-size: 33px;
    font-weight: 100;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    background: #ccc;
    text-align: center;
    line-height: 34px;
}

.en_left_box {
    margin-right: 10px; /* 或其他适当的值，使按钮在容器的左侧 */
}

.en_right_box {
   margin-left: 10px; /* 或其他适当的值，使按钮在容器的右侧 */
}
.carousel-container-2 {
    position: relative;
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.carousel-content-2 {
    display: flex;
    transition: transform 0.5s ease;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*width: max-content;*/
	width: 100%;
}

.carousel-item-2 {
    width: 30%;
    flex-shrink: 0;
    margin: 0 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 16px;
    text-align: center;
}

.carousel-item-2 img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    cursor: pointer;
}
/* 隐藏 big-img 默认状态 */
.big-img {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明背景层 */
    justify-content: center;
    align-items: center;
    z-index: 1000; /* 保证显示在最上层 */
}

/* 放大的图片样式 */
.large-img {
    max-width: 80%;
    max-height: auto;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    /*transition: transform 0.3s ease-in-out; */
    cursor: pointer;
}

.large-img:hover {
    /*transform: scale(1.05); */
}

.title_box-2 {
    text-align: center;
    font-size: 30px;
    line-height: 10rem;
    font-weight: 600;
}
.title_box-2 span {
    display: inline-block
}
.footprint-box {
    background: #F2F3F4;
}
.timeline-container {
    display: flex;
    align-items: center;
    margin-left: 17%;
}
.timeline-years {
    position: relative;
    margin-right: 20px;
}

.years-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    z-index: 2;
}

.years-item::after {
    content: "";
    position: absolute;
    left: 112px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 2;
}
.years-item.active::after {
    background-color: #1abc9c;
}
.years-warp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.years-box div{
	padding: 10px 1rem;
}
.fulture-s {
	padding: 10px 2rem;
}
.timeline-years div {
    color: #ffffff;
    cursor: pointer;
    margin-left: 1rem;
    font-size: 22px;
}
.years-item.active {
    color: #1abc9c;
    font-weight: bold;
	font-size: 25px;
}
.timeline-line {
    width: 2px;
    height: 500px;
    background: #aaa;
    position: absolute;
    top: 29px;
    z-index: 1;
    right: -20px;
}
.timeline-content {
    overflow: hidden; /* 隐藏滚动条 */
    min-height: 450px;
    max-height: 500px; /* 控制显示五个内容 */
    padding-left: 85px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
	min-width: 500px;
}
.event {
    padding: 10px;
    border-radius: 5px;
}
.position-1, .position-2, .position-3, .position-4, .position-5 {
    height: 20%; /* 每个位置占据容器的 20% 高度 */
    display: flex;
    align-items: center;
	min-width: 150px;
}
.position-3 {
    color: #fff;
    font-size: 20px;
}
.position-1,.position-5 {
    color: #aaa;
    font-size: 17px;
}
.position-2, .position-4 {
    color: #ccc;
    font-size: 18px;
}
/* 隐藏初始事件列表 */
.hidden-events { display: none; }

.footprint-content {
    position: relative;
    display: inline-block;
}
.footprint-bgi {
    position: relative;
    display: inline-block;
}

.footprint-bgi img {
    width: 100%;
    height: auto;
}

.footprint-bgi .footprint-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(34, 34, 34, 1), rgba(34, 34, 34, 0.9), rgba(34, 34, 34, 0.8), rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 0.3));
}
.footprint-txt-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.custom-warp { width: 100%; margin-bottom: 8rem;}
.margin-t-b {
    /*margin-bottom: 3rem;*/
    /*margin-top: 3rem;*/
}
.custom-content-box {
    width: 100%;
}
.custom-content-box .c-c-box {
    width: 85%;
    margin: 0 auto;
}
.custom-content-box .c-c-box img {
    width: 100%;
}
.stickied {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000; /* 确保它在其他内容之上 */
}
/* 中等屏设备 (智能手机，宽度 576px - 768px) */
@media (max-width: 576px) {
    /* 顶部导航栏调整为垂直方向 */
    .top_nav {
        flex-direction: column;
        text-align: center;
        padding: 10px;
    }
    .top_nav .top_nav_right {
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
    }
    .top_nav .top_nav_left {
        font-size: 10px;
        padding-left: 0;
    }
    .bg-container ul li {
        opacity: 1;
        transform: translateY(0);
    }
    .line-container {
        top: 50%;
        width: 90%;
    }

    /* 产品展示区图片占满宽度 */
    .product_show_box .product_content .pro_u .pro_l {
        width: 100%;
        margin-bottom: 20px;
    }
    .product_show_box .product_content .pro_u .pro_l img {
        width: 100%;
    }

    /* 页面标题居中显示 */
    .plan_content .plan_title {
        font-size: 18px;
        text-align: center;
    }

    /* 页脚内容调整 */
    .footer_box {
        padding: 10px 15px;
    }
    .footer_warp {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* 缩小轮播图大小 */
    .carousel-item-1, .carousel-item-2 {
        width: 100%;
        margin: 10px auto;
    }

    /* 隐藏次要内容 */
    .two_menu__content {
        display: none;
    }

    /* 时间轴变为垂直方向 */
    .timeline-container {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
    }
    .timeline-line {
        height: auto;
        width: 2px;
        margin-left: 10px;
    }
    .timeline-years {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* 导航栏布局调整 */
    .top_nav {
        justify-content: space-evenly;
        padding: 5px 20px;
    }
    .top_nav .top_nav_right {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* 产品展示部分调整 */
    .product_show_box .product_content .pro_u .pro_l {
        width: 48%;
    }

    /* 计划部分调整 */
    .plan_content .p_content_box .p_box {
        width: 48%;
    }

    /* 团队介绍部分居中显示 */
    .team-intro {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .team-intro .team-txt {
        width: 100%;
        padding: 20px;
    }

    /* 时间轴优化 */
    .timeline-container {
        flex-direction: row;
        align-items: center;
    }
    .timeline-line {
        height: 300px;
    }
}


/* 大屏设备 (平板设备，宽度 768px - 992px) */
@media (min-width: 768px) and (max-width: 992px) {
    /* 顶部导航栏保持水平布局 */
    .top_nav {
        justify-content: space-between;
        padding: 10px 30px;
    }

    /* 调整背景容器 */
    .bg-container {
        max-height: calc(100vh - 90px);
    }

    /* 产品展示三列布局 */
    .product_show_box .product_content .pro_u .pro_l {
        width: 30%;
    }

    /* 计划部分调整 */
    .plan_content .p_content_box .p_box {
        width: 30%;
        margin-bottom: 20px;
    }

    /* 团队介绍内容 */
    .team-intro {
        flex-direction: row;
        justify-content: space-between;
    }
    .team-intro .team-txt {
        width: 45%;
    }
    .team-intro .team-img-box img {
        aspect-ratio: 4 / 3;
    }

    /* 时间轴保持纵向布局 */
    .timeline-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .timeline-line {
        height: 400px;
    }
    .navbar-collapse {
         flex-basis: auto !important; 
    }
    .nav_logo {
        text-align: center;
    }
    .nav_logo img {
        width: 33% !important;
    }
    .footer-out-box {
        font-size: 12px;
    }
    .iso_title p {
        font-size: 14px;
    }
    .iso_child img {
        width: 70px;
    }
    .iso_child .child_txt .tit_txt {
        width: 85px;
    }
    .iso_child .child_txt {
        font-size: 10px;
    }
    .title_box div {
        width: 40%;
    }
    .title_box span {
        font-size: 14px;
    }
    .carousel-item-1 p {
        font-size: 10px;
    }
    .carousel-item-1 .list_txt {
        font-size: 8px;
    }
    .title_box {
        width: 85%;
        margin: 1rem auto;
    }
    .nav_box .nav_li .nav_title {
        margin-bottom: 0rem;
        font-size: 14px;
    }
    .nav_box .nav_li .nav_child .nav_item a {
        font-size: 11px;
    }
    .tel_online {
        font-size: 14px;
    }
    .online_txt {
        font-size: 13px;
    }
    .other_emall .emall_txt {
        font-size: 12px;
    }
    .other_icon_box .icon_item img {
        width: 60px;
        height: 60px;
    }
    .emall_box input {
        width: 25%;
    }
    .other_icon_box .icon_item img {
        width: 60px;
        height: 60px;
    }
    .dou_yin_span { 
        margin-top: 30px !important ;
    }
    .dou_yin_span img {
        width: 18px !important;
        height: 18px !important;
    }
    .other_icon_box .icon_item span {
        width: 30px;
        height: 30px;
    }
    .navbar-collapse {
        width: 80% !important;
    }
    .nav_logo img {
        width: 46% !important;
    }
    .nav_logo {
        width: 15%;
    }
    .bg-text h3 {
        font-size: 1.5rem !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .carousel-item {height: auto !important;}
    .iso_child img {width: 90px; }
    .iso_child .child_txt .tit_txt {
        width: 100px;
        font-size: 12px;
    }
    .iso_child .child_txt {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        margin-left: 10px;
    }
    .iso_title p {font-size: 18px;}
    .title_box {
        width: 85%;
        margin: 0 auto 2em;
    }
    .title_box span {
        font-size: 16px;
    }
    .carousel-item-1 p {
        font-size: 11px;
    }
    .carousel-item-1 .list_txt {
        font-size: 10px;
    }
    .title_box div {
        width: 32%;
    }
    .nav_box .nav_li .nav_title {
        font-size: 16px;
    }
    .nav_box .nav_li .nav_child .nav_item a {
        font-size: 13px;
    }
    .tel_online {
        font-size: 15px;
    }
    .online_txt {
        font-size: 14px;
    }
    .other_icon_box .icon_item img {
        width: 70px;
        height: 70px;
    }
    .other_icon_box .icon_item span {
        width: 45px;
        height: 45px;
    }
    .dou_yin_span {
        margin-top: 37px !important;
    }
    .dou_yin_span img {
        width: 25px !important;
        height: 25px !important;
    }
    .other_emall .emall_txt {
        font-size: 14px;
    }
    .appcat-list li .t a {
        font-size: 16px;
    }
    .header-title h3 {
        font-size: 1.35rem;
        font-weight: bold;
    }
}
@media (min-width: 1570px) and (max-width: 2000px) {
    .title_box div{
    	height: 1px;
    	background: #7d7777;
    	width: 32%;
    }
    .title_box span{
    	font-size: 20px;
    	display: inline-block;
    	cursor: pointer;
    	font-weight: bold;
    }
}
@media (min-width: 1200px) and (max-width: 1570px) {
    .dyui-nav .navbar-nav .nav-link {
        padding: 0 15px !important;
        font-size: 14px;
    }
    .carousel-item {height: auto !important;}
    .title_box span {
        font-size: 13px;
    }
    .banner-position {
        /*margin-top: -95px !important;*/
    }
    .bg-text h3 {
        font-size: 1.5rem;
    }
    .team-intro .team-txt {
        width: 35%;
        height: auto;
        padding: 40px 40px;
    }
}

/* 超大屏设备 (桌面设备，宽度大于 1200px) */
@media (min-width: 1200px) {
    /* 顶部导航栏增加左右间距 */
    .top_nav {
        /*padding: 20px 50px;*/
    }

    /* 背景容器高度调整 */
    .bg-container {
        max-height: calc(100vh - 120px);
    }

    /* 产品展示部分四列布局 */
    .product_show_box .product_content .pro_u .pro_l {
        width: 22%;
    }

    /* 计划部分四列布局 */
    .plan_content .p_content_box .p_box {
        width: 22%;
    }

    /* 团队介绍内容增加间距 */
    .team-intro {
        flex-direction: row;
    }
    .team-intro .team-txt {
        width: 40%;
    }

    /* 时间轴显示更多内容 */
    .timeline-container {
        
    }
    .timeline-line {
       
    }
    .timeline-years {
        font-size: 20px;
    }

    /* 页脚部分调整 */
    .footer_warp {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}
@media (max-width: 1200px) {
    .dyui-nav .navbar-nav .nav-link {
        padding: 0 6px !important;
        font-size: 14px;
    }
}
.float-right-index {
    float: right !important;
}
.pro-d-text {
    font-size: 20px;
}
.pro-d-text p {
    line-height: 32px;
    margin-bottom: 16px;
}
.pro-d-text img {
    width: 75% !important;
}
@media (max-width: 992px) {
    .top_nav .top_nav_right .c_wechat {display: none; margin-left: 2rem;}
	.top_nav .top_nav_right .c_bili {display: none;}
	.top_nav .top_nav_right .c_douyin {display: none;}
	.top_nav .top_nav_right .c_zhihu {display: none;}
	.carousel-item {height: auto !important;}
	.nav_other {display: none;}
}
@media (max-width: 767px) {
    .nav_logo {display: none;}
    .indicator-text {display: none;}
    .appcat-list {
        display: flex;
        flex-direction: column;
    }
    .news_and_show {display: none;}
    .home-news {
        display: block;
    }
    .news-banner-text {
        font-size: 22px !important;
    }
    .news-banner-text {
        top: 10%;
    }
    .other_section {
        flex-direction: column;
    }
    .other_left {
        width: 100%;
    }
    .other_right {
        width: 100%;
        justify-content: normal;
        margin-top: 2em;
    }
    .news-content-section-2 {
        display: block;
    }
    .news-content-section-2 .news-b-po {
        margin: 0 auto;
        max-width: 100%;
    }
    .carousel-section, .news-content-section {
        display: none;
    }
    .exhibition-box {
        display: none;
    }
    .exhibition-box-1 {
        display: block;
    }
    .exhibition-box-1 .exhibition-content-ul {
         gap: unset; 
    }
    .exhibition-box-1 .exhibition-item {
        flex: none;
    }
    .main-header-txt {
        
    }
    .dyui-mainr .main-header {
       
    }
    .znav-tree .c1 {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }
    .znav-tree .btn {
        height: 36px;
        line-height: 36px;
    }
    .znav-tree .c2 {
        height: 30px;
        line-hight: 30px;
        font-size: 10px;
    }
    .indust-title {
        width: 75%;
        transform: translate(17%, 0px);
    }
    .indust-title h1 {
        font-size: 1.5em !important;
    }
    .indust-title h2 {
        line-height: 1.2em !important;
        font-size: 1.3em !important;
    }
    .indust-title p {
        padding: 0 1em !important;
    }
    .indust-title p {
        line-height: 1em !important;
    }
    .indust-sort-box ul {
        gap: 1em !important;
    }
    .indust-sort-box ul li a p {
        font-size: 1em !important;
        line-height: 2em !important;
    } 
    .module-box .module-items {
        padding: 2em 0 !important;
        flex-direction: column !important;
    }
    .module-box .module-items .item-one {
        width: 100%;
        padding-left: 0px; 
        margin-left: 0px !important;
    }
    .module-box .module-items .item-two {
        width: 90%;
    }
    .module-items .item-one h2 {
        line-height: 28px;
        font-size: 20px;
    }
    .separator {
        display: none;
    }
    .part-ul {
        gap: 20px !important;
    }
    .part-ul .part-li .part-txt-tit {
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .part-ul .part-li .part-txt {
        padding: 0 5px !important;
        line-height: 18px !important;
        font-size: 12px !important;
    }
    .scenarios-content-card {
        gap: unset !important;
        flex-direction: column !important;
    }
    .about-scenarios-content {
        width: 100%;
        margin-bottom: 15px !important;
    }
    .pro-d-left-arrow-about, .pro-d-right-arrow-about {
        display: none;
    }
    .work-place-1 {
        width: 100%;
    }
    .intro-content {
        line-height: 28px !important;
        font-size: 18px !important;
    }
    .pro-d-container {
        display: unset; 
        padding: 20px 10px;
    }
    .pro-d-image-gallery {
        display: unset; 
    }
    .pro-d-main-image {
        width: 100%;
    }
    .pro-d-thumbnail-gallery {
        flex-direction: unset;
        margin-top: 10px;
    }
    .pro-d-thumbnail-container {
        flex-direction: unset;
        height: unset;
    }
    .pro-d-thumbnail {
        width: 100px;
    }
    .pro-d-arrow-btn {
        transform: rotate(-90deg);
        display: none;
    }
    .pro-d-product-info {
        width: 100%;
        margin-top: 30px;
    }
    .pro-d-btn {
        font-size: 16px !important;
        /*padding: 10px 5px;*/
    }
    .pro-d-btn a {
        padding: 10px 5px;
    }
    .pro-d-feature-section {
         padding: 0; 
        width: 100%;
    }
    .pro-d-feature-section h2 {
        padding-left: 1em;
    }
    .pro-d-about-carousel .pro-d-about-se-c .pro-d-about-carousel-content {
        display: unset; 
    }
}
@media (min-width: 768px) {
    .header-h {height: 60px;}
    .news_and_show {display: block;}
    .home-news {
        display: none;
    }
    .news-content-section-2 {
        display: none;
    }
    .carousel-section, .news-content-section {
        display: block;
    }
    .exhibition-box {
        display: block;
    }
    .exhibition-box-1 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .main-header-txt {
        font-size: 20px;
    }
    .dyui-mainr .main-header {
        height: 36px;
        line-height: 36px;
    }
}
/*首页，媒体查询*/
@media (max-width: 1200px) {
    .logo img {
        width: 180px !important;
        margin-top: 34px !important;
    }
    .head .head-tel {
        padding: 45px 50px 0px 60px;
    }
    .head-qrcode img {
        width: 80px !important;
        margin-top: 34px !important;
        padding-right: 10px !important;
    }
    .fb-ytb {
        font-size: 14px;
    }
    .head .head-tel p {
        font-size: 15px;
    }
    .head-box-c {
        max-width: 99%  !important;
    }
    .indicator-text {
        font-size: 14px;
    }
    .bg-text h3 {
        font-size: 20px;
    }
    .head .head-tel h3 {
        font-size: 24px;
    }
    .navbar-nav {
        width: 90% !important;
        margin: 0 auto !important;
        justify-content: space-between;
    }
    .float-right {
        width: 380px;
    }
    .head .lang {
        height: 28px;
    }
    .head .lang b {
        margin-right: 7px;
    }
    .form-inline .custom-select {
        width: 150px;
    }
    .form-inline .form-control {
        width: 150px;
    }
    /*自动化*/
    .sidebar {
        /*width: 18%;*/
    }
    .sidebar h3 {
        font-size: 14px;
        margin-bottom: 1em;
    }
    .search-c-warp {
        width: 100%;
    }
    .search-input-box {
        width: 140px;
    }
    .category-title {
        font-size: 15px;
        line-height: 36px;
    }
    .category-content .seleted-state {
        font-size: 13px;
    }
    .auto-pro-tit {
        font-size: 20px;
    }
    .product-card img {
        width: 70%;
    }
    .product-info {
        padding: 0 5px;
    }
    .product-info h4 {
        font-size: 14px;
        line-height: 20px;
    }
    /*详情页*/
    .nav-buy-section .nav-content li {
        font-size: 12px;
    }
    .nav-buy-section .ask-buy .btn-buy a {
        font-size: 10px;
    }
    .pro-d-product-info h1 {
        font-size: 20px;
    }
    /*.pro-d-btn {*/
    /*    font-size: 15px;*/
        /*width: 150px;*/
    /*}*/
    /*机器详情*/
    .pro-d-feature-section h2 {
        font-size: 22px;
    }
    .pro-d-feature-card {
        font-size: 20px;
    }
    .pro-d-btn {
        font-size: 11px;
        /*padding: 10px 5px;*/
    }
    .pro-d-btn a {
        padding: 10px 5px;
    }
    .news-title h1 {
        line-height: 1;
        font-size: 24px;
    }
    .news-t-content {
        font-size: 15px;
    }
    .news-3-item {
        font-size: 13px;
    }
    .news-banner-text {
        font-size: 30px;
    }
    /*工业物联网*/
    .indust-title h1 {
        font-size: 1.8em;
    }
    .indust-title h2 {
        line-height: 1.5em;
        font-size: 1.5em;
    }
    .indust-title p {
        padding: 0 3em;
    }
    .indust-sort-box ul {
        gap: 2em;
    }
    .module-items .item-one h2 {
        line-height: 30px;
        font-size: 24px;
    }
    .part-ul {
        gap: 4em;
    }
    .part-ul .part-li {
        justify-content: start;
    }
    .part-ul .part-li .part-txt-tit {
        font-size: 1.3em;
        line-height: 26px;
    }
    .part-ul .part-li .part-txt {
        padding: 0 1em;
        line-height: 1.4em;
    }
    .about-scenarios-box .about-scenarios-title {
        font-size: 1.8em;
    }
    .about-scenarios-eng-tit {
        padding-bottom: 2em;
        font-size: 22px;
    }
    .scenarios-content-title {
        line-height: 30px;
        font-size: 20px;
    }
    .scenarios-content-text {
        padding: 0 10px;
        font-size: 15px;
    }
    .team-intro .team-txt {
        height: auto;
        padding: 50px;
        z-index: 99;
        margin-right: -6%;
    }
    .intro-title {
        font-size: 26px;
        line-height: 6rem;
    }
    .intro-content {
        line-height: 32px;
        font-size: 20px;
    }
    .team-intro .team-txt .team-t-desc {
        font-size: 16px;
    }
    .team-intro .team-txt .team-t-con {
        font-size: 16px;
    }
}
@media (min-width: 1300px) {
    .dyui-nav .navbar-nav .nav-link {
        font-size: 18px;
    }
}
@media (max-width: 1400px) {
    .desc a {
        font-size: 12px;
    }
    .sidebar {
        /*width: 18%;*/
    }
    /*帮助*/
    .help-section h2 {
        font-size: 1.5rem;
    }
    .card-icon {
        font-size: 3rem;
    }
    .help-card h3 {
        font-size: 1.2rem;
    }
    .help-card p {
        color: #666;
        font-size: 1em;
        line-height: 1.3;
    }
    .help-card a {
        font-size: 14px;
    }
    /*相关产品*/
    .pro-d-about-tit-btn h2 {
        font-size: 1.5em;
    }
    .pro-d-btn a {
        display: inline-block;
        width: 100%;
    }
}
@media (max-width: 1570px) {
    .pro-d-btn a {
        display: inline-block;
        width: 100%;
    }
    .pro-d-buttons {
        flex-wrap: wrap;
        gap: 20px;
    }
    .intro-title {
        line-height: 6rem;
    }
}
@media (min-width: 1447px) and (max-width: 1526px) {
    .pro-d-btn {
        font-size: 15px;
        /*padding: 10px 10px;*/
    }
    .pro-d-btn a {
        padding: 10px 10px;
    }
}
@media (min-width: 1200px) and (max-width: 1446px) {
    .pro-d-btn {
        font-size: 11px;
        /*padding: 10px 5px;*/
    }
    .pro-d-btn a {
        padding: 10px 5px;
    }
}
@media (min-width: 1571px) and (max-width: 2300px) {
    .news-title h1 {
        line-height: 1.2;
    }
}
@media (min-width: 1400px) and (max-width: 1570px) {
    .news-title h1 {
        line-height: 1;
        font-size: 32px;
    }
    .main-header-txt {
        font-size: 26px;
        line-height: 36px;
    }
    .dyui-mainr .main-header {
        height: 46px;
        line-height: 46px;
    }
}
@media (min-width: 1201px) and (max-width: 1570px) {
    .logo img {
        width: 200px !important;
    }
    .head .head-tel {
        padding: 20px 70px 0px 70px;
    }
    .head-qrcode img {
        width: 90px !important;
    }
    .fb-ytb {
        font-size: 14px;
    }
    .head .head-tel p {
        font-size: 17px;
    }
    .head-box-c {
        max-width: 96% !important;
    }
    .indicator-text {
        font-size: 14px;
    }
    .bg-text h3 {
        font-size: 20px;
    }
    .head .head-tel h3 {
        font-size: 26px;
    }
    .float-right {
        width: 370px;
    }
    .form-inline .custom-select,.form-inline .form-control  {
        width: 150px;
    }
    .head .form-inline .btn {
        width: 70px;
    }
    .title_box div {
        width: 30%;
    }
    .title_box span {
        font-size: 20px;
    }
    .module-items .item-one h2 {
        line-height: 35px;
        font-size: 26px;
        padding-right: 10px;
    }
    .scenarios-content-title {
        text-align: center;
        line-height: 35px;
        font-size: 26px;
    }
    .news-banner-text {
        font-size: 34px;
    }
    /*工业物联网*/
    .indust-title h1 {
        font-size: 2.2em;
    }
    .indust-title h2 {
        line-height: 2em;
        font-size: 1.7em;
    }
    .indust-sort-box ul {
        gap: 3em;
    }
    .part-ul .part-li {
        justify-content: start;
    }
    .part-ul .part-li .part-txt-tit {
        font-size: 1.3em;
        line-height: 26px;
    }
    .part-ul .part-li .part-txt {
        padding: 0 1em;
        line-height: 1.4em;
    }
    .about-scenarios-box .about-scenarios-title {
        font-size: 1.8em;
    }
    .about-scenarios-eng-tit {
        padding-bottom: 3em;
        font-size: 22px;
    }
    .scenarios-content-text {
         max-height: none; 
    }
    .intro-content {
        font-size: 22px;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    /*自动化*/
    .sidebar h3 {
        font-size: 14px;
        margin-bottom: 1em;
    }
    .search-c-warp {
        width: 100%;
    }
    .search-input-box {
        width: 140px;
    }
    .category-title {
        font-size: 15px;
        line-height: 36px;
    }
    .category-content .seleted-state {
        font-size: 13px;
    }
    .auto-pro-tit {
        font-size: 20px;
    }
    .product-card img {
        width: 70%;
    }
    .product-info {
        padding: 0 5px;
    }
    .product-info h4 {
        font-size: 14px;
        line-height: 20px;
    }
    .nav-buy-section .ask-buy {
        width: 15%;
    }
    .nav-buy-section .ask-buy .btn-buy a {
        font-size: 12px;
    }
    .news-title h1 {
        line-height: 1;
        font-size: 28px;
    }
    .news-3-item {
        font-size: 15px;
    }
    .main-header-txt {
        font-size: 22px;
    }
    .dyui-mainr .main-header {
        height: 42px;
        line-height: 42px;
    }
}
@media (min-width: 1401px) and (max-width: 1600px) {
    /*自动化*/
    .sidebar h3 {
        font-size: 18px;
        margin-bottom: 1em;
    }
    .search-c-warp {
        width: 96%;
    }
    .search-input-box {
        width: 140px;
    }
    .category-title {
        font-size: 17px;
        line-height: 36px;
    }
    .category-content .seleted-state {
        font-size: 15px;
    }
    .auto-pro-tit {
        font-size: 22px;
    }
    .product-card img {
        width: 75%;
    }
    .product-info {
        padding: 0 10px;
    }
    .product-info h4 {
        font-size: 16px;
        line-height: 20px;
    }
    /*帮助*/
    .help-section h2 {
        font-size: 1.7rem;
    }
    .card-icon {
        font-size: 3.5rem;
    }
    .help-card h3 {
        font-size: 1.35rem;
    }
    .help-card p {
        color: #666;
        font-size: 1.2em;
        line-height: 1.4;
    }
    .help-card a {
        font-size: 16px;
    }
    /*相关产品*/
    .pro-d-about-tit-btn h2 {
        font-size: 1.7em;
    }
}
@media (min-width: 1601px) and (max-width: 2000px) {
    /*自动化*/
    .sidebar h3 {
        font-size: 20px;
        margin-bottom: 1em;
    }
    .search-c-warp {
        width: 96%;
    }
    .search-input-box {
        width: 140px;
    }
    .category-title {
        font-size: 18px;
        line-height: 36px;
    }
    .category-content .seleted-state {
        font-size: 16px;
    }
    .auto-pro-tit {
        font-size: 22px;
    }
    .product-card img {
        width: 75%;
    }
    .product-info {
        padding: 0 15px;
    }
    .product-info h4 {
        font-size: 16px;
        line-height: 20px;
    }
}
.navbar-nav {
    width: 87%;
    margin: 0 auto !important;
    justify-content: space-between;
}



@media (min-width: 1571px) and (max-width: 1700px) {
    .logo img {
        width: 190px !important;
    }
    .head .head-tel {
        padding: 20px 120px 0px 100px;
    }
    .head-qrcode img {
        width: 90px !important;
    }
    .fb-ytb {
        font-size: 16px;
    }
    .head .head-tel p {
        font-size: 19px;
    }
    .head-box-c {
        /*max-width: 96%;*/
    }
    .indicator-text {
        font-size: 14px;
    }
    .bg-text h3 {
        font-size: 24px;
    }
    .nav_logo {
        width: 100px;
    }
    .dyui-nav .navbar-nav .nav-link {
        font-size: 15px;
    }
    .head .head-tel h3 {
        font-size: 28px;
    }
    .navbar-nav {
        width: 88%;
    }
    .float-right {
        width: 380px;
    }
    .form-inline .custom-select,.form-inline .form-control  {
        width: 155px;
    }
    .head .form-inline .btn {
        width: 70px;
    }
}


@media (min-width: 1201px) and (max-width: 1600px) {
    .nav-buy-section .ask-buy .btn-buy a {
        font-size: 13px;
    }
    .nav-buy-section .nav-content li {
        font-size: 15px;
    }
    .nav-buy-section .nav-content {
        width: 70%;
    }
}

@media (min-width: 1701px) and (max-width: 1840px){
    .navbar-nav {
        width: 86%;
    }
}

@media (min-width: 1601px) and (max-width: 1737px) {
    .nav-buy-section .ask-buy {
        width: 15%;
    }
}


/*顶部二维码*/
@media (min-width: 2300px) {
    .head .head-tel {
        padding: 20px 600px 0px 70px;
    }
}

@media (min-width: 2200px) and (max-width: 2299px) {
    .head .head-tel {
        padding: 20px 450px 0px 70px;
    }
}

@media (min-width: 2000px) and (max-width: 2199px) {
    .head .head-tel {
        padding: 20px 330px 0px 70px;
    }
}


@media (min-width: 1880px) and (max-width: 1999px) {
    .head .head-tel {
        padding: 20px 200px 0px 70px;
    }
}


@media (min-width: 1443px) and (max-width: 1780px) {
    .head .head-tel {
        padding: 20px 215px 0px 70px;
    }
}

@media (min-width: 1370px) and (max-width: 1442px) {
    .head .head-tel {
        padding: 20px 150px 0px 70px;
    }
}


@media (min-width: 1307px) and (max-width: 1369px) {
    .head .head-tel {
        padding: 20px 90px 0px 70px;
    }
}

@media (min-width: 1270px) and (max-width: 1306px) {
    .head .head-tel {
        padding: 20px 50px 0px 70px;
    }
}

@media (min-width: 1200px) and (max-width: 1269px) {
    .head .head-tel {
        padding: 20px 10px 0px 40px;
    }
}



.lang-box {
    display: flex;
    justify-content: end;
}

.goog-te-gadget-simple .goog-te-gadget-icon {
    display: none !important;
}

.liuyan-btn {
    padding: 10px 20px;
    border: 1px solid #6c757d;
    border-radius: 8px;
    background-color: #6c757d5c;
}