﻿/*公用部分*/
.center
{
    width:100%;
    background-image:url(../Images/center_bg.png);
    background-repeat:repeat-x;
    text-align:center;
}
.logo
{
    margin-top:-18px;
}
.middle
{
    margin-top:13px;
}
/*------------------------------------------------------------网站布局代码------------------------------------------------

-------------------*/
.left
{
    float:left;
    width:640px;
}
.right
{
    width:350px;
    background-image:url(../Images/right_bg.png);
    background-position:0 bottom;
    background-repeat:no-repeat;
}
/*界面新看台*/
.web_news
{
    height:19px;
    background-image:url(../Images/web_new_title.png);
    background-repeat:no-repeat;
    text-align:right;
    margin-top:-18px;
	margin-bottom:4px;
	padding-top:16px;
}
.web_news a{
	font-size:12px;
	color:#47BEFF;
	margin-right:16px;
	font-weight:normal;
}
.web_news a:visited{
	color:#47BEFF;
}
.web_news a:hover{
	text-decoration:underline;
}
.web_n_display
{
    line-height:20px;
    clear:both;
	margin:0 auto;
    padding:7px 0;
    width:322px;
    display: block;
	height:42px;
}
.web_n_display:after
{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.web_n_display:hover
{
    clear:both;
	background-color:#F5F6F8;
}
.web_n_display img
{
   float:left;
   width:42px;
   height:42px;
   margin-left:6px;
}
.web_n_display dl
{
    float:right;
    width:262px;
}
.web_n_display dt a{
	font-size:14px;
	font-weight:bold;
	color:#605395;
	line-height:22px;
}
.web_n_display dt a:visited{
	color:#605395;
}
.web_n_display dt a:hover{
	color:#10609f;
}
.web_n_display dt,.web_n_display dd
{
    display:block;
}
.web_n_display dd
{
    color:#98999B;
}
/*业内新闻*/
.inside_news_title
{
    height:28px;
    margin-top:10px;
    background-image:url(../Images/inside_news_title.png);
    background-repeat:no-repeat;
    background-position:15px 0px;
    clear:both;
    text-align:right;    
    padding-top:10px;
    margin-top:-15px;
    margin-bottom:-15px;
}
.inside_news_title a
{
    margin-right:16px;
    color:#46C0FF;
	font-weight:normal;	
}
.inside_news_title a:visited
{
    color:#46C0FF;
}
.inside_news_title a:hover
{
	text-decoration:underline;
}
.inside_news_display
{
    margin:0 12px;
}
.inside_news_display a
{
	color:#333;
}
.inside_news_display a:visited
{
	color:#333;
}
.inside_news_display a:hover
{
    color:#10609F;
}
.inside_news_display ul,.inside_news_display dl{
    margin:0;
    padding:0;    
}
.inside_news_display li{
    height:21px;
    line-height:21px;
}
.inside_news_display dt{
    margin-top:15px;
    height:26px;
    line-height:26px;
}
.inside_news_display li span
{
    display:inline-block;
    width:60px;
    color:#2AA7FF;
    margin-left:10px;
    text-align:left;
}
.inside_news_display dt span
{
    display:inline-block;
    width:60px;
    color:#2AA7FF;
    margin-left:10px;
    text-align:left;
}
.inside_news_display dt span:hover
{
	text-decoration:underline;
	cursor:pointer
}
.inside_news_display dd
{
    color:#999;
    line-height:21px;
    margin:0 10px;
}
.inside_news_display li span:hover
{
	text-decoration:underline;
	cursor:pointer
}
/*rss订阅*/
.news_bottom
{
    height:31px;
    margin:19px 10px 0 10px;
    height:33px !important;
}
.news_bottom img
{
    margin-right:2px;
	vertical-align: middle;
}
.rss
{
    margin-top:1px;
}
.news_bottom span
{
    margin-right:7px;
    margin-left:9px;
	display:inline-block;
	line-height:31px;
}
/*焦点图*/
.focusPicture
{
    background-image:url(../Images/focusPicture_bottom.png);
    background-repeat:no-repeat;
    background-position:0 bottom;
    width:642px;
}
.focusPicture_middle
{
    background-image:url(../Images/focusPicture.png);
    background-repeat: no-repeat;
    background-position:0px 0px;
}
/*图标搜索*/
.icosearch
{
    background-image:url(../Images/icosearch_bg.png);
    background-repeat:no-repeat;
    background-position:0 0;
    width:639px;
    height:106px;
    margin-top:-14px;  
}
.ico_left
{
    width:283px;
    float:left;
    padding:0;
    margin-top:31px;
    padding-left:38px;
}
.ico_right
{
    width:261px;
    float:right;
    margin-top:31px;
    padding-right:33px;
}
.icosearch_text
{
    width:273px;
    height:32px;
    color:#B9C3C9;
    background:none;
    border:none;
    line-height:30px;
    padding-left:8px;
    margin:0px;
}
.icosearch_btn
{
    border: none;
    background:none;
    width: 261px;
    height: 46px;
    text-indent: -9999px;
    float:left;
}
.hot_sch
{
    color:#0F394D;
    clear:both;
}
.icosearch a
{
    color:#8DEBF6;
    margin-right:7px;
}
.icosearch a:visited
{
    color:#B3F1F9;
    margin-right:7px;
}
/*广告位置*/
.index_ad
{
    clear:both;
}
.index_ad img
{
    margin-right:5px;
}
/*高质量界面欣赏*/
h2.jmxs
{
    clear:both;
    background-image:url(../Images/jmxs.png);
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-9999px;
    height:30px;
    margin-top:-18px;
}
h2.jmxs a,h2.yczp a,h2.jpsc a
{
    display:block;
    width:189px;
    height:30px;
}
h2.yczp
{
    clear:both;
    background-image:url(../Images/yczp.png);
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-9999px;
    height:32px;
    margin-top:-8px;
}
h2.jpsc
{
    clear:both;
    background-image:url(../Images/jpsc.png);
    background-repeat:no-repeat;
    background-position:0 12px;
    text-indent:-9999px;
    height:44px;
}
.hightlife_title
{
    padding-top:8px;
    padding-bottom:7px;
}
.hightlife
{
    clear:both;
    height:330px;
}
.hightlife:after
{
    content:".";
    height:0;
    clear:both;
    display:none;
    visibility:hidden;
}
.tc_Ul
{
    height:33px;
    border-bottom:3px solid #000000;
    margin-bottom:3px;
}
.tc_Ul:after
{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0px;
}
.tc_Ul li{
    float:left;
    display: block;
    height: 33px;
}
.tc_Ul .tc_Li_Nml{
    float:left;
    display: block;
}
.tc_Ul span{
    display:inline-block;
    height: 33px;
    float: left;
}
.tc_Ul lable{
    display:inline-block;
    height: 33px;
    float: left;
}
.tc_Span1_Atd{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left -132px;
}
.tc_Label_Atd{
    padding:0 32px;
    display:inline-block;
    height: 33px;
    line-height:33px;
    background-color:#000000;
    float: left;
    color:#ffffff;
}
.tc_Span2_Atd{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -165px;
    margin-right: 2px;
}
.tc_Span1{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left 0px;
}
.tc_Label{
    padding:0 32px;
    height: 33px;
    line-height:33px;
    background:url(../Images/tab_bg.png);
    background-repeat: repeat-x;
    background-position:left -66px;
    display:inline-block;
    float: left;
    color: #7f7f7f;
}
.tc_Span2{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -33px;
    margin-right: 2px;
}
.tc_Span1_Nml{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left -132px;
}
.tc_Label_Nml{
    padding:0 10px;
    height: 33px;
    line-height:33px;
    background-color:#000000;
}
.tc_Span2_Nml{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -165px;
    margin-right: 2px;
}
.web_menu
{
    margin-right:2px;
    float:left;
    
}
.tc_Ul2
{
    height:33px;
    border-bottom:3px solid #000000;
}
.tc_Ul2 li{
    float:left;
    display: block;
    height: 33px;
}
.tc_Ul2.tc_Li_Nml{
    float:left;
    display: block;
}
.tc_Ul2 span{
    display:inline-block;
    height: 33px;
    float: left;
}
.tc_Ul2 lable{
    display:inline-block;
    height: 33px;
    float: left;
}
.tc_Ul2 .tc_Span1_Atd{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left -132px;
}
.tc_Ul2 .tc_Label_Atd{
    padding:0 44px;
    display:inline-block;
    height: 33px;
    line-height:33px;
    background-color:#000000;
    float: left;
    color:#ffffff;
}
.tc_Ul2 .tc_Span2_Atd{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -165px;
    margin-right: 2px;
}
.tc_Ul2 .tc_Span1{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left 0px;
}
.tc_Ul2 .tc_Label{
    padding:0 44px;
    height: 33px;
    line-height:33px;
    background:url(../Images/tab_bg.png);
    background-repeat: repeat-x;
    background-position:left -66px;
    display:inline-block;
    float: left;
    color: #7f7f7f;
}
.tc_Ul2 .tc_Span2{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -33px;
    margin-right: 2px;
}
.tc_Ul2 .tc_Span1_Nml{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:left -132px;
}
.tc_Ul2 .tc_Label_Nml{
    padding:0 10px;
    height: 33px;
    line-height:33px;
    background-color:#000000;
}
.tc_Ul2 .tc_Span2_Nml{
    width:4px;
    background:url(../Images/tab_bg.png);
    background-repeat: no-repeat;
    background-position:right -165px;
    margin-right: 2px;
}

/*高质量界面欣赏列表显示*/
.interface_list
{
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    width:122px;
    height:160px;
    float:left;
    margin:8px;
    text-align:center;
    overflow:hidden;
    line-height:122px;
}
.interface_list span
{
    background-image:url(../Images/Interface/bg2.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    display:inline-block;
}
.interface_list span i
{
    background-image:url(../Images/Interface/bg_mark.png);
    background-position:left top;
    background-repeat:no-repeat;
    display:inline-block;
    padding:0 2px 2px 0;
}
.interface_list span em
{
    background-image: url(../Images/Interface/bg1.png);
    background-position: left top;
    background-repeat: no-repeat;
    display:inline-block;
}
.interface_list span i em img
{
    display: block;
    max-height: 114px;
    max-width: 114px;    
    padding: 2px 1px 1px 3px;
    vertical-align:middle;
}
.itf_pic_div_first
{
	margin:3px 2px 0 0px;
    width:126px;
    float:left;
}
.itf_pic_div_first a{
    text-align: center;
    color: #505050;
    font-weight:bold;
    display:block;
	line-height:22px;
	clear:both;
}
.itf_pic_div_first a:visited{
    color: #505050;
}
.itf_pic_div_first a:hover{
    color: #505050;
    text-decoration:underline;
}

/*高质量界面欣赏列表不显示*/
.itf_pic_div{
    margin:3px 2px 0 0px;
    width:126px;
    float:left;
}
.itf_pic_div a{
    text-align: center;
    color: #505050;
    font-weight:bold;
    display:block;
	line-height:22px;
	clear:both;
}
.itf_pic_div a:visited{
    color: #505050;
}
.itf_pic_div a:hover{
    text-decoration:underline;
}
/*原创作品发布*/
.space_list
{
    width:210px;
    height:224px;
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    background-color:#000;
}
.space_list img
{
    width:210px;
    height:172px;
	margin-bottom:3px;
}
.space_list h3
{
    padding-left:11px;
	font-size:14px;
}
.space_list h3 a
{
    color:#fff;
}
.space_list h3 a:visited
{
    color:#fff;
}
.space_list h3 a:hover
{
    color:#50d9ff;
}
.space_list p
{
    padding-left:11px;
    color:#999;  
}
.space_list p a
{
    color:#77db00;    
}
.space_list p a:visited
{
    color:#77db00;    
}
.space_list p a:hover
{
    text-decoration:underline;   
}
.space_list p em a
{
    color:#77DB00;
}
/*精品素材下载*/
#DnlTP0,#DnlTP1,#DnlTP2,#DnlTP3,#DnlTP4{
	clear:both;
}
.down_pic
{
    width:310px;    
	background-color:#000;
	margin-top:12px;
	height:320px;
	float:left;
	position:relative;
}
.down_pic img
{
    width:310px;
    height:320px;
}
.down_pic span
{
    line-height:48px;	
	font-size:14px;
	font-weight:bold;
	display:block;
	width:310px;
	color:#fff;
	text-indent:18px;
	background-color:#000;
	position:absolute;
	left:0;
	bottom:0;
	filter:alpha(opacity=90); /*IE滤镜，透明度50%*/
	-moz-opacity:0.9; /*Firefox私有，透明度50%*/
	opacity:0.9;/*其他，透明度50%*/
	text-indent:18px;
}
.down_pic a{
	color:#fff;
}
.down_pic a:visited{
	color:#fff;
}
.down_pic a:hover
{
    color:#51D9FF
}
.download_lab
{
    width:318px;
    float:right;
	background-image:url(../Images/down_i_bg.jpg);
	background-repeat:repeat-x;
}
.download_lab:after
{
    content:".";
    height:0;
    display:block;
    clear:both;
    visibility:hidden;
}
.download_list
{
    clear:both;
    padding:12px 0;
}
.download_list:after
{
    content:".";
    height:0;
    display:block;
    clear:both;
    visibility:hidden;
}
.download_list img
{
    width:60px;
    height:60px;
    float:left;
}
.download_list div
{
    float:right;
    width:240px;
}
.download_list div a
{
    color:#000;
    font-weight:bold;
    display:block;
    height:18px;
    line-height:18px;
}
.download_list div a:visited
{
    color:#000;
}
.download_list div a:hover
{
    text-decoration:underline;
}
.download_list div tt
{
    color:#808080;
    line-height:20px;
    display:block;
}
.download_list div ul
{
    clear:both;
}
.download_list div li
{
    display:block;
    float:left;
    color:#8f8f8f;
    background:url(../Images/s_line.png);
    background-repeat:no-repeat;
    background-position:left center; 
    line-height:24px;
    width:80px;  
}
.download_list div li.one
{
    background:none;
}
.download_list div li em
{
    margin:0 7px 0 9px;
    color:#ff0000;
    font-size:9px;
}
.download_list div li.one em
{
    margin:0 8px 0 0 ;
}
#DownloadTab
{
    height:406px;
}
/*左侧布局*/
.left2 
{
    width:640px;
    float:left;
}
.left_ad{
	text-align:center;
	margin:10px 0;
}
.job_title
{
    background-image:url(../Images/job_title.png);
    background-repeat:no-repeat;
    background-position:0 0;
    height:28px;
    line-height:28px;
	margin-bottom:4px;
	clear:both;
	text-align:right;
	padding-right:12px;
}
.job_list{
	margin-top:8px;
	line-height:20px;
	display:block;
}
.job_list dt
{
    float:left;    
	text-indent:26px;
	height:22px;
	line-height:22px;
	background-color:#F4F7F4;
	background:url(../Images/News/New_hot_list.png);
    background-repeat: no-repeat;
    background-position:9px center;
    width:286px;
	margin-bottom:1px;
}
.job_list dd
{
    float:left;	
    width:57px;
	height:20px;
    text-align:center;
    color:#999;
	font-size:11px;
	margin-bottom:1px;
}
.des_title
{
    background-image:url(../Images/des_title.png);
    background-repeat:no-repeat;
    background-position:0 0;
    height:28px;
    line-height:28px;
    text-indent:11px;
	margin-bottom:4px;
	clear:both;
	text-indent:-9999px;
}
.ad img{
	width:346px;
	height:60px;
}
.des_list{
	margin:7px 3px 2px 3px;
}
.des_list dt
{
    float:left;
    line-height:22px;
	height:22px;
	background-color:#F4F7F4;
	margin-bottom:2px;
	width:270px;
	color:#333;
}
.des_list dt span{
	display:inline-block;
	width:60px;
	margin-right:5px;
	text-align:center;
}
.des_list dd
{
    float:left;	
    line-height:22px;
	height:22px;
	background-color:#F4F7F4;
    width:70px;
	line-height:18px;
    text-align:center;
    color:#BFBFBF;
	font-size:11px;
	margin-bottom:2px;
}
p.job {
	clear:both;
	text-align:right;
	padding-right:14px;
	color:#45BFFF;
	height:36px;
	line-height:28px;
}
.work_status{
	clear:both;	
	margin:0 3px;
}
.work_status li{
	display:block;
	float:left;
	height:26px;
	line-height:26px;
	color:#989898;
}
.work_status .do{
	background-image:url(../Images/des_one.jpg);
    background-repeat:no-repeat;
	background-position:8px center;
	width:75px;
	text-indent:23px;
}
.work_status .doing{
	background-image:url(../Images/des_two.jpg);
    background-repeat:no-repeat;
	background-position:0px center;
	width:77px;
	text-indent:20px;
}
.work_status .finish{
	background-image:url(../Images/des_three.jpg);
    background-repeat:no-repeat;
	background-position:0px center;
	width:100px;
	text-indent:20px;
}
.work_status .all{
	text-align:right;
	color:#43C0FF;
}
.des_read{
	padding:17px 21px 7px 21px;
	background-color:#F4F7F4;
	line-height:21px;
	text-indent:24px;
	margin-bottom:12px;
	color:#818C96;
	background-image:url(../Images/des_read_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	clear:both;
}
/*界面显示列表*/
.hightlife_display
{
    clear:both;
}
.pic_list
{
    background-image:url(../Images/web_list_bg.png);
    background-repeat:no-repeat;
    width:124px;
    height:121px;
    float:left;
    margin-top:4px;
    margin-right:4px;
}
.height_pic
{
    margin:4px;
}
.height_pic_text
{
    line-height:20px;
    height:20px;
    text-align:center;
}
.right2
{
    width:350px;
    float:right;
	margin-right:2px;
}
.right_ad{
   margin:10px 0;
}
.right_ad p{
    line-height:21px; 
    text-align:left;
    margin:20px 20px 8px 12px;
}
.right_ad tt{
    color:#F64819;
}
/*友情链接*/
.friend
{
    clear:both;
    border-top:solid 1px #E3E3E4;
    padding:6px;
    margin-top:17px;
}
.friend p
{
    width:66px;
    float:left;
    display:block;
	line-height:24px; 
}
.friend div
{
    float:right;
    width:920px;
}
.friend div a
{
    display:block;
    white-space:nowrap;
    width:76px;
    float:left;
    text-align:center;
    line-height:24px;
	color:#009AFE;
}
.friend div a:visited
{
	color:#009AFE;
}
.friend div a:hover
{
	text-decoration:underline;
}
/*知识堂*/
.konw_title
{
    background-image:url(../Images/know_title.png);
    background-repeat:no-repeat;
    background-position:0 0;
    height:28px;
    line-height:28px;
    text-indent:11px;
	margin-bottom:4px;
	clear:both;
	text-indent:-9999px;
	margin-top:-18px;
}
.right2 h3 span
{
    margin-left:104px;
    color:#fff;
    font-weight:normal;
}
.job_ad
{
	margin-bottom:2px;
	text-align:center;
}
.job_ad img{
	width:346px;
	height:40px;
}
.k_search_r
{
    background-image:url(../Images/k_s_bg.png);
    background-repeat:no-repeat;
    background-position:0 0;
    height:30px;
}
.k_search_r ul{
	width:346px;
	margin-left:8px;
}
.k_search_r li{
	display:block;
	float:left;
}
.k_search_r .one{
	width:170px
}
.k_search_r .two{
	width:105px;
}
.k_search_r .three{
	width:60px;
}

/*知识堂搜索*/
#KlgSearchKey
{
    width: 150px;
    height:20px;
    padding-left:9px;
	vertical-align: middle;
	float:left;
	margin-top:4px;
}
#KlgSelect
{
	width:100px;
	margin-top:4px;
}
.btn_out
{
    margin-top:2px;
    margin-left:7px;
}
.btn_over
{
    margin-top:2px;
    margin-left:7px;
}
.k_list_i
{
    padding:6px 0px;
}
.k_list_i li
{
    line-height:22px;
    text-indent:27px;
    background:url(../Images/News/New_hot_list.png);
    background-repeat: no-repeat;
    background-position:10px center;
	margin-bottom:1px;
}
.k_list_i li a{
	color:#333;
}
.k_list_i li a:visited{
	color:#333;
}
.k_list_i li a:hover{
	color:#10609f;
}

#KlgSelect
{
    width: 100px;
    height: 20px;
    border: solid 1px #ccc;
}

.klgSearchInputDefault
{
	color: #ccc;
}
.klgSearchInput
{
	color: #000;
}
.topten{

     margin:15px auto;
     padding:10px;
     border:solid 1px #D1DBE1
}
.topten p{
     float:left;
     display:block;
     width:450px;
	 text-indent:2em;
	 line-height:22px;

}
.topten a{
     float:right;
     display:block;
     width:140px;
     height:32px;
     color:#fff;
     line-height:32px;
     margin-top:24px;
     background-color:#ED2C0B;
     border:solid 1px #812418;
     text-align:center;
     font-weight:bold;
	 font-size:14px;
}
.topten a:visited{
     float:right;
     display:block;
     width:140px;
     height:32px;
     color:#fff;
     line-height:32px;
     margin-top:24px;
     background-color:#ED2C0B;
     border:solid 1px #812418;
     text-align:center;
     font-weight:bold;
	 font-size:14px;
}