/* CSS Document */
@media (min-width: 1025px){
	.back-top{cursor: pointer;transition: all .3s ease-in-out;}
	.back-top:hover i:before{animation: moveDown .4s 1 linear;display: inline-block;}
	.footer-menu dd a{transition: color .3s;}
	.footer-menu dd a:hover{color: rgba(255,255,255,.9);}
	
	.footer-share a{transition: color .3s;}
	.footer-share a:hover{color: rgba(255,255,255,.8);}
	
}
@media(max-width:1740px){
	
}
@media(max-width:1680px){
	.back-top{right:10px;}
	
	.singlecase.e-con.e-parent > .e-con-inner{ max-width:100%; padding:120px 40px;}
	
}
@media(max-width:1560px){
	.wrap, .elementor-section.elementor-top-section > .elementor-container, .ibannerslide .swiper-slide-inner, .e-con.e-parent > .e-con-inner{ width:1280px;}
	.elementor-section.elementor-section-full_width > .elementor-container{ width:100% !important;}
	
	
}
@media(max-width:1520px){
	
}
@media(max-width:1440px){
	.wrap, .elementor-section.elementor-top-section > .elementor-container, .ibannerslide .swiper-slide-inner, .e-con.e-parent > .e-con-inner{ width:1200px;}
		
	
}
@media(max-width:1360px){

	
}
@media(max-width:1280px){
	.wrap, .elementor-section.elementor-top-section > .elementor-container, .ibannerslide .swiper-slide-inner, .e-con.e-parent > .e-con-inner{ width:90%;}
	.list-app > li .app-item, .list-app .app-item{ padding:50px;}
	
	/*相关产品*/
	.relateprolist{ flex-wrap:wrap;}
	.relateprolist li{width:100%; margin-right:0%; margin-bottom:30px;}
	
	.singlecase.e-con.e-parent > .e-con-inner{ padding:80px 0px;}
	
}
@media(max-width:1260px){
}
@media(max-width:1230px){
	.app-cate span{ margin:0 20px;}
	.list-app > li .app-item, .list-app .app-item{ padding:30px;}
	.list-app > li .app-item .app-item__txt{ width:auto;}
	.list-app > li .app-item .app-item__txt .app-item__intro .app-item__title{ font-size:24px;}
	
	.inewslist li a .inewstext .inewstitle{ font-size:22px; line-height:30px;}
	
}
@media(max-width:1160px){
	.footer-share a{ margin-right:10px;}
}
@media(max-width:1024px){
    /*
	.wrap, .elementor-section.elementor-top-section > .elementor-container, .ibannerslide .swiper-slide-inner, .e-con.e-parent > .e-con-inner{ width:85%;}
	*/
	.footer{ padding:60px 0;}
	.ftc-left-cont{width: 100%;}
	.ftc-right-cont, .ftc-rightnew-cont{ width:100%; margin-top: 30px;}
	.ftc-left-inner{max-width: 100%;}
	.back-top{width: 42px;height: 42px;bottom: 64px;right: 24px;}
	.ftc-left-inner{ margin-top:0;}
	.inewslist li a .inewsimg{ height:150px;}
	
	.caselist li{ width:49%; margin:0 2% 2% 0;}
	.caselist li:nth-child(3n){ margin-right:2%;}
	.caselist li:nth-child(2n){ margin-right:0;}
	.caselist li a .case-item__intro{ padding:30px 0;}
	
	.about_honor_swiper .swiper-button-prev{ left: 10px;}
	.about_honor_swiper .swiper-button-next{ right: 10px;}
	
	.igsvideobg, .inewsbg{ padding:60px 0;}
	
	.list-app, .app-cate{ margin-top:40px;}
	.app-item__link{ position:static;}
	
	
	.selflist > .elementor-element{ max-width:200px;}
	
	.hstory-list ul li, .hstory-list .swiper-slide{ padding-top:30px;}
	.hstory-list .swiper-slide .history-cartoon{ overflow:scroll;}
	.year-num{ font-size:1.5rem; top:0; }
	.year-tab ul li a{ margin-right:10px; font-size:16px;}
	
	.contact_slide.elementor-element .swiper-container .elementor-swiper-button-prev{ left:40%;}
	.contact_slide.elementor-element .swiper-container .elementor-swiper-button-next{ right:40%;}
	
	
	/*相关产品*/
	.related_product, .related_casebg{ padding:60px 0;}
	.rpro-item {	padding: 20px 0 0;}
	.rpro-item__title {	font-size: 20px;}
	.rpro-item_desc {margin-top: 1em;	font-size: 12px;height: auto;}
	.rpro-item__txt{position: relative;    z-index: 5;    width: 90%;    transform: translateY(0);}
	.rpro-item__img {	width: 60% !important;	max-width: 60%; margin-top:20px;}
	
	.singleprotable > .elementor-widget-container{ overflow-x: scroll; padding-bottom:10px;}
	.singleprotable > .elementor-widget-container::-webkit-scrollbar{ display: none; }
	
	.inpage-header.headerbox.index-header.fixed{ z-index:99999;}
	
	
	/***************2024年开发******************/
	.fnewsletterform input.fnewslettfield{ width:auto; min-width:200px;}
	
	.islide .swiper-slide a, .islide .swiper-slide a .elementor-carousel-myimg, .islide .swiper-slide a .elementor-carousel-myimg img{ height:100%;}
    .islide .swiper-slide a .elementor-carousel-image{ display:none;}
    .islide .swiper-slide a .slidetextall{ padding:40px 20px;}
    .islide .swiper-slide a .slidetextall .mytitletext{ max-width:50%; font-size:22px; line-height:1.3;}
    .islide .swiper-slide a .slidetextall .mynrtext{max-width: 100%; font-size: 12px; margin-top:10px;}
    .islide .swiper-slide a .slidetextall .mybuttontext{ width:auto;}
    .islide .swiper-slide a .slidetextall .mybuttontext .mybuttontextnr{ padding:10px 20px;}
    
    .ijjfacon > .elementor-element:hover{ padding-bottom:50px;}
    .icasetextlist > .swiper-wrapper{ height:120px;}
    .iaboutnum .elementor-heading-title span{ font-size:6px; position: relative;   top: -10px;}
    
    #blur-elem{ width:200px; height:200px;}
    .inewslistnew .elementor-posts-container .elementor-grid-item .elementor-post__meta-data{ left:12px;}
	
	
	
	/*新产品列表20240412*/
	.productslist-new{ margin-top:40px;}
    .list-pronav-new li a{ font-size:16px; padding:10px 20px;}
    .productslist-new li a{ padding:20px;}
    .productslist-new li a .prolisttext .info-title{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: wrap;}
    .productslist-new li a .prolisttext .prolistdesc, .productslist-new li a .prolisttext .prolistbtn{ margin-top:20px;}
	
	
	.banner-left, .islide .elementor-swiper-button-prev{ left:20px !important; top:40% !important;}
	.banner-right, .islide .elementor-swiper-button-next{ right:20px !important; top:40% !important;}
	
	/*新解决方案列表20240414*/
	.solution-list{ padding-top:40px; margin-top:0;}
    .solution-list li{ width:48%; margin-right:4%;}
    .solution-list li a .solutionimg{ height:340px; }
    .solution-list li a .solution-tit{ padding:0 20px; font-size:24px; line-height:1.5;}
	
	
	/*服务-FAQ*/
    .ser_videolist li{ width:49%;}
    .ser_videolist li:nth-child(3n){ margin-right:2%;}
    .ser_videolist li:nth-child(2n){ margin-right:0;}
    .serfaqs .elementor-accordion-item a.elementor-accordion-title{ position:relative; padding-left:50px;}
    .serfaqs .elementor-accordion-item a.elementor-accordion-title:before{width:40px; height: 40px; line-height: 40px; position: absolute;  left: 0px;top:0px;}
	
	/*服务-FAQ*/
    .ser_videolist li{ width:100%;margin-right:0; margin-bottom:20px;}
    .ser_videolist li a .svideotext h2{ font-size:14px;}
    .serfaqs .elementor-accordion-item .elementor-tab-content .ask-icon{ left:20px;}
    .serfaqs .elementor-accordion-item a.elementor-accordion-title:before{width:40px; height: 40px; line-height: 40px; position: absolute;  left: 0px;top:-10px;}
    .serfaqs .elementor-accordion-item .elementor-accordion-icon-opened, .serfaqs .elementor-accordion-item .elementor-accordion-icon-closed{ top:0;}
    .serdownloaditem .elementor-widget-image-box .elementor-image-box-wrapper{ display:flex; align-items: center;    text-align: left;}
    .serdownloaditem .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{ margin-right:15px !important;}
	
	
	.icasetextall{ height:100%;}
	
}
@media(max-width:860px){
	
	.year-num{ font-size:1rem;}
}
@media(max-width:768px){
	.wrap, .elementor-section.elementor-top-section > .elementor-container, .ibannerslide .swiper-slide-inner, .e-con.e-parent > .e-con-inner{ max-width:100%; width:100%; padding-left:15px; padding-right:15px;}
	.elementor-section.elementor-section-full_width > .elementor-container{ padding:0;}
	
	.back-top{bottom: 56px;}
	
	.index-app{ padding:40px 0;}
	h2.ititle{ font-size:24px; line-height:40px;}
	.section-desc{ margin-top:20px;}
	
	.app-cate{ margin-top:30px;}
	.app-cate span{ margin:0; font-size:16px;}
	
	
	.list-app{ margin-top:20px; flex-wrap:wrap;}
	.list-app > li{ width:100%;}
	.list-app > li .app-item, .list-app .app-item{ margin-right:0;}
	.list-app > li .app-item, .list-app .app-item{ padding:20px;}
	.list-app > li .app-item .app-item__txt .app-item__intro .app-item__title{ font-size:18px;}
	.list-app > li .app-item .app-item__txt .app-item__intro .app-item__tip, .app-item__tip{ margin-top:20px;}
	.app-item__link{ line-height: 30px;}
	.app-item__link > span{ width:30px; height:30px; line-height:30px;}
	
	.app-item__tip p{ padding-left:10px;}
	
	.slick-app-img{ position:static;visibility: hidden;  height: 0;  overflow: hidden; }
	.slick-app-img.current{ visibility:visible; height:auto;}
	
	
	.iaboutbg{ padding-bottom:40px;}
	.iabout .flex{ flex-wrap:wrap;}
	.iaboutleft, .iaboutright{ width:100%;}
	.imorebtn{ height:40px; margin-top:20px;}
	
	.index-casewrap{ padding-top:20px;}
	
	.igsvideobg, .inewsbg, .icontactbg, .footer{ padding:40px 0;}
	.igsvideolist{ margin-top:20px;}
	.igsvideolist li{ width:49%; margin-bottom:20px;}
	.igsvideolist li:nth-child(3n){ margin-right:2%;}
	.igsvideolist li:nth-child(2n){ margin-right:0;}
	.igsvideolist li .igsvideotext h3{ font-size:14px; line-height:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	
	.icontacttit:after{ margin-top:10px;}
	.inewslist{ margin-top:20px;}
	.inewslist li{ width:100%; margin-right:0; margin-bottom:30px;}
	.inewslist li a .inewsimg{ height:200px;}
	.inewslist li a .inewstext .inewsdate{ margin-top:20px;}
	.inewslist li a .inewstext .inewstitle{ font-size:16px; line-height:24px;}
	
	.ftc-left-inner{ margin-top:20px;}
	
	.list-pronav{ margin-bottom:20px;}
	
	
	.caselist li{ width:100%; margin:0 0 5% 0;}
	.caselist li a .case-item__intro{ height:auto; padding:20px 0;}
	.case-item__title{ font-size:16px;}
	
	.support_nav li a{ font-size:18px; padding:10px 20px;}
	
	.pro-name{ font-size:16px; line-height:20px;}
	.case-mall{ font-size:14px; line-height:20px;}
	.incase-right{ padding-top:10px;}
	
	:root {
	  --swiper-navigation-size:20px;
	}
	.about_honor_swiper .swiper-button-next{ right: -10px;}
	
	.contactformcon{ width:100%;}
	
	.contact_partner{ padding:0px 0 40px 0;}
	.contact_partnerlist li, .contact_partnerlist > .elementor-element{ width:32%;}
	.contact_partnerlist li:nth-child(6n), .contact_partnerlist > .elementor-element:nth-child(6n){ margin-right:2%;}
	.contact_partnerlist li:nth-child(3n), .contact_partnerlist > .elementor-element:nth-child(3n){ margin-right:0;}
	.contact_partnerlist li .contact_partnerimg{ border-width:1px;}
	
	.islide .elementor-swiper-button{ display:none !important;}
	.islide .swiper-pagination-clickable .swiper-pagination-bullet{width: 20px;}
	
	
	.elementor-element.zslist .swiper-container .elementor-swiper-button-prev{left:-35px; font-size: 30px;}
	.elementor-element.zslist .swiper-container .elementor-swiper-button-next{right: -35px; font-size: 30px;}
	
	.year-tab ul li a{ margin-right:20px;}
	
	.hstory-list, .hstory-list.e-con.e-flex{ height:260px;}
	.history-cartoon{ margin-right:0;}
	.history-imgslider{ margin-top:0;}
	
	.contact_slide.elementor-element .swiper-container .elementor-swiper-button{ width:36px; height:36px; bottom:-60px;}
	
	
	
	.single_solutiontext{ position:static; width:100%; height:auto; padding:20px;}
	.single_solutiontx > .e-con-inner:hover .single_solutionimg img{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);}
	
	
	/*相关产品*/
	.relateprolist{ margin-top:30px;}
	.relateprolist li:last-child{ margin-bottom:0;}
	.related_product, .related_casebg{ padding:40px 0;}
	.related_casebg .caselist{ margin:30px 0 0 0;}
	.rpro-item{ height:auto;}
	
	.detail-pager{ text-align:center;}
	.singlecase.e-con.e-parent > .e-con-inner{ padding:40px 20px 60px;}
	.detail-pager a{ width:40px; height:40px; line-height:40px;}
	.detail-pager a[rel="next"]{ margin-left:20px;}
	
	.contact_partnerlist{ margin-top:20px; }
	
	.ftc-left-cont{ text-align:center;}
	.footer-menu{ flex-wrap:wrap; justify-content: flex-start;}
	.fnewsledesc{ font-size:14px;}
	.copyrightcon{ padding:0; flex-wrap:wrap;}
	.coryright_right{ width:100%; margin-top:10px;}
	.copyright, .coryright_right{ font-size:14px;}
	.fcontact li{ padding-left:30px;}
	
	
    /***************2024年开发******************/
	.islide .swiper-slide a .slidetextall .mytitletext{ width:100%; font-size:14px; max-width: 100%; text-align:center;}
    .islide .swiper-slide a .slidetextall .mybuttontext{position: static; margin:20px auto 0; justify-content: center;}
    .islide .swiper-slide a .slidetextall{ padding-bottom:20px;}
    .inewsimglist .inewsimgitem{ height:auto; display: none !important;}
    .icasetextall{ position:relative;}
    .iprolistitem.e-con.e-flex{ --flex-wrap: no-wrap;}
	
	
	/*新产品列表20240412*/
	.list-pronav-new li a{ font-size:14px; padding:10px 10px;}
    .productslist-new li a{ display:block; padding:10px;}
    .productslist-new li a .prolistimg{ height:160px;}
    .productslist-new li a .prolistimg img{ max-height:100%;}
    .productslist-new li a .prolistimg, .productslist-new li a .prolisttext{ width:100%;}
    .productslist-new li a .prolisttext .info-title{ font-size:16px; line-height:24px;}
    .productslist-new li a .prolisttext .prolistdesc{ line-height:18px;}
    .productslist-new li a .prolisttext .prolistdesc, .productslist-new li a .prolisttext .prolistbtn{ font-size:12px; margin-top:10px;}
	
	.caselist{ margin:30px 0;}
    
    
    /*新解决方案列表20240414*/
    .solution-list{ padding-top:20px; padding-bottom:40px;}
    .solution-list li{margin-bottom:4%;}
    .solution-list li a .solutionimg{ height:160px; }
    .solution-list li a .solution-tit{ padding:0 10px; font-size:16px; line-height:1.2;}
    
     div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns{ margin-right:0 !important;}
    
    .icontactform .wpforms-form .wpforms-field-container .wpforms-field textarea.wpforms-field-medium{ line-height:1.5;}
    
    .iprolistitem .elementor-posts .elementor-post__card{ height:328px;}
    .iprolistitem .elementor-post__card .elementor-post__thumbnail img {    max-height: 150px !important;}
    .iprolistitem .elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link{top:10%;}
    .iprolistitem .elementor-posts .elementor-post__card .elementor-post__text:after{ height:40px; line-height:40px;}
    
    
    .iprolistitem .elementor-posts .elementor-post__card .elementor-post__text .elementor-post__title{ margin-bottom:10px !important;}
    
    
	
}

@media(max-width:767px){
	
}
@media(max-width:600px){
	
}
@media(max-width:580px){
}
@media(max-width:540px){
}
@media(max-width:500px){
	.back-top{width: 36px;height: 36px;bottom: 40px;font-size: 12px;}
	.copyright, .footer-share{width: 100%;}
	.footer-bottom-wrap{flex-direction: column-reverse;margin-top: 40px;padding-top: 20px;}
	.copyright{text-align: center;}
	.footer-share{ justify-content: center;margin-bottom: 10px;}
	.footer-share a{margin-left: 10px;margin-right: 10px;}
	.about_honor_swiper .swiper-button-prev{ left:5px;}
	.about_honor_swiper .swiper-button-next{ right: -12px;}
	
	.commonweb.elementor-element-6988a99{ padding:0;}
}
@media(max-width:380px){
	
}
@media(max-width:340px){
	
}
@media(max-width:320px){
	
}



/* 移动端菜单核心样式（768px以下）- 重构版 */
@media (max-width: 768px) {

  /* 首页轮播图 */
  .islide .swiper-slide a .elementor-carousel-myimg{
    height: auto;
  }

  .inpage-header.headerbox.index-header.fixed{
    background: transparent !important;
  }
  /* 1. 汉堡按钮：统一样式，避免被遮挡 */
  .mobile-menu-toggle {
    display: block !important;
    position: fixed;
    top: 10px;
    right: 15px;
    z-index: 10000; /* 确保在最上层 */
    width: 40px;
    height: 40px;
    /* background: #010305;  */
    /* 与菜单背景区分，避免看不见 */
    /* rgba(1, 3, 5, 0.95) */
    background:  hsl(210, 10%, 5%, 0.8);
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    box-sizing: border-box;
  }
  /* 汉堡按钮线条样式 */
  .mobile-menu-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    background: #fff; /* 白色线条，与按钮背景对比 */
    margin: 5px 0;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  /* 2. 移动端菜单容器：统一用transform控制显示（更流畅） */
  .mobile-menu-container {
    display: block !important; /* 取消display:none，改用transform隐藏 */
    position: fixed;
    top: 0;
    right: 0; /* 从右侧滑入 */
    width: 80%;
    max-width: 300px;
    height: 100vh;
    /* background: #010305;  */
    /* 统一背景色 */
    /* background: rgba(1, 3, 5, 0.95); */
    background: hsl(210, 10%, 5%, 0.8);
    z-index: 9999;
    transform: translateX(100%); /* 初始隐藏在右侧 */
    transition: transform 0.3s ease;
    padding: 80px 20px 20px;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    overflow-y: auto;
    box-sizing: border-box;
     /* 新增：如果需要半透明遮罩，用 backdrop-filter（可选） */
    backdrop-filter: blur(8px); /* 毛玻璃效果，增强透明质感 */
    -webkit-backdrop-filter: blur(8px); /* 兼容iOS/Safari */
  }
  /* 菜单展开状态 */
  .mobile-menu-container.active {
    transform: translateX(0); /* 滑入可视区域 */
  }

  /* 3. 子菜单样式：简化优先级，取消多余!important */
  .mobile-menu-container .sub-nav {
    display: none; /* 默认隐藏，不用!important */
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mobile-menu-container .sub-nav.active {
    display: block; /* 展开子菜单 */
  }

  /* 菜单样式 */
  .mobile-menu-container .mobile-menu-list li a{
    color: #fff;
  }

  /* 子菜单链接样式 */
  .mobile-menu-container .sub-nav .sub-nav-tab a {
    display: block;
    line-height: 36px;
    color: #ccc; /* 适配深色背景 */
    text-decoration: none;
    border-bottom: 1px solid #333;
  }
  .mobile-menu-container .sub-nav .sub-nav-tab a:hover {
    color: #fff;
  }

  /* 4. 父菜单箭头样式 */
  .mobile-menu-container li.menu-item-has-children > a {
    position: relative;
    padding-right: 30px !important;
    display: block;
    line-height: 40px;
    color: #fff; /* 适配深色背景 */
    text-decoration: none;
    border-bottom: 1px solid #333;
  }
  .mobile-menu-container li.menu-item-has-children > a::after {
    content: "▼";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #fff;
  }
  .mobile-menu-container li.menu-item-has-children > a.active::after {
    transform: translateY(-50%) rotate(180deg);
  }

  /* 5. 语言切换模块：修复布局错乱 */
  .mobile-lang-switch {
    margin-top: 20px; /* 取消负margin */
    padding-top: 20px;
    float: none; /* 取消浮动 */
    width: 100%; /* 占满宽度 */
    border-top: 1px solid #333;
  }
  #gt_float_wrapper, .mobile-kszled-cn {
    float: none;
    display: inline-block;
    margin-right: 10px;
  }

  .mobilefixed{background: hsl(210, 10%, 5%, 0.8);}

  /* 6. 其他优化：隐藏PC端元素 */
  .header-nav, .header-right {
    display: none !important;
  }
  .commonweb.index-web.mobilefixed {
    position: relative !important;
    padding: 0px 15px;
    
  }
  .logo img {
    max-height: 40px;
  }
}

/* 大屏隐藏移动端菜单/按钮 */
@media (min-width: 769px) {
  .mobile-menu-toggle,
  .mobile-menu-container {
    display: none !important;
  }
}


 /* 底部菜单核心显示规则 */
@media (max-width: 768px) {
 #footer-contact-id{display:none !important;}

  .footer-top-wrap {
  overflow: visible !important;
}

  .footer-menu {
    display: flex !important; /* 强制显示 */
    flex-direction: column; /* 移动端竖向排列 */
    width: 100%;
    padding: 10px 0;
    margin: 0;
  }
  .footer-menu li {
    width: 100%;
    margin: 5px 0; /* 增加间距，避免挤在一起 */
  }
  .footer-menu dd, .footer-menu li a {
    color: #fff !important; /* 确保文字颜色可见（适配深色背景） */
    font-size: 14px; /* 移动端字号适配 */
    line-height: 2; /* 行高增大，提升点击区域 */
    padding: 5px 0;
    display: block; /* 整行可点击 */
  }
  /* 修复菜单容器布局 */
  .ftc-right-cont {
    width: 100%;
    margin-top: 20px;
    padding: 0 15px; /* 与父容器 padding 对齐 */
  }
}