@charset "utf-8";
/* base */
*{margin:0;padding:0}
body{font:12px/1.6em "宋体",Arial,Verdana,sans-serif,"Times New Roman"; color:#555; background:#fff;}
ul,ol,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; display:inline;}
img {border:0;}
input{height:16px;}
button {cursor:pointer;}
div,p {display:block;}
p{ padding-bottom:0.5em;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}

#head_up,.head_link,.head_link a.help,.head_login button,.head_login a.reg,#menu_wrap,#menu_wrap span.menu_left,#search,#menu ul li,#search span.search_left,#search span.search_right,#search form ul li input.btn,.side_box_t,.side_box_e,#btn_box .side_box_m a,#news_box,#tool_box .side_box_m h3,.c_box_t,.cbox_m,.c_box_e,#hot_info .side_box_m ul li span,.sub_right_box .side_box_m ul li span,.TabTitle .normal,.TabTitle .active,#bbs_info .focus_content ul li,#blog_info .focus_content ul li,#friend_link .friend_link_t,.friend_link_left,.friend_link_right,.sub_box_t,.list_box .title h2 a{ background:url(../images/layout_img.png);}
#head_nav,#head,#menu_wrap,#guide,#bd,#bd2,#bottom{ width:960px; margin:auto;}
/*head_up*/
#head_up{ height:20px; background-position:0 0; background-repeat:repeat-x; overflow:hidden; clear:both;}
#head_nav h1{ float:left; font-size:12px;}
#head_nav .top_link{ float:right;}
#head_nav .top_link a{ color:#f08200;}
/*head*/
#head{ position:relative; height:100px;}
a img.logo{ display:block; position:absolute; top:5px; left:0;}
.head_link{ position:absolute; top:10px; right:0; height:20px; width:207px; background-position:0 -30px; text-align:center; background-repeat:no-repeat;}
.head_link a{ line-height:20px;}
.head_link a.help{ background-position:-437px -33px; background-repeat:no-repeat; padding-left:15px;}
.head_login{ position:absolute; bottom:5px; right:0; }
.head_login ul{}
.head_login ul li{ float:left; padding-left:5px; height:22px; line-height:22px;}
.head_login input.text{ width:100px; padding:1px 0 1px 1px; border:1px solid #999;}
.head_login button{ width:40px; height:22px; border:0; padding:0; background-position:0 -152px; color:#fff; line-height:22px; font-size:12px;}
.head_login a.reg{width:40px; height:22px; display:block; background-position:-50px -152px; text-align:center; line-height:22px;}
/*menu*/
#menu_wrap{ height:37px; background-position:0 -59px;}
#menu_wrap span.menu_left{ float:left; width:5px; height:37px; background-position:-445px -151px; display:block; }
#menu{ float:left; width:630px; font-size:14px; color:#fff; font-weight:bold;}
#menu ul li{ float:left; height:35px; line-height:35px; background-position:100% -561px;}
#menu ul li a{ display:block; width:60px; text-align:center;padding:0 15px; text-decoration:none;}
#menu ul li a:hover{background:url(../images/menu_visited.gif) center 1px  no-repeat; color:#fff;}
#menu ul li a.visited{ background:url(../images/menu_visited.gif) center 1px  no-repeat;}
/*search*/
#search{ float:right; width:300px; height:37px; background-position:0 -106px; background-repeat:no-repeat; overflow:hidden;}
#search span.search_left{ float:left; display:block; height:37px; width:5px; background-position:-445px -195px;}
#search span.search_right{float:right; display:block; height:37px; width:5px; background-position:-440px -195px;}
#search form ul li{ float:left; height:22px; line-height:25px; padding-top:5px; padding-left:5px;}
#search form ul li select{ width:70px;}
#search form ul li input.text{ width:135px;}
#search form ul li input.btn{ background-position:-132px -152px; width:61px; height:24px; border:0; padding:0;}
/*bd*/
#bd{ margin-top:10px;}
#screen1,#screen2,#screen3,#screen4{overflow:hidden; clear:both;}
.left{ float:left; width:200px;}
.center{ float:left; padding-left:10px; width:440px;}
.min{ float:right; width:750px;}
.right{ float:right; width:300px;}

.side_box_t,.side_box_m,.side_box_e,.sub_box_t,.sub_box_m{ overflow:hidden; clear:both;}
.c_box_t,.cbox_m,.c_box_e{ overflow:hidden; clear:both;}
.side_box_t h2{ line-height:28px; padding-left:10px; font-size:12px; font-weight:bold;}
.c_box_t h2{line-height:28px; padding-left:10px; font-size:12px; font-weight:bold;}
.sub_box_t{ position:relative; height:26px; background-position:0 -604px; background-repeat:repeat-x; border:1px solid #fde3bb;}
.sub_box_t h2{position:absolute; top:0; left:10px; line-height:26px; font-size:12px; font-weight:bold;}
.sub_box_t .more{ display:block; position:absolute; top:0; right:5px; height:26px; width:50px; text-align:right; line-height:28px;}
.sub_box_m{ font-size:14px; line-height:1.8em; border:1px solid #ddd; border-top:0; padding:8px 5px; color:#999;}

#btn_box,#count_box,#change_banner,#news_box,#four_pro_box,.right_ad,#hot_info,#tool_box,#focus_ctoall,#net_info,#college,#network_info,#bbs_info,#blog_info,#featured,#friend_link,#hot_img_box,#hot_info_box,#Sub_left_ad,#sub_c_info,#hy_info,#exposure,.imgOrText,.sub_left_box,.faq_info{ margin-bottom:8px; overflow:hidden; clear:both;}
/*left button*/
#btn_box .side_box_t{ height:5px; background-position:0 -542px;}
#btn_box .side_box_m{ display:inline-block; border-left:1px solid #ffc770; border-right:1px solid #ffc770; padding:3px 0;}
#btn_box .side_box_m a{ display:inline-block; float:left; margin-left:6px; margin-bottom:8px; width:90px; height:32px; background-repeat:no-repeat;}
#btn_box .side_box_m a.btn01{ background-position:0 -198px;}
#btn_box .side_box_m a.btn02{background-position:-96px -198px;}
#btn_box .side_box_m a.btn03{background-position:-192px -198px; margin-bottom:0;}
#btn_box .side_box_m a.btn04{background-position:-288px -198px; margin-bottom:0;}
#btn_box .side_box_e{ height:5px; background-position:-210px -542px;}
/*count*/
#count_box{ height:130px; background:url(../images/count_bg.gif) no-repeat;}
#count_box .side_box_m{ position:relative; width:170px; margin:auto; padding-top:18px;}
#count_box .join_btn{ display:block; width:100px; height:30px; border-bottom:5px; left:10px;}
/* change banner */
#change_banner{border:1px solid #ddd;}
#MainPromotionBanner{width:438px;height:180px;border:0;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: 180px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width: 438px;height: 180px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 438px;height: 180px;}
#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top: 155px; right:8px; z-index: 10;height: 25px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #666;text-align: center;line-height:18px;width: 28px;height: 18px;font-family: Arial;font-size: 1em;cursor: pointer;overflow: hidden; margin:0 6px;font-weight:bold;background:url(../images/slide_trigger.png) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#d90000;background: url(../images/slide_trigger_c.png) no-repeat center center;border:0; font-weight:bold;font-size: 1em;line-height: 18px;height: 18px;width: 28px;margin:0 6px; }
/* news box */
#news_box{ height:37px; background-position:0 -246px;}
#news_box .news_column{ float:left; height:37px; width:70px; line-height:37px; padding-left:25px;}
#news_box .news_content{ float:left; width:300px; height:37px;}
#news_box .news_content ul li{ height:37px; line-height:37px;}
#news_box .news_scroll{ float:right; position:relative; height:37px; width:40px;}
#news_box .news_scroll a.prev{ position:absolute; top:5px; right:5px; display:block; width:13px; height:13px;}
#news_box .news_scroll a.next{ position:absolute; bottom:5px; right:5px; display:block; width:13px; height:13px;}
/* four product */
#four_pro_box{ border:1px solid #ddd; height:180px;}

/* tool box */
#tool_box .side_box_t,#net_info .side_box_t,#featured .side_box_t{ height:28px; background-position:0 -293px;}
#tool_box .side_box_m,#net_info .side_box_m,#featured .side_box_m{ *padding:10px 10px 0 10px; padding:10px 0px 0 10px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#tool_box .side_box_e,#net_info .side_box_e,#featured .side_box_e{ height:10px; background-position:0 -331px;}
#tool_box .side_box_m h3{ display:block; font-size:12px; font-weight:bold; color:#f08200; background-position:0 -580px; padding-left:10px;}
#tool_box .side_box_m .tool_content{ padding-bottom:5px; padding-left:10px;}
/* focus ctoall */
#focus_ctoall .c_box_t{ height:28px; background-position:0 -351px;}
#focus_ctoall .c_box_m{padding:10px 10px 0 10px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#focus_ctoall .c_box_e,#college .c_box_e,#network_info .c_box_e{ height:10px; background-position:0 -389px;}

.focus_hot{padding-bottom:2px; _height:85px; overflow:hidden; clear:both;}
.focus_hot a img.focus_img{ display:block; float:left; width:100px; height:80px;}
.focus_hot .focus_hot_content{ float:right; width:305px; }
.focus_hot .focus_hot_content h3,.focus_hot .focus_hot_content2 h3{ font-size:14px; font-weight:bold; display:block; color:#f08200; padding-bottom:5px;}
.focus_hot .focus_hot_content h3 a{ color:#f08200;}
.focus_content{ font-size:14px; padding-top:5px; border-top:1px dotted #ccc;  line-height:1.8em; color:#999;}
.focus_content ul li{ clear:both;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.focus_hot .focus_hot_content2{ text-align:center;}
.focus_hot .focus_hot_content2 h3 a{ color:#f08200; font-size:14px; font-weight:bold;}
.focus_hot .focus_hot_content2 p{ text-align:left; text-indent:2em;}

/* hot info */
#hot_info .side_box_t,#bbs_info .side_box_t,#blog_info .side_box_t,.sub_right_box .side_box_t{ height:28px; background-position:0 -409px;}
#hot_info .side_box_m,#bbs_info .side_box_m,#blog_info .side_box_m,.sub_right_box .side_box_m{*padding:5px 10px 0 10px; padding:5px 0px 0 10px; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:14px;}
#hot_info .side_box_e,#bbs_info .side_box_e,#blog_info .side_box_e,.sub_right_box .side_box_e{ height:10px; background-position:0 -448px;}
#hot_info .side_box_m ul li,.sub_right_box .side_box_m ul li{ padding-top:5px; height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#hot_info .side_box_m ul li span,.sub_right_box .side_box_m ul li span{ display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background-position:-103px -152px; color:#f08200;}
#hot_info .side_box_m ul li a,.sub_right_box .side_box_m ul li a{ padding-left:5px;}

/* min banner */
.min_banner_box{ overflow:hidden; clear:both; margin-bottom:8px;}
/* net info */
#net_info ul li{ color:#999; line-height:22px; clear:both; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 右边选项卡 */
.n4Tab{ }
.n4Tab .TabTitle{ position:relative; height:27px; border-bottom:1px solid #ffc770;}
.n4Tab .TabTitle ul{ position:absolute; top:0; left:5px; height:28px; display:block; width:400px; z-index:100;}
.n4Tab .TabTitle li{float:left; margin-right:2px; width:70px; height:28px; line-height:27px; text-align:center;  cursor:pointer;}
.n4Tab .TabTitle li h6{font-size:12px; font-weight:normal; margin:0;}
.n4Tab .TabTitle .normal{background-position: -80px -468px; height:27px;}
.n4Tab .TabTitle .active{background-position: 0 -468px; font-weight:bold;}
.n4Tab .TabTitle .more{ display:block; position:absolute; top:0; right:0; height:28px; width:50px; text-align:right; line-height:28px;}
.n4Tab .TabContent {padding:10px 10px 0 10px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.n4Tab .TabTitle .text_link{ display:block; position:absolute; top:0; right:0; height:28px; width:200px; text-align:right; line-height:28px;}
.n4Tab1{ }
.n4Tab1 .TabTitle{ position:relative; height:27px; border-bottom:1px solid #ffc770;}
.n4Tab1 .TabTitle ul{ position:absolute; top:0; left:5px; height:28px; display:block; width:400px; z-index:100;}
.n4Tab1 .TabTitle li{float:left; margin-right:2px; width:70px; height:28px; line-height:27px; text-align:center;  cursor:pointer;}
.n4Tab1 .TabTitle li h6{font-size:12px; font-weight:normal; margin:0;}
.n4Tab1 .TabTitle .normal{background-position: -80px -468px; height:27px;}
.n4Tab1 .TabTitle .active{background-position: 0 -468px;}
.n4Tab1 .TabTitle .more{ display:block; position:absolute; top:0; right:0; height:28px; width:50px; text-align:right; line-height:28px;}
.n4Tab1 .TabContent {padding:10px 10px 0 10px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.none {display:none;}
/* bbs info&blog info  */
#bbs_info .side_box_m,#blog_info .side_box_m{ padding-top:10px;}
#bbs_info .focus_hot,#blog_info .focus_hot{padding-bottom:2px; _height:85px; overflow:hidden; clear:both;}
#bbs_info .focus_hot .focus_hot_content,#blog_info .focus_hot .focus_hot_content{ float:right; width:165px; font-size:12px; overflow:hidden; }
#bbs_info .focus_hot .focus_hot_content h3,#blog_info .focus_hot .focus_hot_content h3{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#bbs_info .focus_content ul li,#blog_info .focus_content ul li{ background-position: 0 -560px; padding-left:12px;}
/* featured */
#featured .side_box_m{ padding:0; padding-left:8px; padding-top:3px;}
#featured .side_box_m td{ vertical-align:bottom;}
#featured .side_box_m td img{ border:1px solid #ccc;}

/* friend link */
#friend_link{}
#friend_link .friend_link_t{ position:relative; height:28px; background-position:0 -504px; background-repeat:repeat-x;}
#friend_link .friend_link_t .friend_link_left{ position:absolute; top:0; left:0; display:block; height:28px; width:5px; background-position:-445px -466px;}
#friend_link .friend_link_t .friend_link_right{position:absolute; top:0; right:0; display:block; height:28px; width:5px; background-position:-440px -466px;}
#friend_link .friend_link_t h3{ display:block; width:200px; float:left; padding-left:10px; font-size:12px; font-weight:bold; line-height:28px;}
#friend_link .friend_link_t .more{ float:right; padding-right:5px; display:block; line-height:28px; width:50px; text-align:right;}
#friend_link .friend_link_m{padding:0; border:1px solid #ddd; border-top:0; display:inline-block;}
#friend_link .friend_link_m .friend_content{ padding:10px 10px 10px 20px; overflow:hidden; clear:both;}
#friend_link .friend_link_m .friend_content ul li{ float:left; width:130px; line-height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

#bottom{}
#bottom .bottom_nav{ height:28px; background:#eee; border:1px solid #ddd; line-height:28px; text-align:center; overflow:hidden; clear:both;}
#bottom .pp_link{ text-align:center; margin-top:10px; overflow:hidden; clear:both;}
#bottom .copyright{ text-align:center; font-family:Arial, Helvetica, sans-serif; overflow:hidden; clear:both;}
#bottom .net_salf{ text-align:center; padding:20px 0; overflow:hidden; clear:both;}
#bottom .net_salf a{ padding:0 5px;}
#bottom .net_salf a img{ border:1px solid #ddd;}

/*---------------------------------------------------network Info-------------------------------------------------*/
#guide{ height:25px; line-height:25px;}
.left2{ float:left; width:300px;}
.center2{ float:left; padding-left:10px; width:440px;}
.min1{ float:left; width:300px; margin-bottom:8px;}
.min2{ float:right; width:320px; padding-left:10px; margin-bottom:8px;}
.min3{ float:left; padding:15px; width:615px; border:1px solid #fde3bb;}
.min4{ float:right; width:650px; margin-bottom:8px;}
.right2{ float:right; width:200px;}

#hot_img_box{ border:1px solid #fde3bb; padding-top:4px;}

#hot_info_box{ background:url(../images/hot_info_bg.gif) repeat-x; padding:10px; border:1px solid #fde3bb;}
#hot_info_box .focus_hot{padding-bottom:2px; _height:65px; overflow:hidden; clear:both;}
#hot_info_box .focus_hot .focus_hot_content{ margin:auto;width:100%; }
#hot_info_box .focus_hot .focus_hot_content h3{ text-align:center;}
#hot_info_box .focus_hot .focus_hot_content p{ text-align:left; text-indent:2em;}

#sub_right_ad{ border:1px solid #fde3bb; padding:4px;}
#sub_right_ad .sub_right_ad01{ display:block; padding-bottom:5px;}
#sub_right_ad .sub_right_ad02{ display:block;}

#sub_c_info .n4Tab .TabContent{ border-bottom:1px solid #ddd; padding-bottom:10px;}

.sub_left_box ul li,#exposure ul li{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

#exposure .sub_box_m{ font-size:12px; line-height:1.74em;}

.imgOrText ul{ margin:auto; width:97%;}
.imgOrText ul li{ float:left; width:152px; text-align:center;}
.imgOrText ul li img{ padding:3px; width:120px; height:90px; border:1px solid #ddd;}
.imgOrText ul li p{ text-align:center; font-size:12px; padding:0 10px; color:#555; line-height:1.6em;}

/*---------------------------------------------------list pages-------------------------------------------------*/
.list_box{ border-bottom:1px solid #ddd; display:inline-block; color:#999; padding:5px 0; margin-bottom:10px; overflow:hidden; clear:both;}
.list_box .title,.list_box .content,.list_box .description,.list_box .pager{ overflow:hidden; clear:both;}
.list_box .title h2 a{ float:left; background-position: 0 -563px; padding-left:12px; font-size:14px; font-weight:bold; color:#f08200;}
.list_box .title .date{ float:right;}
.list_box .content{ color:#999; padding:10px 0; text-indent:2em;}
.list_box .description ul li{ float:left; padding-right:100px;}
.pager{ text-align:right;}
.pager a{ padding:5px 10px; border:1px solid #ccc;}
.pager a.visited{border:1px solid #f08200; color:#f08200; font-weight:bold;}

.details_box{display:inline-block; overflow:hidden; clear:both;}
.details_box .title{ text-align:center; padding:5px 0; border-bottom:1px dotted #999;}
.details_box .title h2{font-size:20px; line-height:1.6em; font-weight:bold; color:#f08200;}
.details_box .description{ color:#999; text-align:center; overflow:hidden; clear:both;}
.details_box .content{ font-size:14px; padding:20px 10px; line-height:1.8em;}
.details_box .content p{ padding-bottom:10px;}
.details_box .end_dh{ border-top:1px dotted #999;}
.details_box .end_dh li{ padding-left:15px;}
.details_box .end_dh li.uppage{background:url(../images/uppage_icon.gif) no-repeat;}
.details_box .end_dh li.downpage{background:url(../images/downpage_icon.gif) no-repeat;}
.to_comments{margin:20px auto 10px auto; border:1px solid #ead1a5; overflow:hidden; clear:both; }
.to_comments .title{ padding-left:10px; width:100%; height:30px; background:#FFF7EC; border-bottom:1px solid #ead1a5; overflow:hidden; clear:both; }
.to_comments .title li{ font-weight:bold; height:30px; line-height:30px;}
.to_comments .cont{ margin:auto; padding:10px 0; width:96%; overflow:hidden; clear:both; }
.to_comments .cont ul{ width:100%; margin-bottom:5px; overflow:hidden; clear:both;}
.to_comments .cont ul li{ float:left; padding-right:5px;}
.to_comments .cont ul li.li01{ width:60px;}
.to_comments .cont ul li.submit{ padding-left:60px;}
.comments{margin:20px auto 0 auto; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; clear:both; }
.comments .title{ width:100%; height:30px; background:#FFF7EC; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-size:12px; overflow:hidden; clear:both; }
.comments .title li{ float:left; padding-left:10px; line-height:30px; line-height:30px;}
.comments .title li.title_li2{ float:right; padding-left:0px; padding-right:10px;}
.comments .cont{ margin:auto; padding:10px 0; width:96%; line-height:25px; font-size:14px; overflow:hidden; clear:both; }
.comments .cont div{padding:5px; background:#FFF7EC; border:1px solid #ccc; font-size:12px; line-height:20px;}
.comments .end{ margin:auto; width:96%; text-align:right; font-size:12px; overflow:hidden; clear:both; }
.comments_page{margin:0 auto 10px auto; width:96%; height:20px; text-align:right; overflow:hidden; clear:both;}
.comments_page li{ float:right; margin-left:5px; height:20px; line-height:20px; }
.menu_hover{background:url(../images/menu_visited.gif) center 1px  no-repeat; color:#fff;}


/*---------------------------------------------------faq-------------------------------------------------*/
#faq_box{ float:left; width:750px; background:url(../images/faq_box_m.gif) repeat-y;}
.faq_box_t,.faq_box_e{ height:10px; font-size:0; overflow:hidden; clear:both;}
.faq_box_t{background:url(../images/faq_box_t.gif) no-repeat;}
.faq_box_e{background:url(../images/faq_box_e.gif) no-repeat;}
.faq_box_m{ padding:0 10px;}
.faq_title{ display:block;}
.faq_box_m form{ padding:10px 20px;}
.faq_box_m form input{ border:1px solid #999; padding:2px;}
.faq_box_m table td{ padding:2px;}
.faq_search{ height:62px; background:url(../images/faq_search.gif) no-repeat; margin-bottom:8px;}
.faq_search .title{ padding:5px 10px; font-weight:bold;}
.faq_search form{ padding:0 10px;}
.faq_search form input.text{ float:left; display:block; border:0; background:none; width:132px; height:22px; padding:2px 4px;}
.faq_search form input.btn{ float:left; display:block; width:43px; height:25px; border:0; background:none;}
.faq_info{ overflow:hidden; clear:both; margin-top:8px;}
.faq_info .sub_box_m{ font-size:12px; color:#555;}
.faq_info .sub_box_m .pager{ margin-top:10px;}
.faq_info table.info_box{border-bottom:1px solid #ccc; background:#eee;}
.faq_info table.info_box2{border-bottom:1px solid #ccc; background:#fff;}
.faq_info table.q{ margin-top:5px; border-bottom:1px dotted #ccc;}
.faq_info table.a{ margin-bottom:5px;}
.faq_info table.q td{ padding:0 5px;}
.faq_info table.a td{ padding:0 5px;}
.faq_info table td.td01{padding:5px; border-right:1px dotted #ccc;}