body {
  background:#FFF;
  margin:0px;
  padding:0;
  color:#333;
  font-family: Microsoft YaHei;
  font-size:12px;
  scrollbar-arrow-color:#FFF; /*三角箭头的颜色*/
scrollbar-face-color: #CCC; /*立体滚动条的颜色*/
scrollbar-3dlight-color: #2D2D2D; /*立体滚动条亮边的颜

色*/
scrollbar-highlight-color: #666; /*滚动条空白部分的

颜色*/
scrollbar-shadow-color: #999; /*立体滚动条阴影的颜

色*/
scrollbar-darkshadow-color: #666; /*立体滚动条强阴

影的颜色*/
scrollbar-track-color: #404040; /*立体滚动条背景颜色*/

scrollbar-base-color:# CCC; /*滚动条的基本颜色*/
  }

a{text-decoration:none;}

@font-face { 
  font-family:  "Franklin Gothic Demi Cond"; 
  
  src: url('../ttf/fradmcn.eot');
    
src: url('../ttf/fradmcn.eot?#iefix') format('embedded-opentype'),
         
url('../ttf/fradmcn.woff') format('woff'),
         
url('../ttf/fradmcn.ttf') format('truetype'),
         
url('../ttf/fradmcn.svg#Franklin Gothic Demi Cond') format('svg');
    
font-weight: normal;
    font-style: normal;
} 




input{font-family: Microsoft YaHei;}
 
div, form, img {
  padding:0px;
  border:0px;
  margin:0px;
}

dl, dt, dd, ul, ol, li {
  padding:0px;
  border:0px;
  margin:0px;
}

.toplogo{width:960px;
height:50px;
margin:0 auto 0px auto;
background: url(../images/toplogo.jpg) no-repeat bottom left ;
text-align:center;
}

.tophead
{
width:100%;
height:64px;
background: url(../images/headbg.jpg)  repeat-x

}

.head
{
width:960px;
height:64px;
margin:0 auto;
}
	
.head li {
font-family:"Franklin Gothic Demi Cond"; 
letter-spacing:-1px;
font-size:24px;
float:left;
width:160px;
height:64px;
line-height:64px;
list-style-type:none;
text-align:center;
background: url(../images/headbg.jpg);
font-weight: 500;
}

.head a{display:block;
}

.head a:link, .head a:visited {
color:#FFF;
text-decoration:none;
background: url(../images/li1.jpg);
}

.head a:hover, .head a:active {
  color:#FF7200;
  text-decoration:none;
  background: url(../images/li2.jpg);
}
	
.main{width:960px;
margin:6px auto 0px auto;
padding:0px;
height:526px;
position:relative;
}

.mainborder{width:960px;height:526px;
border-bottom:#7A7A7A solid 1px;
border-top:#7A7A7A solid 1px;
border-left:#7A7A7A solid 1px;
border-right:#7A7A7A solid 1px;
position:absolute;
z-index:-100}

.foot{width:960px;
height:70px;
margin:2px auto 0px auto;
}

.foot li {
float:left;
display:inline;
width:320px;
height:70px;
line-height:70px;
list-style-type:none;
}

.footli1 a{display:block;width:320px;
height:70px;background: url(../images/footli1.jpg) no-repeat bottom}

.footli2 a{display:block;width:320px;
height:70px;background: url(../images/footli2.jpg) no-repeat bottom}

.footli3 a{display:block;width:320px;
height:70px;background: url(../images/footli3.jpg) no-repeat bottom}

.footli1{color:#FFF;
text-decoration:none;background: url(../images/footli1.jpg) no-repeat bottom}
.footli2{color:#FFF;
text-decoration:none;background: url(../images/footli2.jpg) no-repeat bottom}
.footli3{color:#FFF;
text-decoration:none;background: url(../images/footli3.jpg) no-repeat bottom}

.footli1 a:hover, .footli1 a:active {
  color:#FF7200;
  text-decoration:none;
  background:url(../images/footli4.jpg) no-repeat bottom
}

.footli2 a:hover, .footli2 a:active {
  color:#FF7200;
  text-decoration:none;
  background:url(../images/footli5.jpg) no-repeat bottom
}

.footli3 a:hover, .footli3 a:active {
  color:#FF7200;
  text-decoration:none;
  background:url(../images/footli6.jpg) no-repeat bottom
}

.bottominfo{margin:0px auto 0px auto;
width:960px;
text-align:center;
height:10px;
line-height:40px; background:url(../images/bottom.jpg) no-repeat top
}

.leftdiv{
position:relative;
width:246px;
float:left;
height:100%; background:none;
display:inline;
position:absolute;
}

.lefttop
{
background:url(../images/lefttopimg.jpg) no-repeat bottom right;
padding:15px 5px 15px 24px;
line-height:40px;
border-bottom:#7A7A7A solid 1px;
font-family:"Franklin Gothic Demi Cond", "黑体"; 
letter-spacing:-2px;
font-size:40px;
position:relative;
}

.lefttop a{
	display:block;
	}

.lefttop a:link, .lefttop a:visited 
{
color:#B8B8B8;
}

.lefttop a:hover, .lefttop a:active 
{
color:#111;
}

.lefttriangle1{width:0;height:0;left:0%;top:0px;font-size:0;border-width:16px;border-color:transparent transparent transparent #7A7A7A;border-style:dashed dashed dashed solid;
position:absolute;
margin-top:20px;
	}
	
.lefttriangle2{width:0;height:0;left:50%;top:0px;font-size:0;border-width:16px;border-color:transparent  transparent transparent #FFF;border-style:dashed dashed dashed solid;
position:absolute;
margin-top:20px;
margin-left:50%
	}
	
.lefttriangle3{width:0;height:0;left:50%;top:0px;font-size:0;border-width:14px;border-color:transparent  transparent transparent #FFF;border-style:dashed dashed dashed solid;
position:absolute;
margin-top:60px;
margin-left:50%
	}
	
.righttriangle{width:0;height:0;left:0%;top:0px;font-size:0;border-width:10px;border-color:transparent transparent transparent #FFF;border-style:dashed dashed dashed solid;
position:absolute;
margin-top:14px
	}	
	

.leftbottom{
	height:auto;
	width:210px;
	margin:25px 10px auto 26px ;
	line-height:12px;
  list-style-type: disc;
  list-style-position:outside;
}

.leftborder{
width:245px;height:524px;
margin-top:0px;
border-bottom:#7A7A7A solid 1px;
border-top:#7A7A7A solid 1px;
border-left:#7A7A7A solid 1px;
position:absolute;
z-index:-100}

.rightdiv{
width:714px;
float:right;
height:100%; background:#7A7A7A;
display:inline; 
}

.sketchbox
{ 	list-style:none;
width:16px;height:16px;
background:none;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px
}

.My
{	
list-style:none;
width:16px;height:16px;
background-color:#FFF79C
;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px}

.Av
{	list-style:none;
width:16px;height:16px;
background-color:#E3F7DB;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px}

.Fu
{	list-style:none;
width:16px;height:16px;
background-color:#FFC9FF;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px}

.Un
{	list-style:none;
width:16px;height:16px;
background-color:#AEAEAE;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px}

.Ev
{	list-style:none;
width:16px;height:16px;
background-color:#64C8E1;
border:#FFF 1px solid;
float:left;
margin-top:6px;
margin-left:22px}


.presentation{
	position:absolute;
	margin-top:40px;
	margin-left:110px;
	width:770px;
	height:100px;
	background:none;
		}
		
.presentationleft

{	
width:35px;
float:left;
	height:100%;
	background:url(../images/highlight.jpg) no-repeat right; 
}	

.presentationright

{	
width:92%;
float:left;
	height:51px;
		background:none;
		padding:29px 0px 20px 20px;
		line-height:12px;
		color:#F00;
		  list-style-position:outside;
}		
		
/**/


.rightimg
{
    float:left; width:1px; height:auto;margin-top:0px;
    }