﻿/* 全局定义 */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0; 
}
h4,h6 {color:#006699;font-weight:normal}
table {
	border-collapse:collapse  
}
body {
	background:#efefef url(/skin/cltech/images/body-bg.jpg) repeat-y center top; font-size:12px; color:#333333;
}
img a {
	border:0px;
}
ul,li {
	list-style:none;
}
.clearbox {
	clear:both;
}
.heightbox {
	margin-bottom:10px;
}

/* 框架结构 */
.wrapper,#head,#nav,#footer {
	width:980px;
	height:auto;
	margin:0px auto;
	background:#ffffff;
}
.wrapper .main {
	width:720px;
	height:auto;
	float:left;
	margin-right:10px;
	_display:inline;
}
.wrapper .sidebar {
	width:250px;
	height:auto;
	float:left;
}
	
/* 导航以及下拉菜单 */
#banner {
	display:block;
}
#nav {
	margin-top:5px;
	margin-bottom:5px;
	height:32px; 
	overflow-y:hidden
}
#nav #nav_l,#nav #nav_r {
	width:4px;
	height:30px;
	float:left;
	padding-bottom:2px;
}
#nav #nav_l {
	background:url(/skin/cltech/images/main-bg.jpg) left top
}
#nav #nav_r {
  background:url(/skin/cltech/images/main-bg.jpg) -4px top;
}
#nav #nav_c {
	float:left;
	width:972px;
	height:32px;
	padding-bottom:2px;
  background:url(/skin/cltech/images/nav-c.jpg) repeat-x left top;	
}
#nav #nav_c li {
	float:left;
}
#nav #nav_c li a {
	width:81px;
	display:block;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background:url(/skin/cltech/images/nav-li-bg.jpg) no-repeat right center;
}
#nav #nav_c li a:hover {
	background:url(/skin/cltech/images/main-bg.jpg) no-repeat -10px top;
}
#nav #nav_c li ul {
	margin: 0;
  padding: 0;
  width:auto;
  position:absolute ;
  display:none;
  font-size:12px;
}
#nav #nav_c li ul li {
float: none;
background-images:none;
display: inline;
}
#nav #nav_c li ul li a {	
font-size:12px;
border-bottom:1px solid #ffffff;
display:block;
font-weight:normal;
background:#0060C0;
FILTER: Alpha(Opacity=70)/*IE透明下拉效果控制*/;
-Moz-Opacity: 0.7/*FF透明效果控制*/;
opacity:0.7; 
color:#ffffff;
width:81px;
text-align:center;
}
#nav #nav_c li ul li a:hover {	
background:#0060C0;
FILTER: Alpha(Opacity=90)/*IE透明下拉效果控制*/;
-Moz-Opacity: 0.9/*FF透明效果控制*/;
opacity:0.9; 
display:block;
}

/* 首页样式 */
.channel_showpath {
	height:25px;
	line-height:25px;
	margin-bottom:5px;
	background-color:#DAE8F5;
	
}
.channel_showpath img {
	margin:5px 10px 0 10px;
	float:left;
}
.sidebar .title {
	width:240px;
	height:28px;
	line-height:28px;
	float:left;
	color:#096B99;
	font-weight:bold;
	padding-left:10px;
	background:url(/skin/cltech/images/main-bg.jpg) no-repeat left -34px;
}
.sidebar .title span {
	float:right;
	margin:10px 10px 0 0;
}
.sidebar .content {
	width:238px;
	height:auto;
	padding:2px 5px 3px 5px;
	float:left;
	border:1px solid #cccccc;
	border-top:0;
}
.sidebar .content li {
	width:238px;
	height:22px;
	line-height:22px;
	float:left;
}
.sidebar .content li a {
	color:#2C619E;
}
.sidebar .content li a:hover {
	color:#333333;
}
#tongzhi {
	height:233px;
}
#tongzhi .ann_list {
width:100%;
height:auto;
float:left;
margin-bottom:10px;
_display:inline;
background:url(/Skin/cltech/images/xuxian.gif) repeat-x left bottom;
}
#tongzhi .ann_list_title {
width:100%;
height:36px;
line-height:18px;
float:left;
}
#tongzhi .ann_list_time {
width:100%;
float:left;
text-align:right;
color:#023687;
line-height:18px;
}
#focus_bg,#colmun_bg {
	background:url(/skin/cltech/images/bottom-bg.jpg) no-repeat left bottom;
	float:left;
	width:720px;
}
#focus_bg #focus,#colmun_bg #colmunbox {
	background:url(/skin/cltech/images/main-bg.jpg) no-repeat left -67px;
	width:700px;
	height:auto;
	float:left;
	padding:0px 10px;
}
#focus_bg #focus #focus_img {
	padding:34px 0 0 8px;
	width:300px;
	height:210px;
	float:left;
	margin:13px 12px 0 0;
	_display:inline;
	background:url(/skin/cltech/images/focus-img-bg.gif) no-repeat left top;
}
#intro {
	width:380px;
	float:left;
	height:auto;
	padding-top:33px;
}		
#intro .title {
	width:370px;
	height:29px;
	line-height:29px;
	float:left;
	color:#096B99;
	margin-bottom:10px;
	font-weight:bold;
  background:url(/skin/cltech/images/main-bg.jpg) -250px -33px;
}
#intro .title .icon {
	float:left;
	margin:3px 5px 0 10px;
}
#intro .content {
	line-height:18px;
	width:370px;
	float:left;
	color:#333333;
}
#intro .content img {
	padding:1px;
	border:1px solid #cccccc;
	margin-right:10px;
	float:left;
	border:0px;
}
#intro #intro_button {

	padding:0px 5px;
	float:left;
	margin-bottom:8px;
	_display:inline;
}
#intro #intro_button li {
	float:left;
	margin-right:5px;
	padding-left:5px;
	height:25px;
	background:url(/skin/cltech/images/intro-button.jpg) no-repeat left top;
}
#intro #intro_button li span {
	height:25px;
	float:left;
	line-height:25px;
	padding:0 8px 0 3px;
	background:url(/skin/cltech/images/intro-button.jpg) no-repeat right -26px;
}
#colmun_bg #colmunbox {
	padding-top:25px;
}
#colmun_bg #colmunbox .colmun {
	width:335px;
	height:auto;
	float:left;
	margin:10px 7px 0 8px;
	_display:inline;
}
#colmun_bg #colmunbox .colmun .title {
	width:335px;
	height:25px;
	float:left;
	color:#086B99;
	font-weight:bold;
	line-height:25px;
	margin-bottom:5px;
	background:url(/skin/cltech/images/main-bg.jpg) -96px top;
}
#colmun_bg #colmunbox .colmun .title span {
	float:right;
	margin:10px 10px 0 0;
	_display:inline;
	border:0px;
}
#colmun_bg #colmunbox .colmun .title .ico {
	float:left;
	margin:3px 8px 0 10px;
	_display:inline;
}
#colmun_bg #colmunbox .colmun .content {
	width:335px;
	min-height:225px;
	_height:225px;
	float:left;
	line-height:22px;
}
#colmun_bg #colmunbox .colmun .content li {
	line-height:22px;
	height:22px;
	float:left;
	width:335px; 
}
#scroll {
	width:720px;
	height:152px;
	float:left;
	margin-top:10px;
	_display:inline;
	background:url(/skin/cltech/images/scroll-bg.gif) no-repeat left top;
}
#scroll180 {
	width:720px;
	height:182px;
	float:left;
	margin-top:10px;
	_display:inline;
	background:url(/skin/cltech/images/scroll-bg180.gif) no-repeat left top;
}

#scroll #scroll_img,#scroll180 #scroll_img,#scroll_960 #scroll_img {
	width:71px;
	height:68px;
	position:absolute;
	overflow:hidden;
}
#scroll li,,#scroll180 li,#scroll_960 li {
	width:164px;
	height:136px;
  float:left;
  margin:12px 0px 0px 15px;
  _margin:0px 0px 0px 15px;
  _display:inline; 
}
#scroll li .pe_u_thumb,#scroll180 li .pe_u_thumb,  #scroll_960 li .pe_u_thumb {
	width:160px;
	height:110px;
	float:left;
	border:1px solid #cccccc;
	padding:1px;
}
#scroll li .pe_u_thumb_title,#scroll180 li .pe_u_thumb_title  ,#scroll_960 li .pe_u_thumb_title {
	width:100%;
	height:22px;
	line-height:22px;
	float:left;
	text-align:center;
}
.colmun_bg_2,.channel_bg {
	background:url(/skin/cltech/images/colmun-t.jpg) no-repeat left top;
	padding-top:10px;
	width:720px;
}
.colmun_bg_2 .colmunbox {
	background:#ffffff url(/skin/cltech/images/colmun-b.gif) no-repeat left bottom;
	width:720px;
	float:left;
}
.colmun_bg_2 .colmunbox .colmun {
	width:340px;
	height:auto;
	float:left;

	margin-left:10px;
	padding-right:10px;
	_display:inline;

}
.colmun_bg_2 .colmunbox .colmun .title {
	width:340px;
	height:22px;
	line-height:22px;
	font-size:14px;
	font-weight:bold;
	color:#086B99;
	background:url(/skin/cltech/images/colmun2-title.jpg) no-repeat 100px center;
}
.colmun_bg_2 .colmunbox .colmun .title span {
	float:right;
	margin:8px 20px 0 0;
}
.colmun_bg_2 .colmunbox .colmun .title .ico {
	float:left;
	margin:0 8px 0 0;
}
.colmun_bg_2 .colmunbox .colmun .content {
	width:340px;
	line-height:22px;
	height:220px;
	float:left;
}
.colmun_bg_2 .colmunbox .colmun .content li {
	width:340px;
	height:22px;
	line-height:22px;
	float:left;
}
.colmun_bg_3 {
}
.colmun_bg_3 .title {
	width:700px;
	height:28px;
	padding-left:20px;
	line-height:28px;
	font-weight:bold;
	color:#066B99;
	font-weight:bold;
	font-size:14px;
	float:left;
	background:url(/skin/cltech/images/shequ-title.jpg) no-repeat left top;
}
.colmun_bg_3 .home_bg {
	width:720px;
	height:auto;
	float:left;
	background:#ffffff url(/skin/cltech/images/colmun-b.gif) no-repeat left bottom;
}
.elite_info {
	width:340px;
	height:60px;
	padding:0 10px;
	margin-bottom:10px;
	_display:inline;
	float:left;
}
.elite_info dt {
	width:340px;
	height:24px;
	line-height:22px;
	float:left;
	font-weight:bold;
}
.elite_info dd {
	width:340px;
	float:left;
	height:36px;
	line-height:18px;
	color:#0099FF;
}
#now_do {
	width:710px;
	height:auto;
	float:left;
  margin:0 5px;
  overflow:hidden;
  _display:inline;
}
#now_do .title {
	width:700px;
	height:30px;
	float:left;
	background:url(/skin/cltech/images/now-do-title.jpg) repeat-x left top;
	margin-bottom:10px;
	color:#333333;
}
#now_do .content {
	width:700px;
	padding-left:10px;
	line-height:25px;
	height:105px;
	float:left;
}



.friend_pic {

height:auto!important;
min-height:40px;
height:40px;
padding-bottom:5px;
}
.friend_pic li {
	float:left;
	width:120px;
	height:50px;
	overflow:hidden;
	margin:5px 0px;
	margin-left:10px;
	display:inline;

}
.friend_pic li img{width:100px;height:44px;overflow:hidden;padding:2px;border:1px solid #f0f0f0;}

#huati {
	width:238px;
	height:auto;
	float:left;
}
#huati li {
	width:238px;
	height:23px;
	line-height:23px;
	float:left;
}
#duiwu {
}
#duiwu .pe_u_thumb {
	width:55px;
	height:60px;
	float:left;
	margin:0px 6px 15px 5px;
	_display:inline;
}

/* 频道首页样式 */
#focus .content_list {
	width:370px;
	float:left;
	line-height:22px;
	height:203px;
}
#focus .content_list li {
	width:370px;
	height:22px;
	line-height:22px;
	float:left;
}
.channel_bg .channelbox {
	background:#ffffff url(/skin/cltech/images/colmun-b.gif) no-repeat left bottom;
	width:710px;
	float:left;
	padding:0 5px;
}
.channel_bg .channelbox .colmun {
	width:335px;
	height:auto;
	float:left;
	margin:0 10px 10px 10px;
	_display:inline;
}
.channel_bg .channelbox .colmun .title {
	width:325px;
	height:29px;
	line-height:29px;
	float:left;
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bold;
	color:#076B99;
	background:url(/skin/cltech/images/main-bg.jpg) no-repeat -96px 0px;
}
.channel_bg .channelbox .colmun .title span {
	float:right;
	margin:10px 10px 0 0;
}
.channel_bg .channelbox .colmun .content .tw {
	width:335px;
	height:90px;
	margin-bottom:0px;
	float:left;
	overflow:hidden;
	background:url(/skin/cltech/images/xuxian.gif) repeat-x left bottom;
}
.channel_bg .channelbox .colmun .content .tw img {
	width:120px;
	height:80px;
	float:left;
	padding:1px;
	display:inline;
	border:1px solid #cccccc;
	overflow:hidden;
	margin-right:5px;
}	
.channel_bg .channelbox .colmun .content .tw dt {
	width:205px;
	height:25px;
	line-height:25px;
	margin-bottom:5px;
	float:left;
	font-weight:bold;
}
.channel_bg .channelbox .colmun .content .tw dd {
	width:205px;
	height:60px;
	line-height:20px;
	float:left;
}
.channel_bg .channelbox .colmun .content .list {
	width:335px;
	float:left;
	height:220px;
	padding-bottom:5px;
	line-height:22px;
}
.channel_bg .channelbox .colmun .content .list li {
	width:335px;
	line-height:22px;
	height:22px;
	overflow:hidden;
	float:left;
}
#menu {
	float:left;
}
#menu li {
	width:208px;
	padding-left:30px;
	height:23px;
	line-height:23px;
	float:left;
	display:block;
	margin-bottom:2px;
	_display:inline;
	background:url(/skin/cltech/images/menu-bg.jpg) no-repeat left top;
}

/* 文字列表页样式 */
#show_path {
	background:url(/skin/cltech/images/show-path.jpg) no-repeat left top;
	padding-left:50px;
	width:670px;
	float:left;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
#class_list {
	width:698px;
	padding:5px 10px;
	float:left;
	border:1px solid #cccccc;
}
#class_list .list,#class_list .article {
	width:698px;
	min-height:620px;
	_height:620px;
	float:left;
	line-height:30px;
}

#class_list .list4{
	width:698px;
	min-height:380px;
	_height:380px;
	float:left;
	line-height:30px;
}

#class_list .list li, .list4 li {
	width:698px;
	height:30px;
	line-height:30px;
	float:left;
	font-size:14px;
	background:url(/skin/cltech/images/xuxian.gif) repeat-x left bottom;
}
#class_list .list li span ,.list4 li span{
	float:right;
	font-size:12px;
}	
#class_list #show_page {
	width:698px;
	height:25px;
	line-height:25px;
	text-align:center;
	float:left;
	background:#f4f4f4;
}
#scroll_960 {
  height:149px;
	width:980px;
	background:url(/skin/cltech/images/scroll-960.gif) no-repeat left top;
	margin:10px auto;
}
	
/* 内容页 */	
.article h1 {
	width:698px;
	min-height:50px;
	_height:50px;
	float:left;
	line-height:50px;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
.article .article_info {
	width:698px;
	height:22px;
	float:left;
	line-height:22px;
	border:1px solid #cccccc;
	border-left:0px;
	border-right:0px;
	background:#f8f8f8;
	text-align:center;
	margin:5px 0 10px;
  _display:inline;
}
.article .article_content {
	width:698px;
	line-height:30px;
	font-size:14px;
	float:left;
	text-align:left;
	display:block;
	min-height:600px;
	_height:600px;
	overflow-x:hidden;
}
.article .article_ud {
	float:left;
	height:40px;
	line-height:20px;
	width:698px;
	margin-top:5px;
	padding-top:5px;
	background:url(/skin/cltech/images/xuxian.gif) repeat-x left top;
}

.rightlist01
{
height:10px;
background:url(/skin/cltech/images/xuxian.gif) repeat-x left top;
}
#hd_img {
}
#hd_img li {
	width:104px;
	height:94px;
	float:left;
	line-height:20px;
	margin:0 0px 5px 10px;
	_display:inline;
	background:#ffffff;
}	
#hd_img li img {
	width:100px;
	height:70px;
	float:left;
	border:1px solid #cccccc;
	padding:1px;
	text-align:center;
	
}

#footer {
	padding:15px 0;
	height:60px;
	background:#efefef;
}
#footer #footer_l {
	width:248px;
	float:left;
	height:60px;
}
#footer #footer_r {
	width:700px;
	float:left;
	height:60px;
	padding-left:20px;
}
#footer #footer_r li {
	width:700px;
	height:20px;
	float:left;
	color:#777777;
}
	
	
/* 链接定义 */
a {text-decoration:none;}
a:link,a:visited {color:#333333;}
a:hover {color:#336699;}
.white:link,.white:visited {color:#ffffff;}
.white:hover {color:#ffffff; text-decoration:underline;} 
.blue:link,.blue:visited {color:#2C619E;}
.blue:hover {color:#333333;}
