/* CSS Document */

/************* 默认样式重置 *************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { /*font-weight: normal; font-style: normal;*/ }
ol, ul { list-style: none; }
caption, th { /*text-align: left;*/ }
h1, h2, h3, h4, h5, h6 { /*font-weight: normal; font-size: 100%;*/ }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }

/********* 全局 *********/
html { height:100%;}
body { min-height:100%; font-size:12px; text-align:center; background:url(img/body_bg.png) 50% 36px repeat-x; color:#444; }
	a { color: #06c;}
	a:hover { color:#f00;}
	form { }
	.wrapper { margin:auto; width:980px; }
		.bodyer, .footer { margin:auto auto 10px; }

/********* 页首 *********/
.header { overflow:hidden; height:200px; }
	.nav { margin:1px auto; height:34px; font-size:12px; line-height:34px; background:url(img/nav_bg.png) no-repeat; }
	.nav a { margin:auto 18px; font-weight:bold; }
	.banner { height:200px; background:url(img/banner_bg.png) no-repeat; }
	.banner h1 { visibility:hidden; }

/********* 页体 *********/
.bodyer { text-align:left; line-height:22px; }
	.bodyer h2 { margin:0 0 10px; padding:0 14px; font-size:14px; line-height:30px; background:#03F url(img/article_h2_bg.png) repeat-x; color:#fff; }
		.bodyer h3 { margin:0 0 10px; padding:0 13px; font-size:13px; line-height:26px; background:url(img/article_h3_bg.png) no-repeat; color:#000; }
		.bodyer ul { margin:10px 0; }

	/********* 主体 *********/
	.article { float:left; width:700px;}
		.article h2 {}
		.article_1 {
			margin:0 0 10px;
			overflow:hidden;
			_zoom:1;
			padding:1px;
			border:1px solid #6D8CC7;
			background-color:#fff;
		}
		#article_top { height:260px; border:1px solid #f90; background:#fff url(img/articel_top_bg.png) 50% 100% no-repeat; }
		/********* 图片新闻 *********/
		#picNews {
			float:left;
			width:230px;
			background-color:#eee;
		}
		#picNews ul { position:relative; margin:3px; width:224px; height:184px; }
		#picNews ul li { position:absolute; top:0; left:0; background-color:#fff; }
		#picNews ul li.tab-content-current { z-index:99;}
		#picNews ul li img {
			padding:1px;
			border:1px solid #999;
			width:220px;
			height:180px;
		}
		#picNews ul li p {
			position:absolute;
			left:0;
			bottom:4px;
			bottom:-4px\0;
			+bottom:0px;
			width:224px;
			text-align:center;
			background-color:#000;
			opacity:.8;
			filter:alpha(opacity:80);
			color:#fff;
		}
		#picNews ol {
			overflow:hidden;
			_zoom:1;
			padding:8px 3px;
			text-align:right;
		}
		#picNews ol li {
			display:inline;
			margin:0 3px;
			padding:1px 4px;
			background-color:#999;
			color:#fff;
			font:10px/1.2em Verdana, Geneva, sans-serif;
			cursor:pointer;
		}
		#picNews ol li.tab-current {
			background-color:#f60;
			color:#fff;
			font-weight:bold;
		}
		/********* 编者按 *********/
		#editor_notes{
			float:right;
			width:460px;
		}
		#editor_notes h3 { background-image:url(img/aside_h3_bg.png); }
		#editor_notes p {
			margin:10px;
			text-indent:2em;
		}

		/********* 业界解读 *********/
		#unscramble { }
		#unscramble li {
			float:left;
			padding:0 0 10px;
			width:232px;
			height:180px;
		}
		#unscramble li img {
			display:inline;
			float:left;
			margin:4px 6px 0 6px;
			width:80px;
			height:100px;
		}
		#unscramble li p {
			margin:0 6px;
			line-height:18px;
			text-indent:2em;
		}
		#unscramble li p a { white-space:nowrap; }
		#unscramble li.top { height:240px; }
		#unscramble li.top img {
			width:100px;
			height:135px;
		}
		/********* 动态 *********/
		#activitys { }
		#activitys div {
			overflow:auto;
			float:left;
			padding:0 0 10px;
			width:348px;
		}
		#activitys h2 { }
		#activitys img {
			float:left;
			margin:6px 0 0;
			width:130px;
			height:100px;
		}
		#activitys ul {
			margin-left:140px;
			height:110px;
		}
		#activitys .more{
			clear:both;
			padding:0 20px;
			text-align:right;
			line-height:normal;
		}
		
	/********* 侧栏 *********/
	.aside { }
	#aside { float:right; width:270px;}
		.aside_1 { margin:0 0 10px; padding:1px; border:1px solid #FF943F; background-color:#ffe; }
			.aside h2 { background:#FF943F url(img/aside_h2_bg.png) repeat-x; }
			.aside h3 { padding:0; background:url(img/aside_h3_bg.png) repeat-y; text-align:center; }
	/********* 最新动态 *********/
	#news { _width:266px; }
	#news ul { list-style:circle inside; margin:12px auto; width:266px; font-size:12px; line-height:25px; line-height:24px\0; white-space:nowrap; }
	
	/********* 物联网详解 *********/
	#iot_details div { margin:10px auto; }
	#iot_details h3 a { color:#900; }
	#iot_details h3 a:hover { color:#f00; }
	#iot_details p {
		text-indent:2em;
		margin:10px;
		line-height:21px;
	}
	
	/********* 物联网专刊 *********/
	#monograph { clear:both; }
	#monograph, #logo_links { text-align:center; }
	#monograph ul, #logo_links ul {
		display:inline-block;
		+display:inline;
		+zoom:1;
	}
	#monograph li, #logo_links li {
		+position:relative;
		_display:inline;
		float:left;
		margin:auto 18px;
		border:1px solid #999;
		background-color:#fff;
	}
	#monograph li a, #logo_links li a, #monograph li img, #logo_links li img  {
		position:relative;
		display:block;
		_display:inline;
		+float:left;
		top:-2px;
		left:-2px;
		margin:-1px;
		border:1px solid #999;
		background-color:#fff;
	}
	#monograph li a, #logo_links li a {
	}
	#monograph li img, #logo_links li img {
		padding:1px;
	}
	#logo_links li { }
		

/********* 页脚 *********/
.footer { clear:both; padding:20px; text-align:center;}

	/********* 页脚导航 *********/
	.fnav { font-size:14px; }
		.fnav a { }
				
	.footer p { margin:10px auto;}
	.copyright { }
		.copyright i { font: normal 1em Verdana, Geneva, sans-serif;}
	.address { }
	.phoneFax { }
	.icp { }
	.email { }

.tab-header{
	clear:both;
}

/* 设置容器宽度，强制行内元素在宽度范围内折行 */
.pre-wrap{
	display:block;
	overflow: hidden;
	/* width: ; */
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/* 设置容器宽度，强制行内元素始终在一行内显示，溢出隐藏 */
#news,
.ellipsis{
	display:block;
	overflow:hidden;
	/* width: ; 必须赋值*/
	white-space:nowrap;
	word-break:break-all; /* IE */
	-webkit-text-overflow:ellipsis; /* Safari/chrome */
	-o-text-overflow:ellipsis; /* Opera */
	text-overflow:ellipsis; /* IE */
}
