@charset "utf-8";
/* CSS Document */

/*========================================== commonCSS start ==========================================*/
body { background:#dcdddd url(../images/bg.gif) left top repeat-x;}

.hold { height:100%; overflow:hidden; clear:both;}

.webWidth { width:960px; margin:0 auto;}

.space { height:20px; line-height:20px; clear:both;}

.box { background:#fff;
-moz-box-shadow: 0px 0px 7px #bbb;
-webkit-box-shadow: 0px 0px 7px #bbb;
box-shadow: 0px 0px 7px #bbb;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#bbbbbb')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#bbbbbb');
}

.box2 {
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=120, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=120, Color='#000000');
}

.mod_tit { margin:0 0 5px 0;}
.mod_tit_in { position:relative; height:38px; line-height:38px; padding:0 20px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold; font-size:17px; color:#ff6666;}
.mod_tit_in span { font-family:Arial, Helvetica, sans-serif;line-height:40px}
.mod_tit_in a { position:absolute; top:0; right:20px; color:#8c8c8c;}
.mod_tit_in a:hover { text-decoration:underline;}
/*========================================== commonCSS end ==========================================*/


/*========================================== headCSS start ==========================================*/
.head { height:149px; background:url(../images/ban.gif) center top no-repeat;}

.mini { height:23px; padding-top:119px;}
.mini div { float:right; height:23px; line-height:23px; margin:0 0 0 5px;}
.search_btn { width:31px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/search_btn.gif); cursor:pointer;}
.search_btn:hover { background-image:url(../images/search_btn2.gif);}
.login_btn { padding:0 12px; background:#5e5e5e; cursor:pointer; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff;}
.login_btn:hover { background:#727272;}
.user_name { font-size:16px; color:#a7a7a7;}
/*========================================== headCSS end ==========================================*/



/*========================================== navCSS start ==========================================*/
.nav { position:relative; height:34px; background:#ffcc33;}
.nav_left,.nav_right { position:absolute; width:40px; height:56px; top:0; background-position:0 0; background-repeat:no-repeat; z-index:1;}
.nav_left { left:-40px; background-image:url(../images/nav_left.gif);}
.nav_right { right:-40px; background-image:url(../images/nav_right.gif);}

.nav_mid,.nav_mid div { height:34px;}
.nav_home { float:left; width:57px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/nav_home.gif); cursor:pointer;}
.nav_home:hover { background-image:url(../images/nav_home2.gif);}

.nav_list { float:right; width:903px;}
.nav_list li { float:left;}
.nav_list li a { height:34px; line-height:34px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#333; display:block;}
.nav_list li a span { margin:0 0 0 5px; font-family:"Times New Roman", Times, serif; font-size:12px; color:#ad8d33;}
.nav_list li a:hover { background:#333; color:#fff;}
.nav_list li a:hover span { color:#adadad;}
.nav_list .current a { background:#333; color:#fff;}
.nav_list .current a span { color:#adadad;}

.nav_list1 { width:230px;}
.nav_list2 { width:240px;}
.nav_list3 { width:260px;}
.nav_list4 { width:173px;}
/*========================================== navCSS end ==========================================*/



/*========================================== mainCSS start ==========================================*/
.main { background:#dcdddd;}

/*------------- spreadCSS start -------------*/
.spread { padding:7px; background:#333;}
.spread div { position:relative; float:left; padding:7px; *padding:7px 7px 3px 7px; vertical-align:bottom;}
.spread div span { position:absolute; bottom:14px; right:7px; _right:6px; height:25px; line-height:25px; padding:0 15px; background:url(../images/spread_tit.png); display:block; z-index:1; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff;}
/*------------- spreadCSS end -------------*/


/*------------- banCSS start -------------*/
.locat { height:37px; line-height:37px; padding:0 0 0 10px; background:#dcdddd; color:#808080;}

/* ban_img */
.ban_img { position:relative; height:350px;}
.ban_img div { position:absolute; right:0; background-position:0 0; background-repeat:no-repeat;}
.ban_img_right_green { top:0; width:396px; height:350px; background-image:url(../images/ban_img_right_green.png); z-index:1;}
.ban_img_right_black { top:177px; width:498px; height:91px; padding:16px 50px 10px 30px; background-image:url(../images/ban_img_right_black.png); z-index:2;}
.ban_img_right_black h2 { font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:31px; color:#fff;}
.ban_img_right_black h3 { line-height:20px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#dedede;}

/* ban_menu */
.ban_menu { height:80px; padding:10px;}
.ban_menu li { float:left; width:234px; border-right:1px #d6d6d6 solid;height: 80px;}
.ban_menu li.ban_menu_last { border:none;}
.ban_menu a { padding:7px 15px; display:block;height: 66px;}
.ban_menu a:hover { zoom:1; background:#eaeaea;}
.ban_menu a div { font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#3c3c3c;}
.ban_menu_date { height:25px; line-height:25px;}
.ban_menu_cont { padding:5px 0; line-height:16px;}
/*------------- banCSS end -------------*/


/*------------- infoCSS start -------------*/
.info { padding:20px 0; _padding:20px 0 0 0;}

.info_col { float:left; width:289px; padding:0 15px; border-right:1px #d6d6d6 solid;}
.info_last { border:none;}
.info_tit span { height:30px; line-height:30px;}
.info_tit_name { float:left; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; font-weight:bold; color:#ff6666;}
.info_tit_date { float:right; color:#d7d7d7;}
.info_tit_subname { height:36px; padding:0 0 10px 7px; line-height:18px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#323232; overflow:hidden; text-overflow:ellipsis; clear:both;}
.info_cont { padding:0 0 0 7px;}
.info_cont p { height:64px; line-height:16px; padding:0 0 5px 0; overflow:hidden; text-overflow:ellipsis; color:#5a5a5a;}
.info_more { padding:0 7px; background:#5a5a5a; color:#fff;}
.info_more:hover { background:#ff6666;}
/*------------- infoCSS end -------------*/


/*------------- learnCSS start -------------*/
.learn { padding:0 12px 12px 12px;}
.learn_course,.learn_material { position:relative; width:463px; height:201px; background-position:0 0; background-repeat:no-repeat;}
.learn_course { float:left; background-image:url(../images/jpkc_img.jpg); background-size: contain;}
.learn_material { float:right; background-image:url(../images/jczs_img.jpg); background-size: contain;}

.learn_tit { position:absolute; width:248px; height:66px; top:70px; right:0; z-index:1; text-align:center; color:#fff;}
.learn_tit h2 { height:40px; line-height:40px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:41px;}
.learn_tit h3 { height:26px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px;}
/*------------- learnCSS end -------------*/


/*------------- certifyCSS start -------------*/
.certify { position:relative; height:213px;}
.certify_tit { position:absolute; width:89px; height:25px; line-height:25px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff; z-index:1; cursor:pointer;}
.certify_tit1 { left:0; top:16px;}
.certify_tit2 { left:193px; bottom:18px;}
.certify_tit3 { right:414px; top:16px;}
.certify_tit4 { right:190px; bottom:18px;}
/*------------- certifyCSS end -------------*/


/*------------- newsCSS start -------------*/
.news { padding:0 0 8px 0;}
.news_col { width:436px; padding:25px 20px 30px 20px;}
.news_col_left { float:left;}
.news_col_right { float:right;}

.news .info_tit_subname { font-size:17px; white-space:nowrap;}
.news .info_cont { padding:10px 0 0 0;}
.news .info_cont p { height:48px; padding:0;}
/*------------- newsCSS end -------------*/


/*------------- botCSS start -------------*/
.bot { padding:15px 0 26px 0;}
.bot_logo,.bot_links { float:right; background-position:0 0; background-repeat:no-repeat;}
.bot_logo { width:146px; height:32px; background-image:url(../images/logo.gif); margin:0 33px 0 0;}
.bot_links { width:94px; height:32px; margin:0 117px 0 0; background-image:url(../images/link_btn.gif);cursor:pointer;}
.bot_links1 { width:94px; height:32px; margin:0 117px 0 0; background-image:url(../images/link_btn.jpg);}
.bot_logo,.bot_links1 { float:right; background-position:0 0; background-repeat:no-repeat;}

.bot_links_box { padding:20px 0 0 0; clear:both;}
.bot_links_box .box { padding:12px;}
.bot_links_box_in { padding:12px 50px; background:#82b127;}
.bot_links_box_in td { height:35px; line-height:35px; padding:0 20px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bot_links_box_in a { padding:0 0 0 18px; background:url(../images/bot_links_dot.gif) left center no-repeat; display:block; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff;}

.friendly_link { display: none;width: 960px;height: 80px;padding-bottom: 40px;}
.friendly_link_internal { background: #FFFFFF;height: 60px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
.friendly_link_internal ul { background: #82B127;float: left;height: 60px;width: 940px;}
.friendly_link_internal li { color: #FFFFFF;font-size: 14px;font-weight: bold;float: left;list-style: disc;margin-left: 105px;margin-top: 20px;cursor: pointer;}
/*------------- botCSS end -------------*/
/*========================================== mainCSS end ==========================================*/



/*========================================== footCSS start ==========================================*/
.foot { height:136px; background:url(../images/foot.gif) 0 0 repeat-x;}
.foot_in { position:relative; height: -webkit-fill-available; text-align:center; background:#505050; color:#fff;line-height: 136px; }

.totop { position:absolute; right:-72px; top:-25px; width:50px; height:50px; background:url(../images/totop.png) 0 0 no-repeat; cursor:pointer; z-index:1;}
/*========================================== footCSS end ==========================================*/


/*========================================== popCSS start ==========================================*/
.overlay { position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:10;}

.pop { padding:7px; width:466px; background:#ffcc33;}
.pop_tit { height:47px; line-height:47px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:28px; font-weight:bold; color:#fff;}
.pop_cont { background:#f7f7f7;}


/*------------- loginCSS start -------------*/
.login { position:absolute; left:50%; top:50%; margin:-135px 0 0 -240px; z-index:1000;}
.login_box { padding:45px;}
.login_box_left { float:left; width:112px;}
.login_box_right { float:right; width:238px;}

.select { height:28px; border:1px #e5e5e5 solid; border-radius:2px; background:#fff;}
.select span { float:left; width:82px; line-height:28px; text-align:center; font-size:13px; color:#7a7a7a;}
.select div { float:right; width:28px; height:28px; background:#e8e8e8 url(../images/login_arr.gif) center no-repeat; cursor:pointer;}
.select_option { border:1px #e5e5e5 solid; border-top:none; background:#fff; visibility:hidden;}
.select_option li { height:28px; line-height:28px; padding:0 5px; text-align:center; font-size:13px; color:#7a7a7a; cursor:pointer;}
.select_option li:hover { background:#f3f3f3;}

.login_row { padding:0 0 15px 0; clear:both;}
.login_row input { width:183px; height:28px; line-height:28px; border:1px #e5e5e5 solid; border-radius:2px; background-color:#fff; background-position:0 0; background-repeat:no-repeat; padding:0 10px 0 45px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:13px; color:#999;}
.login_row input:focus { border:1px #4599e4 solid;}
.login_name { background-image:url(../images/login_name.gif);}
.login_psw { background-image:url(../images/login_psw.gif);}
.login_remember { float:left; color:#666; cursor:pointer;}
.login_remember label { height:30px; line-height:30px;}
.login_submit { float:right; width:68px; height:30px; line-height:30px; text-align:center; background:#82b127; border-radius:3px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff;}
.login_submit:hover { background:#84c10e;}
/*------------- loginCSS start -------------*/


/*------------- searchCSS start -------------*/
.search { position:absolute; left:50%; top:50%; margin:-64px 0 0 -240px; z-index:1000;}
.search_box { padding:10px;}
.search_box_in { width:444px; height:42px; border:1px #e5e5e5 solid; border-radius:3px; background:#fff;}
.search_input { float:left; width:384px; height:42px; line-height:42px; margin:0 0 0 10px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#999;}
.search_submit { float:right; width:38px; height:38px; margin:2px; background:url(../images/search_go.gif) 0 0 no-repeat;}
/*------------- searchCSS start -------------*/
/*========================================== popCSS start ==========================================*/

/*============================ certification_index =============================*/
.nav_cer { position:relative; height:34px; background:#c9a664;}
.nav_left_cer,.nav_right_cer { position:absolute; width:40px; height:56px; top:0; background-position:0 0; background-repeat:no-repeat; z-index:1;}
.nav_left_cer { left:-40px; background-image:url(../images/nav_left.jpg);}
.nav_right_cer { right:-40px; background-image:url(../images/nav_right.jpg);}