@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,th,td,form,p{margin:0;padding:0;}
ol,ul,li,dd,dt,dl{ list-style:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
img{border:0;}
table{font-size:13px; empty-cells:show;}
caption,th{text-align:left;}
input,select,textarea{font-size:12px; color:#111111;font-family:'lucida grande',taho,verdana,'trebuchet ms',sans-serif;}
textarea {padding:2px; border:1px #DBE6EF solid; color:#666;}
html{text-align:center;background:#fff;}
body{text-align:left;font:13px/1.2 '宋体','lucida grande',taho,verdana,'trebuchet ms',sans-serif;position:relative;color:#666;}
:focus{outline:none;}
h2,.h2{	font-size:14px;font-weight:bold;}
h3,.h3{	font-size:12px; font-weight:normal;}
.table{border-collapse:collapse;border-spacing:0;}
.bor_no{border:0 !important;}
.bg_no{background:none !important;}
.block{display:block;width:100% !important;}
.none{display:none;}
.cle-no{ clear:none;}
.bold{font-weight:bold;}
.blue{color:#47a5d1;}
.red{color:red;}
.l{	float:left;}
.r{	float:right;}
.wid950{width:950px !important;}
.mar-t8{margin-top:8px;}
.mar-tb8{margin-top:8px;margin-bottom:8px;}
.mar-tb{margin-top:12px;margin-bottom:12px;}
.mar-b10 {margin-bottom:10px}
.mar-b5 {margin-bottom:5px}
.bor5{border:5px #f5f5f5 solid;}
.a-img{border:1px #d2d2d2 solid;padding:3px;}
.gray{color:#999;}
.o-h{overflow:hidden;}
/*蓝色转橙色链接颜色样式*/
a{color:#0268cd;}
a:hover{color:#f30;text-decoration:underline;}
 /*灰色转白色链接颜色样式*/
.link_gray a,a.link_gray{color:#666; text-decoration:none;} 
.link_gray a:hover{color:#fff;text-decoration:underline;}
/*黑色转灰色链接颜色样式*/
.link_black a, a.link_black {color:#333 !important; text-decoration:none;}
.link_black a:hover{color:#999;text-decoration:underline;}
/*橙色转蓝色链接颜色样式*/
.link_orange a{color:#f39700;text-decoration:none;}
.link_orange a:hover{color:#0268cd;text-decoration:underline;}  
/*defalult layout*/
.warp{width:950px;margin-left:auto !important;margin-right:auto !important;clear:both;}
#head{width:100%;height:95px;padding-top:8px;overflow:hidden;background:url(header_bg.jpg) repeat-x left top;}
.logo{float:left;width:129px;height:54px;}
.other-nav{float:right;width:400px;text-align:right;}
.other-nav a{padding:0 12px;border-right:1px #666 solid;color:gray;}
#nav{float:left;width:100%;height:33px;padding-top:13px; }
#nav li{float:left;line-height:28px;border:#484f58 solid;border-width:0 0 0 1px;height:28px;overflow:hidden;}
#nav li a{float:left;color:#fff; background:url(nav_li_bg.jpg) repeat-x left top; padding: 0 20px;height:28px;overflow:hidden;text-decoration:none;}
#nav li a:hover,#nav li a.on{ text-decoration:none;background:url(nav_li_bg.jpg) repeat-x left -28px;}
#banner{position:relative;width:948px;height:191px;margin:8px auto;border:1px #d2d2d2 solid;}
.ban_img{width:948px;height:191px;position:absolute;top:0;left:0;display:none;}
#ban_3{display:block;}

#banner a{position:relative;z-index:1000;text-decoration:none;}
#banner .r{margin:172px 10px 0 0;text-align:center;}
#banner .r a{margin-left:2px; padding: 2px 5px; background-color:#666;color:#fff;}
#banner .r a:hover{background-color:#0268cd; text-decoration:none;}
#banner .def_resource,#banner .def_down,#banner .def_community{position:absolute;bottom:26px;width:90px;height:24px;line-height:24px;text-align:center;}
.def_community{right:243px;}
.def_resource{right:354px;}
.def_down{right:463px;}
#market,#case,#hot-template,#pro_info,#course,#new_article,#hot_article{border:1px #d2d2d2 solid;}
#market h2,#case h2,#hot-template h2,#pro_info h3,#course h3,#new_article h3,#hot_article h3{position:relative;margin:-1px -1px 0 -1px;padding:6px 25px 2px 14px;height:23px;line-height:23px;color:#Fff;}
#market{float:left;width:383px;}
#market h2{background:url(col_market.jpg) no-repeat left top;}
#market ul{line-height:23px;padding:12px 20px;}
#market li{height:23px;text-align:right; border-bottom:1px #b7b7b7 dashed;}
#market li a{float:left;width:290px;overflow:hidden;text-align:left;text-decoration:none;}
#case{float:right;width:553px;}
#case h2{background:url(col_case.jpg) no-repeat left top;}
#case .a-img{float:left;margin:15px 0 20px 20px;}
#case .a-img img{width:165px;height:140px;}
#case h3{float:right;margin:18px 15px 0 0;width:300px;padding: 0 0 10px 20px; background:url(case_name_bg.gif) no-repeat left top;display:inline;}
#station{float:right;width:315px;height:115px;border:#efefef solid;border-width:0 4px 4px 0 ;margin: 4px 15px 0 4px;display:inline;}
#station dl{width:285px;height:95px;padding:10px 15px;border:1px #d2d2d2 solid;margin: -4px 0 0 -4px;line-height:23px;position:relative;}
#station dt,#station dd{padding-left:12px; background:url(case_dl_bg.gif) no-repeat left 7px;}
#case ul{clear:both;height:56px;padding:12px 0;margin:0 20px;border-top:1px #b7b7b7 dashed;overflow:hidden;}
#case li{float:left;margin:6px 0;}
#case li a{margin-right:8px;white-space:nowrap; }
#hot-template{float:left;width:948px;margin-top:8px;}
#hot-template h2{background:url(col_templaet.jpg) no-repeat left top;}
#hot-template ul{margin:15px 10px;overflow:hidden;}
#hot-template li{float:left;margin:0 8px;width:168px;height:128px;display:inline;}
#hot-template .a-img{display:block;}
#hot-template .a-img img{width:160px;height:120px;}
#hot-template h2 a.h3{margin-right:-15px; text-decoration:underline;}
/*--#work-fir,#link-fir{width:470px;margin:12px 0;margin-bottom:-10000px;padding-bottom:10000px;}
#work-fir ul,#link-fir ul{overflow:hidden;}
#work-fir h2,#link-fir h2{padding:8px;border-bottom:1px #d2d2d2 solid;margin-bottom:8px;}
#work-fir li,#link-fir li{float:left;margin:0 8px 0 8px;padding:0 8px 0 0;height:24px;line-height:24px;display:inline;}
#work-fir li a,#link-fir li a{ text-decoration:none;}---*/

#work-fir,#link-fir{width:470px;margin:12px 0;border:1px #d2d2d2 solid;}
#work-fir h2,#link-fir h2{position:relative;margin:-1px -1px 0 -1px;padding:6px 20px 6px 12px;height:23px;line-height:23px;color:#Fff;background:url(col_templaet2.jpg) no-repeat left top;}

#work-fir ul,#link-fir ul{overflow:hidden;margin:0 0 8px 4px;}
#work-fir li,#link-fir li{float:left;margin:8px 8px 0 8px;padding:0 8px 0 0;height:24px;line-height:24px;display:inline;}
#work-fir li a,#link-fir li a{ text-decoration:none;white-space:nowrap;}

#foot{float:left;width:950px;height:80px;margin-top:12px;text-align:center;color:#999; background:#f6f6f6 url(foot_bg.gif) repeat-x left top;}
#foot p{display:block;padding:17px 0 8px 0;}
#foot p a{margin:0 8px;}
.col-r{float:right;width:740px;margin-top:8px;}
.col-r h2{padding:10px 10px 6px 10px;color:#f39700; border-bottom:1px #d2d2d2 solid;}
/*download*/
#col_nav{float:left;width:200px;margin-top:12px;padding-top:30px;background:url(clo_nav_top_bg.jpg) no-repeat left top;}
#col_nav ul{line-height:34px;padding-bottom:10px; background:url(col_nav_bot_bg.jpg) no-repeat left bottom;}
#col_nav li{padding:1px;border:#e0e8f4 solid;border-width:0 1px;background:url(col_nav_li_bg.jpg) no-repeat left bottom;}
#col_nav li a{display:block;padding-left:44px;height:34px;text-decoration:none;}
#col_nav li a:hover,#col_nav li .on{background:url(col_nav_a_bg.jpg) no-repeat left top; color:#f39700; text-decoration:none;}
.leftgg{width:100%;background:url(col_nav_bot_bg.jpg) no-repeat left bottom;float:left;line-height:20px;}
.leftgg h3{width:100%;height:25px;line-height:25px;margin-bottom:5px;text-align:center;background:#E0FFFF;color:#000000;font-size:14px;font-weight:800;}
.leftgg a{padding-left:0px;text-decoration:none;color:#000000;}
.leftgg a:hover{background-color:#0268cd; text-decoration:none;color:#ffffff;}

#download dl{ border-bottom:1px #b7b7b7 dashed;padding:24px 20px 24px}
#download dt{padding:12px 0;font-weight:bold;font-size:14px;}
#download dd{line-height:30px;height:30px;clear:both;margin-left:5px;}
#download dd a{margin:0 6px;}
#download dd.mar-t8 a{margin:0 15px 0 0;}
/*template.htm*/
.plug-in-cell{width:730px; border:1px #b7b7b7 solid;padding-top:20px;margin:20px 5px 0 5px;float:left;display:inline;}
#plug-in dl{float:left;margin:0px 0 24px 208px;width:340px;display:inline;}
#plug-in dt{float:left;margin-left:-190px;width:168px;height:128px;position:relative;display:inline;}
#plug-in dt a{display:block;}
#plug-in dd{line-height:24px;}
#plug-in dd a{margin:0 8px;}
.install_plug{float:right;width:128px;height:28px;text-align:center;margin-right:15px;font-weight:bold;padding:6px 30px 8px 6px;line-height:15px;
				background:url(btnMap.gif) no-repeat left top;border:0;cursor:pointer;zoom:1;overflow:hidden;}
			
.bg_gray{background:#f6f6f6; }	
/*--模板排序按钮 09-03-13 -----*/		
.temp_sort{margin:8px 6px -12px 6px ;clear:both;display:block; position:relative;height:30px; overflow:hidden;zoom:1;}
.temp_sort ul{height:28px;border-bottom:1px #ccc solid; display:block;}
.temp_sort li{float:right; width:116px;height:28px;margin-left:-1px;}

.temp_sort a{display:block;display:inline-block; width:116px;height:24px; line-height:24px;padding-top:4px;background:url(tem_sort_bg.gif) no-repeat  left top;text-align:center;}

.temp_sort a:hover,.temp_sort .on{background:url(tem_sort_bg.gif) no-repeat  left -30px; height:26px;padding-top:4px;position:relative;margin:-1px 0; z-index:10;zoom:1;}


/*--四小图圆角 09-04-27 -----*/	
			
.angle_t,.angle_b{position:relative;width:100%;float:left;zoom:1;height:4px;}
.angle_t_l,	.angle_t_r{position:absolute;top:-21px;height:4px;width:4px;background: no-repeat top left;}	
.angle_t_l{background-image:url(angle_t_l.gif);left:-1px;}		
.angle_t_r{background-image:url(angle_t_r.gif);right:-1px;}
.angle_b_l,.angle_b_r{position:absolute;bottom:-1px !important;bottom:-9px;height:4px;width:4px;background: no-repeat top left;}	
.angle_b_l{background-image:url(angle_b_l.gif);left:-1px;}		
.angle_b_r{background-image:url(angle_b_r.gif);right:-1px;}		
/*--.download{padding:3px 0 0 12px; background:url(down_sign.gif) no-repeat left top;}--*/
/*------fenye-----*/
#fenye{margin:20px 2%;;line-height:18px;width:95%;text-align:center;clear:both;float:left;display:inline;}
#fenye a{display:inline-block;border:1px #9aafe5 solid;padding:5px 8px;margin-right:8px;line-height:12px;text-decoration:none; vertical-align:middle; }
#fenye a.on,#fenye a:hover{border:1px #9aafe5 solid; background:#0373ca;color:#fff;}
#fenlei{float:right;width:725px;margin:8px 0 0 8px;}
#fenye a.mar-r8{border-color:#d2d2d2;padding:5px 12px;}
/*------product-----*/
#pro_banner{float:right;position:relative;width:740px;height:244px;margin-top:12px; background:url(banner_product.jpg) no-repeat left top;}
#pro_banner a{text-decoration:none; }
.pro_resource,.pro_down,.pro_community{position:absolute;bottom:32px;width:90px;height:24px;line-height:24px;text-align:center;}
.pro_community{right:69px;}
.pro_resource{right:179px;}
.pro_down{right:288px;}
#pro_info{float:right;width:738px;}
#pro_info h3{padding:2px 6px;height:24px; background:url(pro_nav.jpg) no-repeat left top; }
#pro_info h3 a{float:left;height:24px;padding:0 15px;border-right:1px  #d2d2d2 solid;background:url(pro_nav_a.jpg) repeat-x left 24px;}
#pro_info h3 a:hover,#pro_info h3 a.on{color:#fff;background:url(pro_nav_a.jpg) repeat-x left top; text-decoration:none;}
.pro-dl dl,.pro-dl p{margin:20px;line-height:24px;}
.pro-dl dt{	font-weight:bold;margin:20px 0 12px 0;color:#0286cd;}
.pro-dl dd{line-height:22px;margin:8px 0;}
.pro-ul{margin-top:12px;}
.pro-ul ul{margin:20px 30px;line-height:24px;overflow:hidden;}
.pro-ul li{float:left;width:200px;margin-right:20px;height:24px;overflow:hidden;}
#gn,#hj,#rz{display:none;}
#gs{display:block;}
/*------help.htm-----*/
#help{margin-top:12px;}
#course{width:738px;padding-bottom:10px;margin-bottom:8px;}
#course h3{ background:url(help_col740.jpg) no-repeat left top;}
#course h3,#new_article h3,#hot_article h3{padding:4px 12px 4px 20px;}
#course p{line-height:18px;margin:12px 30px;}
#new_article,#hot_article{width:362px;}
#new_article h3,#hot_article h3{background:url(help_col360.jpg) no-repeat left top;}
#new_article ul,#hot_article ul{margin:8px 20px;}
#new_article li a,#hot_article li a{margin-right:8px;line-height:24px;}

/*----plug list fenye 09-02-05  style.htm----*/
.describe{height:66px;overflow:hidden;width:164px;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.tem_name,.label_name{height:44px;overflow:hidden;}
.inp_sum{padding:3px 8px 0 8px;}
.a-c{text-align:center;margin:0 auto;}
.tem_ky{float:left;width:165px;margin:10px 0 10px 8px;border:1px #ccc solid;padding:4px;display:inline;overflow:hidden;}
.tem_ky img{float:left;width:158px;height:118px;padding:2px;border:1px #ededed solid;}
.tem_ky li{display:block;list-style:none;line-height:22px;}
.tem_style li input{margin-left:12px;padding-top:3px;}
.tem_ky ul{float:left;line-height:20px;margin: 8px 0;padding:0;}
.tem_ky input{margin-right:4px;height:24px;}
.tem_ky a{margin:0 0 0 4px;}
.get_more{display:block;clear:both;margin:0 12px;line-height:22px;}
.get_more span{display:block;clear:both;}
.link_blue a{text-decoration:none;}
#tem_label{padding:8px 0;margin:0 8px;display:block;border-bottom:1px #b7b7b7 dashed;overflow:hidden;zoom:1;}
#tem_label dt{display:block;font-weight:bold;line-height:28px;clear:both;}
#tem_label dd{float:left;margin:0 8px;line-height:24px;word-break:break-all;}
#tem_label dd a{white-space:nowrap;}
/*--tem_label select 09-3-20----*/
#tem_label .select{ border:1px #ccc solid; color:blank;}
#tem_label .black{background-color:#333; color:white;}
#tem_label .white{ background-color:white;}
#tem_label .pink{ background-color:pink;}
#tem_label .blue{ background-color:blue; color:white;}
#tem_label .green{ background-color:green; color:white;}
#tem_label .red{ background-color:red;color:white;}
#tem_label .brown{ background-color:brown; color:white;}
#tem_label .orange{ background-color:orange; }
#tem_label .gray{ background-color:gray; color:white;}
#tem_label .purple{ background-color:purple; color:white;}
/*----The plan for union of paedia 09-02-19  bklm.htm----*/
#nav_bklm{height:67px;background: url(nav_bklm_bg.jpg) repeat-x left top;border:1px #2f7ca7 solid;}
#nav_bklm li{float:left;margin:10px 8px;}
#nav_bklm li a{float:left;width:219px;height:47px; background:url(nav_bklm_a.gif) no-repeat left top;}
#nav_bklm li a:hover{ background:url(nav_bklm_a.gif) no-repeat left -47px;}
#nav_bklm li a.how{ background-position:-236px top;}
#nav_bklm li a.how:hover{ background-position:-236px -47px;}
#nav_bklm li a.standard{ background-position:-473px top;}
#nav_bklm li a.standard:hover{ background-position:-473px -47px;}
#nav_bklm li a.answer{ background-position:-709px top;}
#nav_bklm li a.answer:hover{ background-position:-709px  -47px;}

#excellent_union,#station_plan{margin-top:5px;}
#excellent_union h2,#station_plan h2{position:relative;margin:-1px -1px 0 -1px;padding:6px 25px 2px 14px;height:23px;line-height:23px;color:#Fff;background:url(union.jpg) no-repeat left top;}
#excellent_union .a-img{float:left;margin:12px 0 20px 0px;}
#excellent_union .a-img img{width:160px;height:120px;}
.tab_level{margin:20px 0 0 0;overflow:hidden;zoom:1;}
.tab_level ul{display:block;height:25px;border-bottom:1px #d2d2d2 solid;}
.tab_level li{ float:left;margin:0 0 0 20px;}
.tab_level li a{float:left;height:24px;line-height:26px;padding:0 12px;border:1px #d2d2d2 solid;
				border-bottom:0; text-decoration:none;background:#fff;}
.tab_level li a:hover,.tab_level li a.on{float:left;position:relative;padding:0 12px;margin:0 0 -1px 0px;height:25px;line-height:27px;background:#fff;color:#666;font-weight:bold;}

#excellent_union a{	text-decoration:none;}
#excellent_union  .station{float:left;width:284px;height:125px;border:#efefef solid;border-width:0 4px 4px 0 ;margin: 16px 8px 0 8px;display:inline; }
.station dl{width:275px;height:118px;padding:4px 5px;border:1px #d2d2d2 solid;margin: -4px 0 0 -4px;line-height:21px;position:relative;}
.station dt,.station dd{padding-left:15px;}
.station dt{background:url(case_dl_bg.gif) no-repeat 3px 6px ;}
.site_name{ margin-top:8px;}

#excellent_union dd.bor_no a{ position:absolute;bottom:8px;right:8px;}
#station_plan h3{border-bottom:1px #d2d2d2 solid;height:26px;line-height:28px;padding:0 5px;margin:12px 8px; font-weight:bold; clear:both;}
#station_plan .table{border:1px #d2d2d2 solid;margin:20px 12px 15px 12px;width:95%; clear:both;}
#station_plan .table td{border:1px #d2d2d2 solid;padding:4px 12px;line-height:24px;}
#station_plan .table thead{font-weight:bold;}
#station_plan .red{ font-size:16px; font-family:Verdana;font-weight:900;padding-right:4px; font-style:italic;}
.declaration{display:block;margin:0 12px 0 12px;line-height:20px; position:relative;padding:0;}
#station_plan  h3.bor_no{display:block;height:auto;line-height:26px;padding:0 5px;margin:12px 8px 0 8px; font-weight:bold;}


#sec,#thr{ position:relative;border:1px #efefef solid;margin: 12px 12px 4px 12px;padding:8px 12px 30px 12px;clear:both;overflow:hidden;zoom:1;}
#sec li{float:left;width:166px;margin-right:16px;}
#sec a.a-img{width:158px;height:118px;margin:0 0 4px 0;}
#sec  a{text-align:center;display:block;line-height:24px; }
#sec .a-img img{float:left;width:158px;height:118px;overflow:hidden;}
#thr li{float:left;line-height:24px;width:14%;margin-right:2%;overflow:hidden;height:24px;vertical-align:middle;}
/*----#sec li,#thr li{float:left;line-height:24px;width:14%;margin-right:2%;overflow:hidden;height:24px;}----*/
.more{position:absolute;bottom:8px;right:8px;text-align:right; }
#sec,#thr{display:none;}
#fir{display:block;}
#excellent_union .new{display:block;}
/*----for station_list.htm  banma  09-03-04----*/
.station_level{width:894px;padding:18px 28px; background:url(col_l_bg.jpg) repeat-x left top;color:#666;margin: 8px auto;}
.station_level h2{margin:30px 0 12px 0;clear:both;}
.tb_star{width:100%;border:1px #ccc solid;}
.tb_star thead td{font-weight:bold;color:#000;border-bottom:2px;background:#e8e8e8}
.tb_star td{border:1px #ccc solid;height:26px;line-height:26px;padding:4px 10px 0 10px;}
/*----for user_list.htm  banma  09-03-17----*/
.col_title{margin:30px 0 0 0;color:#f30;font-size:12px;}
#plug-in .table{width:100%;table-layout:fixed; border:1px #ededed solid;margin:20px 0;}
.table td{padding:8px 12px; vertical-align:top; border:1px #ededed solid;}