/* CSS Document */
*{ padding:0px; border:0px; margin:0px;}
a{ text-decoration:none; color:#333333}
a:hover{ color:#1971ad; text-decoration:none}
body{ font-family:"΢ź"; font-size:12px; color:#333333; margin:0 auto;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#0182ce;scrollbar-face-color:#e7e6e4;scrollbar-3dlight-color:ffffff;SCROLLBAR-BASE-COLOR:#ffffff;scrollbar-track-color:#ffffff; }
ol{ list-style:none; line-height:12px;}
ul,dl{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-size:12px; font-family:"΢ź"; font-weight:normal;}
span{color:#333;}
span a{ color:#333; text-decoration:none;}
span a:hover{ color:#1971ad; text-decoration:none;}

#box{ width:862px; height:530pxpx; margin:0 auto;}
.top{ width:862px; height:27px; float:left; margin-top:29px;}
.logo{ width:330px; height:27px; float:left;}
.menu{ width:521px; height:27px; float:right;}
.menu h1{ width:521px; height:12px; float:right; margin-top:15px; text-align:right}
.menu h1 span{ padding-right:3px;}
.middle{ width:862px; height:433px; float:left; margin-top:10px;}
.mid_left{ width:655px; height:433px; float:left;}
.banner{ width:655px; height:181px; float:left;}
.banner2{ width:655px; height:123px; float:left;}
.left_con{ width:655px; height:242px; float:left; margin-top:10px !important; margin-top:4px;}
.left_con2{ width:655px; height:242px; float:left;}
.left_con2 h1{ width:655px; height:16px; float:left; text-align:left;}
.left_con3{ width:655px; height:289px !important; height:280px; float:left; margin-top:-5px;}
.left_con4{ width:655px; height:289px !important; height:280px; float:left;}
.news_list{ width:655px; height:216px; float:left; margin-top:10px;}
.news_list2{ width:655px; height:248px; float:left; margin-top:10px;}
.news_con{ width:655px; height:275px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:0px !important; margin-top:-4px;}
.news_con h1{ width:636px; height:24px; float:left; line-height:24px; font-size:14px; font-weight:bold; color:#333333; text-align:center;} 
.news_con h2{width:636px;height:24px; float:left; text-align:center;}
.news_con p{ line-height:18px; width:636px;padding-top:12px;}
.news_con img{ float:right;padding-top:2px;}

.news_con_01{ width:655px; height:275px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:-3px !important; margin-top:-7px;}
.news_con_01 h1{ width:636px; height:24px; float:left; line-height:24px; font-size:14px; font-weight:bold; color:#333333; text-align:center;} 
.news_con_01 h2{width:636px;height:24px; float:left; text-align:center;}
.news_con_01 p{ line-height:22px; width:636px; padding-top:12px;}
.news_con_01 img{ float:right; padding-top:1px;}

.news_con_02{ width:655px; height:275px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:5px !important; margin-top:1px;}
.news_con_02 p{ line-height:18px; width:636px;padding-top:8px;}
.news_con_02 img{ float:right;padding-top:2px;}

.news_con_03{ width:655px; height:277px; margin-top:-2px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:-2px !important; margin-top:-6px;}
.news_con_03 h1{ width:636px; height:24px; float:left; line-height:24px; font-size:14px; font-weight:bold; color:#333333; text-align:center;} 
.news_con_03 h2{width:636px;height:24px; float:left; text-align:center;}
.news_con_03 p{ line-height:18px; width:636px;padding-top:7px !important; padding-top:14px;}
.news_con_03 img{ float:right;padding-top:2px;}

.news_con_04{ width:655px; height:275px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:-5px !important; margin-top:-8px;}
.news_con_04 h1{ width:636px; height:24px; float:left; line-height:24px; font-size:14px; font-weight:bold; color:#333333; text-align:center;} 
.news_con_04 h2{width:636px;height:24px; float:left; text-align:center;}
.news_con_04 p{ line-height:18px; width:636px;padding-top:12px;}
.news_con_04 img{ float:right;padding-top:2px;}

.news_con_05{ width:655px; height:275px; float:left;  overflow-y:scroll; overflow-x:hidden; margin-top:4px !important; margin-top:0px;}
.news_con_05 h1{ width:636px; height:24px; float:left; line-height:24px; font-size:14px; font-weight:bold; color:#333333; text-align:center;} 
.news_con_05 h2{width:636px;height:24px; float:left; text-align:center;}
.news_con_05 p{ line-height:18px; width:636px;padding-top:12px; }
.news_con_05 img{ float:right;padding-top:2px;}

.webmap a{ color:#333333}
.webmap a:hover{ color:#1971ad;}
.webmap strong a{ color:#000000}
.webmap strong a:hover{ color:#1971ad;}

.list_page{ width:655px; height:20px !important; height:20px;float:left; position:relative;margin-right:-5px;right:-5px;}
.list_page a{margin:0px; padding:0px;margin-right:-5px;padding-right:-5px;}
.list_page h1{ width:655px; height:33px !important; height:0px; float:left;}
.list_page h2{ width:370px; height:14px; float:left; text-align:right; padding-left:50px !important; padding-left:0px; padding-top:0px !important; padding-top:12px; }

.list_page1{ width:655px; height:47px !important; height:30px;float:left;}
.list_page1 h1{ width:655px; height:33px !important; height:0px; float:left;}
.list_page1 h2{ width:370px; height:14px; float:left; text-align:right; padding-left:30px !important; padding-left:0px; padding-top:0px !important; padding-top:12px; }

.list_page2{ width:655px; height:47px !important; height:14px;float:left;}
.list_page2 h2{ width:600px !important; width:655px; padding-left:38px !important; padding-left:0px; height:14px; float:left; text-align:right;padding-top:35px !important; padding-top:5px;}
.list_page3{ width:655px; height:47px !important; height:14px;float:left;}
.list_page3 h2{ width:600px !important; width:655px; padding-left:50px !important; padding-left:0px; height:14px; float:left; text-align:right;padding-top:35px !important; padding-top:0px;}
.list_page4{ width:655px; height:47px !important; height:30px;float:left; clear:both;}
.list_page4 div{ float:left;}
.list_page4 h1{ width:655px; height:33px !important; height:0px; float:left;}
.list_page4 h2{ width:370px; height:14px; float:left; text-align:right; padding-left:40px !important; padding-left:0px; padding-top:0px !important; padding-top:12px; }
.list_page5{ width:655px; height:47px !important; height:14px;float:left;}
.page001{width:655px; height:14px; float:left; margin-top:26px !important; margin-top:0px;}
.list_page5 h1{ width:655px; height:33px !important; height:10px; float:left; background-color:#009900}
.list_page5 h2{ width:370px; height:14px; float:left; text-align:right; padding-left:40px !important; padding-left:0px; padding-top:0px; }

.list_tab{ float:left; height:24px !important; height:22px;}
.list_tab span{ font-family:Arial; font-weight:bold;}
.nav{ width:655px; height:18px; float:left;}
.nav h1{ width:600px; height:12px; float:right; text-align:right; color:#333333; padding-top:4px !important; padding-top:0px;}
.nav h1 span{ color:#333333}
.nav h1 a{ color:#333333}
.nav h1 a:hover{ color:#1971ad}

.nav h2{ width:600px;height:12px; float:right; text-align:right; color:#333333; padding-top:4px !important; padding-top:0px;}
.nav h2 span{ color:#333333}
.nav h2 a{ color:#333333}
.nav h2 a:hover{ color:#1971ad}

.con_news{ width:330px; height:242px; float:left;}
.news{ width:330px; height:192px; float:left;}
.news h1{ width:330px; height:14px; float:left; text-align:left;}
.uuu{ width:330px; height:158px; float:left;}
.uuu ul{ width:330px; height:158px; float:left;display:block; margin-top:10px; overflow:auto; }
.uuu ul li{ width:300px; height:23px; line-height:23px;}
.uuu ul li a{  color:#333333;}
.uuu ul li a:hover{ color:#1971ad}
.adv{ width:330px; height:50px; float:left;}

.con_work{ width:323px; height:242px; float:right; margin-left:2px !important; margin-left:1px;}
.con_work h1{ width:309px; height:14px; float:left; text-align:left;}
.con_work h1 img{ padding-left:5px;}
.www{ width:323px; height:214px; float:left; margin-top:6px !important; margin-top:11px;}
.www dt{ width:101px; height:70px; float:left; border-left:6px solid #FFFFFF !important; border-left:5px solid #FFFFFF; border-top:4px solid #FFFFFF !important; border-top:0px solid #FFFFFF;  margin-top:0px !important; margin-top:1px; border-bottom-width:0px; border-right-width:0px;}

.mid_right{ width:197px; height:433px; float:left; margin-left:10px; background:url(../images/img12.jpg) repeat-x;}
.mid_right2{ width:197px; height:433px; float:left; margin-left:10px; background:url(../images/img23.jpg) repeat-x;}
.ccbd{ width:197px; height:123px; float:left;}
.login{ width:197px; height:67px; float:left;}
.login h1{ width:150px; height:12px; float:left; margin-left:24px !important; margin-left:8px; color:#333333; line-height:12px; padding-top:15px; margin-bottom:5px;}
.login h2{ width:147px; height:18px; float:left; margin-left:24px !important; margin-left:8px;  margin-top:2px;}
.login h3{ width:150px; height:14px; float:left; display:block; margin-left:24px !important; margin-left:8px; color:#333333; line-height:14px; padding-top:3px; text-align:right; line-height:14px;}
.adminer{ font-size:12px; color:#666; line-height:14px; height:14px; width:90px; text-align:left; border:none; }
.teach{ width:197px; height:204px; float:left; margin-top:2px;}
.teach h1{ width:180px; height:14px; float:left; padding-left:4px; padding-bottom:9px;}
.teach dl{ width:197px; height:185px; float:left;}
.teach dt{ width:98px; height:68px; text-align:center; float:left; display:block;}
.teach dd{ width:85px; height:14px; text-align:left; line-height:14px; float:left; padding-left:9px; background:url(../images/img17.jpg) left no-repeat; display:block; margin-left:4px !important; margin-left:2px; margin-top:7px;}
.teach dd a{ color:#333333;}
.teach dd a:hover{ color:#1971ad}
.teach dd.cont{ width:190px; color:#000000; height:14px; font-size:11px; text-align:left; line-height:14px; float:left; padding-left:0px; background:none; display:block; margin-left:4px !important; margin-left:2px; margin-top:4px;}
.teach dd.conter{ width:190px; color:#000000; height:14px; font-size:11px; text-align:left; line-height:14px; float:left; padding-left:0px; background:none; display:block; margin-left:4px !important; margin-left:2px; margin-top:17px !important; margin-top:8px;}

.news_nav{ width:197px; height:204px; margin-top:18px; float:left; text-align:center}
.news_nav ul{ width:197px; height:auto; float:left;}
.news_nav ul li{ width:197px; height:30px; float:left; background:url(../images/img24.jpg) left no-repeat; line-height:30px; text-align:left;}
.search{ width:197px; height:60px; float:left; margin-top:26px !important; margin-top:16px; }
.search h1{ width:172px; height:18px; float:left; padding-left:25px;}
.search h2{ width:172px; height:18px;  float:left; padding-top:2px;padding-left:25px;}
.search h3{ width:55px; height:18px;  float:left; padding-top:4px !important; padding-top:2px;padding-left:127px;}

.search_in{ width:146px; height:16px; border:solid 1px #8b8b8d; }

.news_nav ul li.nav01{ width:197px; height:30px; float:left; background:url(../images/img24.jpg) left no-repeat; line-height:30px; text-align:left; margin-top:10px;}
.news_nav ul li span{  width:80px; margin-left:53px; height:30px; line-height:30px;}
.news_nav ul li span a{ color:#5e5d5d; font-weight:bold;}
.news_nav ul li span a:hover{ color:#1971ad; font-weight:bold;}

.works_tab{ float:left; margin-bottom:3px !important; margin-bottom:0px; margin-right:9px !important; margin-right:7px;}
.works_tech{ float:left; margin-bottom:12px; margin-right:40px !important; margin-right:7px; margin-top:5px;}

.contact_li{ width:264px; height:216px; float:left;}
.contact_li ul li{ line-height:24px; color:#333333}
.contact_me{width:655px; height:216px; float:left;}
.message1{ width:214px; height:15px; border:#d2d2d2 solid 1px; font-size:12px; color:#666666}
.message2{ width:480px; height:85px; border:#d2d2d2 solid 1px;font-size:12px; color:#666666}
.map{ width:334px; height:216px; float:left;}

.bottom2{ width:862px; height:17px; float:left; margin-top:10px;font-family:Arial; background:url(../images/img18.jpg) repeat-x; color:#FFFFFF;}
.bottom2 h1{ width:622px; height:17px; float:left; display:block;line-height:17px}
.bottom2 h2{ width:227px; height:17px; float:left; display:block; text-align:right; padding-left:12px; line-height:17px}
.bottom2 a{ color:#FFFFFF;}
.bottom2 a:hover{ color:#FFFFFF;}



.bottom{ width:862px; height:20px; display:block; float:left; clear:both;margin-top:10px; text-align:center; background:url(../images/img18.jpg) repeat-x; color:#FFFFFF;font-family:Arial;}
.bottom span{ padding-left:90px; color:#FFFFFF; font-size:11px;}
.bottom h1{ width:652px; height:17px; float:left; display:block; line-height:17px;}
.bottom h2{ width:150px; height:17px; float:left; display:block; margin-left:35px; line-height:17px;}
.bottom a{ color:#FFFFFF; }
.bottom a:hover{ color:#FFFFFF;}
.oppo{ height:22px; font-size:12px; line-height:12px; width:147px; text-align:center;font-family:"宋体"; color:#666666}



.mid_left_gai{ width:665px; height:433px; float:left;}
.left_con2_gai{ width:665px; height:242px; float:left;}
.news_list_gai{ width:665px; height:216px; float:left; margin-top:10px;}
.news_list_gai2{ width:665px; height:216px !important; height:200px; float:left; margin-top:11px !important; margin-top:10px;}
.mid_right_gai{ width:197px !important; width:180px; height:433px; float:left; background:url(../images/img23.jpg) repeat-x;}

.news_list_gai3{ width:665px; height:216px; float:left; margin-top:10px;}
.works_tab_gai{ float:left; margin-bottom:2px !important; margin-bottom:0px; border-right:12px solid #FFFFFF; margin-top:-2px !important; margin-top:-5px;}

.teacher{width:166px; height:79px !important; height:80px; float:left;}
