/* 通用样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-size: 18px;
	color: #333;
	font-family: "Source Han Sans CN",   /* 思源黑体官方名称 */
	             "SourceHanSansCN",     /* 备用名称 */
	             "Noto Sans CJK SC",    /* Google 对应版本 */
	             "Microsoft YaHei",     /* 微软雅黑备用 */
	             sans-serif; 
}

a{
	text-decoration: none;
	transition: color 0.5s ease;
}

a:hover{
	color: #1e50ae;
}

.wd1200{
	width: 100%;
	width:1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.pz{
	position: relative;
}

.active{
	color: 	#1e50ae !important;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.txtleft{
	text-align: left;
	line-height: 200%;
}

.product-item0{
	padding: 50px 0;
}

.pd50{
	padding: 50px 0;
}

body {
    font-family: Arial, sans-serif;
	color: #666; 
	font-size: 14px; 
}

.colorblue{
	color: #1E50AE;
}

.colorwhite{
	color: #fff !important;
}

.colorwhite::after {
    position: absolute;
    content: " ";
    width: 50px;
    height: 1px;
    background-color: #fff !important;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
}

/* 头部容器 */
.header-container {
    width: 100%;
    margin: 0 auto;
}

/* 顶部信息 */
.header-top {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    font-size: 14px;
    color: #fff;
    background-color: #1E50AF;
    display:none;
}

.header-top span{
    color: #fff;
}

.header-top .email, .header-top .phone {
    margin: 0px;
}

.language-switch a {
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

/* 导航栏 */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    background-color: #fff;
}

.logo{
	display: flex;
	align-items: center;
}

.logo a {
    color: #003366;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

.logo img{
    max-width: 65px;
}

.logo span {
    font-size: 20px; 
	font-weight: 600;
	padding-left: 20px;
    color: #222;  
  font-family: "Source Han Sans CN",   /* 思源黑体官方名称 */
               "SourceHanSansCN",     /* 备用名称 */
               "Noto Sans CJK SC",    /* Google 对应版本 */
               "Microsoft YaHei",     /* 微软雅黑备用 */
               sans-serif; 
}

.nav-links {
    list-style: none;
    display: flex;
}

.nav-links li {
    margin: 0 10px;
    position: relative; /* 为了使子菜单能够定位 */
}

.nav-links a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

.nav-links a:hover {
    color: #003366;
}

/* 子菜单（下拉菜单） */
.dropdown-content a{
	font-size: 14px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    min-width: 180px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 99999999999999;
}

.dropdown-content li {
	text-align: center;
    padding: 12px 0px;
	list-style: none;
}

.dropdown-content a {
    color: #222;
    text-decoration: none;
}

.dropdown:hover .dropdown-content {
    display: block; /* 鼠标悬停时显示子菜单 */
}

/* 菜单图标 */
.menu-icon {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.bar {
    width: 25px;
    height: 4px;
    background-color: #003366;
    margin: 5px 0;
}

/* 设置Swiper容器的样式 */
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}

/* 设置Swiper的每个slide的样式 */
.swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 可选：设置按钮和分页器样式 */
.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

.swiper-pagination {
    bottom: 10px;
}

.indextxt1 {
	position: absolute;
	width: 40%;
	left: 20%;
	top: 25%;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
}

.indextxt2 {
    position: absolute;
    width: 40%;
    left: 33%; 
    top: 10%;
    color: #222;
    font-size: 2rem;
	line-height: 150%;
	font-weight: 600;
    transform: translateX(-50%); 
	text-align: center;
}

.indextxt3 {
	position: absolute;
	width: 50%;
	left: 20%;
	top: 24%;
	color: #222;
	font-size: 2rem;
	font-weight: 600;
}



.indexmore {
	padding: 5px 20px;
	border: solid 1px #fff;
	color: #fff;
	display: block;
	position: absolute;
	left: 20%;
	top: 63%;
}

.indexmore1 {
	padding: 5px 20px;
	border: solid 1px #000;
	color: #000;
	display: block;
	position: absolute;
	left: 50%; 
	transform: translateX(-50%); 
	top: 38%;
}

.indexmore2 {
	padding: 5px 20px;
	border: solid 1px #000;
	color: #000;
	display: block;
	position: absolute;
	left: 20%; 
	top: 45%;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff; /* 设置箭头颜色 */
    background-color: rgba(0, 0, 0, 0.5); /* 半透明的背景色 */
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.swiper-button-next {
    right: 10px; /* 右箭头位置 */
}

.swiper-button-prev {
    left: 10px; /* 左箭头位置 */
}

/* 首页产品 */
.indexpro{
background-color: #F8F8F8;
padding: 50px 0px;
}

.indextitle{
	font-size: 30px;
	padding-top: 0px;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	color: #1E50AE;
}

.indextitle::after{
	position: absolute;
	/* content: " "; */
	width: 50px;
	height: 1px;
	background-color: #1E50AE;
	left: 50%;
	transform: translateX(-50%); 
	top: 50px;
}

.indexproitem{
	background: #fff;
	position: relative;
	float: left;
	padding: 70px 30px;
	height: 410px;
	margin-bottom: 30px;
	overflow: hidden;
}

.indexproitemimg{
	position: absolute;
	right: 0;
	top: 80px;
}

.indexproitemimg img{
	max-width: 210px;
}

.indexproitemimg:nth-child(1) img{
	max-width: 300px;
}

.indexproitemtxt{
	z-index: 9999999999999;
}

.indexproitemtxt h4{
	font-size: 1.6rem;
	color:#1E50AE;
	text-align: left;
	margin-bottom: 50px;
}

.indexproitemtxt p{
	font-size: 16px;
	color:#666;
	line-height: 150%;
	margin-bottom: 30px;
}

.indexproitemtxt span{
	display: block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color:#666;
	text-align: center;
	border: solid 1px #1E50AE;
}

.indexproitemtxt span:hover{
	background-color: #1E50AE;
	color:#fff;
	transition: 0.5s;
}

.indexproitem:nth-child(1){
	width: 60%;
	float: left;
}
.indexproitem:nth-child(1) .indexproitemtxt{
	width: 60%;
	float: left;
}
.indexproitem:nth-child(2){
	width: 60%;
	float: left;
}
.indexproitem:nth-child(2) .indexproitemtxt{
	width: 60%;
	float: left;
}
.indexproitem:nth-child(2) .indexproitemimg img{
	max-width: 290px;
}
.indexproitem:nth-child(3){
	float: right;
	width: 38%;
}
.indexproitem:nth-child(3) .indexproitemtxt{
	width: 55%;
	float: left;
}

.indexproitem:nth-child(3) .indexproitemimg img{
	top: 50px !important;
}
.indexproitem:nth-child(4){
	float: left;
	width: 38%;
}
.indexproitem:nth-child(4) .indexproitemtxt{
	width: 50%;
	float: left;
}
.indexproitem:nth-child(5){
	float: right;
	width: 60%;
}
.indexproitem:nth-child(5) .indexproitemtxt{
	width: 55%;
	float: left;
}

.indexproitem:hover .indexproitemimg img{
	transform: scale(1.1);
	transition: 0.5s;
}

/* 首页应用 */
.indexapplication{
	width: 100%;
	background: url(../images/applicationbg.jpg) no-repeat;
	padding: 100px 0;
	min-height: 950px;
}
.application-container {
  flex-direction: column;
  align-items: center;
}

.application-item {
  margin-top: 20px;
  min-height: 590px;
  padding:0px 20px;
  width: 25%;
  text-align: center;
  transition: transform 0.3s ease;
  color: #fff;
  float: left;
  border-right: solid 1px rgba(255, 255, 255, 0.2);
}

.application-item:nth-child(5){
  border-right: 0;
}

.application-item img {

  margin-bottom: 15px;
}

.application-item h3 {
  font-size: 20px;
  font-weight: bold;
  min-height:75px;
  /* margin-bottom: 40px; */
}

.application-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}

/* .application-item + .application-item {
  margin-top: 20px;
} */

/* 首页profile */

.indexprofile {
  width: 100%;
  background: url('../images/profilebg.jpg') no-repeat center center;
  overflow: hidden;
  min-height: 900px;
  padding:100px 0px ;
}

.indexprofiletxt {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-bottom: 90px;
}

.indexprofileshuzi {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.indexprofileshuzi li {
  color: #4a68c0;
  width: 22%;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  font-style:
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease; */
}

/* .indexprofileshuzi li:hover {
  transform: translateY(-10px);
} */

.indexprofileshuzi li span {
  font-size: 60px;
  font-weight: bold;
  position: relative;
  color: #1E50AE;
}

.indexprofileshuzi li span i{
  position: absolute;
  font-size: 40px;
  font-weight: 100;
  right: -30px;
  top:0;
  color: #1E50AE;
  font-style: normal;
}

.indexprofileshuzi li i {
  font-size: 20px;
}

.indexprofileshuzi li p {
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
}

/* 首页About */

.indexabout {
  background: url('../images/aboutbg.jpg') no-repeat center center;
  background-size: cover;
  padding: 60px 0;
  color: #fff;
  min-height: 800px;
}

.about-container {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

.inaboutlef{
	width: 50%;
	float: left;
}

.abouttxt {
  color:#222;
  text-align: left;
  padding: 30px 0;
  width: 60%;
  overflow: hidden;
  
}

.abouttxt h4 {
  display: block;
  font-size: 3rem;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 20px;
  line-height: 150%;
}

.abouttxt p {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
  color: #333;
}

.abouttxt span {
  display: block;
  font-size: 20px;
  font-weight: 300;
  color: #1E50AE;
}

.honer {
  width: 100%;
  margin-top: 120px;
  padding: 0px;
  border-radius: 0px;
}

.honertitle h4 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #333;
}

.honertitle span {
  font-size: 18px;
  font-weight: bold;
  color: #007bff;
  cursor: pointer;
}

.honerpic {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}

.honerpic li {
  list-style-type: none;
  margin-bottom: 10px;
  width: 48%;
}

.honerpic li img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 首页服务 */

.indexservice{
	width: 100%;
	padding: 50px 0px 0px 0px;
}

.indexservice1{
	width: 100%;
	padding: 0px;
}

.indexservice1 img{
	width: 100%;
}

.service-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  text-align: center;
}

.service-item {
  background-color: #fff;
  /* padding: 30px; */
  border-radius: 10px;
  transition: transform 0.3s ease;
}

/* .service-item:hover {
  transform: translateY(-10px);
} */

.monone{
    	display: none;
}

.icon img {
  width: 105px;
  height: 105px;
  margin-bottom: 20px;
  filter: grayscale(100%); 
  transition: filter 0.3s ease; 
}

.icon img:hover {
  filter: grayscale(0%); 
}

h4 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #212121;
  margin-bottom: 40px;
  min-height: 60px;
}

p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  text-align: left;
}

.tab-panel p {
	   hyphens: auto;
       word-break: break-word;  /* 强制单词内断行 */
       overflow-wrap: anywhere; /* 超长内容强制换行 */
       white-space: normal;     /* 覆盖可能的nowrap设置 */
}

/* 首页服务大图 */
.indexservice{
	width: 100%;
	background: url(/skin/images/service.jpg) bottom center no-repeat;
}

/* 首页新闻 */

.indexnews{
	width: 100%;
	overflow: hidden;
	padding: 50px 0px;
	background: url(/skin/images/news.jpg) bottom center no-repeat;
}

.news-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* This will automatically adjust the number of columns based on the screen width */
  gap: 20px;
  padding: 40px;
}

.news-item {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.news-item:hover {
  transform: translateY(-10px);
}

/* .news-item:hover {
  transform: translateY(-10px);
} */

.news-item:hover h4{
  color: #1E50AE;
  transition: transform 0.5s ease;
}

.news-item img {
  width: 100%;
  height: auto;
  border-bottom: 2px solid #f1f1f1;
}

.news-item h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 15px;
}

.news-item p {
  font-size: 16px;
  color: #888;
  margin-left: 15px;
  margin-bottom: 15px;
}

/* 首页最后 */

/* .indexeatures{
	width: 100%;
	height: 210px;
	background: url(../images/featuresbg.jpg) no-repeat center center;
} */

.indexeatures {
  width: 100%;
  height: 210px;
  align-items: center;
  justify-content: space-between;
  background: url(../images/featuresbg.jpg) no-repeat center center;
  background-size: cover;
  padding: 60px 20px;
  color: #fff;
}

.serviceleft {
  width: 23%;
  float: left;
}

.serviceleft h4 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0px;
}

.serviceleft span {
  font-size: 1rem;
  line-height: 1.2;
}

.serviceright {
  width: 77%;
  float: left;
  flex: 2;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 50px;
}

.serviceright li {
  list-style: none;
  color: #fff;
  padding: 20px;
  width: 33%;
  transition: transform 0.3s ease;
}

.serviceright li:nth-child(2){
  padding-left: 55px;
}

.serviceright li:nth-child(3){
  padding-left: 90px;
}

.serviceright li:hover {
  transform: translateY(-10px);
}

.serviceright li p {
  color: #fff;
  margin: 0;
  font-size: 16px;
}

.serviceright li p:first-child {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

.serviceright li p:last-child {
  color: #ddd;
  font-size: 14px;
}

/* 底部代码 */

footer {
  background-color: #f7f7f7;
  padding: 40px 0;
}

.footer-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 15%;
  float: left;
}

.footer-left h1 {
  font-size: 36px;
  font-weight: bold;
  color: #333;
}

.footer-left img {
  width: 100px;
  height: 100px;
}

.footer-links {
  width: 85%;
  float: left;
  display: flex;
  justify-content: space-between;
}

.footer-column {
  width: 18%;
}

.footer-column h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.footer-column li a{
  color: #555;
  font-size: 14px;
}

.footer-column li:hover {
  color: #007bff;
  cursor: pointer;
}

.footer-column li:hover a{
  color: #007bff;
}

.footer-column:nth-child(5){
	width: 260px;
}

.bottom{
	height: 90px;
	line-height: 90px;
	background-color: #676767;
	text-align: center;
}
.bottom p{
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.bottom p:nth-child(1){
	padding-top: 20px;
}




.bannernei{
	width: 100%;
}

.bannernei img{
	width: 100%;
}

.breadlink{
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: 18px;
	color: #333;
}

.breadlink a{
	color: #333;
}

.breadlink a:hover{
	color: #1e50ae;
}

.product-classification {
    text-align: center;
    margin: 50px 0;
}

.product-classification h1 {
    font-size: 36px;
    color: #1A3D6E;
    margin-bottom: 20px;
}

.product-card-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 30px;
    padding: 0 15px;
}

.product-card {
    background-color: #ffffff;
    padding: 20px 25px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.product-card:hover {
    transform: scale(1.05);
}

.product-card img {
    margin-bottom: 0px;
}

.product-card h2 {
    font-size: 18px;
    color: #1A3D6E;
    margin-bottom: 10px;
}

.product-card p {
    font-size: 1rem;
    color: #555;
	text-align: center;
}

.prolist{
	background-color: #f8f8f8;
	padding: 50px 0;
}

.prolist h2{
	font-size: 1.5rem;
	color: #1e50ae;
	font-weight: 300;
	display: block;
	background: url(../images/h2bg.png) left center no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.product-classification {
    text-align: center;
    margin: 50px 0;
}

.product-classification h1 {
    font-size: 30px;
    color: #1e50ae;
	position: relative;
}

.product-classification h2 {
    font-size: 24px;
    color: #666;
	position: relative;
	font-weight: 300;
}

.product-classification h1{
    margin-bottom: 50px;
}

.product-classification h1::after{
	position: absolute;
	/* content: ""; */
	width: 30px;
	height: 2px;
	background-color: #1e50ae;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
}

.product-display-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 0px 20px;
    padding: 0 15px;
}

.product-item {
}

.product-item-img {
    background-color: #ffffff;
    text-align: center;
    padding: 10px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.product-item-img img {
    width: 100%;
    
}

.product-item p {
	display: block;
	height: 45px;
	line-height: 45px;
    font-size: 1rem;
    color: #555;
	text-align: center;
}

.pagination {
    margin-top: 30px;
	text-align: center;
}

.pagination button {
    background-color: #1A3D6E;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 5px;
}

.pagination button:hover {
    background-color: #15508a;
}

/* oem */

.submenu{
	background-color: #F8F8F8;
	height: 85px;
	line-height: 85px;
}

.subtitle{
	min-width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #1E50AE;
	float: left;
	margin-top: 17px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	padding: 0 20px;
}

.sublink{
	float: right;
	display: flex;
}

.sublink li{
	text-align: center;
	list-style: none;
	position: relative;
	padding:0 20px
}
.sublink li::after{
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 20px;
	background: #666;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.sublink li::after:nth-last-child(){
	display: none;
}
.sublink li a{
	color: #666;
	font-size: 18px;
}

.oem-container {
    margin: 50px auto 0 auto;
    max-width: 100%;
    background-color: white;
    text-align: center;
}

.oem-container  h1 {
    font-size: 36px;
    color: #1e50ae;
	position: relative;
	margin-bottom: 50px;
}

.oem-container  h2 {
    font-size: 2rem;
    color: #1e50ae;
	position: relative;
	padding:50px 0;
}

.oem-container h1::after{
	position: absolute;
	/* content: ""; */
	width: 30px;
	height: 2px;
	background-color: #1e50ae;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
}


.oem-container h2::after{
	position: absolute;
	/* content: ""; */
	width: 30px;
	height: 2px;
	background-color: #1e50ae;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	bottom: 35px;
}
.oem-advantage-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.oem-item {
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

.oem-item img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.oem-item h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.oem-item p {
    font-size: 16px;
    color: #444;
	text-align: center;
    line-height: 1.6;
}
.ometxt1{
	width: 100%;
	height: 560px;
	background: url(../images/oemb1.jpg) center center no-repeat;
}
.ometxt2{
	width: 100%;
	height: 560px;
	background: url(../images/oemb2.jpg) center center no-repeat;
}
.ometxt3{
	width: 50%;
	float: right;
	padding-left: 100px;
	padding-top: 60px;
}

.ometxt3>div{
	text-align: left;
}

.ometxt3 h4{
	font-size: 1.6rem;
	font-weight: 600;
	color: #000;
	text-align: left;
	padding-top: 50px;
}

.ometxt3 p{
	font-size: 20px;
	color: #000;
	text-align: left;
	line-height: 150%;
}

.ometxt4{
	width: 50%;
	float: left;
	padding-right: 100px;
	padding-top: 100px;
}

.ometxt4>div{
	text-align: left;
}

.ometxt4 h4{
	font-size: 1.6rem;
	font-weight: 600;
	color: #000;
	text-align: left;
	padding-top: 50px;
}

.ometxt4 p{
	font-size: 20px;
	color: #000;
	text-align: left;
	line-height: 150%;
}

.solu {
	
}
.product-app-container{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0px 20px;
	padding: 0 15px;
}
.apppro h2{
	font-size: 30px;
	border-bottom: solid 1px #eee;
	padding: 20px 0;
	margin-bottom: 50px;
}

.apppro h2::after{
	width: 150px;
	height: 4px;
	bottom:-2px;
}

.pdf-list-container {
    width: 100%;
    margin: 50px auto;
    background-color: white;
}

h1 {
    text-align: center;
    font-size: 36px;
    color: #1A3D6E;
    margin-bottom: 30px;
}

.pdf-list {
    list-style: none;
    padding: 0;
}

.pdf-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: dotted 1px  #ddd;
    padding: 5px;
}

.pdf-list li:last-child {
    border-bottom: none;
}

.pdf-list span {
    font-size: 16px;
    color: #555;
}

.pdf-list span:nth-child(1){
    width: 70%;
	text-align: left;
}

.file-size {
    color: #888;
}

.download-btn {
    background-color: #1e50ae;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

/* .download-btn:hover {
    background-color: #15508a;
} */

.pdf-list a{
	color: #fff;
}

.gallery-container {
    margin: 50px auto;
    max-width: 1200px;
    padding: 20px;
    background-color: white;
    text-align: center;
    border-radius: 10px;
}

h1 {
    font-size: 36px;
    color: #1A3D6E;
    margin-bottom: 30px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 40px;
}

.gallery-item {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border: solid 1px #eee;
}

.gallery-item img {
    width: 100%;
    object-fit: cover;
}

.qr-code {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    border-radius: 5px;
}


.updates-container {
    width: 100%;
    margin: 50px auto;
    padding: 20px;
    background-color: white;
}

h1 {
    text-align: center;
    font-size: 36px;
    color: #1A3D6E;
    margin-bottom: 30px;
}

.update-item {
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
}

.update-image {
    width: 400px;
    height: 270px;
    background-size: cover;
    background-position: center;
    margin-right: 20px;
}

.update-content {
    flex: 1;
}

.update-content h3 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
	text-align: left;
}

.update-content .date {
    font-size: 14px;
    color: #888;
	padding: 4px 5px;
}

.update-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.read-more {
    font-size: 16px;
    color: #1A3D6E;
    text-decoration: none;
}

.read-more:hover {
    text-decoration: underline;
}

.datetime{
	display: flex;
	width: 300px;
}



.datetime a{
	display: block;
	background-color: #F0F0F0;
	color: #666 ;
	border-radius: 10px;
	margin-left: 20px;
	font-size: 14px;
	padding: 4px 5px;
	text-decoration: none;
}
.datetime a:hover{
	text-decoration: none;
}
.newstitle{
    color: #333 !important;
    font-size: 25px;
    font-weight: 400;
    text-align: left;
	margin-bottom: 30px !important;
}
.newstitle::after{
	display: none !important;
}
.newsdate{
	text-align: left;
	font-size: 14px;
	color: #333;
	border-bottom: solid 1px #ccc;
	padding-bottom: 30px;
}
.newscontent{
	padding: 30px 0;
	text-align: left;
	line-height: 200%;
	color: #666;
	border-bottom: solid 1px #ccc;
}
.newscontent *{
	font-size:1rem !important;
}
.newscago{
	text-align: right;
	padding: 30px 0;
}

.stats-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 50px auto;
    padding: 20px;
}

.close-btn{
	display: none;
}

.stats-item {
    text-align: center;
    flex: 1;
}

.stats-item img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}

.stats-item h3 {
    font-size: 48px;
    color: rgba(30, 80, 173, 1);
    margin-bottom: 10px;
}

.stats-item p {
    font-size: 18px;
    color: #555;
	text-align: center;
	max-width: 250px;
	display: block;
	margin: 0 auto;
}

.abouttuwen{
	width: 100%;
	height: 560px;
	background: url(../images/aboutbg1.jpg) center center no-repeat;
}

.ometxt5{
	width: 55%;
	float: right;
	padding-left: 50px;
	padding-top: 10px;
}

.ometxt5 p{
	color: #fff;
	line-height: 120%;
}

.pd30{
	padding: 30px 0;
}

.culturetuwen{
	position: relative;
}
.culturetxt{
	top:0;
	left: 0;
	position: absolute;
	padding: 10% ;
	color: #000;
	width: 80%;
}
.culturetxt h4{
	font-size: 30px;
	text-align: left;
}

.culturetxt p{
	color:#000;
}

.culturetxt1{
	top:0;
	right: 0;
	position: absolute;
	padding: 10% ;
	color: #000;
	width: 60%;
}
.culturetxt1 h4{
	font-size: 30px;
	text-align: left;
}

.culturetxt1 p{
	color:#000;
}

.timeline-container {
    width: 100%;
	min-height: 700px;
    padding: 20px;
    background: url(../images/history.jpg) center center no-repeat;
}

.swiper-container {
    width: 100%;
    height: 500px;
}

.certificate-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 20px;
    margin: 50px auto 0 auto;
    max-width: 1200px;
}

.certificate-item {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.certificate-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.certificates-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin: 50px auto;
    max-width: 1200px;
}

.certificate-item {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.certificate-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.video-container {
    position: relative;
    width: 100%;
    margin: auto;
}

video {
    width: 100%;
    display: block;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cover-image {
    width: 100%;
    height: auto;
    opacity: 0.6;
}

.play-button {
    font-size: 50px;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    cursor: pointer;
    z-index: 2;
}

.contact-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 30px;
    background-color: white;
    margin: 50px auto;
}

.contact-item {
    text-align: center;
    flex: 1;
	min-height: 150px;
}

.contact-item img {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.contact-item p {
    font-size: 1.2rem;
    color: #555;
	text-align: center;
}

.dianhua{
	background-color: #F8F8F8;
}

.office-container {
    display: flex;
    justify-content: space-between;
}

.office-item {
    width: 45%;
}

.office-item h3 {
    font-size: 24px;
    color: #1A3D6E;
    margin-bottom: 15px;
}

.office-item p {
    font-size: 16px;
    color: #555;
    margin: 10px 0;
}

.office-item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.service-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 50px auto;
	padding: 50px 0;
}

.service-item {
    text-align: center;
	padding: 20px;
    flex: 1;
}

.service-item:hover {
  transform: translateY(-10px);
}

.service-item:hover .icon img{
  transition: 0.5s;
  transform: scale(1.1);
}

.service-item img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.service-item p {
    font-size: 16px;
    color: #555;
	text-align: center;
}

.post-sales-container {
    padding: 20px;
    text-align: center;
    background-color: #fff;
}

.post-sales-container p {
    font-size: 18px;
    color: #555;
    margin-bottom: 30px;
	text-align: center;
}

.post-sales-images {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}

.post-sales-images img {
    width: 24%;
    object-fit: cover;
    border-radius: 5px;
}

.contact-form {
    max-width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}

.form-group {
    margin-bottom: 20px;
}

.form-group>div {
    display: flex;
}

label {
    font-size: 16px;
    color: #333;
    display: block;
    margin-bottom: 5px;
	text-align: left;
}

input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

textarea {
    resize: vertical;
    height: 100px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 5px;
}

.required {
    color: red;
}

.verification-container {
    display: flex;
    align-items: center;
}

.verification-container img {
    margin-left: 10px;
    cursor: pointer;
}

.change-image {
    background-color: #4CAF50;
    color: white;
    padding: 6px 12px;
    border: none;
    cursor: pointer;
}

button[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

button[type="submit"]:hover {
    background-color: #0056b3;
}

.product-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 50px 0;
}

.product-image{
	width: 45%;
}

.product-image img {
  max-width: 100%;
  height: auto;
  width: 100%;
  border:solid 1px #ccc;
}

.product-details {
  width: 45%;
  flex: 1;
  margin-left: 20px;
  font-size: 16px;
}

.product-details h1 {
  text-align: left;
  font-size: 2rem;
  color: #1E50AE;
}

.product-details p {
  font-size: 16px;
  line-height: 1.6;
}

.product-details table td{
	padding: 10px;
	vertical-align: top; 
	color: #333;
	line-height: 180%;
}

.product-details table tr td:nth-child(1){
	text-align: right;
}

.product-details strong {
  font-weight: bold;
}

.duotu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    background-color: white;
	margin-bottom: 30px;
}

.duotu li{
    list-style: none;
	width: 25%;
}

.duotu li img{
    width: 100%;
}

@media (max-width: 1680px) {
    .indexproitemtxt h4 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1400px) {
    .indextxt1 {
    	position: absolute;
    	width: 60%;
    	left: 20%;
    	top: 25%;
    	color: #fff;
    	font-size: 1.5rem;
    	font-weight: 600;
    }
	
	.indexproitemtxt p {
	    margin-bottom: 10px !important;
	}
    
    .indextxt2 {
        position: absolute;
        width: 40%;
        left: 35%; 
        top: 10%;
        color: #222;
        font-size: 1.5rem;
    	line-height: 150%;
    	font-weight: 600;
        transform: translateX(-50%); 
    	text-align: center;
    }
    
    .indextxt3 {
    	position: absolute;
    	width: 50%;
    	left: 20%;
    	top: 24%;
    	color: #222;
    	font-size: 1.5rem;
    	font-weight: 600;
    }
    
    
    
    .indexmore {
    	padding: 5px 20px;
    	border: solid 1px #fff;
    	color: #fff;
    	display: block;
    	position: absolute;
    	left: 20%;
    	top: 63%;
    }
    
    .indexmore1 {
    	padding: 5px 20px;
    	border: solid 1px #000;
    	color: #000;
    	display: block;
    	position: absolute;
    	left: 50%; 
    	transform: translateX(-50%); 
    	top: 42%;
    }
    
    .indexmore2 {
    	padding: 5px 20px;
    	border: solid 1px #000;
    	color: #000;
    	display: block;
    	position: absolute;
    	left: 20%; 
    	top: 45%;
    }
}

@media (max-width: 480px) {
    .form-group {
        margin-bottom: 15px;
    }

    label {
        font-size: 14px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    select,
    textarea {
        font-size: 13px;
    }

    button[type="submit"] {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .monone{
    	display: block;
    }
	.dropdown-content{
		display: none !important;
	}
    .post-sales-images {
        flex-direction: column;
        align-items: center;
    }

    .post-sales-images img {
        width: 80%;
        margin-bottom: 20px;
    }

    .post-sales-container p {
        font-size: 16px;
    }
	.footer-left img{
	  width:100%;
	  height: 100%;
	}
	
  .newstitle {
    font-size: 22px !important;
    line-height: 1.4;
    margin: 0 0 15px 0;
    color: #333;
    font-weight: 600;
    word-break: break-word;
  }

  .newsdate {
    font-size: 13px;
    color: #999;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
  }

  .newscontent {
    font-size: 15px;
    line-height: 1.8;
    color: #444;
  }

  .newscontent p {
    margin-bottom: 1.2em;
    text-align: justify;
    word-break: break-word;
  }

  .newscontent a {
    color: #007bff;
    text-decoration: underline;
  }

  .newscago {
    margin-top: 25px;
    padding: 12px;
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 13px;
    color: #666;
    border-left: 3px solid #007bff;
  }

  /* 点击效果优化 */
  a:active {
    opacity: 0.8;
  }

  /* 长英文单词换行处理 */
  .newscontent {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  .stats-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .stats-item {
    padding: 25px 20px;
    margin: 0 10px;
  }

  .stats-item img {
    width: 60px;
    height: 60px;
  }

  .stats-item h3 {
    font-size: 28px;
    margin: 10px 0;
  }

  .stats-item p {
    font-size: 14px;
  }
  .abouttuwen {
	height: 900px;
    background: url(../images/aboutbg1.jpg) left center repeat-y;
  }
  .ometxt5 {
     width: 100%;
	 padding: 20px 10px;
	 background-color: rgba(0,0,0,0.3);
 }
 
   .culturetuwen {
     flex-direction: column;
     margin: 25px 0;
     background: #f8f9fa;
     border-radius: 10px;
     padding: 15px !important;
   }
 
   .culturetuwen img {
     width: 100% !important;
     margin-bottom: 20px;
   }
 
   .culturetxt, .culturetxt1 {
     width: 100% !important;
     padding: 15px !important;
     background: none;
     box-shadow: none;
   }
 
   .culturetxt h4, .culturetxt1 h4 {
     font-size: 18px;
     color: #333;
     margin-bottom: 12px;
	 min-height: 0px;
   }
 
   .culturetxt p, .culturetxt1 p {
     font-size: 14px;
     line-height: 1.7;
     color: #666;
   }
   
   .gallery-grid {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
       gap: 40px;
   }
   
   .oem-container h2 {
       font-size: 1.5rem;
       color: #1e50ae;
   }
 
   /* 移除PC端装饰元素 */
   .culturetxt::before, .culturetxt1::before {
     display: none;
   }
   
   .ometxt1 {
       width: 100%;
       height: 560px;
       background: url(../images/oemb1.jpg) left center no-repeat;
   }
   
   .ometxt3 {
       width: 100%;
       padding:20px;
       background:rgba(255,255,255,0.8);
   }
   
   .ometxt2 {
       width: 100%;
       height: 560px;
       background: url(../images/oemb2.jpg) right center no-repeat;
   }
   
   .ometxt4 {
       width: 100%;
       padding:20px;
       background:rgba(255,255,255,0.8);
   }
   
   .ometxt3 h4{
   	padding-top: 20px;
   }
   
   .ometxt4 h4{
   	padding-top: 20px;
   }
   
     .tab-list {
       display: grid !important;
       grid-template-columns: repeat(2, 1fr);
       gap: 8px;
       padding: 0 10px;
       margin-bottom: 20px;
     }
   
     .tab-item {
       width: 100% !important;
       padding: 12px 10px;
       font-size: 14px;
       text-align: center;
       border-radius: 6px;
       margin: 0 !important;
     }
   
     .tab-item.active {
       box-shadow: 0 2px 6px rgba(0,123,255,0.3);
     }
   
     /* 点击反馈 */
     .tab-item:active {
       transform: scale(0.98);
       transition: none;
     }
	 
	 .tab-panel p {
        word-break: break-word;  /* 强制单词内断行 */
       overflow-wrap: anywhere; /* 超长内容强制换行 */
       white-space: normal;     /* 覆盖可能的nowrap设置 */
     }
	 
	 .tab-panel p img {
	    width: 100% !important;
		height: auto !important;
	 }
	 
	 .product-container {
	     display: block !important;
	     align-items: center;
	     justify-content: space-between;
	     padding: 20px 0 50px 0;
	 }
	 
	 .product-image {
	     width: 100%;
	 }
	 
	 .product-details {
	     width: 100%;
	 }
	 
	 .pc-slide {
	 	width: 100% !important;
	 	margin: 0 auto;
	 }
	 
	 .view .swiper-container {
	 	width: 100% !important;
	 	height: auto !important;
	 }
	 
	 .pcnone{
		 display: none;
	 }
	 
	 .indexapplication {
	     background-color: #0c1b96;
	 }
	 
	 .application-item {
	     margin-top: 20px;
	     min-height: 590px;
	     padding: 0px 20px;
	     width: 50%;
	     text-align: center;
	     transition: transform 0.3s ease;
	     color: #fff;
	     float: left;
	     border-right: solid 1px rgba(255, 255, 255, 0.2);
	 }
	 
    .indextxt1 {
    	position: absolute;
    	width: 70%;
    	left: 10%;
    	top: 15%;
    	color: #fff;
    	font-size: 1.2rem;
    	font-weight: 600;
    }
    
    .indextxt2 {
        position: absolute;
        width: 70%;
        left: 15%; 
        top: 10%;
        color: #222;
        font-size: 1.2rem;
    	line-height: 150%;
    	font-weight: 600;
        transform: translateX(-50%); 
    	text-align: center;
    }
    
    .indextxt3 {
    	position: absolute;
    	width: 70%;
    	left: 10%;
    	top: 24%;
    	color: #222;
    	font-size: 1.2rem;
    	font-weight: 600;
    }
    
    
    
    .indexmore {
    	padding: 3px 10px;
    	border: solid 1px #fff;
    	color: #fff;
    	display: block;
    	position: absolute;
    	left: 10%;
    	top: 82%;
		font-size: 1rem;
    }
    
    .indexmore1 {
    	padding: 3px 10px;
    	border: solid 1px #000;
    	color: #000;
    	display: block;
    	position: absolute;
    	left: 40%; 
    	transform: translateX(-50%); 
    	top: 65%;
    }
    
    .indexmore2 {
    	padding: 5px 20px;
    	border: solid 1px #000;
    	color: #000;
    	display: block;
    	position: absolute;
    	left: 10%; 
    	top: 67%;
    }
	
	.swiper-button-next{
		display: none !important;
	}
	
	.swiper-button-prev{
		display: none !important;
	}
	 
	 .indexproitem:nth-child(2) {
	     width: 100%;
	     float: left;
	 }
	 
	 .indexproitem:nth-child(3) {
	     width: 100%;
	     float: left;
	 }
	 
	 .indexproitem:nth-child(4) {
	     width: 100%;
	     float: left;
	 }
	 
	 .indexproitem:nth-child(5) {
	     width: 100%;
	     float: left;
	 }
	 
	 .indexproitem {
	     background: #fff;
	     position: relative;
	     float: left;
	     padding: 30px 20px;
	     height: auto;
	     margin-bottom: 30px;
	     overflow: hidden;
	 }
	 
	 .indexproitemtxt h4 {
	     font-size: 20px;
	     color: #1E50AE;
	     text-align: left;
	     margin-bottom: 30px;
	 }
	 
	 .indexproitemtxt p {
	     font-size: 14px;
	 }
	 
	 .indexproitem:nth-child(2) .indexproitemimg img {
	     max-width: 190px;
	 }
	 
	 .indexproitemimg img {
	     max-width: 190px;
	 }
	 
	 .indexprofileshuzi {
	     display: flex;
		 flex-wrap: wrap;
	     justify-content: space-between;
	     list-style-type: none;
	     padding: 0;
	     margin: 0;
	 }
	 
	 .indexprofileshuzi li {
		 flex: 0 1 calc(50% - 5px);
	     color: #4a68c0;
	     /* width: 22%; */
	     padding: 30px;
	     border-radius: 10px;
	     text-align: center;
	 }
	 
	 .indexprofile {
	     width: 100%;
	     background: url(../images/profilebg.jpg) no-repeat center bottom;
	     overflow: hidden;
	     min-height: 900px;
	     padding: 100px 0px;
	 }
	 
	 .indexprofiletxt {
	     font-size: 14px;
	     line-height: 1.8;
	     margin-bottom: 40px;
	 }
	 
	 .indexabout {
	     background: url(../images/moaboutbg.jpg) no-repeat center center;
	 }
	 
	 .inaboutlef {
	     width: 100%;
	     float: left;
		 padding: 20px;
		 background-color: rgba(255,255,255,0.6);
	 }
	 
	 .service-container {
	     padding: 0px 0px 50px 0px;
	 }
	 
	 .news-container {
	     padding: 0px;
	 }
	 
	 .bar {
	     width: 25px;
	     height: 4px;
	     background-color: #1E50AE;
	     margin: 2px 0;
	 }
	 
	 .navbar {
	     flex-direction: row !important;
	    }
		
	.menu-icon {
	    padding-top: 25px;
	}
	
    .nav-links {
        display: block !important;
        top: 0;
		right:100%;
        display: none;
        width: 100%;
        text-align: left;
        padding: 20px 0;
        position: fixed;
        background-color: #1E50AE !important;
        height: 1000px;
        z-index: 9999999999999999;
		padding: 0px 50px 50px 50px !important;
    }
	
	.stats-container {
	    flex-direction: column;
	}
	
	.nav-links li{
	    height: 60px;
		line-height: 60px;
		border-bottom: #fff solid 1px;
		margin: 0px 0px !important;
	}
	
	.nav-links li a{
	    color: rgba(255,255,255,0.6);
		font-size: 1.5rem;
	}
	
	.active {
	    color: #fff !important;
	}
	
	.close-btn{
		display: block;
		height: 50px;
		line-height: 50px;
		float: right;
		color: #fff;
		font-size: 2rem;
		margin-bottom: 50px;
		font-style: normal;
	}
	 
	 .sublink {
		 width: 100%;
         display: block;
	 }
	 
	 .sublink li{
	 	width: 50%;
		float: left;
	 }
	 
	 .sublink li a {
	     font-size: 16px;
	 }
	 
	 .sublink li {
	     padding: 0 !important;
	 }

	 
	
	  
	/* 手机底部 */
	
	footer {
	    padding: 30px 0 20px;
	    background: #f8f8f8; /* 根据实际颜色修改 */
	  }
	
	  .wd1200 {
	    width: 100%;
	    padding: 0 15px;
	    box-sizing: border-box;
	  }
	
	  /* 隐藏PC端logo */
	  .footer-left {
	    display: none;
	  }
	
	  .footer-links {
	    display: flex;
		width: 100%;
	    flex-direction: column;
	  }
	
	  .footer-column {
	    width: 100% !important;
	    margin: 0 0 25px;
	    padding: 0 10px;
	    border-bottom: 1px solid #ddd;
	  }
	
	  .footer-column:last-child {
	    border-bottom: none;
	  }
	
	  .footer-column h4 {
	    font-size: 16px;
	    margin: 15px 0 10px;
	    color: #333;
	    cursor: pointer;
	    position: relative;
	    padding: 8px 0;
	  }
	
	  /* 可折叠菜单箭头 */
	  .footer-column h4::after {
	    content: ">";
	    position: absolute;
	    right: 10px;
	    transform: rotate(90deg);
	    transition: transform 0.3s;
	    color: #666;
	  }
	
	  .footer-column.active h4::after {
	    transform: rotate(-90deg);
	  }
	
	  .footer-column ul {
	    display: none;
	    padding: 0 0 10px;
	    margin: 0;
	  }
	
	  .footer-column.active ul {
	    display: block;
	  }
	
	  .footer-column li {
	    line-height: 1.6;
	    padding: 8px 0;
	    font-size: 14px;
	  }
	
	  .footer-column a {
	    color: #666;
	    text-decoration: none;
	  }
	
	  /* 联系方式特殊处理 */
	  .footer-column:last-child li {
	    font-size: 13px;
	    line-height: 1.8;
	    color: #666;
	    padding: 5px 0;
	  }
	
	  /* 链接点击效果 */
	  .footer-column a:active {
	    color: #007bff; /* 品牌主色 */
	  }
	  .oem-container h1 {
	      font-size: 1.5rem;
	      color: #1e50ae;
	      position: relative;
	      margin-bottom: 50px;
	  }
	  .oem-container {
	      padding: 25px 0;
	      background: #f8f9fa; /* 根据实际背景色调整 */
	    }
	  
	    .wd1200 {
	      width: 100%;
	      padding: 0 15px;
	      box-sizing: border-box;
	    }
	  
	    .oem-container h1 {
	      font-size: 1.5rem !important;
	      text-align: center;
	      margin: 0 0 20px 0;
	      line-height: 1.4;
	      color: #1e50ae;
	    }
		
		.header-top{
			display: none;
		}
		
		.submenu {
		    background-color: #F8F8F8;
		    height: auto;
		    line-height: 50px;
		}
		
		.txtleft img{
		    width: 100%;
		}
		
		.pdf-list span:nth-child(1) {
		    width: 50%;
		    text-align: left;
		}
		
		.download-btn {
		    padding: 4px 12px;
		}
		  
	  
	    .contact-container {
	      flex-direction: column; /* 垂直排列 */
	      gap: 15px;
	    }
	  
	    .contact-item {
	      width: 100% !important;
	      margin: 0 !important;
	      padding: 12px 20px;
	      background: #fff;
	      border-radius: 8px;
	      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	      display: flex;
	      align-items: center;
		  min-height: 60px;
	    }
	  
	    .contact-item img {
	      width: 30px !important;  /* 缩小图标 */
	      height: 30px !important;
	      margin-right: 12px;
	    }
	  
	    .contact-item p {
	      font-size: 1rem;
	      line-height: 1.5;
	      color: #666;
	      white-space: normal; /* 允许地址换行 */
	      margin: 0;
	      flex: 1;
	    }
	  
	    /* 特殊处理长文本 */
	    .contact-item:nth-child(3) p {
	      word-break: break-word;
	    }
	  }
	  
	  /* 可选：添加点击反馈效果 */
	  @media (hover: none) {
	    .contact-item:active {
	      background: #f0f0f0;
	      transform: scale(0.98);
	      transition: all 0.2s ease;
	    }
		
	   .service-container {
	     display: flex !important;
	     flex-direction: column; /* 垂直排列 */
	     gap: 20px; /* 项目间距 */
	     margin: 0 auto;
	   }
	 
	   .service-item {
		 flex-direction: column;
	     width: 100% !important;
	     margin: 0 !important;
	     padding: 15px;
	     background: #f8f8f8;
	     border-radius: 8px;
	     display: flex !important;
	     align-items: center;
	     box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	   }
	   
	   .service-item h4{
	   	 margin-bottom: 0px;
	   }
	 
	   .service-item img {
	     width: 40px !important;
	     height: 40px !important;
	     margin-right: 15px;
	     flex-shrink: 0; /* 防止图片压缩 */
	   }
	 
	   .service-item p {
	     font-size: 14px;
	     line-height: 1.5;
	     color: #333;
	     margin: 0;
	     white-space: normal; /* 允许换行 */
	   }
	 
	   /* 特殊处理长文本 */
	   .service-item:nth-child(3) p {
	     word-break: break-word;
	   }
	   
	     .update-item {
	       margin-bottom: 20px;
	       background: #fff;
	       border-radius: 8px;
	       box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	       overflow: hidden;
	       transition: transform 0.2s ease;
	     }
	   
	     .update-item:active {
	       transform: scale(0.98);
	     }
	   
	     .update-image {
	       width: 100% !important;
	       height: 180px !important;
	       background-size: cover !important;
	       background-position: center !important;
	       border-radius: 8px 8px 0 0;
	     }
	   
	     .update-content {
	       padding: 15px;
	     }
	   
	     .update-content h3 {
	       font-size: 16px !important;
	       line-height: 1.4;
	       margin: 0 0 8px 0;
	       color: #333;
	       display: -webkit-box;
	       -webkit-line-clamp: 2; /* 限制两行 */
	       -webkit-box-orient: vertical;
	       overflow: hidden;
	     }
	   
	     .update-content p {
	       font-size: 13px !important;
	       line-height: 1.5;
	       color: #666;
	       margin: 0 0 12px 0;
	       display: -webkit-box;
	       -webkit-line-clamp: 3; /* 限制三行 */
	       -webkit-box-orient: vertical;
	       overflow: hidden;
	     }
	   
	     .datetime {
	       display: flex;
	       justify-content: space-between;
	       align-items: center;
	       margin-top: 10px;
	     }
	   
	     .date {
	       font-size: 12px;
	       color: #999;
	     }
	   
	     .read-more {
	       font-size: 13px;
	       color: #007bff;
	       text-decoration: none;
	       padding: 6px 12px;
	       border-radius: 15px;
	       background: rgba(0,123,255,0.1);
	     }
	   
	     /* 链接点击效果 */
	     a:active {
	       opacity: 0.8;
	     }
	   }
	   
	   /* 小屏幕优化（400px以下） */
	   @media (max-width: 400px) {
	     .update-image {
	       height: 150px !important;
	     }
	   
	     .update-content h3 {
	       font-size: 15px !important;
	     }
	   
	     .read-more {
	       padding: 5px 10px;
	       font-size: 12px;
	     }
}

@media (max-width: 480px) {
    .post-sales-container p {
        font-size: 14px;
    }

    .post-sales-images img {
        width: 100%;
    }
}


/* 响应式布局 */
@media screen and (max-width: 1200px) {
	.wd1200{
		width: 100%;
	}
	
}

/* 当菜单图标被点击时，切换导航菜单的显示 */
#menu-icon.active + .nav-links {
    display: block;
}
@media screen and (max-width: 768px) {
	
    .header-top {
        font-size: 12px;
    }

    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-links {
        display: none;
        width: 100%;
        text-align: left;
        background-color: #fff;
        padding: 20px 0;
    }

    .nav-links li {
        margin: 10px 0;
    }

    .nav-links.active {
        display: block;
    }

    .menu-icon {
        display: flex;
    }
	
	.footer-links {
	  flex-direction: column;
	}
	
	.footer-column {
	  width: 100%;
	  margin-bottom: 20px;
	}
}

/* 当菜单图标被点击时，切换导航菜单的显示 */
#menu-icon.active + .nav-links {
    display: block;
}