@charset "utf-8";
/* 响应式适配层：只覆盖布局尺寸，桌面端（>1240px）不受影响 */

/* 移动端菜单按钮，桌面隐藏 */
.m_nav_btn{ display:none; float:right; width:42px; height:46px; margin:22px 0 0 10px; cursor:pointer; padding:10px 8px; box-sizing:border-box;}
.m_nav_btn i{ display:block; height:3px; background:#444; margin:5px 0; border-radius:2px; transition:transform .2s,opacity .2s;}
.m_nav_btn.on i:nth-child(1){ transform:translateY(8px) rotate(45deg);}
.m_nav_btn.on i:nth-child(2){ opacity:0;}
.m_nav_btn.on i:nth-child(3){ transform:translateY(-8px) rotate(-45deg);}

/* 百度地图容器裁剪，防止旧版 API 的绝对定位瓦片撑出横向滚动 */
#dituContent{ max-width:100%; overflow:hidden;}

/* ============ <=1240px：容器流式化 ============ */
@media (max-width:1240px){
	.w1200,.w1100,.warp{ width:auto; max-width:1200px; padding-left:15px; padding-right:15px; box-sizing:border-box;}
	img,video,iframe,embed,object{ max-width:100%; height:auto;}
	table{ max-width:100%;}
	.about_style,.service_style,.news_con,.pro_content,.con_style{ word-wrap:break-word; overflow:hidden;}
}

/* ============ <=1240px：导航折叠 + 栅格降列 ============ */
@media (max-width:1240px){
	/* 顶部欢迎条 */
	.top{ height:auto; line-height:22px; padding:6px 0;}
	.top .w1200 > .fl{ float:none; text-align:center; padding:0 5px;}
	.top .w1200 > .fr{ display:none;}

	/* 头部与导航（吸顶） */
	html{ overflow-x:hidden;}
	body{ overflow-x:visible;} /* 横向裁剪交给 html，避免 body 成为滚动容器导致 position:sticky 失效 */
	.header_bg{ height:auto; padding:10px 0; position:sticky; top:0; z-index:999; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.06);}
	.header_bg::after{ content:""; display:block; clear:both;}
	.logo{ width:auto; height:50px;}
	.logo a{ width:auto; height:50px;}
	.logo img{ width:auto; height:50px;}
	.search_btn{ height:50px; margin-left:10px;}
	.m_nav_btn{ display:block; height:50px; margin-top:0;}
	.nav{ display:none; float:none; clear:both; height:auto; margin-top:10px; border-top:1px solid #eee; max-height:calc(100vh - 80px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.nav .nav_div{ float:none; height:auto; line-height:normal; margin:0; text-indent:0; border-bottom:1px solid #f0f0f0;}
	.nav .nav_div > a{ display:block; padding:12px 10px; font-size:15px;}
	.nav .nav_div span{ display:none;}
	.subnav_box{ position:static; width:auto; padding:0 10px 10px 30px; background:#fafafa;}
	.subnav_box .subnav_title{ display:none;}
	.subnav_box a{ float:none; width:auto; height:auto; line-height:34px; margin:0; text-indent:15px;}
	.searchbox{ top:100%; height:auto; line-height:normal; background:#333;}
	.searchbox input{ padding:14px 15px; font-size:16px; line-height:22px; height:22px; box-sizing:border-box;}

	/* 居中浮动技巧的容器改为普通块 */
	.list_w,.about_w,.pro_w{ float:none; left:0; width:100%;}
	.list_ul,.about_ul,.pro_ul,.pro_ul2{ left:0; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin-top:20px;}
	.list_ul li{ margin:4px 3px;}
	.list_ul li a{ padding:0 16px;}
	.about_ul li,.pro_ul li{ width:auto; margin:4px 10px; padding-top:60px;}
	.pro_ul2 li{ width:auto; margin:4px 12px;}
	.about_b,.pro_b{ height:auto; padding-bottom:15px;}

	/* 首页产品选项卡 */
	.i_pro_tab .hd{ float:none; left:0;}
	.i_pro_tab .hd ul{ left:0; width:100%; display:flex; flex-wrap:wrap;}
	.i_pro_tab .hd ul li{ width:20%; box-sizing:border-box; height:auto; line-height:normal; margin:0; border-left:none; text-indent:0; text-align:center; font-size:16px; padding:6px 3px;}
	.i_pro_tab .hd ul li div{ margin:0 3px; padding-bottom:6px; border-bottom:2px solid #fff;}
	.i_pro_tab .hd ul li div i{ float:none; margin:0 auto 6px;}
	.i_pro_tab .bd{ margin-top:20px;}
	.i_pro_tab .bd ul{ height:auto !important; width:100%; display:flex; flex-wrap:wrap; gap:4%;}
	.i_pro_tab .bd ul li{ width:48%; margin-left:0; height:auto; padding:2%; box-sizing:border-box;}
	.i_pro_tab .bd ul li:first-child{ margin-left:0;}
	.shine{ display:none;}

	/* 产品/搜索列表 */
	.p_pro{ margin-top:25px;}
	.p_pro ul{ margin-left:0; display:flex; flex-wrap:wrap; gap:4%;}
	.p_pro ul li{ width:48%; margin-left:0; height:auto; padding:2%; box-sizing:border-box; margin-bottom:15px;}

	/* 新闻列表 */
	.news_box{ margin-left:0;}
	.news_list{ width:48%; margin-left:0; margin-right:4%; height:auto;}
	.news_list:nth-child(2n){ margin-right:0;}
	.news_pic{ width:100%; height:auto;}

	/* 视频列表 */
	.video_box ul{ width:100%; display:flex; flex-wrap:wrap; gap:4%;}
	.video_box li{ width:48%; margin-right:0;}
	.video_box li .video_pic{ width:100%; height:auto;}

	/* 产品详情 */
	.pro_photo{ float:none !important; width:100% !important; max-width:560px; margin:0 auto !important;}
	.pro_canshu{ float:none !important; width:100% !important; padding-top:20px;}
	.spec-preview img{ width:100% !important; height:auto !important;}
	.spec-preview{ width:100% !important; height:auto !important; box-sizing:border-box;}
	.spec-preview .jqzoom{ float:none; width:100% !important; height:auto !important;}
	.spec-preview .jqzoom img:not(:first-child){ display:none !important;}
	.spec-scroll{ width:100% !important; height:56px;}
	.spec-scroll .items{ width:calc(100% - 30px) !important; overflow-x:auto; margin:0 14px;}
	.zoomdiv,.jqZoomPup{ display:none !important;}
	.pro_pager_btn{ width:48% !important;}
	.pro_pager_btn a{ width:100% !important;}
	.pro_catename{ font-size:22px !important;}
	.pro_catename small{ font-size:18px !important;}

	/* 发展历程 */
	.his_box .smallyear{ float:none; width:auto; margin-left:0;}
	.his_box .his_pic{ display:none;}
	.his_box .bigyear{ float:none; width:100%;}
	.his_box .big_box{ padding-top:25px;}
	.tab_content .month{ background-position:0 15px;}
	.tab_content .month .title{ float:none; width:auto; height:auto; margin:0 0 6px; text-align:left;}
	.tab_content .month .msg{ float:none; max-width:100%;}
	.tab_content .month .msg .msg_content .msg_pic{ width:100%;}

	/* 代理商专区 */
	.down_pic{ display:none;}
	.w1200 > div.fr[style]{ width:100% !important; float:none !important;}

	/* 表单 */
	.book_con .control-label{ float:none; width:auto; padding-top:0; text-align:left;}
	.form-horizontal .controls{ margin-left:0 !important;}
	.book_con input,.book_con textarea{ width:100% !important; box-sizing:border-box;}
	.form-horizontal .form-actions2{ padding-left:20px;}
	.message_bg{ background:none !important; height:auto !important; padding:20px 0;}
	.pt100{ padding-top:20px !important;}
	.message_con{ padding:15px;}
	.message_title{ font-size:24px; line-height:32px; height:auto;}
	.message_row label{ float:none; display:block; width:100%; margin-bottom:10px;}
	.message_row label input{ width:100% !important; box-sizing:border-box;}
	.message_txt textarea{ width:100% !important; box-sizing:border-box;}
	.message_btn .btns{ width:100% !important;}
	.login_style{ width:100% !important; max-width:560px; margin:0 auto; box-sizing:border-box;}
	.login_style div{ float:none !important; margin:0 0 10px !important;}
	.l_input,.btn3{ width:100% !important;}

	/* 页脚 */
	.footer_bg{ height:auto; padding:30px 0 10px; margin-top:30px;}
	.fot_nav{ width:50%; box-sizing:border-box; padding-right:15px; margin-bottom:15px;}
	.fot_r_con{ float:none; width:100%; clear:both;}
	.select{ margin-left:0;}
	.bottom_b{ height:auto; line-height:22px; padding:10px 0; text-align:center;}
	.bottom_b .fl,.bottom_b .fr{ float:none;}
	.fot_xm{ height:auto; line-height:24px; padding:10px 0;}
	.fot_xm span{ display:block; width:230px; margin:6px auto; text-align:left;}
	.zstel{ display:none;}
	/* 百度统计注入的客服挂件，移动端遮挡页面 */
	html body ins#aff-im-root{ display:none !important;}

	/* 标题字号 */
	.list_t{ font-size:24px; margin-top:30px;}
	.list_t_s{ font-size:18px; margin-bottom:25px;}
	.mt50{ margin-top:25px;}
	.pt50{ padding-top:25px !important;}

	/* 专卖店风采：移动端不初始化 galleryView，改为纵向堆叠 */
	#myGallery{ list-style:none;}
	#myGallery li{ margin-bottom:15px;}
	#myGallery li img{ width:100%; height:auto; display:block;}
}

/* ============ <=992px：平板竖屏/手机，3 列选项卡 ============ */
@media (max-width:992px){
	.i_pro_tab .hd ul li{ width:33.333%;}
}

/* ============ <=560px：单列 ============ */
@media (max-width:560px){
	.w1200,.w1100,.warp{ padding-left:10px; padding-right:10px;}
	.top {display: none;}
	.logo{ width:auto; height:32px;}
	.logo a{ width:auto; height:32px;}
	.logo img{ height:32px;}
	.footer_bg {display: none;}
	.search_btn{ height:42px;}
	.m_nav_btn{ height:42px; margin-top:0; padding:6px 8px;}
	.i_pro_tab .hd ul li{ width:50%;}
	.i_pro_tab .bd ul,.p_pro ul{ gap:0;}
	.i_pro_tab .bd ul li,.p_pro ul li{ width:100%; margin:0 0 15px;}
	.news_list{ width:100%; margin:0 0 20px;}
	.news_list:nth-child(2n){ margin-right:0;}
	.video_box li{ width:100%; margin:0 0 15px;}
	.fot_nav{ width:100%; padding-right:0;}
	.about_ul li,.pro_ul li{ margin:4px 6px;}
	.list_ul li{ margin:3px 2px;}
	.list_ul li a{ padding:0 12px;}
	.pro_pager_btn{ width:48%;}
	.fot_div1 h2{ font-size:24px;}
}