/* ==========================================================================
   HXY Lighting — 品牌化覆盖样式
   （设计骨架来自 assets/static，本文件只做品牌适配与新增板块的样式）
   ========================================================================== */

/* ------------------------------------------------------------ Logo 尺寸 */
#header .top .top_in h1.logo,
#header .top .top_in .logo { display: flex; align-items: center; }
#header .top .top_in .logo a { display: flex; align-items: center; height: 100%; }
#header .top .top_in .logo img { height: 46px; width: auto; max-width: none; }

#footer .f_top .f_item h1.logo { float: none; display: block; margin-bottom: 18px; }
#footer .f_top .f_item .logo img { height: 44px; width: auto; }

/* 原设计的地址/时间为固定 25px 单行、电话为 34px 大字；
   HXY 的地址较长、且此处显示邮箱，需放开高度并调整字号，避免重叠。 */
#footer .footer_in .f_top .f_item .item_data,
#footer .footer_in .f_top .f_item .item_time {
	height: auto; min-height: 22px; line-height: 1.75; margin-top: 10px;
}
#footer .footer_in .f_top .f_item .item_phone {
	height: auto; line-height: 1.7; margin-top: 10px;
	font-size: 16px; font-family: osr, "Oswald", Arial, sans-serif; font-weight: normal;
	word-break: break-word;
}
#footer .footer_in .f_top .f_item .item_phone .area_num { font-size: 16px; }
#footer .footer_in .f_top .f_item .about { margin-top: 28px; }
#footer .footer_in .f_top .f_item .about .con { height: auto; max-height: 168px; }

/* --------------------------------------------------- 导航当前项高亮 */
#header .top .top_in .menu .menu_item .item_a.cur { color: #98cc17; }
#header .top .top_in .menu .menu_item .item_a.cur:before { display: block; }

/* --------------------------------------------------- 产品分类当前项 */
.title_list .t_item .item_a.cur { color: #98cc17; border-color: #98cc17; }
.title_list .t_item .list_two .item_a_two.cur { color: #98cc17; }

/* 原设计只为 input[type=text] 定义样式，这里补上 email 类型，保持一致外观 */
#footer .footer_in .f_top .f_contact .contact_form .row input[type=email] {
	width: 260px; height: 100%; padding: 0 20px; border: 0; background: #1f1f1f;
	font-size: 14px; color: #909090; font-family: osr, "Oswald", Arial, sans-serif;
	box-sizing: border-box;
}
#footer .footer_in .f_top .f_contact .contact_form .row input[type=text] { box-sizing: border-box; }
#footer .footer_in .f_top .f_contact .contact_form .row input.fl:first-child { margin-right: 6px; }
#footer .footer_in .f_top .f_contact .contact_form input::placeholder { color: #909090; }

/* ----------------------------------------------------- 询盘提示信息 */
.hxy-msg { padding: 10px 14px; margin-bottom: 12px; font-size: 13px; border-radius: 3px; }
.hxy-msg.ok  { background: #eaf7d9; color: #4e7c12; border: 1px solid #c6e79a; }
.hxy-msg.err { background: #fdecea; color: #a3271c; border: 1px solid #f5c2bd; }

/* --------------------------------------------------------- 联系页面 */
.hxy-contact-grid { margin-top: 34px; }
.hxy-contact-info { float: left; width: 46%; }
.hxy-contact-form { float: right; width: 48%; }
.hxy-contact-grid h3 {
	font-family: osb, "Oswald", Arial, sans-serif;
	font-size: 20px; color: #333; margin-bottom: 18px; letter-spacing: .5px;
}
.hxy-contact-info ul { list-style: none; margin: 0; padding: 0; }
.hxy-contact-info li {
	font-size: 14px; color: #666; line-height: 1.9;
	padding: 9px 0; border-bottom: 1px dashed #e4e4e4;
}
.hxy-contact-info li strong { color: #333; font-weight: normal; }
.hxy-contact-info a { color: #666; text-decoration: none; }
.hxy-contact-info a:hover { color: #98cc17; }

.hxy-contact-form .contact_form input[type="text"],
.hxy-contact-form .contact_form input[type="email"],
.hxy-contact-form .contact_form textarea {
	width: 48%; height: 40px; line-height: 40px; padding: 0 12px; margin-bottom: 12px;
	border: 1px solid #ddd; background: #fff; color: #555; font-size: 13px; outline: none;
}
.hxy-contact-form .contact_form input.fl:first-child { margin-right: 4%; }
.hxy-contact-form .contact_form textarea {
	width: 100%; height: 130px; line-height: 1.7; padding: 10px 12px; resize: vertical;
}
.hxy-contact-form .contact_form input[type="submit"] {
	width: 150px; height: 42px; line-height: 42px; padding: 0; border: none; cursor: pointer;
	background: #98cc17; color: #fff; font-size: 14px; letter-spacing: 1px;
	font-family: osr, "Oswald", Arial, sans-serif;
}
.hxy-contact-form .contact_form input[type="submit"]:hover { background: #86b613; }

/* 页面标题：products.css 只在产品页加载，这里补上，保证所有页面标题一致 */
.products_title {
	width: 100%; height: auto; min-height: 52px; line-height: 1.35; margin-top: 39px;
	font-size: 36px; color: #333; font-family: or, "Oswald", Arial, sans-serif;
	text-align: center; text-decoration: none;
}

/* ------------------------------------------------------- 文章/页面 */
.article_content .art_con { font-size: 15px; line-height: 1.95; color: #555; }
.article_content .art_con p { margin-bottom: 16px; }
.article_content .art_con h2,
.article_content .art_con h3 {
	font-family: osb, "Oswald", Arial, sans-serif; color: #333; margin: 26px 0 12px;
}
.article_content .art_con img { max-width: 100%; height: auto; }
.article_content .art_con table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.article_content .art_con table td,
.article_content .art_con table th { border: 1px solid #e2e2e2; padding: 10px 12px; font-size: 14px; }
.article_content .art_con table th { background: #f7f7f7; }

/* --------------------------------------------------------- 文章列表 */
.hxy-post-list { list-style: none; margin: 0; padding: 0; }
.hxy-post-list li { padding: 20px 0; border-bottom: 1px solid #eee; }
.hxy-post-list li a { font-size: 17px; color: #333; text-decoration: none; }
.hxy-post-list li a:hover { color: #98cc17; }
.hxy-post-list li .date { float: right; color: #999; font-size: 13px; }
.hxy-post-list li p { margin: 8px 0 0; color: #777; font-size: 14px; line-height: 1.8; }

/* ------------------------------------------------------------- 分页 */
.page .turn_page { text-align: center; padding: 30px 0 60px; }
.page .turn_page .page-numbers {
	display: inline-block; min-width: 34px; height: 34px; line-height: 34px; padding: 0 10px;
	margin: 0 4px; border: 1px solid #e0e0e0; color: #666; font-size: 13px; text-decoration: none;
}
.page .turn_page .page-numbers.current,
.page .turn_page .page-numbers:hover { background: #98cc17; border-color: #98cc17; color: #fff; }

/* ------------------------------------------ 产品详情：标签页与图集 */
.description .title_list .title_item { cursor: pointer; }

/* 原设计中 .big_box 与箭头为绝对定位，需要相对定位的父容器 */
.detail_pic .up { position: relative; overflow: hidden; }
.detail_pic .up .big_box {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
}
.detail_pic .up .big_box .big_item {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%;
}
.pro_des .detail_pic .big_box .big_item img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

/* 右侧信息栏：确保与左侧图片并排（避免被其它 .info 规则撑满换行） */
#pdetail { margin-left: 0; }
#pdetail .fr.info.pro_right {
	float: right;
	width: calc(100% - 510px);
	max-width: 700px;
}

/* 产品详情标题与简介：放开原设计的固定高度，适配不同长度文案 */
#pdetail .name { line-height: 1.35; margin-top: 4px; padding-bottom: 10px; }
.pro_right .brief .txt { height: auto; max-height: none; }
.pro_right .inquiry_btn { margin-top: 30px; height: auto; }
.pro_right .inquiry_btn #add_to_inquiry {
	display: inline-block; width: 174px; height: 47px; line-height: 47px;
	background: #91c818; font-size: 18px; color: #fff; text-align: center;
	text-decoration: none; border-radius: 25px;
	font-family: osr, "Oswald", Arial, sans-serif;
}
.pro_right .inquiry_btn #add_to_inquiry:hover { background: #82b414; }

/* 详情标签页 */
.description { margin-top: 46px; }
.description .con_list { padding: 24px 0 10px; font-size: 15px; line-height: 1.9; color: #666; }
.description .con_list ul,
.description .con_list ol { margin: 0 0 12px 22px; }
.description .con_list li { margin-bottom: 6px; }
.description .con_list table { width: 100%; border-collapse: collapse; margin: 6px 0 18px; }
.description .con_list table th,
.description .con_list table td { border: 1px solid #e2e2e2; padding: 10px 14px; font-size: 14px; text-align: left; }
.description .con_list table th { background: #f7f7f7; color: #333; }
.pro_des .detail_pic .down .small_carousel ul { list-style: none; margin: 10px 0 0; padding: 0; }
.pro_des .detail_pic .down .small_carousel li {
	float: left; width: 88px; height: 88px; margin-right: 10px; border: 1px solid #e2e2e2;
	cursor: pointer; overflow: hidden; box-sizing: border-box;
}
.pro_des .detail_pic .down .small_carousel li.cur { border-color: #98cc17; }
.pro_des .detail_pic .down .small_carousel li img { width: 100%; height: 100%; object-fit: contain; }
.pro_des .info .inquiry_btn .add_to_inquiry {
	display: inline-block; height: 42px; line-height: 42px; padding: 0 34px; margin-top: 20px;
	background: #98cc17; color: #fff; font-size: 14px; text-decoration: none; letter-spacing: 1px;
	font-family: osr, "Oswald", Arial, sans-serif;
}
.pro_des .info .inquiry_btn .add_to_inquiry:hover { background: #86b613; }

/* ------------------------------------------------- 首页下载板块补充 */
.view_down .down_list .down_item { text-decoration: none; }
.view_down .down_list .down_item .item_img img { max-width: 100%; height: auto; }

/* ------------------------------------------------------- 空态提示 */
.pro_list > div[style*="text-align:center"] { width: 100%; }

/* --------------------------------------------------------- 响应式 */
@media screen and (max-width: 1024px) {
	.hxy-contact-info, .hxy-contact-form { float: none; width: 100%; }
	.hxy-contact-form { margin-top: 30px; }
	#header .top .top_in .logo img { height: 38px; }
}