@charset "utf-8";
<!--
/*---------------------------------------homepage-----------------------------------------------------------------*/
* {
	margin:0px;
	border:0px;
	padding:0px;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;} 
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}

body {
	margin-top:0px;
	margin-bottom:0px;
	background:#444;
	font-size:12px;
	color:#333;
}
#out {
	width:958px;
	height:auto;
	overflow:auto;
	margin:0px auto;
	background:url(images/yy.png) repeat-y;
}

/*----------------------主体-------------------------*/
#main {
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
    margin-left:23px;
	width:912px;
	height:auto;
	background:#fff;
}
/*----------------------网站头栏--------------------------------------------------*/
#top {
	float:left;
	width:912px;
	height:125px;
	background:url(images/mainlogo.png) no-repeat;
}
/*----------------------导航栏--------------------------------------------------*/
#bannar {
	float:left;
	width:912px;
	height:34px;
}
#bannar li,#bannar li a{
	height:33px;
	float:left;
	list-style:none;
}
#bleft {
	width:110px;
	background:url(images/bleft.png) no-repeat;
}
#sy a{
	width:93px;
	background:url(images/syH.png)  no-repeat;
}
#sjzx a{
	width:95px;
	background:url(images/sjzxB.png)  no-repeat;
}
#ppal a{
	width:92px;
	background:url(images/ppalB.png)  no-repeat;
}
#jyj a{
	width:95px;
	background:url(images/jyjB.png)  no-repeat;
}
#sjkt a{
	width:92px;
	background:url(images/sjktB.png)  no-repeat;
}
#bl a{
	width:93px;
	background:url(images/blB.png)  no-repeat;
}
#gdtd a{
	width:135px;
	background:url(images/gdtdB.png)  no-repeat;
}
#bright {
	width:107px;
	background:url(images/bright.png) no-repeat;
}
/*----------------------设计咨询--------------------------------------------------*/
#DI {
	float:left;
	width:613px;
	height:553px;
    background:url(images/di.png) no-repeat;
}
#DI1{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:500px;
	height:50px;
	margin-top:56px;
	margin-left:63px;
	padding-top:25px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
    course:hand;
}

#DI2 {
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:500px;
	height:234px;
	border:#999 solid 1px;
	margin-top:10px;
	margin-left:63px;
}


/*---------------------------设计资讯幻灯片幻灯片-------------------------------------------------------------------*/
#picBox{width:500px; height:234px;overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:234px; width:2500px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:234px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:0px; right:10px;}
#icon_num li{ float:left; background:url(DIimg/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(DIimg/flashbutton.gif) no-repeat 0 0; color:#fff;}
#picBox_top{width:500px; height:234px;;position:relative; overflow:hidden;}
#picBox_top ul#show_pic_top{ margin:0; padding:0; list-style:none; height:234px; width:500px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left; margin:0; padding:0; height:234px;}
#picBox_top ul#show_pic_top li img{ display:block;}
#icon_num_top{ position:absolute; bottom:0px; right:10px;}
#icon_num_top li{ float:left; background:url(DIimg/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num_top li:hover,#icon_num_top li.active{ background:url(DIimg/flashbutton.gif) no-repeat 0 0; color:#fff;}
/*---------------------------设计资讯幻灯片幻灯片-------------------------------------------------------------------*/


#DI3 {
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:500px;
	height:90px;
	margin-top:10px;
	margin-left:63px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
    course:hand;
}
#DI3 li{
	list-style:none;
	margin-top:5px;
}
#DI3 a:hover{
	color:#C30;
}
/*----------------------品牌案例--------------------------------------------------*/
#BC{
	float:left;
	width:299px;
	height:553px;
	background:url(images/BC.png) no-repeat;
}
#BC1{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	border:#fff solid 1px;
	width:228px;
	height:148px;
	margin-top:70px;
	margin-left:34px;
}
#BC1:hover {
	border:#C30 solid 1px;
}
.BorderFocus:hover {
    border:#C30 solid 1px;
}
	
#BC2{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:228px;
	height:260px;
	margin-top:20px;
	margin-left:34px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
    course:hand;
}
#BC2 li,#BC2 li a{
	list-style:none;
	margin-top:0.5em;
	font-size:14px;
	text-decoration:none;
}

#BC2 a:hover{
	color:#C30;
	text-decoration:underline;
}
/*----------------------1广告栏--------------------------------------------------*/
#AD1{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:894px;
	height:131px;
	border:#CCC solid 1px;
	margin-left:8px;
}
/*----------------------导航栏--------------------------------------------------*/
#TE1{
	float:left;
	width:610px;
	height:606px;
	background:url(images/TE1.png) no-repeat;
}
#TE1a{
	float:left;
	width:211px;
	height:155px;
	border:#CCC solid 1px;
	margin-left:35px;
	margin-top:100px;
}
#TE1a:hover{
	border:#39C solid 1px;
}
#TE1a1:hover{
	color:#39C;
	text-decoration:none;
}
#TE1b{
	float:left;
	width:300px;
	height:160px;
	margin-left:35px;
	margin-top:100px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space:normal;
    course:hand;
}
#TE1b h2,#TE1e h2{
	text-align:center;
	margin-top:8px;
}
#TE1b h4,#TE1e h4{
	text-indent:2em;
	line-height:150%;
	margin-top:20px;
}
#TE1b:hover{
	color:#39C;
	text-decoration:none;
}
#TE1c{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:548px;
	height:40px;
	margin-left:35px;
	margin-top:10px;
}
#TE1d{
	float:left;
	width:211px;
	height:155px;
	border:#CCC solid 1px;
	margin-left:35px;
	margin-top:52px;
}
#TE1d:hover{
	border:#F39 solid 1px;
}
#TE1d1:hover{
	color:#F39;
	text-decoration:none;
}
#TE1e{
	float:left;
	width:300px;
	height:160px;
	margin-left:35px;
	margin-top:52px;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space:normal;
    course:hand;
}
#TE1f{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:548px;
	height:40px;
	margin-left:35px;
	margin-top:10px;
}
#TE2{
	float:left;
	width:302px;
	height:606px;
	background:url(images/TE2.png) no-repeat;
}
#TE2a{
	float:left;
	width:275px;
	height:458px;
	margin-left:9px;
	margin-top:110px;
}
.CTE2{
	float:left;
	width:80px;
	height:80px;
	border:#CCC solid 1px;
	margin-left:7px;
	margin-top:7px;
}
.CTE2:hover{
	border:#F90 solid 1px;
}
.TElist li{
	float:left;
	list-style:none;
	margin-right:12px;
}
.TElist a:hover{
	color:#39C;
}
#TE1f a:hover{
	color:#F39;
}
	

/*----------------------2广告栏--------------------------------------------------*/

#AD2{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:894px;
	height:131px;
	border:#CCC solid 1px;
	margin-left:8px;
}
/*----------------------团队--------------------------------------------------*/
#TM{
	float:left;
	width:307px;
	height:514px;
	background:url(images/TM.png) no-repeat;
}
#TM a:hover{
	color:#F60;
}
#TM1{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	height:100px;
	width:250px;
	margin-top:80px;
	margin-left:35px;
}
#TM1 img{
	float:left;
	border:#fff solid 1px;
}
#TM1 span{
	float:left;
	margin-left:8px;
	margin-top:15px;
	width:140px;
	height:100px;
	text-overflow:clip;
	overflow: hidden;
    white-space:normal;
    course:hand;
}
#TM2{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	height:200px;
	width:250px;
	margin-top:20px;
	margin-left:35px;
}
#TM2 li{
	line-height:1.7em;
	margin-left:15px;
	list-style-image:url(images/list1.png);
}



/*----------------------视觉课堂--------------------------------------------------*/
#VC{
	float:left;
	width:605px;
	height:514px;
	background:url(images/VC.png) no-repeat;
}

#VC1{
	float:left;
	height:335px;
	width:540px;
	margin-top:80px;
	margin-left:30px!important;
	margin-left:15px;
}
#VC1 a:hover{
	color:#F39;
}
#VC1 img{
	float:left;
	border:#fff solid 1px;
}
#VC1 span{
	float:left;
	margin-left:8px;
	margin-top:15px;
	width:140px;
	height:100px;
	text-overflow:clip;
	overflow: hidden;
    white-space:normal;
    course:hand;
}
#VC2{
	float:left;
	height:100px;
	width:250px;
	margin-top:80px;
	margin-left:30px;
}
#VC2 a:hover{
	color:#39F;
}
#VC2 span{
	float:left;
	margin-left:8px;
	margin-top:15px;
	width:140px;
	height:100px;
	text-overflow:clip;
	overflow: hidden;
    white-space:normal;
    course:hand;
}
#VC2 img{
	float:left;
	border:#fff solid 1px;
}
#VC3{
	float:left;
	height:200px;
	width:250px;
	margin-top:20px;
	margin-left:30px!important;
	margin-left:15px;
}
#VC3 a:hover{
	color:#F39;
}
#VC3 li{
	line-height:1.7em;
	margin-left:15px;
	list-style-image:url(images/list2.png);
}
#VC4{
	float:left;
	height:200px;
	width:250px;
	margin-top:20px;
	margin-left:30px;	
}
#VC4 a:hover{
	color:#39F;
}
#VC4 li{
	line-height:1.7em;
	margin-left:15px;
	list-style-image:url(images/list3.png);
}
/*----------------------合作伙伴--------------------------------------------------*/
#TP{
	float:left;
	width:912px;
	height:170px;
	background:url(images/TP.png) no-repeat;
}
#TP1{
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:888px;
	height:50px;
    margin-top:70px;
	margin-left:12px;
}
.CTP1{
	float:left;
	width:140px;
	height:50px;
	margin-left:5px;
	border:#FFF solid 1px;
}
.CTP1:hover{
	border:#ce1a23 solid 1px;
}
/*----------------------关于我们--------------------------------------------------*/
#AB {
	float:left!important;/*ie7,ff*/
	float:none;/*le6*/
	width:912px;
	height:76px;
	text-align:center;
	font-size:11px;
	color:#58595B;
}
/*----------------------标题设置--------------------------------------------------*/
h1{
	font-size:28px;
}
h2{
	font-size:22px;
}
h3{
	font-size:18px;
	font-weight:normal;
}
h4{
	font-size:14px;
	font-weight:normal;
}
h5{
	font-size:12px;
	font-weight:normal;
}
/*----------------------a标签统一属性--------------------------------------------------*/
a {
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#ce1a23;
	text-decoration:underline;
}
-->