/* =========================================================
   responsive.css — gre.lvh.me 移动端自适应层
   原则：所有规则只写在 @media 内，桌面端(>1199px)零改动零回归
   ========================================================= */

/* 桌面端仅显示汉堡按钮的线条定义（按钮本体由 header.php 输出，桌面隐藏） */
.nav_toggle{display:none; cursor:pointer; padding:8px;}
.nav_toggle span{display:block; width:24px; height:2px; margin:5px 0; background:#fff;}

/* ============ 平板 / 手机 (≤1199px) ============ */
@media (max-width:1199px){

	html,body{min-width:0 !important; overflow-x:hidden;}
	*,*::before,*::after{box-sizing:border-box;}
	img{max-width:100%; height:auto;}

	/* ---- 全宽条与容器 ---- */
	.container{width:100% !important; min-width:0 !important; padding-left:12px; padding-right:12px;}
	.public_box{width:100% !important; min-width:0 !important; padding-left:16px; padding-right:16px;}
	.fulltip,.footer,.indexwap,.fullml,.fullad1{width:100% !important; min-width:0 !important;}

	/* ---- 页头 ---- */
	.fulltip{height:auto !important; padding:10px 0; position:relative;}
	.fulltip .logo img{max-height:56px; width:auto;}
	.language_tab{margin-top:14px !important; margin-right:38px !important;}
	.search{margin-top:14px !important;}
	.nav_toggle{display:block !important; position:absolute; right:12px; top:16px; z-index:1001;}

	/* 导航 → 汉堡下拉 */
	.nav{display:none; position:absolute; top:100%; left:0; width:100% !important;
	     height:auto !important; background:#262626; z-index:1000; padding-bottom:10px;}
	.nav.open{display:block;}
	.nav > ul > li{float:none !important; width:100% !important; height:auto !important; border-bottom:1px solid #3a3a3a;}
	.nav > ul > li > h3{height:44px !important; line-height:44px !important; text-align:left; padding:0 14px;}
	.nav ul li ul{display:block !important; position:static !important; width:100% !important;
	              opacity:1 !important; background:#1c1c1c !important; height:auto;}
	.nav ul li ul li{height:36px; line-height:36px;}
	.nav ul li ul li a{color:#bbb;}

	/* ---- 首页轮播：背景图等比缩放 ---- */
	.fullSlide{min-width:0 !important;}
	.fullSlide .bd li{height:52vw !important; background-size:cover !important;}
	.fullSlide .prev,.fullSlide .next{display:none;}

	/* ---- 全幅广告条（background-attachment:fixed 在 iOS 会放大错位） ---- */
	.fullad1{height:auto !important; min-height:0 !important; background-attachment:scroll !important;}
	.adfn{padding-top:60px !important; padding-bottom:60px; font-size:30px !important;}

	/* ---- 首页产品 4 列 → 2 列 ---- */
	.hopprolist ul{width:100% !important;}
	.hopprolist ul li{width:calc(50% - 8px) !important; margin-right:16px;}
	.hopprolist ul li:nth-child(2n){margin-right:0;}
	.hotpic{width:100% !important; height:auto !important;}
	.hotpic img{width:100% !important; height:auto !important;}

	/* ---- 首页新闻 2 列 → 1 列 ---- */
	.nwmd{width:100% !important;}
	.nwlist ul{width:100% !important;}
	.nwlist ul li{width:100% !important; margin-right:0 !important;}

	/* ---- 订阅条 ---- */
	.pt1,.pt2{float:none !important; width:100% !important; text-align:left;}
	.pt1 span{font-size:22px !important;}
	.pt2{margin-left:0 !important; margin-top:14px;}
	.ptput{width:auto !important;}
	.ptput input{width:100% !important; max-width:290px;}
	.ptbtm{width:auto !important; margin-left:10px !important;}

	/* ---- 页脚 ---- */
	.min_nav{float:none !important; width:100% !important; margin-top:20px;}
	.copyright{line-height:1.8; width:auto !important; padding-left:16px; padding-right:16px;}

	/* ---- 内页 banner ---- */
	.inbanner{min-width:0 !important; height:200px;}

	/* ---- 列表页：左栏 / 右栏 ---- */
	.list_left{width:100% !important;}
	.list_right{width:100% !important; margin-top:15px;}
	/* 产品网格 3 列 */
	.pro_list ul li{width:calc((100% - 36px)/3) !important;}
	.pro_list ul li:nth-child(3n+1){margin-left:0;}
	.pro_list ul li img{width:100% !important; height:auto !important;}

	/* ---- 产品详情 ---- */
	.product_pics_lt{width:100% !important; float:none !important;}
	.product_pics_rt{width:100% !important; float:none !important; margin-top:15px;}
	.bigImg{width:100% !important; height:auto !important; min-height:0 !important;}
	.txtf,.txtf_2{width:100% !important; max-width:400px;}

	/* ---- 新闻列表 ---- */
	.nwert{width:100% !important; float:none !important;}

	/* ---- 联系页 ---- */
	.xx-md4{width:100% !important; float:none !important;}
	.xx-md4.right{margin-top:25px;}
	.xx-md1 ul{width:100% !important;}
	.xx-md1 ul li{width:100% !important; margin-right:0;}

	/* ---- 关于 / 团队 ---- */
	.team_block{width:100% !important;}
	.team_block ul{text-align:center;}
	.team_block ul li{float:none !important; display:inline-block; vertical-align:top;}

	/* ---- 招聘 ---- */
	.joblist ul li{font-size:22px;}

	/* ---- 详情正文里的表格（老站遗留固定宽） ---- */
	.product_desp table,.page_content table,.tabCont table{
		table-layout:fixed !important; width:100% !important; max-width:100% !important;}
	.product_desp td,.product_desp th,.page_content td,.page_content th,.tabCont td,.tabCont th{
		width:auto !important; min-width:0 !important; word-break:break-word;}

	/* ---- 右侧悬浮条（回到顶部/客服）手机端隐藏 ---- */
	.right_bar{display:none;}
}

/* ============ 手机 (≤640px) ============ */
@media (max-width:640px){

	.container{padding-left:10px; padding-right:10px;}

	/* 轮播更矮一点 */
	.fullSlide .bd li{height:56vw !important;}
	.inbanner{height:140px;}

	/* 首页产品 2 列 → 仍 2 列（288px 图在 375 屏正好） */
	.fullad1 .adfn{font-size:22px !important; padding-top:40px !important; padding-bottom:40px;}

	/* 产品网格 2 列 */
	.pro_list ul li{width:calc(50% - 9px) !important;}
	.pro_list ul li:nth-child(3n+1){margin-left:18px;}
	.pro_list ul li:nth-child(2n+1){margin-left:0;}

	/* indexwap 分类条缩小（img 必须一起缩，否则 185px 图片溢出压住文字） */
	.lbth{width:110px; height:110px; background-size:contain; padding-bottom:0; overflow:hidden;}
	.lbth img{width:110px !important; height:110px !important;}
	.lbmz{height:110px; line-height:110px; font-size:15px; padding:0 10px;}

	/* 页脚订阅按钮全宽 */
	.ptput{width:100% !important;}
	.ptput input{max-width:100% !important;}
	.ptbtm{width:100% !important; margin-left:0 !important; margin-top:10px;}
	.ptbtm input{width:100% !important;}

	/* 长地址 / 长邮箱断行 */
	.xx-md3,.xx-md6,.folx,.cnth1,.copyright{word-break:break-word;}

	/* 招聘标题、新闻标题字号降一档 */
	.jobinfo{font-size:20px;}
	.joblist ul li{font-size:18px;}
	.nwttl{font-size:16px;}
}
