/*
 * 麦之声电子科技 - PbootCMS 仿站样式
 * 完全对照 http://www.mic-audio.com/ /Templates/cn/css/blic.css
 */

/* ===== Reset ===== */
* { margin:0; padding:0; }
body { color:#000; font:12px/22px "宋体"; background:#d8dadd; }
.index_body { background:#d8dadd; min-width:1003px; }
i, em, cite { font-style:normal; }
input { vertical-align:middle; font-size:12px; }
ul, li { list-style-type:none; }
img { border:0; vertical-align:middle; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

/* ===== Layout ===== */
.index_body { background-color:#d8dadd; min-width:1003px; }
.wrapper_in { margin:0 auto; width:960px; overflow:hidden; zoom:1; }

/* ===== 顶部语言条 ===== */
.hd { background:url(../images/header_bg.jpg) repeat-x; height:155px; }
.hd_in { margin:0 auto; width:960px; overflow:hidden; zoom:1; }
.hd_l { float:left; }
.hd_l img { max-height:80px; width:auto; }

.hd_r { padding-right:208px; float:right; padding-top:8px; }
.hd_r_1 { padding:2px 0 13px; color:#646464; overflow:hidden; zoom:1; }
.hd_r_1 li { margin-left:5px; float:right; }
.hd_r_1 a { color:#e8e8e8; line-height:19px; cursor:pointer; }
.hd_r_1 a:hover { color:#ff6600; }

/* ===== 语言切换按钮 ===== */
.button_1 {
	background:url(../images/button_1.png) no-repeat;
	padding-left:5px; display:block;
}
.button_1 span {
	background:url(../images/button_1.png) no-repeat right top;
	line-height:21px; overflow:hidden;
	padding-right:5px; display:block; cursor:pointer;
}

/* ===== 导航 ===== */
.headerNav { padding-top:20px; padding-left:80px; float:left; }
.headerNav li {
	background:url(../images/headerNavLine.png) no-repeat left 23px;
	width:53px; float:left;
}
.headerNav li:first-child { background:none; }
.headerNav li a {
	background:url(../images/headerIcon.gif) no-repeat;
	height:25px; text-align:center; color:#fff;
	line-height:25px; padding-top:16px; display:block;
	text-decoration:none;
}
.headerNav li a:hover { color:#ff6600; }

/* 导航图标精灵：按 a1~a6 class 设置背景位置 */
.headerNav li a.a1 { background-position:1px -84px; }
.headerNav li a.a1:hover { background-position:1px top; }
.headerNav li.selected a.a1 { background-position:1px top; color:#ff6600; font-weight:bold; }
.headerNav li a.a2 { background-position:-50px -84px; }
.headerNav li a.a2:hover { background-position:-50px top; }
.headerNav li.selected a.a2 { background-position:-50px top; color:#ff6600; font-weight:bold; }
.headerNav li a.a3 { background-position:-100px -84px; }
.headerNav li a.a3:hover { background-position:-100px top; }
.headerNav li.selected a.a3 { background-position:-100px top; color:#ff6600; font-weight:bold; }
.headerNav li a.a4 { background-position:-150px -84px; }
.headerNav li a.a4:hover { background-position:-150px top; }
.headerNav li.selected a.a4 { background-position:-150px top; color:#ff6600; font-weight:bold; }
.headerNav li a.a5 { background-position:-200px -84px; }
.headerNav li a.a5:hover { background-position:-200px top; }
.headerNav li.selected a.a5 { background-position:-200px top; color:#ff6600; font-weight:bold; }
.headerNav li a.a6 { background-position:-250px -84px; }
.headerNav li a.a6:hover { background-position:-250px top; }
.headerNav li.selected a.a6 { background-position:-250px top; color:#ff6600; font-weight:bold; }

/* ===== 幻灯片容器 ===== */
.sliderpic {
	border:5px solid #FFF;
	width:996px; height:auto;
	overflow:hidden; position:relative;
	margin:0 auto;
}
.sliderpic img { width:996px; height:auto; display:block; }

/* ===== 轮播（替换旧sliderpic） ===== */
.banner {
	width:996px; position:relative; margin:0 auto;
	overflow:hidden; border:5px solid #FFF;
}
.banner .slide-list { position:relative; width:100%; height:auto; }
.banner .slide-item {
	position:absolute; left:0; top:0; width:100%;
	opacity:0; transition:opacity 0.8s ease;
	z-index:1;
}
.banner .slide-item.active { opacity:1; z-index:2; position:relative; }
.banner .slide-item img { width:100%; height:auto; display:block; }
.slide-arrow {
	position:absolute; top:50%; z-index:10;
	transform:translateY(-50%);
	width:40px; height:60px; line-height:60px;
	text-align:center; font-size:28px; color:#fff;
	background:rgba(0,0,0,0.3);
	cursor:pointer; text-decoration:none;
	user-select:none; transition:background 0.3s;
}
.slide-arrow:hover { background:rgba(0,0,0,0.6); }
.slide-arrow.prev { left:0; border-radius:0 4px 4px 0; }
.slide-arrow.next { right:0; border-radius:4px 0 0 4px; }
.slide-dots {
	position:absolute; bottom:15px; left:0; right:0;
	z-index:10; text-align:center;
}
.slide-dots span {
	display:inline-block; width:12px; height:12px;
	margin:0 5px; border-radius:50%;
	background:rgba(255,255,255,0.5);
	cursor:pointer; transition:background 0.3s;
}
.slide-dots span.active { background:#fff; }

@media (max-width: 1003px) {
	.banner { width:100%; border-width:0; }
	.slide-arrow { width:30px; height:40px; line-height:40px; font-size:20px; }
}

/* ===== 首页三大区块（cont_2 / aboutUs）= 对照源站mic-audio.com ===== */
.cont_2 { margin:0 auto; width:1000px; }
.aboutUs {
	background:url(../images/indexOpJb.jpg) no-repeat;
	margin:0 auto; width:1000px; height:99px; padding-left:2px;
	overflow:hidden;
}
.aboutUs li {
	width:290px; padding-top:15px; padding-left:42px;
	float:left; list-style:none;
}
.aboutUs li .icon {
	background:url(../images/indexOpIcon.gif) no-repeat;
	width:58px; height:61px; display:block;
}
.aboutUs li .ic1 { }
.aboutUs li .ic2 { background-position:left -61px; }
.aboutUs li .ic3 { background-position:left -122px; }
.aboutUs li .title {
	font:bold 18px/1.5 "微软雅黑";
	margin:-55px 0 0 64px;
	width:212px; display:block;
	text-decoration:none; color:#333;
}
.aboutUs li span {
	margin:5px 0 0 64px;
	width:212px; display:block;
	color:#333; font-family:"宋体";
}

/* ===== 首页新闻/产品区块 ===== */
.cont_3 { margin:0 auto; width:1000px; overflow:hidden; zoom:1; margin-top:10px; }
.cont_3 .left_01 { width:440px; float:left; margin-right:50px; }
.cont_3 .right_01 { width:440px; float:left; }

/* 区块标题 */
.sle_1 {
	height:35px;
	background:url(../images/index_05.gif) no-repeat;
	padding-left:20px;
	position:relative; overflow:hidden;
}
.sle_1 .lt {
	width:54px; height:35px;
	display:block;
	position:absolute; left:0; top:0;
	color:#fff; font:bold 12px/36px '';
	padding:0 11px; overflow:hidden;
}
.sle_1 .rt {
	height:34px; font:12px/36px '';
	overflow:hidden; float:right;
}
.sle_1 .rt a { color:#333!important; }

/* 列表 */
.trends { line-height:36px; margin-left:10px; margin-right:10px; height:30px; overflow:hidden; }
.trends_scroll { position:relative; }
.trends_scroll li { height:30px; overflow:hidden; zoom:1; }
.trends span { color:#666; margin-left:15px; }
.trends a { color:#333!important; }
.trends a:hover { color:#ff6e00!important; }

/* ===== 内页布局 ===== */
.wrap {
	margin:0 auto; width:1000px;
	overflow:hidden; zoom:1; padding-top:10px;
	background:#fff;
}
.wrap.list_wrap {
	min-height:750px;
}
.about_wrap {
	min-height:520px;
}

/* ===== 主内容区 ===== */
.content_right { float:right; width:780px; }
.page_title {
	height:27px; line-height:20px;
	background:url(../images/title792.jpg) no-repeat;
	position:relative; padding-left:20px;
}
.page_title h4 {
	font-size:14px; color:#fff; line-height:27px;
}
.page_title .position {
	position:absolute; right:10px; top:0;
	color:#999; font-size:12px; line-height:27px;
}
.page_title .position a { color:#999; text-decoration:none; }
.page_title .position a:hover { color:#ff6600; }
.page_content { padding:15px 0; line-height:26px; font-size:14px; }

/* ===== 文章详情 ===== */
.article_title { text-align:center; font-size:20px; padding:20px 0 10px; }
.article_meta {
	text-align:center; color:#999;
	padding:10px 0; background:#f7f7f7;
	border:1px solid #e8e8e8; margin-bottom:20px;
}
.article_body { font-size:14px; line-height:28px; padding:10px 0; }
.article_body p { margin-bottom:10px; }
.article_nav { padding:20px 0; overflow:hidden; }
.article_nav .prev { float:left; }
.article_nav .next { float:right; }

/* ===== 分页 ===== */
.paging { text-align:right; padding:15px 0; }
.paging a, .paging span { padding:0 5px; color:#333; }
.paging a:hover, .paging .on { color:#f9003b; }

/* ===== 底部 ===== */
.foot_bg { height:10px; background:url(../images/bg-foot.jpg) no-repeat top; margin-top:-7px; }
.fer {
	margin-top:-2px; width:100%;
	background:url(../images/index_05.gif) repeat-x center top;
	height:89px; font-size:12px; overflow:hidden;
}
.fer .copyRight { position:relative; margin:0 auto; width:1000px; height:89px; }
.copyRight .footer_left { position:absolute; left:0; top:0; height:89px; display:flex; flex-direction:column; justify-content:center; padding-top:13px; box-sizing:border-box; }
.copyRight .footer_nav { line-height:22px; }
.copyRight a { color:#888; text-decoration:none; }
.copyRight a:hover { color:#ff6600; }
.copyRight span.sep { color:#888; margin:0 5px; }
.copyRight .footer_info { text-align:left; color:#888; line-height:22px; margin-top:2px; }
.copyRight .flogo { position:absolute; width:235px; float:right; top:26px; left:650px; color:#fff; }
.copyRight .flogo img { border:none; }

/* ===== 移动端导航按钮 ===== */
.nav-toggle {
	display:none; cursor:pointer; color:#fff;
	font-size:24px; float:right;
	padding:20px 10px;
}

/* ===== 基础响应式 ===== */
@media (max-width: 1003px) {
	.index_body { min-width:100%; }
	.hd_in, .wrap, .fer .copyRight, .sliderpic { width:100%; }
	.hd_l { float:none; text-align:center; }
	.hd_l img { width:90%; max-width:540px; }
	.headerNav { float:none; padding-left:0; text-align:center; display:none; }
	.headerNav li { float:none; display:inline-block; }
	.nav-toggle { display:block; }
	.sliderpic { border-width:0; }
	.sliderpic img { width:100%; }
	.aboutUs li { width:95%; margin-right:0; float:none; margin-bottom:10px; }
	.cont_3 .left_01, .cont_3 .right_01 { width:95%; float:none; margin-right:0; }
	.side_left { float:none; width:100%; }
	.content_right { float:none; width:100%; }
	.hd_r { padding-right:10px; }
}

/* ===== 分页样式（源站灰色底框） ===== */
.pagelink { float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0; padding:0 10px; }
.pagelink a, .pagelink span { padding:0 3px; }
.pagelink a:hover, .pagelink a.on { color:#F9003B; }
.pagelink .nolink { color:#999; }
.pagelink font[color=red] { color:#F9003B; font-weight:bold; }

/* ===== 新闻列表（源站line.jpg下划线） ===== */
/* ===== list样式（旧，已弃用，被.list_wrap版覆盖） ===== */
.nr li a {
	color:#333; text-decoration:none;
	font-size:13px; float:left;
	max-width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.nr li a:hover { color:#ff6e00; text-decoration:underline; }
.nr li span {
	float:right; color:#999; font-size:12px;
}

/* ===== 侧边栏（源站list_wrap） ===== */
.list_wrap .column_l { width:175px; padding-top:20px; float:left; overflow:hidden; }
.list_wrap .column_l h4 { height:32px; line-height:32px; background:url(../images/title785.jpg) no-repeat 0 0; color:#fff; font-weight:bold; font-size:14px; padding-left:45px; overflow:hidden; }
.list_wrap .gywm, .list_wrap .lxfs { background-color:#F5FCF4; border:1px solid #d8ecbf; }
.list_wrap .gywm { border-bottom:none; }
.list_wrap .gywm ul { padding:10px 0; margin:0; list-style:none; }
.list_wrap .gywm li { height:30px; line-height:30px; background:url(../images/dot2.jpg) no-repeat 7px 0; overflow:hidden; padding-left:7px; }
.list_wrap .gywm li a { display:block; width:130px; margin:0 auto; text-indent:30px; color:#555; text-decoration:none; font-size:12px; }
.list_wrap .gywm li a:hover { color:#9C1E21; }
.list_wrap .lxfs { border-top:none; border-bottom:none; padding-bottom:0; }
.list_wrap .lxfs h4 { height:32px; line-height:32px; background:url(../images/title782.jpg) no-repeat 0 0; color:#fff; font-weight:bold; font-size:14px; padding-left:45px; overflow:hidden; }
.list_wrap .lxfs p { padding:10px 10px; line-height:22px; color:#555; font-size:12px; margin-bottom:0; }
.list_wrap .message { width:150px; height:42px; background:url(../images/message_bg.jpg) no-repeat 0 0 / 150px 42px; overflow:hidden; text-indent:-200px; margin:0 auto 18px; }
.height_10 { display:block; height:10px; clear:both; overflow:hidden; }

/* ===== 内容区（源站list_wrap） ===== */
.list_wrap .column_m { width:760px; float:right; padding-right:20px; }
.list_wrap .column_m .bt { height:27px; line-height:20px; background:url(../images/title792.jpg) no-repeat 0 0; text-indent:0; position:relative; border-bottom:1px dashed #d6d6d6; padding-bottom:8px; }
.list_wrap .column_m .bt h4 { font-size:14px; color:#a6c55e; padding-left:20px; line-height:27px; margin:0; position:relative; }
.list_wrap .column_m .bt h4::before { content:""; display:inline-block; width:8px; height:16px; margin:5px 8px 0 0; vertical-align:top; background:linear-gradient(to bottom, #f6d86f 0%, #f4b139 45%, #d97e06 100%); border-radius:1px; }
.list_wrap .column_m .bt span { position:absolute; right:0; top:0; color:#999; font-size:12px; }
.list_wrap .column_m .bt span a { color:#999; text-decoration:none; }
.list_wrap .column_m .bt span a:hover { color:#ff6e00; }
.list_wrap .column_m .nrr { line-height:26px; }
.list_wrap .column_m .nrr ul { padding-top:20px; margin:0; }
.list_wrap .column_m .nrr li { padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom; overflow:hidden; list-style:none; }
.list_wrap .column_m .nrr li a { color:#333; text-decoration:none; font-size:12px; position:relative; z-index:2; }
.list_wrap .column_m .nrr li a:hover { color:#FFA605; text-decoration:underline; }
.list_wrap .column_m .nrr li span { position:absolute; right:0; top:0; color:#999; font-size:12px; }
.clearboth { clear:both; height:0; overflow:hidden; }

/* ===== 产品展示列表（对齐源站） ===== */
.posts {
	padding:0 10px;
	width:745px;
	overflow:hidden;
	line-height:25px;
}
.productlist {
	margin-top:20px;
	overflow:hidden;
	zoom:1;
}
.productlist li {
	float:left;
	width:205px;
	height:190px;
	margin:5px 0 10px;
	padding:0 6px;
	overflow:hidden;
	text-align:center;
}
.productlist li img.attachment-small {
	display:block;
	width:200px;
	height:160px;
	padding:2px;
	border:1px solid #e4e4e4;
	background:#fff;
	box-sizing:content-box;
	object-fit:cover;
	margin:0 auto;
}
.productlist li a.product_name {
	display:block;
	width:200px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	color:#333;
	text-decoration:none;
	margin:0 auto;
	white-space:nowrap;
	font-size:12px;
}
.productlist li a.product_name:hover { color:#ff6e00; text-decoration:underline; }

/* ===== 产品详情（仿源站 content/?141.html） ===== */
.product_detail_page { padding-bottom:18px; }
.posts.single.product_single {
	padding:18px 0 0;
	line-height:26px;
	color:#555;
}
.posts.single.product_single h2 {
	text-align:center;
	font-size:24px;
	line-height:36px;
	font-weight:normal;
	color:#333;
	margin:0 0 14px;
}
.product_preview {
	position:relative;
	width:100%;
	min-height:332px;
	padding-bottom:10px;
}
#preview { clear:both; }
#spec-n1.jqzoom {
	position:relative;
	width:380px;
	height:330px;
	border:1px solid #dcdcdc;
	background:#fff;
	overflow:hidden;
	cursor:crosshair;
}
#spec-n1.jqzoom img {
	display:block;
	width:380px;
	height:330px;
	object-fit:contain;
	background:#fff;
}
#spec-n1 .zoom-lens {
	display:none;
	position:absolute;
	width:150px;
	height:120px;
	background:rgba(255,153,0,0.18);
	border:1px solid #ff9900;
	box-sizing:border-box;
	pointer-events:none;
	z-index:3;
}
.zoom-view {
	display:none;
	position:absolute;
	left:392px;
	top:0;
	width:500px;
	height:400px;
	border:1px solid #ccc;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:200% 200%;
	z-index:20;
	overflow:hidden;
}
.proproperty {
	margin:0;
	padding:0;
	line-height:41px;
	height:41px;
	background:url(../images/centertitlebg.gif);
}
.proproperty span {
	display:block;
	width:270px;
	height:41px;
	line-height:41px;
	padding-left:50px;
	background:url(../images/centertitle.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
.procontent {
	border:1px solid #e5e5e5;
	padding:12px 14px;
	line-height:28px;
	font-size:14px;
	color:#555;
}
.procontent p { margin:0 0 10px; }
.procontent p:last-child { margin-bottom:0; }
.procontent .procontent_image {
	margin:8px 0 10px;
	text-align:left;
}
.procontent img {
	max-width:720px;
	height:auto;
	display:block;
	margin:12px auto;
}
.procontent .procontent_image img {
	max-width:380px;
	margin:0;
}
.clear { clear:both; height:0; overflow:hidden; }