enter; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .tab-item img { margin-bottom: 12px; width: 100%; } /* 箭头放大、加粗、明显、悬浮高亮,优化兼容性 */ .arrow { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: var(--main); color: #fff; border: none; font-size: 24px; font-weight: bold; cursor: pointer; z-index: 10; display: grid; place-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; opacity: 0.9; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; /* 兼容低版本浏览器点击 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arrow:hover { opacity: 1; transform: translateY(-50%) scale(1.08); -webkit-transform: translateY(-50%) scale(1.08); -moz-transform: translateY(-50%) scale(1.08); -ms-transform: translateY(-50%) scale(1.08); -o-transform: translateY(-50%) scale(1.08); } .arrow-left { left: 20px; } .arrow-right { right: 20px; } /* ===================== 应用领域:区块加高、图片加高、完全对齐 ===================== */ .app-section { padding: 70px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .app-row { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; display: -webkit-flex; -webkit-flex-wrap: wrap; } .app-items, .app-img { flex: 1; min-width: 300px; -webkit-box-flex: 1; } .app-items { display: grid; display: -webkit-flex; -webkit-flex-wrap: wrap; } /* 行业区块高度大幅加高,完全对齐图片高度 */ .app-item { display: flex; flex-direction: column; text-align:center; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; padding: 50px 10px; min-height: 280px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; width:25%; } .app-item i { font-size: 36px; margin-bottom: 20px; } .app-item.gray { background: #eee; color: #333; } .app-item.white { background: #fff; color: #333; } .app-item:hover { background: var(--main) !important; color: #fff !important; } .app-img { height: 100%; } .app-img img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; -o-object-fit: cover; } /* ===================== 新闻 + 常见问题 —— 一行两列,不换行、不变形 ===================== */ .news-faq { padding: 70px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news-faq .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: flex-start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: flex-start; } .news-box, .faq-box { flex: 1; min-width: 300px; -webkit-box-flex: 1; } .news-item { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px dashed #eee; font-size: 16px; display: -webkit-flex; -webkit-justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news-date { color: #999; } .faq-item { padding: 16px 0; border-bottom: 1px dashed #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .faq-q { display: inline-block; padding: 3px 8px; background: var(--main); color: #fff; margin-right: 10px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .faq-a { display: inline-block; padding: 3px 8px; background: #222; color: #fff; margin-right: 10px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .faq-answer { margin-top: 8px; font-size:14px; color: var(--text-gray); line-height: 1.7; } /* ===================== 联系我们 ===================== */ .contact { background: url(/template/zhihao/pic/fd.jpg) center / cover no-repeat; position: relative; color: #fff; padding: 90px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .contact::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); } .contact .wrap { position: relative; z-index: 2; } .contact-desc { text-align: center; max-width: 800px; margin: 0 auto 40px; font-size: 16px; } .contact-form { background: rgba(255,255,255,0.9); padding: 35px 40px; max-width: 800px; margin: 0 auto; color: #222; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; display: -webkit-flex; -webkit-flex-wrap: wrap; } .form-item { flex: 1; min-width: 250px; -webkit-box-flex: 1; margin: 5px 0; } .form-item input, .form-item textarea { width: 100%; height: 44px; border: 1px solid #ddd; padding: 0 15px; outline: none; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .form-item textarea { height: 120px; resize: none; } .submit-btn { width: 100%; height: 48px; background: var(--main); color: #fff; border: none; font-size: 17px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /* ===================== 合作流程 ===================== */ .process { padding: 70px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .process-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; text-align: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: center; } .process-item { flex: 1; min-width: 120px; margin: 10px; -webkit-box-flex: 1; } .process-item img { width: 90px; height: 90px; margin: 0 auto 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; object-fit: cover; -o-object-fit: cover; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } .process-item:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } .process-item h5 { font-size: 18px; font-weight: 500; } /* ===================== 底部 ===================== */ .wrap2 { min-width: 1280px; margin: 0 auto; padding: 0 20px; width:98%} .footer-top { height: 5px; background: var(--main); } .footer { background: var(--dark-bg); color: #fff; padding: 50px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .footer-main { display: grid; grid-template-columns: 2fr 1fr; gap: 80px; display: -webkit-flex; -webkit-flex-wrap: wrap; } .footer-nav{ flex: 1; min-width: 800px; -webkit-box-flex: 1; margin: 10px 0; } .footer-contact { flex: 1; min-width: 400px; -webkit-box-flex: 1; margin: 10px 0; } .footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; display: -webkit-flex; -webkit-flex-wrap: wrap; } .footer-col { flex: 1; min-width: 150px; -webkit-box-flex: 1; margin: 10px; } .footer-col h4 { font-size: 17px; padding-bottom: 10px; border-bottom: 2px solid var(--main); display: inline-block; margin-bottom: 20px; } .footer-contact h4 { font-size: 17px; padding-bottom: 10px; border-bottom: 2px solid var(--main); display: inline-block; margin-bottom: 20px; } .footer-col li { margin-bottom: 10px; font-size: 12px; } .footer-col li a { color:#999999 } .footer-contact li { margin-bottom: 14px; line-height:1.5; } .qrcodes { display: flex; gap: 25px; margin-top: 25px; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: flex-start; } .qrcode { text-align: center; margin: 10px 0; } .qrcode img { width: 90px; height: 90px; background: #fff; padding: 4px; margin-bottom: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .copyright { text-align: left; padding: 20px 0; margin-top: 30px; border-top: 1px solid #383838; color: #fff; font-size: 15px; } /* ===================== 核心响应式适配:修复菜单问题,优化全终端兼容性 ===================== */ /* 平板端(992px以下) */ @media(max-width:992px){ /* 头部导航:隐藏PC菜单,显示汉堡,简化顶部栏 */ .hamburger { display: block; } .nav-bar, .tel { display: none !important; } .header::after { display: none; } .top-bar { height: 70px; } .logo img { height: 60px; } /* Banner:降低高度,适配平板 */ .banner { margin-top: 70px; height: 380px; } .banner-dots { bottom: 15px; } .banner-dot { width: 10px; height: 10px; } /* 通用模块适配 */ .sec-title { font-size: 24px; margin-bottom: 35px; } .app-row { grid-template-columns: 1fr; } .news-faq .wrap { grid-template-columns: 1fr; } .process-list { grid-template-columns: repeat(3,1fr); } .footer-main { grid-template-columns: 1fr; } .product-item { flex: 0 0 calc(50% - 12px); } .tab-item { flex: 0 0 calc(50% - 10px); } .arrow-left { left: 5px; } .arrow-right { right: 5px; } } /* 手机端(768px以下) */ @media(max-width:768px){ /* Banner:进一步降低高度,适配手机 */ .banner { height: 260px; } /* 通用模块适配 */ .sec-title { font-size: 22px; margin-bottom: 30px; } .section { padding: 40px 0; } .product-section, .equip-honor, .app-section, .news-faq, .process { padding: 40px 0; } /* 产品中心:手机端一行一列 */ .product-row { gap: 15px; } .product-item { flex: 0 0 100%; } .product-slide-wrap { gap: 15px; } .product-icon { width: 60px; height: 60px; font-size: 24px; } .product-name { font-size: 15px; padding: 10px 12px; } /* 关于我们 */ .about { padding: 50px 0; } .about-data { grid-template-columns: repeat(2,1fr); gap: 20px; margin: 30px 0; } .data-num { font-size: 32px; } .data-text { font-size: 16px; } .about-text { font-size: 15px; line-height: 1.7; } /* 生产设备/荣誉资质 */ .tab-btns { gap: 10px; margin-bottom: 25px; } .tab-btn { padding: 8px 20px; font-size: 15px; } .tab-item img { height: 160px; } .arrow { width: 40px; height: 40px; font-size: 20px; } /* 应用领域:手机端一行两列,降低高度 */ .app-items { grid-template-columns: repeat(2,1fr); } .app-item { min-height: 180px; padding: 30px 5px; } .app-item i { font-size: 36px; margin-bottom: 15px; } .app-item span { font-size: 15px; } .app-img img { min-height: 180px; } /* 联系我们 */ .contact { padding: 60px 0; } .form-row { grid-template-columns: 1fr; } .contact-form { padding: 25px 20px; } .form-item input, .form-item textarea { height: 40px; } .form-item textarea { height: 100px; } /* 合作流程:手机端一行两列 */ .process-list { grid-template-columns: repeat(2,1fr); gap: 20px; } .process-item img { width: 60px; height: 60px; } /* 底部 */ .footer { padding: 30px 0 15px; } .footer-nav { grid-template-columns: 1fr 1fr; gap: 20px; } .qrcodes { gap: 15px; } .qrcode img { width: 70px; height: 70px; } .copyright { font-size: 14px; padding: 15px 0; } /* 箭头适配 */ .arrow-left { left: 0; } .arrow-right { right: 0; } } /* 小屏手机(576px以下) */ @media(max-width:576px){ .banner { height: 200px; } .wrap { padding: 0 15px; } .sec-title { font-size: 20px; } .footer-nav { grid-template-columns: 1fr; } .qrcodes { flex-wrap: wrap; justify-content: center; } /* 汉堡菜单适配小屏 */ .hamburger { font-size: 24px; line-height: 60px; } .top-bar { height: 60px; } } /* 兼容超小屏手机(320px以下) */ @media(max-width:320px){ .banner { height: 160px; } .mobile-nav { width: 100%; max-width: none; } .app-item { min-height: 140px; padding: 20px 5px; } .app-item i { font-size: 28px; } } /* 手机端(768px以下) */ @media(max-width:768px){ /* Banner:进一步降低高度,适配手机 */ .footer-nav{ display:none;} }
0519-83388608    English

产品中心

可按需定制,满足您行业的独特需求和标准

关于我们

江苏巨联减速机有限公司是一家专业生产R系列斜齿轮减速机、F系列平行轴斜齿轮减速机、K系列斜齿轮弧齿锥齿轮减速机、S系列斜齿轮蜗轮蜗杆减速机、ZY系列减速机、PV齿轮箱摆线针轮减速机的厂家,地处鱼米之乡的江苏省常州市武进区湖塘科技园,通讯发达,交通运输便利。公司遵循“诚实、信誉”的宗旨,坚持质量保障、用户至上的方针。 江苏巨联减速机有限公司设备先进,技术力量雄厚,检测设备齐全,装备有日本进口卧式加工、高精度蜗轮蜗杆磨齿机及三座标检测等等,确保加工精度,保证产品的质量。
了解更多
0+
年行业经验
0+
行业应用案例
0+
实用专利
0+
国内使用客户
车间设备
车间设备
检测设备
检测设备
检测设备
齿轮检测仪
加工设备
平轨车床
磨齿机
磨齿机
立式加工中心
进口斜轨
一种新型减速机
一种耐受高温的减速机
一种快速拆卸的减速机
一种抗冲击减速机
一种具有防水功能的减速机
一种具有防尘功能的摆线针轮减速机
一种低噪音减速机
斜齿检验检测报告
船级社两化融合
ISO
CE-Reducer
CE-Motor

应用领域

懂行业更懂您的需求

欢迎与我们联系

无论您有产品咨询、方案设计、设备采购、售后维护等任何需求,均可填写以下表单,我们会在第一时间安排专业人员与您一对一沟通。

合作流程

流程
专业客服
流程
2D/3D图纸
流程
非标开发
流程
诚信合同
流程
安装指导
流程
体贴售后
0519-83388608
0519-83388708
1969945298@qq.com
微信二维码