/* CSS Document */
/* 正浚 */
* {
margin: 0;
padding: 0;
}
body {
font-family: "宋体", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #fff;
}
ul {
list-style: none;
}
img {
border: 0;
}

a {
display: block;
cursor: hand;
}
a.no_br {
display: inline;
}
/*网站地图   开始*/
#mapTable a {
display: inline;
}
#mapTable table {
margin: 10px auto;
line-height:20px;
font-size:12px;
border-collapse:collapse;
text-align:left;
}
#mapTable table td,th {
border:1px solid #bdcddd;
padding-left:4px;
padding-top:2px;
}
#mapTable table th {
background-color:#E5ECF1;
font-weight:bold;
height:20px;
}
/*网站地图   结束*/


a:link {
color: #376196;
text-decoration: none;
}
a:visited {
color: #376196;
text-decoration: none;
}
a:hover {
color: #000055;
text-decoration: underline;
}
a:active {
color: #ff0000;
text-decoration: underline;
}
.clear {
clear: both;
}
.hidden {
display: none;
}
.en {
font-family: Verdana, Helvetica, sans-serif;
}
.more {
clear: both;
float: right;
margin-top: 0.5em;
margin-right: 1em;
display: inline;
}
.clip2 {
width: 95%;
float: left;
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
}   /*新闻列表省略号*/

.clip1 {
float: left;
width: 90%;
white-space:nowrap;
text-overflow: ellipsis;
overflow: hidden;
}   /*其他列表省略号*/






#header,#content,#footer {
width: 778px;
margin: 0 auto;
}
#logo {
float: left;
width: 200px;
height: 46px;
margin: 15px auto 10px 15px;
background:  url(../images/Zlogo.jpg) no-repeat;}
#phone {
float: right;
display: inline;
margin: 40px 20px auto auto;
font-size: 14px;
color: #376196;
}
#menu {
clear: both;
width: 776px;
height: 20px;
margin-bottom: 8px;
text-align: center;
padding-top: 7px;
border: 1px solid #fafafc;
line-height: 14px;
background: url(../images/menu_bg.jpg) repeat-x;
}
#menu ul {
height: 20px;
margin-left: 150px;
}
#menu ul li {
float: left;
height: 12px;
border-right: 1px solid #376196;
}
#menu ul .lastLi {
border: 0;
}
#menu ul li a{
display: inline;
padding-left: 15px;
padding-right: 15px;
}
#banner {
width: 778px;
height: 136px;
background: url(../images/banner.jpg) no-repeat;
}


#content {
width: 778px;
margin-bottom: 20px;
}
#content ul a{
width: 100%;
}

#left {
float: left;
width: 552px;
overflow-x: hidden; /*控制cardList的宽度超过隐藏（因为cardList宽度为560px）*/
}
#left_banner {
width: 552px;
height: 88px;
background: url(../images/left_banner.jpg) no-repeat;
}
#cardList {
width: 560px;
overflow: hidden;
}
#cardList li {
float: left;
margin-right: 8px;
margin-bottom: 25px;
width: 260px;
height: 78px;
padding: 5px;
color: #fff;
border: 1px solid #ccc;
}
#cardList li a {
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
}
#cardList li a:hover {
color: #b00000;
}
#cardList li div {
display: block;
float: right;
width: 176px;
height: 78px;
background: #95B3D8;
overflow: hidden;
}
#cardList li h6{
width: 100%;
font-size: 12px;
padding: 3px 10px;
border-bottom: 1px solid #fff;
}
#cardList li p {
padding: 5px 10px;
}
#c1 {
background: url(../images/www.jpg) 5px 5px no-repeat;
}
#c2 {
background: url(../images/virtualHost.jpg) 5px 5px no-repeat;
}
#c3 {
background: url(../images/webDesign.jpg) 5px 5px no-repeat;
}
#c4 {
background: url(../images/Email.jpg) 5px 5px no-repeat;
}
#c5 {
background: url(../images/SEO.jpg) 5px 5px no-repeat;
}
#c6 {
background: url(../images/marketing.jpg) 5px 5px no-repeat;
}

#webLesson {
width: 552px;
}
#webLesson_top,#webLesson_bottom {
width: 100%;
height: 10px;
line-height: 10px;
font-size: 9px;
background: url(../images/top.jpg) no-repeat;
}
#webLesson_bottom {
background: url(../images/bottom.jpg) no-repeat;
}
#webLesson_border {
width: 530px;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
border-left:1px solid #95b3d8; 
border-right:1px solid #95b3d8;
background: url(../images/border_bg.jpg) 5px 0 no-repeat;
}
#webLesson ul {
width: 260px;
}
#webLesson ul li {
width: 240px;
height: 14px;
line-height: 14px;
margin-top: 10px;
padding-left: 10px;
background: url(../images/arrow.gif) 0 40% no-repeat;
border-bottom: 1px dashed #ccd; 
}
#webLesson_left {
float: left;
}
#webLesson_right {
float: right;
}
#webLesson br {
clear: both;
}


#right {
float: right;
width: 212px;
background: url(../images/right_bg.jpg) repeat-y;
}
#right ul {
width: 171px;
margin: 0 auto;
padding-top: 10px;
}
#r_top {
width: 212px;
height: 10px;
line-height: 10px;
font-size: 9px;
background: url(../images/right_top.jpg) no-repeat;
}
#r_bottom {
width: 212px;
height: 13px;
background: url(../images/right_bottom.jpg) no-repeat;
}
#newsList li {
margin-top: 10px;
padding-left: 10px;
height: 14px;
line-height: 14px;
background: url(../images/arrow.gif) 0 40% no-repeat;
border-bottom: 1px dashed #ccd;
}
#news_title,#link_title {
margin: 0 auto;
padding-top: 10px;
width: 171px;
height: 34px;
background: url(../images/news_title.jpg) left bottom no-repeat;
}
#link_title {
background: url(../images/link_title.jpg) left bottom no-repeat;
}
#demo1 {
margin: 0;
padding: 0;

}
#linkList {
margin: 0 auto;
text-align: center;
padding-top: 0;
padding-bottom: 0;
}
#linkList img {
display: block;
margin: 0 auto;
border: 1px solid #ccc;
}
#linkList li {
padding-top: 10px;
}
#linkList span {
display: block;
padding-top: 5px;
}


#footer {
clear: both;
width: 758px;
margin: 0 auto;
padding: 10px;
background: url(../images/home3_r24_c1.jpg) repeat-x;
text-align: center;
}
#footer p {
line-height: 1.8em;
}

#Fmenu {
width: 320px;
height: 20px;
margin: 0 auto;
margin-bottom: 10px;
}
#Fmenu li {
float: left;
height: 12px;
border-right: 1px solid #fff;
}
#Fmenu .lastLi {
border: 0;
}
#Fmenu li a{
display: inline;
padding-left: 15px;
padding-right: 15px;
color: #fff;
}