/* ==========================================================================
   音悦传真 · SSR 样式 —— 1:1 移植自 hdcaraudio.com 老站
   来源: /res/style/css/style.css + zzsc.css + 首页内联轮播样式
   图片路径 ../images/* 对应 /static/images/*
   ========================================================================== */
*{
	padding:0px;
	margin:0px;
}
html{
	background:#FFF;
}
body{
	font:14px 微软雅黑,Verdana,Arial,Tahoma;
}
img{
	border:none;
}
a{
	color:#666666;
	text-decoration:none;
	font:14px 微软雅黑,Verdana,Arial,Tahoma;
}
a:hover{
	color:red;
	text-decoration:none;
}
ul,li{
	list-style:none;
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}

.w1000{width:1100px;margin:0 auto;position: relative;}
.main{position: relative;}

/*头部开始*/
.logo{float:left;margin-top:20px;margin-bottom:20px;}
.logo img{height:40px;}
.logo-right{float:right;margin-top:20px;}
.search{  float: left;  text-align: right;   color:#666666;font-family:微软雅黑; line-height: 40px;
  font-size: 16px;    margin-top: 0px;    margin-right: 20px;}
.search .search_span{border:1px solid #ccc;line-height:30px;  display: inline-block;  margin-left: 20px;   border-radius: 15px; padding-left: 20px;  padding-right: 10px;  height: 30px;  float: right;
  margin-top: 5px;}
.search input{float: left;   line-height: 25px;width:100px;  height: 25px;  margin-top: 3px;border:0;outline:none;}
.search a{display: inline-block;  width: 20px;  background: url(../images/s.png);  height: 20px;  margin-left: 10px;  float: left;  margin-top: 5px;}
.nav{width:1200px;height:48px;margin-top:5px;margin:0 auto;}
.nav li{float:left;width:100px;text-align:center;line-height:48px;margin:0 25px;}
.nav a{font-size:16px;font-family:微软雅黑;display:block;line-height: 48px;color:#fff;}
.nav .navon,.nav a:hover{display:block;line-height: 48px;border-bottom:2px solid #999}
.weixin{  background: url(../images/weixin_icon.png) no-repeat;
  width: 40px;
  height: 40px;
  float: right;margin-top: 5px;
}
.full{width:100%;text-align:center;background:#333;display:block;overflow:hidden;}

.wximg{position:absolute;right: 0px;top: 100px;z-index:999;display:none;  padding: 10px;  background: #fff;  margin-top: 1px;}

/*头部结束*/

/*幻灯片（swiper 视觉 1:1，JS 改为原生实现）*/
html {
	height: 100%;
}
.swiper-container {
	width: 100%;
	height: 550px;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.swiper-wrapper{
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform .5s ease;
}
.swiper-slide {
	flex: 0 0 100%;
	height: 100%;
	background-color: #4390ee;
}
.bigPre {
	position: absolute;
	width: 100px;
	height: 100px;
	background:
		url(../images/arrow-left-light.png)
		no-repeat center center;
	top: 200px;
	left: 10px;
	opacity: .1;
	cursor: pointer;
	z-index: 21;
}
.bigNext {
	position: absolute;
	width: 100px;
	height: 100px;
	background:
		url(../images/arrow-right-light.png)
		no-repeat center center;
	top: 200px;
	right: 10px;
	opacity: .1;
	cursor: pointer;
	z-index: 21;
}
.bigPre:hover, .bigNext:hover {
	opacity: .8
}
.pagination {
	position: absolute;
	z-index: 20;
	left: 10px;
	bottom: 10px;
	right: 10px;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 50px;
	height: 6px;
	border-radius: 3px;
	background: #999;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 0.8;
	border: 0;
	cursor: pointer;
}
.swiper-slide a {
	height: 500px;
	display: block;
}
.swiper-visible-switch {
	background: #aaa;
}
.swiper-active-switch {
	background: #fff;
}
/*幻灯片结束*/

.index_bg{background:url(../images/bg.jpg) top center no-repeat;}

.fullbg{background:#ededed;padding-top:20px;overflow:hidden;}
.box1100{width:1100px;margin:0 auto;position: relative;overflow:hidden;background:#fff;}
.box-top{padding-left:20px;border-bottom: 1px solid #eee;}
.box-top span{border-left:5px solid red;line-height:30px;height:30px;font-size:20px ;display:block;    margin: 10px 0;}
.box-top span em{font-style:normal;margin-left:10px;font-weight:700;margin-right:10px;}
.box-top .more{    float: right;    margin-right: 20px;    line-height: 30px;}
.box-body{padding:20px;overflow: hidden;}
.news ul{float:left;width:700px;}
.news li{overflow:hidden;    overflow: hidden;    line-height: 34px;    border-bottom: 1px dashed #ccc;}
.news h3{color:#000;}
.news .img{float:left;margin-right:20px;}
.news .img img{width:200px;height:130px;}
.news p{    line-height: 21px;    color: #666;    height: 65px;    overflow: hidden;    margin: 10px 0;}
.news span{color:#999;}
.news em{float:right;font-style:normal;color:#999;}
.news a{color:#333;}
.liyou{float:right;}
.carbox{width:300px;margin-top:20px;}
.carbox-top{border-bottom: 1px solid #eee;}
.carbox span{    border-left: 5px solid red;
    line-height: 24px;
    height: 24px;color:#000;
    font-size: 16px;font-weight:900;
    display: block;
    margin: 10px 0;padding-left:10px; margin-left:10px;}
.carbox .car_nav{width:300px;}
.car_nav li{
	float: left;
	text-align: center;
    height: 30px;
    line-height:30px;
    border-radius: 5px;
    padding:0px 10px;
    margin-top: 8.5px;
    margin-left: 8.5px;
    border:1px solid #ccc;
}
.car_nav li:hover{background-color:#000;}
.car_nav li:hover a{color:#fff;}
.car_nav li a{
	color:#000;
	width:70px;
}

.case li{width:370px;}

.h740{height:740px; background: #eee;}
.case ul{padding:0;margin:0;overflow: hidden;}
.case li{float:left;width:335px;width:370px\9;height:240px;margin:15px;background:#fff;box-sizing: border-box; position: relative;-moz-box-sizing:border-box;  margin-left: 10px;
overflow: hidden;}
.case li img{width:100%;}
.case li:nth-of-type(1),.case li:nth-of-type(4),.case li:nth-of-type(7){margin-left:0}
.case li:nth-of-type(3),.case li:nth-of-type(6),.case li:nth-of-type(9){margin-right:0}
.case .liMarginAuto{margin-left:20px;margin-right:20px;}
.case li span{background:#000;opacity:0.8;filter: alpha(opacity=40);position: absolute;display:block;width:100%;
bottom:0;left:0;right:0;height:40px;}
.case li .title{position: absolute;bottom:0;left:0;right:0;height:40px;color:#fff;padding:5px 10px;line-height:30px;}

.brand li{width:240px;height:120px;float:left;margin:12px;overflow: hidden;}
.brand li img{width:240px;height:120px;}
.product li{width:240px;height:200px;background:#e5e5e5;float:left;margin:12px;overflow: hidden;}
.product li img{width:240px;height:164px;}
.product li .title{padding:5px 10px;color:#000;display: block; line-height: 24px;}
/*底部开始*/
.footer{background:#1b1b1b;border-top:20px solid #e5e5e5;}
.footer .box1100{background:#1b1b1b;color:#999;}
.footer .box1100 a{color:#999;}
.footer .w1000{width:1000px;}
.footer_left{float:left;width:406px;text-align: right}
.footer_right{  float: left;
  width: 550px;
  margin-left: 40px;
  padding-top: 30px;}
.footer_right span{  font-size: 14px;
  color: #666;
  display: block;
  line-height: 30px;}
 .footer_right span em{  font-size: 30px;
  font-style: normal;}
.footer_center{text-align: center;padding: 20px;}
/*底部结束*/

.bgeee{background:#e5e5e5;  overflow: hidden;}
.bk{border:1px solid #ccc;margin-top:20px;margin-bottom:20px;  background: #fff;  overflow: hidden;}
.neiye_ad{height:350px;  width: 100%;  overflow: hidden;}
.neiye_ad a{display:block;height:350px;width:100%;}

.mbxnav{  padding: 15px;  color: #666;}
.mbxnav a{color:#666;}
.left_box{width:260px;float:left;border:1px solid #d0d0d0;margin-left:15px;  margin-bottom: 20px;}
.left_nav_title{background:#ff9c00;  color: #fff;  text-align: center;  line-height: 50px;  font-size: 20px;}
.left_box ul{  margin-bottom: 10px;margin-top: 10px;overflow: hidden;}
.left_box li{background:#f7f7f7;border-bottom:1px solid #d0d0d0;padding-left:20px;line-height:40px;font-size:16px;}
.left_box li a{color:#666666;width:240px;display:block;}
.left_box li:hover{background:#00acff;}
.left_box li:hover a{color:#fff}

.nearshop li{margin:20px;overflow:hidden;}
.shop-banner{width:200px;height:140px;float:left;margin-right:20px;overflow:hidden;}
.shop-banner img{width:200px;height:140px;}
.shop-info{float:left;width:400px}
.shop-info h4 a{color:#000;font-size:20px;line-height:40px;}
.shop-info span{display:block;font-size:16px;line-height:1.8em;color:#666;}

.right_box{float:right;margin-right:20px;  border: 1px solid #d0d0d0;  width: 780px;margin-bottom:20px;}

.infolist ul{  margin: 20px;}
.infolist ul li{background: url(../images/yellow_icon.png) 5px 10px no-repeat;
padding-left: 20px;
font-size: 14px;
line-height: 30px;  height: 30px;}
.infolist ul li a{  width: 700px;  display: block;  height: 30px;  float: left;  line-height: 30px;
  overflow: hidden;}
.infolist ul li span{float:right;}

.page{  margin: 20px;
  overflow: hidden;}
.page li{float: left;
  border: 1px solid #cdcdcd;
  padding: 5px 10px;
  background: #fff;
  margin-right: 10px;}
.page .cut{background:#1b1b1b;border:1px solid #1b1b1b;}
.page .cut a{color:#fff;}
.page li a{display:block;}

.caselist ul{  margin: 20px;}
.caselist li{  width: 100%;  display: block;margin:20px;  clear: both;  overflow: hidden;}
.caselist .caseimg{  float: left;}
.caselist .caseimg img{width:184px;height:140px;}
.caselist .caseinfo{width:540px;float:left;  margin-left: 20px;}
.caselist .caseinfo a{font-size:18px;color:#000;font-weight:900;margin-bottom: 15px;  display: block;}
.caselist .caseinfo p{color:#666;}
.caselist .caseinfo span{color:#666;float:left;margin-top:10px;font-size:12px;}

.productlist ul{  margin-top: 20px;  overflow: hidden;}
.productlist li{  width: 234px;
  float: left;
  overflow: hidden;
  margin-left: 20px;
  border: 1px solid #cfcfcf;
  margin-bottom: 20px;
  box-sizing: border-box;-moz-box-sizing:border-box;height: 208px;background:#eeeeee}
.productlist img{width:100%;height:160px;border:0;}
.productlist span{padding:5px;display:block;line-height:18px;}

.tuijian ul{margin-bottom:0}
.tuijian ul li{  padding: 0;  border-bottom: 0;}
.tuijian ul li:hover{background:#f7f7f7}
.tuijian ul li:hover a{color:#00acff;}
.tuijian ul li a{  width: 100%;
  line-height: 20px;
 font-size: 14px;
  padding: 10px;
  box-sizing: border-box;-moz-box-sizing:border-box}
.tuijian ul li img{max-width:100%;}
h1{font-size:20px;line-height:50px;margin:0 20px;text-align:center;}
.content_title span{display: block;text-align: center;color: #666;}
.content{margin:10px 20px 20px;color:#666;    border-top: 1px solid #ccc;    padding-top: 10px;}
.content p{   line-height: 28px;font-size:16px;
  margin-bottom: 15px;}
.content img{max-width:100%;}

.left_nav li{  background-color: #000;
  height: 40px;
  border-radius: 20px;
  width: 90%;
  margin: 0 auto;padding-left:0 ; margin-top: 5px;}
.left_nav li:hover{background-color:#333333;}
.left_nav .on{background-color:#76d0fc;}
.left_nav li a{color:#fff;line-height:40px;  text-align: center;  width: 100%;font-size: 15px;font-weight: bold;}

.casenav-top{height:40px;line-height:40px;padding-top:7px;border-bottom: 1px solid #d0d0d0;}
.casenav-top span{    border-left: 5px solid red;line-height: 24px;height: 24px;color:#000;font-weight:900;
font-size: 16px;display: block; padding-left: 10px;  margin-left: 10px;}
.casenav .left_nav li{width:30%;margin-left:5px;line-height:34px;height:34px;float:left;border-radius:5px;
background-color:#f3f3f3;}
.casenav .left_nav li:hover{background-color:#000;}
.casenav .left_nav li:hover a{color:#fff;}
.casenav li a{line-height:34px;height:34px;color:#000}
.casenav .tuijian a{height:auto;}
.casenav .tuijian ul li img{min-width: 100%;}

/* 友情链接 */
.fline ul{padding-left:10px;}
.fline li{float:left;margin-right:10px;line-height:40px;height:40px;}

/* ==========================================================================
   zzsc.css —— 返回顶部按钮
   ========================================================================== */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/top.png) no-repeat center top;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* ==========================================================================
   补充：正文失效图片占位 / 空态
   ========================================================================== */
.img-lost{color:#999;font-size:12px;}
.empty-tip{text-align:center;color:#999;padding:60px 0;}