﻿*{margin:0;padding:0;}
body{font:0.8em "微软雅黑",Arial;color:#000000;line-height:24px;}
ol,ul,li,dt,dd,dl{list-style:none;}
img{border:0;}
select,input{vertical-align:middle;}
a{text-decoration:none}
a:link,a:visited{ font-family:"微软雅黑",Arial;color:#000099;text-decoration:none;}
a:hover,a:active{color:#f00;text-decoration:underline;}
input,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6{ font-size:14px}
/*color*/
.cz{ color:#960}
.cRed,a.cRed,a.cRed:visited{color:#ff0000;}
.cBlue,a.cBlue,a.cBlue:visited{color: #0D589D;}
.cDRed,a.cDRed,a.cDRed:visited{color:#bc2931;}
.cGray,a.cGray,a.cGray:visited{color: #333333;}
.cDGray,a.cDGray,a.cDGray:visited{color: #666666;}
.cWhite,a.cWhite,a.cWhite:visited{color:#ffffff;}
.cBlack,a.cBlack,a.cBlack:visited{color:#000000;}
.cGreen,a.cGreen,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow,a.cYellow:visited{color:#ff6600;}
.cZi,a.cZi,a.cZi:visited{color:#D1004A;}
/*font*/
.fb{font-weight:bold;}
.f12{font-size:0.6em;}
.f14{font-size:0.8em;}
.f16{font-size:1em;}
.f18{font-size:18px;}
.wryh{font-family: "微软雅黑";}
/*float*/
.left{float:left;}
.right{float:right;}
.left_s{float:left;}
.right_s{float:right;}
.clear{ clear:both}
.dis_n{ display:none}
.dis_l{ display:inline}
.center{ text-align:center}
.t_right{ text-align:right}
.t_left{ text-align:left}
/*bianju*/
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt5{ margin-top:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.p10{ padding:10px;}
.p20{ padding:20px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl5{ padding-left:5px;}
/*border*/
.bone{ border:1px solid #999}
.btwo{ border:2px solid #999}
.bthree{ border:3px solid #999}
.b_top{ border-top:1px solid #999}
.b_right{ border-right:1px solid #999}
.b_left{ border-left:1px solid #999}
.b_bottom{ border-bottom:1px solid #999}
/*width*/
.w100{ width:100%}
.w90{ width:90%}
.w80{ width:80%}
.w70{ width:70%}
.w40{ width:40%}
.w45{ width:48%}
.w50{ width:50%}
.w60{ width:60%}
.w30{ width:30%}
.w20{ width:20%}
.w10{ width:10%}
/*me*/
.oh{ overflow:hidden}
.bg_w{ background-color:#FFF}
.bg_g{ background-color: #F3F3F3}
.sj{ text-indent:2em}
.nothh{width:280px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden}
.header{ height:30px; position:absolute; top:0;width:100%;border-bottom:1px solid #E4E4E4; padding-top:5px; background-color:#F0F0F0}
.w950_b{ height:30px;width:100%;border-top:1px solid #E4E4E4; padding-top:5px; background-color:#F0F0F0}
/*顶部导航*/
.topbar {background-color:;width: 100%;height:24px;border-top:2px solid #666; padding:5px 0 5px 0}
.top_mk{ width:; }
.top_mk_2{ width:;}
/*置底导航*/
#bottom {position: fixed; !important;width: 100%;bottom:0;z-index: 5; height:35px
_position:absolute;_bottom:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);background-color: #333;}
.bottombar {background-color: #333;}
.bottom_mk{ width:20%; color:#FFF; float:left; padding:10px 0 0 0}
/*置顶导航*/
#upbar {position: fixed; !important;width: 100%;top: 0;z-index: 5; height:35px
_position:absolute;_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);}
.upbar_mk{width:25%;padding:7px 0 0px 0; border-left:1px #CCC solid}
/*首页分栏*/
.fl_1{ width:22.5%;text-align:center; color: #FFF; margin-top:2%; margin-left:2%}
.fl_2{ width:47.5%; background-color:#cbb4d5; text-align:center; color:#333; padding:10px 0 10px 0; margin-top:1%; font-size:1.2em; font-weight:bold; margin-left:1%}
/*产品*/
.cp_1{ width:47%;text-align:center; margin-top:2%; font-size:1em;margin-left:2%; line-height:20px}
/*文字*/
.h1{font-size:1.5em; font-weight:bold; color:#b7679b}
.h2{font-size:1.2em; font-weight:bold; color:#b7679b}
/*列表页*/
.list_a{background-image: url(http://www.qingdaonews.com/images/71662.files/bg01.jpg);width:100%; float:left; border-bottom:1px solid #CCC; padding:15px 0 10px 0}
/*内页*/
.ny{}
.ny img{ margin-top:10px; text-align:center; width:100%; height:auto}
/*首页焦点图*/
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {margin-bottom:0px;position: relative;float: left;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size:1em;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 5px 20px;margin: 0;max-width: none;}  
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.2;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*下拉导航*/
.all-elements{
	overflow-x:hidden;	
}

.page-content{
	background-color: #FFF;
	z-index:10;
	display:block;
	position:relative;
	min-height:100%;
}

.page-content-wrapper{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding:20px 20px 0 20px;
	padding-bottom:0px;
}

.page-sidebar{
	background-color:#1e1f20;
	width:200px;
	display:block;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	position:fixed;
}

.page-sidebar-scroll{
	z-index:2;
	width:220px;
    overflow: scroll;
    overflow-x: hidden;
   /* -webkit-overflow-scrolling: touch;*/
	height:100%;
}


.page-header{
	background-color:#fafafa;
	border-bottom:solid 1px #ebebed;
	height:50px;
	width:100%;
	z-index:12;
	margin-bottom:0px;
}


.deploy-contact{
	position:relative;
	z-index:999;
	width:50px;
	height:50px;
	right:0px;
	top:0px;
	float:right;
	margin-top:-50px;
}

.bread-crumb{
	position:relative;z-index:99;display:block;margin-bottom:px;margin-top:-35px;text-align:center;text-transform:uppercase;color:#212222;font-family:'Lato', sans-serif;font-weight:700;}

.deploy-sidebar{
	position:relative;
  display:block;
	z-index:999;
	width:50px;
	height:50px;
	background-image:url(http://www.qingdaonews.com/images/71662.files/header-nav.png);
	background-size:18px 12px;
	background-repeat:no-repeat;
	background-position:15px 19px;
}

.content-header{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

/*Sidebar*/

.sidebar-section{
	background-color:#121313;
	height:50px;
}

.sidebar-section p{
	font-family:'Lato', sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:700;
	padding-top:15px;
	padding-left:20px;
}

.sidebar-section a{
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	left:140px;
	top:0px;	
}

.sidebar-close{
	background-image:url(http://www.qingdaonews.com/images/71662.files/sidebar-close.png);
	background-size:13px 13px;
	background-position:19px 19px;
}

.sidebar-header{
	opacity:0.8;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

.sidebar-decoration{
	background-color:rgba(255,255,255,0.1);
	width:220px;
	height:1px;
	margin-bottom:20px;
}

.navigation-items{
	width:220px;
	margin-left:20px;
}

.nav-item a{
	opacity:0.7;
	text-transform:uppercase;
	font-family:'Lato', sans-serif;
	font-weight:800;
	line-height:36px;
	color:#FFFFFF;	
	border-bottom:solid 1px rgba(255,255,255,0.1);
  padding-bottom:10px;
	padding-left:40px;
}
