*{
? ?margin: 0;padding: 0;font-size: 12px;
}
body{
background-color: #f5f5f5;
}
.top{
? ?width:100%;height:27px;background:url(images/top_bg.jpg)repeat-x;
}
.top_content{
? ?width:1000px;
? ?margin:0 auto;
}
.top_content li{
? ?list-style-image: url(images/li_bg.gif);float: right;width: 70px;
? ?line-height: 27px; /*在盒子中垂直居中*/
}
.top_content a:link,.top_content a:visited{/*初始狀態(tài)和訪問(wèn)之后狀態(tài)的樣式*/
? ?color:#8e8e8e;
? ?text-decoration:none;
}
.top_content a:hover,.top_content a:active{
? ?color:#900;
? ?text-decoration:none;
}
.wrap{
? ?width:1000px; margin: 0 auto;
}
.logo{
? height:80px;
? ?background-color: #fff;
}
.logo_left{
? ?width: 200px;
? ?float:left;
}
.logo_right{
? ?width: 300px;
? ?float:right;
? ?height:28px;
? ?margin-top:30px;
? ?color:#8e8e8e;
}
.logo_right image{
? ?vertical-align: middle;
? ?margin-right: 10px;
}
.tel{
? ?font-family: 微軟雅黑;
? ?font-size: 16px;
? ?color:#C00;
}
.nav{
? ?height:40px;width:1000px;
}
.nav_left{
? ?width:10px;
? ?background:url(images/nav_left.jpg) no-repeat;
? /* background-image: url(images/nav_left.jpg);
? ?background-repeat: no-repeat;與上面等效*/
? ?/*float:left;
? ?height:40px;*/
}
.nav_mid{
? ?width:980px;background:url(images/nav_bg.jpg)repeat-x;
}
.nav_right{
? ?width:10px;
? ?background:url(images/nav_right.jpg)no-repeat;
? ?/*float:left;
? ?height:40px;*//*左右邊緣同加，左右邊緣同時(shí)露出來(lái)*/
}
.nav_mid,.nav_right{/*.nav_left去掉后達(dá)到教程效果*/
? ?float:left;
? ?height:40px;/*把上面的參數(shù)都寫(xiě)到這里*/
}
.nav_mid_left,.nav_mid_right{
? ?float:left;
}
.nav_mid_left{
? ?width:680px;
}
.nav_mid_right{
? ?width:300px;
}
.nav_mid_left li{
? ?float:left;list-style-type:none;width:100px;/*li之間的距離*/
? ?text-align: center;/*左右居中*/
? ?line-height:40px;/*與盒子等高，文字上下居中*/
}
.nav_mid_left a:link,.nav_mid_left a:visited{
? ?/*控制超鏈接的初始狀態(tài)和訪問(wèn)后的狀態(tài)（超鏈接共四種狀態(tài)）*/
? ?text-decoration:none;
? ?color:#fff;
? ?font-size: 16px;
? ?font-family: "微軟雅黑";
}
.nav_mid_left a:hover,.nav_mid_left a:active{
? ?/*控制鼠標(biāo)經(jīng)過(guò)狀態(tài)和離開(kāi)狀態(tài)（超鏈接共四種狀態(tài)）*/
? ?text-decoration:none;
? ?color:#ff0;
? ?font-size: 16px;
? ?font-family: "微軟雅黑";
}
.search_text{/*搜索框樣式*/
? ?width:190px;
? ?height:25px;
? ?margin-top: 6.5px;
? ?background:url(images/search.jpg)no-repeat right center #f5f5f5;;
? /* background-color:#f5f5f5;*/
? ?padding-right:25px;/*避免輸入文字時(shí)，文字壓到搜索符號(hào)*/
? ?border:1px solid #f5f5f5;
}
.ad{
? ?height:310px;
? ?overflow:hidden;
? ?clear:both;/*不加此段只剩右邊一窄條*/
}
.loading{
? ?float:left;margin:0 auto;display:block;width:0;height:0;z-index: -1;
? ?/*loading未處理好，本樣式自己加的*/
}

.main{
? ?height:250px;width:1000px;margin-left:auto;margin-right:auto;
? ;margin-top:5px;/*解決水平居中和上邊距同時(shí)保證的問(wèn)題*/

}

.news{
? ?width:340px;
? ?border:1px solid #e8e8e8; background:orange;float:left;

}
.course{
? ?width:410px;
? ?border:1px solid #e8e8e8; float:left;margin-left:7px;
}
.sidebar{
? ?width:230px; ;margin-left:7px;
? ?float:left;
}
.news,.course,.sidebar{
? ?height:250px;/*高度加了px;*/
}
.title{
? ?height:35px;border-bottom:2px solid #e8e8e8;
}
.title_left{
? ?width:70%;
? ?font_family:"微軟雅黑";
? ?font_size:14px;
? ?font-weight:bold;
? ?color:#786f66;
? ?float:left;
? ?line-height:35px;/*與title高度相同，垂直居中*/
? ?padding-left: 20px;
}
.title_right{
? ?width:20%;
? ?float:right;
? ?line-height:35px;
? ?texat-align:center;
? ?padding-right: 10px;
}
.title_right a{
? ?text-decoration:none;
? ?color:#999999;
}
.pic_news{
? ?height:80px;
? ?margin-top:10px;
? ?line-height: 22px;
}
.pic_news img,.course_pic img{
? ?float:left;
? ?margin:0 5px;
}
.pic_news a,.course_pic a{
? ?color:#c00;
? ?text-decoration:none;
}
.news_list{
? ?margin-top:20px;
}
.news_list a{
? ?font-size: 13px;/*時(shí)間被擠下去解決*/
}
.news_list li{
? ?list-style-type: none;
? ?background:url(images/list.jpg)no-repeat;/*加載左邊箭頭的方式之一*/
? ?padding-left: 10px;
? ?margin:8px 8px;/*li的上下左右距離均為8px;*/
? ?border-bottom: 1px dotted #ccc;

}
.news_list a:link,.news_list a:visited{
? ?text-decoration: none;
? ?color:#000;
}
.news_list a:hover,.news_list a:active{
? ?text-decoration:none;
? ?color:#f00;
}
.news_list span{/*等效于.date*/
? ?color:#999;
? ?float:right;
? ?margin-top: -20px;/*1時(shí)間被擠下去解決 2span時(shí)間標(biāo)簽與文字互換位置也可以解決*/
}
.course_pic{
? ?height:120px;
? ?margin-top:10px;
? ?line-height: 22px;
}
.course_type{
? ?height:37px;
? ?weihght:372px;
? ?background:url(images/product_type_bg.jpg);
? ?margin:20px auto;
}
.course_type li{
? ?list-style-type: none;float:left;
? ?line-height:37px;
? ?margin:0 15px;
? ?text-align:center;
}
.video{
? ?height:185px;
? ?border: 1px solid #e8e8e8;
? ?float:left;/*浮動(dòng)起來(lái)后，才與大盒子上面對(duì)齊*/
}
.video_content{
? ?height:150px;

}
.sidebar_ad{
? ?height:55px;
? ?border: 1px solid #e8e8e8;
? ?margin-top:10px;
}
.copyright{
? ?width:100%;
? ?height:200px;
? ?background-color:#e8e8e8;
? ?margin-top: 10px;/*上下兩個(gè)盒子距離拉開(kāi)*/
}
.copyright_content{
? ?width:1000px;
? ?margin:0 auto;
? ?padding-top:20px;
}
.copyright_content li{
? ?list-style-type:none;
? ?float:left;
? ?width:200px;/*豎直方向分為五組，寬為1000px;*/
? ?background:url(images/line.png) no-repeat right center;/*加一條線，水平居中靠右*/
? ?text-align:center;
? ?line-height: 30px;/*五條線等長(zhǎng)*/
? ?font-family: 微軟雅黑;
}
.copyright_content a{
? ?text-decoration:none;
? ?color:#999;
? ?font-size:18px;/*一級(jí)標(biāo)簽文字大小，包含二級(jí)，根據(jù)就近原則，二級(jí)標(biāo)簽被新的樣式覆蓋*/
}
.copyright_content li ul li a{/*二級(jí)標(biāo)簽文字大小*/
? ?font-size:14px;
}