/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0
}
html {
	background: #fff;
	position: relative;
	height: 100%;
	font-size:75%;
}
@media (max-width:540px) {
	html {
	background: #fff;
	position: relative;
	min-height: 100%;
	font-size:100%;
}
}
@media (max-width:440px) {
	html {
	background: #fff;
	position: relative;
	min-height: 100%;
	font-size:87.5%;
}
}
@media (max-width:340px) {
	html {
	background: #fff;
	position: relative;
	min-height: 100%;
	font-size:75%;
}
	
}
body {
	font-size: 100%;
	color: #000;
	font-family: "Microsoft YaHei";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: none;
	/*max-width:32rem;*/
	min-height:100%;
	margin:0 auto;
	padding-bottom:1.8rem;
}
form {
	display: inline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	font-family: "Microsoft YaHei";
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	text-align: inherit
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
input, img {
	vertical-align: middle
}
ol, ul {
	list-style: none
}
em, i {
	font-style: normal
}
a {
	text-decoration: none;
	color: #333;
}
textarea {
	resize: none
}
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
/* ---- header Document ---- */	
.header{
	display: none;
	height:3.4rem;
	line-height:2rem;
	font-size:1.4rem;
	color:#FFF;
	width:100%;
	background:#df3031;
	text-align:center;
	padding:0.7rem 3.4rem 0;
	position:relative;}
.header a{
	color:#fff;}
.header img{
	height:2rem;}
.header a.link{
	position:absolute;
	left:0px;
	top:0px;
	width:3.4rem;
	height:3.4rem;
	text-align:center;
	line-height:3.4rem;}
.header a.link img{
	height:2rem;}
.header a.menu_btn{
	position:absolute;
	right:0px;
	top:0px;
	height:3.4rem;
	width:3.4rem;
	text-align:center;
	padding:1.2rem 0 0;}
.header a.menu_btn span{
	display:block;
	width:1.6rem;
	margin:0 auto 0.25rem;
	height:0.15rem;
	font-size:0px;
	line-height:0px;
	background:#FFF;
	}
.navBox{
	display:none;
	position:absolute;
	left:0px;
	top:3.4rem;
	/*overflow:hidden;*/
	background:rgba(239, 239, 242, 0.95);
	border-bottom:1px solid #ededed;
	border-radius:0 0 0.2rem 0.2rem;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);
	z-index:100;}
.navBox li{
	height:3.1rem;
	width:20%;
	float:left;
	line-height:3.1rem;
	text-align:center;
	font-size:1.2rem;
	color:#565656;}
.navBox li a{
	color:#565656;
	-webkit-transition: .2s all;
	transition: .2s all;}
.navBox li.active a{
	color:#df3031;
	font-size:1.6rem;}
.navBox li a:hover{
	color:#df3031;
	font-size:1.6rem;
	-webkit-transition: .2s all;
	transition: .2s all;}
#channel{	display:none;}
/* ---- menu Document ---- */
.menu{
	background:#f6f6f6;
	border-bottom:1px solid #ededed;
	overflow:hidden;
	margin-bottom:0.8rem;}	
.menu li{
	height:3.1rem;
	width:20%;
	float:left;
	line-height:3.1rem;
	text-align:center;
	font-size:1.2rem;
	color:#565656;}
.menu li a{
	color:#565656;
	-webkit-transition: .2s all;
	transition: .2s all;}
.menu li.active a{
	color:#df3031;
	font-size:1.6rem;}
.menu li a:hover{
	color:#df3031;
	font-size:1.6rem;
	-webkit-transition: .2s all;
	transition: .2s all;}

/* ---- 框架 Document ---- */
.container{
	width:100%;
	padding:0 0.8rem;}
.container_all{
	width:100%;
	padding:0 0rem;}
	
/* ---- footer Document ---- */
.footer{
	display:none;
	border-top: 1px solid #e5e5e5;
	margin-top:2rem;
	padding-top:1rem;
	width:100%;}
.footer .link{
	height:2rem;
	line-height:2rem;
	font-size:1.1rem;
	text-align: center;
	color:#333;}
.footer .link a{
	margin:0 1.5rem;
	color:#555;}
.footer .link a.active{
	color:#df3031;}
.copyright{
	height:1.4rem;
	line-height:1.4rem;
	font-size:1rem;
	color:#999;
	text-align:center;}
/* ---- footer导航 Document ---- */
.footerNav{
	position:fixed;
	bottom:0px;
	left:50%;
	box-sizing:content-box;
	height:3.8rem;
	border-top:1px solid #e5e5e5;
	background:#f8f8f8;}
.footerNav li{
	width:20%;
	float:left;
	height:3.8rem;}
.footerNav li a{
	display:block;
	height:3.8rem;
	padding:2rem 0 0;
	line-height:1.8rem;
	text-align:center;
	font-size:1rem;
	color:#565656;}
.footerNav li a.news{
	background: url(img/footer_news.png) center 0.6rem no-repeat;
	background-size:auto 1.3rem;}
.footerNav li.active a.news{
	background: url(img/footer_news_on.png) center 0.6rem no-repeat;
	background-size:auto 1.3rem;
	color:#df3031;}
.footerNav li a.news:hover{
	background: url(img/footer_news_on.png) center 0.6rem no-repeat;
	background-size:auto 1.3rem;
	color:#df3031;}
	
.footerNav li a.video{
	background: url(img/footer_video.png) center 0.6rem no-repeat;
	background-size:auto 1.2rem;}
.footerNav li.active a.video{
	background: url(img/footer_video_on.png) center 0.6rem no-repeat;
	background-size:auto 1.2rem;
	color:#df3031;}
.footerNav li a.video:hover{
	background: url(img/footer_video_on.png) center 0.6rem no-repeat;
	background-size:auto 1.2rem;
	color:#df3031;}
	
.footerNav li a.minsh{
	background: url(img/footer_minsh.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;}
.footerNav li.active a.minsh{
	background: url(img/footer_minsh_on.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;
	color:#df3031;}
.footerNav li a.minsh:hover{
	background: url(img/footer_minsh_on.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;
	color:#df3031;}
	
.footerNav li a.dang{
	background: url(img/footer_dang.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;}
.footerNav li.active a.dang{
	background: url(img/footer_dang_on.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;
	color:#df3031;}
.footerNav li a.dang:hover{
	background: url(img/footer_dang_on.png) center 0.6rem no-repeat;
	background-size:auto 1.5rem;
	color:#df3031;}
	
.footerNav li a.fuwu{
	background: url(img/footer_fuwu.png) center 0.6rem no-repeat;
	background-size:auto 1.3rem;}
.footerNav li.active a.fuwu{
	background: url(img/footer_fuwu_on.png) center 0.6rem no-repeat;
	background-size:auto 1.3rem;
	color:#df3031;}
.footerNav li a.news:fuwu{
	background: url(img/footer_fuwu_on.png) center 0.6rem no-repeat;
	background-size:auto 1.25rem;
	color:#df3031;}

/* ---- 返回顶部 Style ---- */
.cd-top {
  display: none;
  height:2.5rem;
  width:2.5rem;
  position: fixed;
  bottom:4.2rem;
  right: 1rem;
  border-radius:0.4rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5) url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

/* ---- 胶东在线APP下载 Style ---- */
.app_download{
	position: fixed;
	bottom:0px;
	display:block;
	background:rgba(0,0,0,0.67);
	width:100%;
	height:48px;
	padding:7px 0;
	overflow:hidden;}
.app_download .download{
	padding:0px 28px 0px 8px;
	position:relative;
	height:48px;
	overflow:hidden;}
.app_download .close{
	height:20px;
	width:20px;
	line-height:20px;
	position:absolute;
	top:4px;
	right:4px;
	border:1px solid #FFF;
	border-radius:10px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	background:url(img/icon_close.png) center center no-repeat;
	background-size:45%;
	overflow:hidden;
	text-indent:-9999px;}
.app_download ul{
	padding:0; 
	height:48px;}
.app_download ul li{
	height:48px;
	padding:0 0px 0 56px;
	position:relative;}
.app_download ul li .app{
	height:48px;
	width:48px;
	position:absolute;
	top:0px;
	left:0px;}
.app_download ul li .app img{
	width:48px;
	height:48px;}
.app_download ul li .btn{
	position:absolute;
	top:9px;
	right:8px;
	height:28px;
	line-height:28px;
	width:72px;
	text-align:center;
	background:rgba(0,0,0,0.3);
	border:1px solid rgba(59,164,233,0.9);
	border-radius:6px;
	font-size:14px;
	color:#3ba4e9;
	text-decoration:none;}
.app_download ul li .btn:hover{
	text-decoration:none;
	}
.app_download ul li h1{
	height:22px;
	line-height:22px;
	padding:2px 0 0;
	text-align:left;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	overflow:hidden;}
.app_download ul li h2{
	height:22px;
	line-height:22px;
	padding:2px 0 0;
	text-align:left;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	overflow:hidden;}