/* CSS Document */

body,ul,li{
margin:0;
padding:0;

}

body{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}

.main{
width:950px;
margin:0 auto;
overflow:hidden;
background: #ffffff url(images/logo.gif) left top no-repeat;
}

.left{
width:213px;
height: 400px;
float:left;
background: #c1cdd9 url(images/logo.gif) left top no-repeat;
padding-top:100px;
}

.left_bottom{

}

/* menu */

#outer {width:210px; height:510px; position:relative;}

#outer #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:200px; position:absolute; top:70px; left:0; border:1px solid #fff; border-width:0; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#c1cdd9; position:relative; border-top:1px solid #b6c2ce;
}

#menu li.sub {background:#c1cdd9;}

#menu li.sub a{color:#42627b;}

#menu li.sub a:hover{color:#000;}

#menu li.sub .cimg {display:block;float:right;margin-top:-22px;margin-right:0px;padding:0;}

#menu li, #menu li a {display:block; color:#42627b; font-family:Tahoma,arial, sans-serif; font-size:12px; line-height:24px; width:213px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#000; z-index:500;}
#menu li.click {color:#000;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:213px; top:-1px; border:0px solid #fff;}

#menu li.click ul li.fly {background: #c1cdd9 url(into.gif) no-repeat top right;}
#menu li.click ul li.hover {color:#000;}

#menu li.click ul li.hover a:hover{color:#000;}

#menu li.click ul li.hover ul li {background:#dbe2ea;border:0;}
#menu li.click ul li.hover ul li.hover ul li {background:#000; z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; }
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#outer img {display:block; float:left;margin-top:10px;padding-left:25px;margin-right:5px;border:0;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}
#menu li .w1,#menu li .w1 a{display:block; color:#42627b; font-family:Tahoma,arial, sans-serif; font-size:12px; line-height:24px; width:150px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px;}
#menu li .w1b,#menu li .w1b a{display:block; color:#42627b; font-family:Tahoma,arial, sans-serif; font-size:12px; line-height:24px; width:190px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px;}
#menu li .w2,#menu li .w2 a{display:block; color:#42627b; font-family:Tahoma,arial, sans-serif; font-size:12px; line-height:24px; width:160px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:15px;}

#menu li .haveinto{background:url(into.gif) right center no-repeat;}

#menu li .longword{margin-left:37px;}
.right{
float:right;
width:737px;
}

.title{
width:100%;
height:76px;
background:#737373 url(images/title.gif) 20px center no-repeat;
}

.content{
width:705px;
border: 0px solid #cccecd;
float:right;
margin-top: 5px;
padding:10px;
line-height: 20px

}

.bottom{
width:940px;
background-color:#c5c5c5;
padding:5px;
border-top: 5px solid #fff;
margin: 0 auto;
text-align:center;
}

.title_word{
font-size: 14px;
font-weight:bold;
color:#285076;
}

.content_home{
width:730px;
border: 0;
float:right;
margin-top: 5px;
padding:0px;
line-height: 20px
}

.content ul{
padding-left:30px;
}

.home_projects1{float:left;width:506px;height:169px;background:url(images/p1.gif) left top no-repeat;margin-bottom:8px;}

.home_projects2{float:left;width:506px;height:169px;background:url(images/p2.gif) left top no-repeat;margin-bottom:8px;}

.home_projects3{float:left;width:506px;height:169px;background:url(images/p3.gif) left top no-repeat;}

.home_projects1 img,.home_projects2 img,.home_projects3 img{border:0;}

.home_news{float:right;width:195px;height:465px;border:1px solid #c7ced4;background:#f1f2f6 url(images/news_cn.gif) 10px 5px no-repeat;padding:10px;padding-top:45px;}

.boldword{font-weight:bold;}
.italicword{font-style: italic;}

.language{float:right;padding:10px;}
.language a:link{color: #ffffff; text-decoration: none}
.language a:visited {color: #ffffff; text-decoration: none}
.language a:hover {color: #ffffff; text-decoration: underline;}