/*系统样式，CMS定义*/
body{
	font-family: "arial";
	font-size: 12px;
	color: #063401;
	margin:0px;
	background-color: #EBF0E9;
	overflow-x: hidden;
	overflow-y: auto;
}
td {
	font-family:"arial";
	font-size: 12px;
	color: #063401;
}
p {margin:0px;padding:0px;border:0px}
.clear{ clear:both;}/*清除浮动*/
img {border:0px;behavior:url("images/systemfiles/pngbehavior.htc")}/*支持png图片*/
a {behavior:url("images/systemfiles/onfocus.htc")}/*去掉点击虚线*/
.keyword{background-color: #FFFF00;}/*搜索高亮关键词*/
/*Titlt样式*/
div#qTip {
	padding-right: 2px;
	padding-left: 3px;
	padding-bottom: 1px;
	border: 1px solid #ABAB98;
	display: none;
	background: #FEFEDA;
	color: #5F5F52;
	font-family:"Tahoma";
	font-size: 12px;
	text-align: left;
	position: absolute;
	z-index: 1000;
	line-height:16px;
}
form{margin:0px;padding:0px}
/*Titlt样式结束*/
.bt {
	font-family:"Tahoma";
	font-size: 12px;
	BORDER:  1px solid #000; 
	PADDING-top: 3px; 
	FONT-SIZE: 12px; 
	CURSOR: pointer; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #F9F9F9;
}
.input {
	font-family:"Tahoma";
	font-size: 12px;
	COLOR: #063401;
	BACKGROUND-COLOR: #ffffff;
	text-decoration: none;
	width: 100%;
	height:20px;
	line-height:16px;
	border:1px solid #D1D9CD;
	padding-left:2px;
	margin:0px;
	background-image: url(bg_input.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.searchinput {
	font-family:"Tahoma";
	font-size: 12px;
	COLOR: #063401;
	BACKGROUND-COLOR: #ffffff;
	text-decoration: none;
	width: 100px;
	height:18px;
	line-height:14px;
	border:1px solid #284320;
	padding-left:2px;
}

.box-search{
	z-index:500;position:absolute;visibility: visible;margin-left:680px;margin-top:-34px;
}

a:link {
	color: #063401;
	text-decoration: none;
}
a:visited {
	color: #063401;
	text-decoration: none;
}
a:hover {
	color: #DE4E00;
	text-decoration: none;
}
/*morepic图片框*/
.morepic{
	border:3px solid #000000;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.morepic2{
	border-top:1px solid #000000;
	height:25px;
	background-color:#FEFEDA;
}

/*小号中文字体*/
.smallcnfont{
	font-family: "PMingLiU";
	font-size: 11px;
}
/*英文*/
.enfont{
	
	font-family:"Tahoma";
	font-size: 11px;
	
}
.enfont a:link{
	font-family:"Tahoma";
	font-size: 11px;
}
.enfont a:visited{
	font-family:"Tahoma";
	font-size: 11px;
}

/*当前样式*/
.this {
	COLOR: #DE4E00;
}
/*加粗*/
.bold{
	font-weight:bold;
}


/*以下自定义*==============================/

/*内容行高样式*/
.h18{
	line-height: 18px;
	WORD-WRAP: break-word;
}
.h20{
	line-height: 20px;
	WORD-WRAP: break-word;
}

.h22 {
	line-height: 22px;
	WORD-WRAP: break-word;
	

}

.content{
	word-break:break-all;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*整体文字色定义*/
.font1{
	COLOR: #DE4E00;
	text-decoration: none;
}
.font1 a:link{
	COLOR: #DE4E00;
	text-decoration: none;
	}
.font1 a:visited{
	COLOR: #DE4E00;
	text-decoration: none;
}
.font1 a:hover{
	COLOR: #DE4E00;
	text-decoration: underline;
}

.font2{
	COLOR: #1E5707;
	text-decoration: none;
}
.font2 a:link{
	COLOR: #1E5707;
	text-decoration: none;
	}
.font2 a:visited{
	COLOR: #1E5707;
	text-decoration: none;
}
.font2 a:hover{
	COLOR: #DE4E00;
	text-decoration: underline;
}	

.font3{
	COLOR: #FFFFFF;
	text-decoration: none;
}
.font3 a:link{
	COLOR: #FFFFFF;
	text-decoration: none;
	}
.font3 a:visited{
	COLOR: #FFFFFF;
	text-decoration: none;
}
.font3 a:hover{
	COLOR: #FFF000;
	text-decoration: none;
}

.font4{
	COLOR: #FFCC00;
	text-decoration: none;
}
.font4 a:link{
	COLOR: #FFCC00;
	text-decoration: none;
	}
.font4 a:visited{
	COLOR: #FFCC00;
	text-decoration: none;
}
.font4 a:hover{
	COLOR: #ffffff;
	text-decoration: none;
}

.font5{
	COLOR: #405850;
	text-decoration: none;
}
.font5 a:link{
	COLOR: #405850;
	text-decoration: none;
	}
.font5 a:visited{
	COLOR: #405850;
	text-decoration: none;
}
.font5 a:hover{
	COLOR: #DE4E00;
	text-decoration: none;
}
/*白色透影*/
.whitety {
	filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);
	text-decoration: none;
}

/*新闻列表*/
.turns { /*滚动*/
	height:22px;
	line-height:22px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.newlist{
	padding:5px 0 5px 12px;
	background:url(systemfiles/ico1.gif) 0px 9px;
	background-repeat:no-repeat;
	margin:0px;
}

.newlist p{
	float:right;
}

.newstree {
	padding:1px 16px 1px 12px;
	background:url(systemfiles/ico1.gif) 0px 9px;
	background-repeat:no-repeat;
	margin:0px;
	float:left;
}
.tree {
	background:url(systemfiles/ico7.gif) 0px 9px;
	background-repeat:no-repeat;
	margin:0px;
	float:left;
	text-indent: 10px;
}

/*选项卡*/
.Menubox {
	width:100%;
	height:25px;
	line-height:25px;
}
.Menubox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	
}
.Menubox li{
	float:left;
	text-align:center;
	background:#f4f4f4;
	display:block;
	cursor:pointer;
	width:100px;
	list-style:none;
	margin:0px;
	padding:0px;

}
.Menubox li.hover{
	color:#ffffff;
	background:#CC0000;
}
/*选项卡结束*/

/*轮显图片样式*/
.Swichpc{width:946px;height:304px;}
.Swichpc-box{
	width:946px;
    height:304px;
	margin:0px;padding:0px;
}
.Swichpc-swf{
	z-index:100;position:absolute;visibility: visible;margin-left:850px;margin-top:-290px;
}
.Swichpc-swfpc{
	z-index:50;position:absolute;visibility: visible;margin-left:863px;margin-top:-282px;
}
.Swichpc-on{
	width:80px;
	height:39px;
	cursor: pointer;
	background-image: url(sty_banner_on.gif);
	background-repeat: no-repeat;
	margin-top:5px;
}
.Swichpc-off{
	width:80px;
	height:39px;
	cursor: pointer;
	background-image: url(sty_banner_off.gif);
	background-repeat: no-repeat;
	margin-top:5px;
}
/*结束*/

/*布局style*/

.bg-top{
	background-color: #FEFEFE;
	background-image: url(bg_top.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bg-tyl{
	background-image: url(bt_tyl.gif);
	background-repeat: repeat-y;
	width:12px;
	background-position: right;
}
.bg-tyr{
	background-image: url(bt_tyr.gif);
	background-repeat: repeat-y;
	width:12px;
	background-position: left;
}
.line-y{
   margin-left:10px;
   margin-right:10px;
   width:2px;
   height:26px;
}
.line-bg{
	padding:5px;
	background-color: #E8F3E8;
	background-image: url(line_ybg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.logo{float:left;
	margin-left:10px;
	display:inline;}
.top-nav{
	float:right;margin-right:10px;
	margin-top:15px;
	display:inline;
}
.bg-top-menu{
	background-color: #002C00;
	background-image: url(bg_top_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bg-top-menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:60px;	
}
.bg-top-menu li{
	float:left;
	padding:0 17px 0 17px;
	list-style:none;
	margin:0px;
	background-image: url(line_y_top_menu.gif);
	background-repeat: no-repeat;
	background-position: right;
	color:#ffffff;
	height:26px;line-height:26px;
}
.im{
	background-image: url(ico_nav_top_menu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.nav-top-menu-box{
	position:absolute;visibility: visible;
}
.nav-top-menu{
	background:#1E5707;
	opacity:1.0;
	filter:alpha(opacity=100);
	margin:0px;
	padding:7px 25px 5px 25px;
}
.nav-top-menu img{
	margin-left:10px;margin-right:6px;
}

.Tab-nav{
	position:absolute;visibility: visible;margin-top:-50px;
}

.bg-xnav1{
	background-image: url(bg_xnav1.gif);
	background-repeat: repeat-y;
	background-position: right;
	width:4px;
}
.bg-xnav2{
	background-image: url(bg_xnav2.gif);
	background-repeat: repeat-y;
	background-position: left;
	width:4px;
}
.bg-xnav3{
	background-image: url(bg_xnav3.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#FFFFFF;
}
.bg-xnav4{
	background-image: url(bg_xnav4.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FFFFFF;
	padding:20px 10px 10px 10px;
}
.bg-xnav5{
	background-image: url(bg_xnav5.gif);
	background-repeat: repeat-x;
	background-position: top;
	height:5px;
}
.xnavdc{padding:5px 10px 0 30px;}

.bg-foot1{
	background-image: url(bg_foot1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:15px;
}
.bg-foot2{
	background-image: url(bg_foot2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:15px;
}
.bg-foot3{
	background-image: url(bg_foot3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.n-c1{
	background-image: url(n_c1.gif);
	background-repeat: no-repeat;
	background-position:left top;
	width:14px;height:14px;
	float:left;
	overflow:hidden;
}
.n-c2{
	background-image: url(n_c2.gif);
	background-repeat: no-repeat;
	background-position:right top;
	width:14px;height:14px;
	float:right;
	overflow:hidden;
}
.n-c3{
	background-image: url(n_c3.gif);
	background-repeat: repeat-x;
	background-position:top;
	height:14px;
	overflow:hidden;
}
.n-c4{
	background-image: url(n_c4.gif);
	background-repeat: repeat-y;
	background-position:left;
}
.n-c5{
	background-image: url(n_c5.gif);
	background-repeat: repeat-y;
	background-position:right;
	padding:10px 25px 15px 25px;
}
.n-c5-1{
	background-image: url(n_c5.gif);
	background-repeat: repeat-y;
	background-position:right;
	padding:10px 25px 15px 35px;
}
.n-c6{
	background-image: url(n_c6.gif);
	background-repeat: no-repeat;
	background-position:left top;
	width:14px;height:15px;
	float:left;
	overflow:hidden;
}
.n-c7{
	background-image: url(n_c7.gif);
	background-repeat: no-repeat;
	background-position:right top;
	width:14px;height:15px;
	float:right;
	overflow:hidden;
}
.n-c8{
	background-image: url(n_c8.gif);
	background-repeat: repeat-x;
	background-position:top;
	height:15px;
	overflow:hidden;

}
.n-cbg{
	background-image: url(n_cbg.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	background-color:#ffffff;
}
.n-nav{
	position:absolute;visibility: visible;
	margin-top:17px;
	background-image: url(n_nav.gif);
	background-repeat: no-repeat;
	width:155px;height:36px;
	padding:12px 0 0 25px;
}
.nav{
	padding:3px 0 3px 0;
}
.gbook{padding:0 5px 0 5px}

.course_list p {
	width: 185px;
	float: left;
	margin-bottom: 10px;
}

.piclist{border:3px solid #EDF6ED;}
.plist1{border:1px solid #6C976C;width:106px;height:66px;margin-right:10px;}
.plist2{border:1px solid #6C976C;width:156px;height:86px;margin-right:10px;}


.dd1{
padding:0 10 10 10;
width:820px;
float:left;



}
.dd1 .n_c1{
margin-left:0px;
float:left;
width:180px;


}


.dd1 .n_c2{
background:#FF0000;
padding-left:0px;
margin-right:0px;
float:right;

}
.dd2{

float:right;
width:50px;
background:red;


}



#ncre
{
width:880px;

height:1600px;
}


#ncre .top
{
width:880px;
height:241px;
background:url(../images/background.gif) no-repeat;

}
#ncre .top2
{
width:880px;
height:241px;
background:url(../images/background2.gif) no-repeat;

}

#ncre table
{

font-size:12px;
line-height:20px;
padding: 5px 5px;
}


#ncre .left
{
float:right;
width:600px;
}

#ncre .right{
color:#666666;
text-align:left;
margin:10px 0px;
float:left;
width:270px;
}
#ncre .right .tel
{

float:left;
width:268px;
height:200px;
padding-top:15px;

border-left:solid 1px #c5ddf6;
border-right:solid 1px #c5ddf6;
border-bottom:solid 1px #c5ddf6;

}

.right .left1
{
float:left;
}



#ncre .right .pic
{
margin:0px 0px
}

.pic dt
{

width:270px;
height:30px;
background:url(../images/ncre1.gif) no-repeat;

margin:0px;
}
.pic dt strong
{
margin:7px 10px;
float:left;
font-size:12px;
color:#ffffff;
font-weight:normal;


}

.pic dd
{
width:270px;

border-left:solid 1px #c5ddf6;
border-right:solid 1px #c5ddf6;
border-bottom:solid 1px #c5ddf6;
margin:0px;
}

.pic ul
{
padding:20px 10px;
margin:0px 0px;	
list-style:none;


}
.pic li
{
margin:8px 0px;

}

.pic li a:link
{
font-size:12px;
line-height:25px;

text-decoration:none;
color:#666666;

}
.pic li a:visited
{
font-size:12px;
line-height:25px;
text-decoration:none;
color:#666666;
}
.pic li a:hover
{
font-size:12px;
line-height:25px;
text-decoration:none;
color:red;
}




#ncre .left dl
{
float:right;
margin:10px 0px;
}

#ncre .left dt
{
clear:both;
float:right;
overflow:hidden;
width:600px;
height:30px;
background:url(ncre2.gif) no-repeat;


}
.rongyu
{

padding:0px 10px;
background:url(ncre3.gif) no-repeat;
width:260px;
height:600px;

}

#ncre .left dt strong
{
margin:7px 10px;
float:left;
font-size:12px;
color:#ffffff;
font-weight:normal;

}



#ncre .left dt strong a:link
{
font-size:12px;


text-decoration:none;
color:#ffffff;

}
#ncre .left dt strong a:visited
{
font-size:12px;

text-decoration:none;
color:#ffffff;
}
#ncre .left dt strong a:hover
{
font-size:12px;

text-decoration:none;
color:red;
}







#ncre .left dd h3
{
padding:0px 10px;
font-size:16px;
color:#000000;


}

#ncre .left dd p
{
padding:0px 10px;

}





#ncre .left dd
{
float:left;
width:600px;
text-align:left;
font-size:12px;
line-height:25px;
color:#666666;
border-left:solid 1px #c5ddf6;
border-right:solid 1px #c5ddf6;
border-bottom:solid 1px #c5ddf6;
margin:0px;
}


.left dd div
{
margin:0px 10px;
}

/*---TAB---*/
#tab,#tab1,#tab2 {margin: 5px 0 5px 6px; text-align: left;font-size:12px}
#tab ul.opts,#tab1 ul.opts1,#tab2 ul.opts2 {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	width: 290px;
	background: url(../images/tab/tab_title.jpg) no-repeat;
}
#tab ul.opts li,#tab1 ul.opts1 li,#tab2 ul.opts2 li {display: block; float: left; margin: 5px 0 0 1px;width:70px;text-align: center;}
.opts .design,.opts .photoshop,.opts .vector,.opts .illustration,.opts1 .max,.opts1 .maya,.opts1 .film,.opts1 .flash,.opts2 .max,.opts2 .maya,.opts2 .film,.opts2 .flash {width: 70px;text-align: center;}
#design ul,#photoshop ul,#vector ul,#illustration ul,#max ul,#maya ul,#film ul,#flash ul,#dw ul,#fw ul,#css ul,#php ul {
	list-style: none;
	margin: 0;
	padding: 10px;
}
#design ul li,#photoshop ul li,#vector ul li,#illustration ul li,#max ul li,#maya ul li,#flash ul li,#film ul li,#dw ul li,#fw ul li,#css ul li,#php ul li {
	line-height: 20px;
	padding-left: 10px;
	height:20px;
	overflow:hidden;
	background: url(../images/systemfiles/ico.gif) no-repeat left center;
}
.opts .blk,.opts1 .blk,.opts2 .blk {height: 21px; display: block;}
.opts li a:link, .opts li a:visited,.opts1 li a:link, .opts1 li a:visited,.opts2 li a:link, .opts2 li a:visited {
	background: url(../images/tab/tab_link.gif) no-repeat;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.opts li a.selected, .opts li a:hover,.opts1 li a.selected, .opts1 li a:hover,.opts2 li a.selected, .opts2 li a:hover {
	background: url(../images/tab/tab_hover.gif) no-repeat;
	line-height: 21px;
}
div#tab #design, #photoshop, #vector, #illustration {width: 290px; border: 1px solid #889057; border-top: none;height:185px;}
div#tab1 #max, #maya, #film, #flash {width: 290px; border: 1px solid #889057; border-top: none;height:185px;}
div#tab2 #dw, #fw, #css, #php {width: 290px; border: 1px solid #889057; border-top: none;height:185px;}
div#tab1 #maya, #film, #flash {display: none;}
div#tab2 #fw, #css, #php {display: none;}
div#tab #photoshop, #vector, #illustration {display: none;}
.article {
	background: url(../images/article.jpg) no-repeat;
	float: left;
	color: #ffffff;
	width: 260px;
	height: 150px;
	margin-left: 50px;
}
.article h2 {
	margin: 0 0 10px 0;
	font-size: 12px;
	padding: 0 0 0 10px;
	height: 25px;
	line-height: 25px;
}
.article a:link,.article a:visited {
	color: #ffffff;
}
.article ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}