@import url(iconfont.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(jquery.fancybox.min.css);
@import url(pc.css);

@media screen and (max-width: 768px) {
	body{ padding-top: 85px;  overflow-x: hidden;}
    .menu-btn{display:block;}
    .header{ box-shadow: 0 0 0 0 rgba(0,0,0,0.05); }
    .header .lang{ display: none; }
    .header .nav{ display: none; }

    .section{ padding: 30px 0; }
    .section-title strong{ font-size: 24px;  }
	.section-title p{ margin: 15px auto 0;  width: 320px;  }

	.in-banner{ height: auto; }
	.in-banner .text{ left: 20px;  }
	.in-banner .text h2{ font-size:24px; }
	.in-banner .text h3{ font-size:18px; }

	.in-video .content .con{ margin-top: 10px; }
	.in-about{ height: 400px;  }
	.in-about .text h2{ font-size: 24px;  }

    .in-news{ padding: 30px 0; }

.in-partner{ padding: 50px 0; }
.in-partner .content{ 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.in-partner .content .text{ 
  flex: 100%; 
  padding-right: 0;  
  text-align: center;
}
.in-partner .content .text h2{ 
  font-size: 26px; 
  margin-bottom: 15px;
}
.in-partner .content ul{ 
  flex: 100%; 
  margin-top: 30px; 
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; /* 减小间距：从20px改为15px */
  list-style: none;
  padding: 0;
}
.in-partner .content li{ 
  flex: none;
  padding: 0;
}

/* 新增：控制图片大小 */
.in-partner .content li img {
  max-width: 120px; /* PC端图片最大宽度 */
  height: auto;
  display: block;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .in-partner .content ul {
    gap: 10px; /* 移动端进一步减小间距 */
  }
  
  .in-partner .content li img {
    max-width: 80px; /* 移动端缩小图片 */
  }
}

/* 小屏幕手机进一步优化 */
@media (max-width: 480px) {
  .in-partner .content ul {
    gap: 8px;
  }
  
  .in-partner .content li img {
    max-width: 70px; /* 更小的屏幕更小图片 */
  }
}
    .footer-con{ padding: 30px 0; }
    .share{ justify-content: left;  }
    .fnav { margin-top: 30px; }
    .fnav dl{margin-right: 80px; }
    .footer .photo{ padding-right: 0; margin-top: 30px; }
    .footer .copyright{ padding: 20px 0; display: inline; text-align: center; }

    .banner-sub{ padding: 50px 0; }
    .banner-sub-con{ flex-wrap: wrap; text-align: center; }
    .banner-sub-con .text{ flex:100%; }
    .banner-sub-con .txt{ flex:100%; margin-top: 20px;}
    .banner-sub-con .text h2{ font-size: 28px; padding-bottom: 22px; margin-bottom: 20px; }
	.banner-sub-con .text h2:before{ left: 50%; margin-left: -40px; }
	.banner-sub-con .txt h3{ font-size: 18px; }

	.cj1{ font-size: 24px;  padding: 50px 0; }
	.cj2 .tits{ padding: 50px 30px;  }
	.cj2 .tits h2{ font-size: 24px; }
	.cj2 .tits p{ font-size: 14px; }
	.cj2 ul{ margin:0 0 0 -10px; padding: 10px; }
	.cj2 li a{ margin:0 0 10px 10px; }
	.cj3 .tits{  padding:50px 0;  }
	.cj3 .tits h2{ font-size: 24px; }

	.about1{ height: auto; }
	.about2 h2{ font-size: 24px; }
	.about2 p {text-align: left;}
	.about3{ background-size: cover }
	.about4 .tits{ height: 150px; background-size: cover; }
	.about4 li{ margin-right: 30px; }

	.list-job li{ padding: 20px;}

	.section-title3{  margin-bottom: 20px; }
	.section-title3 strong{ font-size: 24px; }
	.section-title3 p{ font-size: 14px; }
	
		.futitle{  margin-bottom: 20px; position: absolute; color: white;padding: 10px;}
	.futitle strong{ font-size: 24px; }
	.futitle p{ font-size: 14px; }
	
	
/* 移动端语言切换按钮样式 */
.mobile-lang {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.mobile-lang a {
    display: inline-block;
    margin: 0 10px;
    padding: 8px 20px;
    background-color: #00cdc2;
    color: #FFF;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s;
}

.mobile-lang a:hover {
    background: #FFF;
    border: 2px solid #00cdc2;
    color: #00cdc2;
}

/* 修改原有的响应式样式，确保PC端在移动设备上隐藏，移动端显示 */
@media screen and (max-width: 768px) {
    .mobile-lang {
        display: block;
    }
    .header .lang {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .mobile-lang {
        display: none;
    }
}
	
.futext {
    /* 关键：使文字div相对于.container定位 */
    position: absolute;

    /* 控制文字位置 */
    /* 示例1：居中显示 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 使元素自身偏移一半宽高，实现完美居中 */

    /* 示例2：定位在左下角 */
    /* left: 20px;
    bottom: 20px; */

    /* 设置文字样式 */
    color: white;
    font-size: 24px;
    font-weight: bold;
}


	.ex3{ height: 400px; }
	.ex4{ height: 340px; }
	.ex5{ height: 400px; }
	.ex6{padding-top: 20px; }
	.ex-menu{margin:20px auto; }
	.ex7 .swiper-button-prev{ left: 0;  }
	.ex7 .swiper-button-next{ right:0;}
	.ex8{padding: 20px 0; }
	.ex8-con .swiper-button-prev{ left: 0;  }
	.ex8-con .swiper-button-next{ right:0;}
	.ex9 .swiper-button-prev{ left: 0;  }
	.ex9 .swiper-button-next{ right:0;}
	.ex10{padding: 20px 0; }

	.ex11-menu{bottom: 30px; flex-wrap: wrap; width: 320px; }
	.ex11-menu li{ flex:0 0 50%; text-align: center; }
	.ex11-menu li a{ padding:10px; }
	.ex11-con .con{ height: 400px;  }

    .zx1{ padding: 50px 0; font-size: 24px;  }
    .zx3 .tits{ font-size: 24px;  }
	.zx4 .tits{ font-size: 24px; padding: 50px 0;  }
	.zx4 ul{padding: 15px 0; }

	.contact{ padding: 20px 0; }
	.contact .img-center{ margin-bottom: 20px; }
	.contact li{ margin-bottom: 20px; }

    .contact2{ padding:20px 0; }
	.contact2 .img-center{ margin-left: 0; margin-top: 20px; }

	.cd-mn{ margin-right: 0; margin-bottom: 20px; }

	.injoy1 .text{left: 20px; top:20px; transform: translateY(0);  }
	.injoy1 .text h2{ font-size: 24px; }
	.injoy1 .text p{ font-size: 14px; }

	.injoy2 .text h2{ font-size: 24px; padding: 0 15px; line-height: 1.2; }

	.injoy3{ padding: 15px 0; }
	.injoy3 .tits{ padding: 0 15px;}
	.injoy3 .tits h2{ font-size: 24px; line-height: 1.2; }
	.injoy3 .tits p{ font-size: 14px; }

	.injoy4-menu{   bottom: 10px; flex-wrap: wrap; }
	.injoy4-menu li{ flex:0 0 50%; }
	.injoy4-menu li a{ font-size: 12px;  padding:8px; }
	.injoy4-con .con .tits{ top:10px;  }
	.injoy4-con .con .tits h2{ font-size: 24px; }
	.injoy4-con .con .tits p{ font-size: 14px; }
	.injoy4-con .con .bottom{ display: none;}

	.injoy5 li{ float: none; width: 100%;height: 300px; margin-bottom: 15px; }
	.injoy5 li .text{ display: block; font-size: 14px;}
	.injoy5 li.active{ width: 100%; }

	.solution1 .text h2{ font-size: 24px; padding: 0 15px; line-height: 1.2; }
	.solution1 .text p{ padding: 0 15px; font-size: 12px; }

	.solution2-menu{   bottom: 10px; padding: 0; }
	.solution2-menu li{ flex:0 0 50%; }
	.solution2-menu li:last-child{ flex:0 0 50%; }
	.solution2-menu li a{ font-size: 12px;  padding:0; line-height: 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
	.solution2-con .con .tits{  top:10px;  }
	.solution2-con .con .tits h2{ font-size: 24px; }
	.solution2-con .con .tits p{ font-size: 14px; display: none; }
	.solution2-con .con .bottom{ display: none;}

	.solution3-menu{ flex-wrap: wrap;  bottom: 10px; padding: 0; }
	.solution3-menu li{ flex:0 0 50%; }
	.solution3-menu li a{ font-size: 12px;  padding:0; line-height: 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
	.solution3-con .con .tits{  top:10px;  }
	.solution3-con .con .tits h2{ font-size: 24px; }
	.solution3-con .con .tits p{ font-size: 14px; display: none; }
	.solution3-con .con .bottom{ display: none;}

	.solution4-menu{  bottom: 10px; padding: 0; }
	.solution4-menu li a{ font-size: 12px;  padding:0; line-height: 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
	.solution4-con .con .tits{  top:10px;  }
	.solution4-con .con .tits h2{ font-size: 24px; }
	.solution4-con .con .tits p{ font-size: 14px; display: none; }
	.solution4-con .con .bottom{ display: none;}

	.solution5-menu{  bottom: 10px; padding: 0; }
	.solution5-menu li a{ font-size: 12px;  padding:0; line-height: 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
	.solution5-con .con .tits{  top:10px;  }
	.solution5-con .con .tits h2{ font-size: 24px; }
	.solution5-con .con .tits p{ font-size: 14px; display: none; }
	.solution5-con .con .bottom{ display: none;}





}