/*body*/
/*banner*/
.banner{
	background: #1799FE;
}
.div-banner-image{
	width: 523px;
	height: 334px;
	margin: 34px 0px 30px 130px;
	background: url(/jc/templets/default/images/tv-kuang.png);
}
.div-download .container-fluid{
	padding:0px 15px;
}
.div-download .div-title-big{
	color: #FFFFFF;
	font-size: 56px;
	font-weight: bold;
	letter-spacing:3px;
	margin-top: 45px;
}
.div-download .div-title-big img{
	vertical-align:top;
	margin-top: 15px;
}
.div-miaoshu{
	color: #FFFFFF;
	font-size: 17px;
	margin-top: 5px;
}
.div-download-button{
	margin-top: 35px;
	margin-bottom: 10px;
}
.div-download-info,.div-download-info a {
	color: #FFFFFF;
	margin-top: 5px;
}
.div-download-info a {
	margin-left: 70px;
}

/*brand*/
.div-brand-col{
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	width: 168px;
	height:100px;
}

.div-brand-col img:hover{
	border:1px solid #D8D8D8;
}

/* .div-brand-row:first-child{
	margin-bottom: 3px;
} */

/*morebrand*/
.div-morebrand{
	background: #FFFFFF;
}
.div-morebrand-row{
	margin: 0px 0px 20px 102px;
    line-height:30px;
    position:relative;
}
.div-morebrand-row:first-child{
	margin-top: 42px;
}
.div-morebrand-col{
	float: left;
	margin-right: 26px;
	
}
.div-morebrand-col a{
	font-size: 16px;
	color: #282828;
}
.div-morebrand-col a:hover{
	color: #1799FE;
	border-bottom:1px solid #1799FE;
}

.div-letter{
	font-size: 16px;
	color: #9B9B9B;
	margin-right: 40px;
	width: 11px;
	position: absolute;
    left: -60px;
}

/* slide-info */
.slideBox{ width:516px; height:293px; overflow:hidden; position:relative;   }
/* .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; } */
.slideBox .hd{display: none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; list-style: none;padding: 5px 0px 0px 10px;}
.slideBox .bd img{ width:503px; height:286px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
/* .slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  } */

.div-download-info {
  width: 280px;
  height: 37px;
  line-height: 37px;
  background: #31708f;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
}
.banner {
  position: relative;
}
.qrcode {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 100px;
  bottom: 80px;
  display: none;
}
.qrcode img {
  width: 200px;
  height: 200px;
}