﻿@charset "utf-8";
/* CSS Document */
body{ font-style: normal; font:12px/22px Microsoft YaHei;}
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, p {margin:0; padding:0;} 
ol, ul ,li{list-style: none;} 
img {border: 0; vertical-align:middle;} 
body{color:#000000; text-align:center;} 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;} 
a{color:#000000;text-decoration:none; } 
a:hover{color:#d60000;text-decoration:underline;} 
p{ text-indent:2em; text-align:left;}







/*公路大楼 开始*/
.r_bg{ width:auto; margin:0 auto; background:url(../images/choicebg.jpg) center 0 no-repeat;}
.roadbg{ width:1200px; overflow:hidden;  margin:0 auto;}

.r_top{ width:1200px; height:93px; margin:0 auto; }
.r_name{ float:left; width:568px; height:93px; margin-left:96px; background:url(../images/choice_02.png) 0 0 no-repeat;}
.r_user{ float:right; width:130px; height:93px; margin-right:118px; line-height:64px; font-size:16px; color:#FFFFFF; background:url(../images/choice_03.png) center 40px no-repeat;}


/*选项卡开始 开始*/
.slideTxtBox{ width:880px; margin:0 auto; text-align:left;}
.slideTxtBox .hd{ height:30px; font-size:16px; font-family:Microsoft YaHei;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; height:64px;   background:url(../images/choice_04.png) 0 0 no-repeat;}
.slideTxtBox .hd ul li{ float:left; width:220px; text-align:center; cursor:pointer; color:#FFFFFF;  padding-top:70px;}
.slideTxtBox .hd ul li.on{ height:100px; color:#FFFFFF; background:url(../images/choice.png) 0 0 no-repeat; }
.slideTxtBox .bd ul{ zoom:1; margin-top:100px;}
/*选项卡开始 over*/


.r_middle{ width:860px; height:320px; margin:0 auto; font-size:18px;}
/*公共服务区 开始*/
.r_public{ margin:0 auto; font-family:Microsoft YaHei; font-size:18px; text-align:center;}
.r_public_1{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/public_01.png) 0 0 no-repeat;}
.r_public_1:hover{background:url(../images/public_01a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_2{ display:block; width:172px; height:36px; color:#ffffff; padding-top:96px; background:url(../images/public_02.png) 0 0 no-repeat;}
.r_public_2:hover{background:url(../images/public_02a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_3{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/public_03.png) 0 0 no-repeat;}
.r_public_3:hover{background:url(../images/public_03a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_4{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/public_04.png) 0 0 no-repeat;}
.r_public_4:hover{background:url(../images/public_04a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_5{ display:block; width:172px; height:36px; color:#ffffff;padding-top:96px; background:url(../images/public_05.png) 0 0 no-repeat;}
.r_public_5:hover{background:url(../images/public_05a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_6{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/public_06.png) 0 0 no-repeat;}
.r_public_6:hover{background:url(../images/public_06a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_7{ display:block; width:172px; height:36px; color:#ffffff; padding-top:96px; background:url(../images/public_07.png) 0 0 no-repeat;}
.r_public_7:hover{background:url(../images/public_07a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_public_8{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/public_08.png) 0 0 no-repeat;}
.r_public_8:hover{background:url(../images/public_08a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
/*公共服务区 over*/
/*商务服务区 开始*/
.r_business{ margin:0 auto; font-family:Microsoft YaHei; font-size:18px; text-align:center;}
.r_business_1{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/p_01.png) 0 0 no-repeat;}
.r_business_1:hover{background:url(../images/p_01a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_2{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/p_02.png) 0 0 no-repeat;}
.r_business_2:hover{background:url(../images/p_02a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_3{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px;  background:url(../images/p_03.png) 0 0 no-repeat;}
.r_business_3:hover{background:url(../images/p_03a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_7{ display:block; width:172px; height:36px; color:#ffffff;  padding-top:93px; background:url(../images/p_04.png) 0 0 no-repeat;}
.r_business_7:hover{background:url(../images/p_04a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_4{ display:block; width:352px; height:36px; color:#ffffff; text-align:right; padding-top:93px; padding-right:30px; background:url(../images/business_04.png) 0 0 no-repeat;}
.r_business_4:hover{background:url(../images/business_04a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_5{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/business_05.png) 0 0 no-repeat;}
.r_business_5:hover{background:url(../images/business_05a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_business_6{ display:block; width:172px; height:36px; color:#FFFFFF; padding-top:120px; background:url(../images/business_06.png) 0 0 no-repeat;}
.r_business_6:hover{background:url(../images/business_06a.png) 0 0 no-repeat;  color:#FFFFFF; text-decoration:none;}
/*商务服务区 over*/

/*行政服务区 开始*/
.r_government{ margin:0 auto; font-family:Microsoft YaHei; font-size:18px; text-align:center; }
.r_government_1{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/government_01.png) 0 0 no-repeat;}
.r_government_1:hover{background:url(../images/government_01a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_2{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/government_02.png) 0 0 no-repeat;}
.r_government_2:hover{background:url(../images/government_02a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_3{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/government_03.png) 0 0 no-repeat;}
.r_government_3:hover{background:url(../images/government_03a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_4{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/government_04.png) 0 0 no-repeat;}
.r_government_4:hover{background:url(../images/government_04a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_5{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/government_05.png) 0 0 no-repeat;}
.r_government_5:hover{background:url(../images/government_05a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_6{ display:block; width:172px; height:36px; color:#ffffff; padding-top:120px; background:url(../images/government_06.png) 0 0 no-repeat;}
.r_government_6:hover{background:url(../images/government_06a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_7{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/government_07.png) 0 0 no-repeat;}
.r_government_7:hover{background:url(../images/government_07a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_government_8{ display:block; width:172px; height:36px; color:#ffffff; padding-top:93px; background:url(../images/government_08.png) 0 0 no-repeat;}
.r_government_8:hover{background:url(../images/government_08a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
/*行政服务区 over*/
/*工业园区 开始*/
.r_industry{ margin:0 auto; font-family:Microsoft YaHei; font-size:18px; }
.r_industry_1{ display:block; width:342px; height:43px; color:#ffffff; padding-top:115px; padding-left:40px; background:url(../images/industrial_02.png) 0 0 no-repeat;}
.r_industry_1:hover{background:url(../images/industrial_02a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_industry_2{ display:block; width:342px; height:43px; color:#ffffff; padding-top:115px; padding-left:40px; background:url(../images/industrial_03.png) 0 0 no-repeat;}
.r_industry_2:hover{background:url(../images/industrial_03a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_industry_3{ display:block; width:342px; height:43px; color:#ffffff; padding-top:115px; padding-left:40px; background:url(../images/industrial_04.png) 0 0 no-repeat;}
.r_industry_3:hover{background:url(../images/industrial_04a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
.r_industry_4{ display:block; width:342px; height:43px; color:#ffffff; padding-top:115px; padding-left:40px; background:url(../images/industrial_01.png) 0 0 no-repeat;}
.r_industry_4:hover{background:url(../images/industrial_01a.png) 0 0 no-repeat;  color:#ffffff; text-decoration:none;}
/*工业园区over*/

.r_bottombg{ position:fixed; bottom:10px; width:100%; height:68px;}
.r_bottom{ width:1000px; height:64px; margin:0 auto;}
.r_bottom1{display:block; width:auto; height:20px; padding-top:38px; color:#FFFFFF; font-size:12px; background:url(../images/r_oa_01.png) center 0 no-repeat;}
.r_bottom2{display:block; width:auto; height:20px; padding-top:38px; color:#FFFFFF; font-size:12px; background:url(../images/r_oa_02.png) center 0 no-repeat;}

/*公路大楼 over*/


/*我的实验2 开始*/
.testbg{ width:auto; margin:0 auto; background:url(../images/choicebg.jpg) center 0 no-repeat;}
.test_button{ display:block; width:75px; height:29px; cursor:pointer; text-align:left; line-height:29px; padding-left:35px; margin-left:200px; color:#FFFFFF;  border:none; background:url(../images/button_11.png) 0 0 no-repeat; font-size:14px;}
.test_button:hover{ color:#ff6400;}
.metroCont{width: 848px; padding: 2px; height:360px; margin:0 auto; margin-top:5px;}
.metro{overflow: hidden; height: 172px; width: 172px; margin:5px 20px; float: left; color: #CCFFFF;}
.metro a{ display:block; text-decoration:none; background:url(../images/test_05.png) 45px 8px no-repeat; font-size:16px; color:#dcdcdc; padding-left:10px; margin-top:15px;}
.metro a:hover{ color:#FFFFFF;}
.metro_span{ font-size:16px; color:#FFFFFF;}
.imgMetro{overflow: hidden; float: left; color: #CCFFFF; width: 172px; height: 172px; margin:5px 20px;}
/*我的实验2 over*/



/*登录页面 开始*/
.login_bg{ background:#f5f5f5;}
.login{ width:763px; height:412px; margin:50px auto; overflow:hidden; background:url(../images/login_03.png) 0 0 no-repeat;}

.login_login{ width:238px; height:275px; margin:0 auto; margin-top:120px; margin-left:510px; color:#FFFFFF;}

.login_head{ width:73px; height:70px; margin:0 auto; padding-top:3px; background:url(../images/login_01.png) 0 0 no-repeat; }

.login_user{ width:185px; height:30px; padding-left:5px; line-height:30px; outline:none; font-size:14px; border:none; background:#d0e9f4; color:#000000; }
.login_pass{ width:185px; height:30px; padding-left:5px; line-height:30px; outline:none; font-size:14px; border:none; background:#FFFFFF; color:#000000;}

.login_button{ width:36px; height:36px; border:none; cursor:pointer; background:url(../images/login_04.png) 0 0 no-repeat;}
.login_button:hover{ background:url(../images/login_05.png) 0 0 no-repeat;}


#sex_male , #sex_female , #sex_nomale {  display:none  }  
label{display:-moz-inline-block; display:inline-block; cursor:pointer; margin:5px 0; padding-left:20px; line-height:12px; background:url(../images/login_07.png) no-repeat left top;}
label.checked { background-position:left bottom; } 


.login_regist{ display:block; width:47px; height:30px; text-align:right; color:#FFFFFF; font-family:Microsoft YaHei; background:url(../images/login_08.png) 0 0 no-repeat;}


.login_bottom2{ position:fixed; bottom:0px; width:100%; height:80px; background:#0180ad; line-height:70px; color:#FFFFFF;}

/*登录页面 over*/



.hall{ width:100%; height:auto;}




/*老师选择子系统 开始*/
.teacher{ width:900px; height:360px; margin:0 auto; font-family:Microsoft YaHei; font-size:16px; text-align:center;}
.teacher_1{ display:block; width:140px; height:30px; color:#004a13; padding-top:110px; background:url(../images/teacher_01.png) 0 0 no-repeat;}
.teacher_1:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#004a13;}
.teacher_2{ display:block; width:140px; height:30px; color:#692900; padding-top:110px; background:url(../images/teacher_02.png) 0 0 no-repeat;}
.teacher_2:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#692900;}
.teacher_3{ display:block; width:140px; height:30px; color:#071b89; padding-top:110px; background:url(../images/teacher_03.png) 0 0 no-repeat;}
.teacher_3:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#071b89;}
.teacher_4{ display:block; width:140px; height:30px; color:#750503; padding-top:110px; background:url(../images/teacher_04.png) 0 0 no-repeat;}
.teacher_4:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#750503;}
.teacher_5{ display:block; width:140px; height:30px; color:#420b9c; padding-top:110px; background:url(../images/teacher_05.png) 0 0 no-repeat;}
.teacher_5:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#420b9c;}
.teacher_6{ display:block; width:140px; height:30px; color:#573304; padding-top:110px; background:url(../images/teacher_06.png) 0 0 no-repeat;}
.teacher_6:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#573304;}
.teacher_7{ display:block; width:140px; height:30px; color:#07516e; padding-top:110px; background:url(../images/teacher_07.png) 0 0 no-repeat;}
.teacher_7:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#07516e;}
.teacher_8{ display:block; width:140px; height:30px; color:#690232; padding-top:110px; background:url(../images/teacher_08.png) 0 0 no-repeat;}
.teacher_8:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#690232;}
.teacher_9{ display:block; width:140px; height:30px; color:#004a13; padding-top:110px; background:url(../images/teacher_09.png) 0 0 no-repeat;}
.teacher_9:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#004a13;}
/*老师选择子系统 over*/

/*注册流程项卡开始 开始*/
.process_bg{ background:#f5f5f5;}
.process_ku{ width:1100px; height:345px; margin:0 auto; margin-top:50px; border:1px solid #cbcbcb; background:#FFFFFF;}
.process_title{ width:1100px; height:40px; line-height:40px; color:#FFFFFF; font-size:16px; background:#0a7fc4; }

.slideTxtBox3{ width:1100px; margin:0 auto; height:306px;}
.slideTxtBox3 .hd{ float:left; width:218px; line-height:50px; font-size:16px; position:relative; height:100%; overflow-y:auto;}
.slideTxtBox3 .hd ul{ position:absolute; width:200px; border-right:1px solid #cbcbcb;}
.slideTxtBox3 .hd ul li{ cursor:pointer; width:200px; text-align:left; background:#FFFFFF; border-bottom:1px solid #cbcbcb;}
.slideTxtBox3 .hd ul li span{ display:inline-block; color:#FFF; width:20px; height:35px; padding-left:5px; margin-left:15px; background: url(../images/processcicle.png) no-repeat 0px 15px;}
.slideTxtBox3 .hd ul li span2{ display:inline-block; width:20px; height:20px; border-radius:20px; background:#039;}
.slideTxtBox3 .hd ul li.on{ height:50px; color:#2f97b4; background:url(../images/choice2.png) center 44px no-repeat; border-bottom:1px solid #2f97b4;}
.slideTxtBox3 .bd{ float:left; text-align:left; width:880px;}
.slideTxtBox3 .bd ul{float:left; margin-left:20px; zoom:1;}


.process_table{ margin:0 auto; text-align:center; }
.process_table_td{ text-align:left; font-size:14px; font-family:Microsoft YaHei; color:#000000;}


.process_table .Sp2 { display: block; float:left; margin:5px; height:38px;line-height: 38px; text-align: center; background-color:#ccc; color: #ffffff; font-size:16px; font-family:Microsoft YaHei; text-decoration: none; padding-left:20px; padding-right:20px; pointer-events:none; }
/*.process_table a span { display:block; background: url(../images/processbg.png) no-repeat right 0px; padding-right:20px;} */
.process_table a:hover { background: url(../images/processbg.png) no-repeat 0px -40px;}
.process_table a:hover span{ background: url(../images/processbg.png) no-repeat right -40px;}

.process_table .Sp{display: block; float:left; margin:5px; height:38px;line-height: 38px; text-align: center; background: url(../images/processbg.png) no-repeat 0 0; color: #ffffff; font-size:16px; font-family:Microsoft YaHei; text-decoration: none; padding-left:20px; padding-right:20px;}


/*.process_table a .Sp2{display:block; background: url(../images/processbg.png) no-repeat right 0px; padding-right:20px;}
*/
.errow_1{ width:46px; height:27px; background:url(../images/process_errow.png) no-repeat 0px 0px;}
.errow_2{ width:46px; height:36px; margin-right:40px; background:url(../images/process_errow.png) no-repeat 0px -28px;}
.errow_3{ width:46px; height:27px; background:url(../images/process_errow.png) no-repeat 0px -66px;}
/*注册流程项卡开始 over*/


