﻿/*
Author : MoreCrazy
Email  : lzrss@foxmail.com
QQ     : 277974564
*/

/* CSS reset */

html, body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
img { border: 0; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { cursor: pointer; font-size: 12px; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #0C77CF; text-decoration: underline; }
a:active { color: #F30; }
p { padding: 5px 0; }
h1 { font: 24px/30px "Microsoft Yahei"; text-align: center; padding: 18px; display: block; overflow: hidden; text-indent: 0; zoom: 1; _width: 90%; }
textarea { overflow: auto; }
em { font-style: normal; }
/*--reset end--*/
.left { float: left; display: inline; }
.right { float: right; display: inline; }
body { background: #ECF4F7 url(body.jpg) top center no-repeat; font: 12px Tahoma, Verdana, 宋体; color: #333; height: 100%; /*overflow-x:hidden;*/ }
.containor { width: 1000px; margin: 0 auto; overflow: hidden; zoom: 1; margin-top: 10px; /*background:#F60;*/ }
.clear { clear: both; height: 0; overflow: hidden; }
/*
------------------------------------- 
Header 
-------------------------------------
*/ 
.header { display: block; width: 1000px; margin: 0 auto; /*background: #FFF;*/ }
.top_info { display: block; clear: both; font: 12px/30px Arial, Helvetica, sans-serif; padding: 0 20px; }
.top_info span { display: block; float: right; }
.top_info span a { margin: 0 10px; }
a.orange { color: #FF7F00; font-weight: bold; }
.nav { display: block; margin: 0 auto; /*margin-top: 1px;*/ *margin-top: -5px;
overflow: hidden; /*background: url(nav.png) top repeat-x;*/ height: 36px; padding-bottom: 30px; }
.nav p { padding: 10px 0 0 15px; *padding: 0px 0 0 15px;
}
/* 下拉菜单 */
.input { border: none; height: 20px; padding: 0 2px; font: 12px/18px Arial, Helvetica, sans-serif; }
/*
------------------------------------- 
导航 
-------------------------------------
*/
.sub_menu { display: block; margin: 0 auto; width: 990px; height: 30px; color: #F3D09A; overflow: hidden; padding: 0 0 0 10px; /*background:#60C;*/ /*position: relative; top: 192px; *top:186px;*/ }
.sub_menu li { display: block; float: left; list-style: none; height: 30px; line-height: 30px; margin: 0; }
.sub_menu li span { color: #FFF; line-height: 28px; /*width:100px;*/ display: block; float: left; padding: 0; margin: 0; }
.sub_menu li a { display: block; text-align: center; padding: 0 6px; text-decoration: none; color: #FFF !important; /*width:90px;*/ font: bold 14px/28px 宋体; white-space: nowrap; }
.sub_menu li a:hover { text-decoration: none; color: #A5D7EE !important; padding-top: 1px; }
/*menu*/
div.menu-list { position: absolute; width: auto; _width: 80px; display: none; background: url(sub_menu.png) bottom center no-repeat; /*background: #005BB8;*/ border: none; /*opacity: 0.85; filter: alpha(opacity=85);*/ padding: 5px 5px 12px 5px; overflow: hidden; z-index: 99; margin-top: -4px; margin-left: 2px; }
div.menu-list ul, div.menu-list ul li { padding: 0; margin: 0; z-index: 99; }
div.menu-list ul li { float: none; display: inline; border: none; /*background: #005BB8;*/ padding: 0; margin: 0; height: 20px; overflow: hidden; /*text-indent:10px;*/ }
div.menu-list ul li a { display: block; width: 60px; /*width:100%;*/ clear: both; font: 12px/22px 宋体; color: #222222 !important; text-align: left; padding: 0 10px 0 8px; height: 24px; overflow: hidden; }
div.menu-list ul li a:hover { /*width:100%;*/ clear: both; background: #CFEAF5; color: #17689F !important; }
/*
------------------------------------- 
banner 
-------------------------------------
*/
.banner { padding: 0; clear: both; margin: 0 auto; /*margin-top: 20px;*/ text-align: center; height: 210px; *height:205px;
}
.banner img { display: block; margin: 0 auto; }
/*
------------------------------------- 
search 
-------------------------------------
*/
.search { display: block; margin: 0px 0 5px 0px; overflow: hidden; width: 220px; height: 30px; _width: 220px; padding: 5px 25px 0 0px; *margin: -7px 0 5px 0px;
float: right; /*background:#3C6; opacity:0.5;*/ }
.search input { border: none; width: 160px; height: 24px; padding: 0 5px; font: 14px/20px Arial, Helvetica, sans-serif; background: none; display: block; float: left; vertical-align: middle; }
.search .btnSearch { width: 50px; height: 25px; /*background:#960; opacity:0.5;*/ /*background: url(search_btn.png) 0 0 no-repeat;*/ display: block; float: left; cursor: pointer; border: none; }
/*
------------------------------------- 
main 
-------------------------------------
*/

.main { /*width: 770px;*/ display: block; clear: both; margin: 0 auto; overflow: hidden; zoom: 1; background: url(news_bg.png) top left no-repeat; padding: 18px; }
.main .box { display: block; float: left; width: 500px; margin: 0 0 0px 15px; _margin: 0 0 10px 15px; background: #FFF; overflow: hidden; zoom: 1; display: block; }
.main .box h3, .index_news .box h3 { height: 35px; font: bold 14px/30px "宋体"; background: url(line.png) bottom left no-repeat; padding: 0; margin: 0 0 5px 0; overflow: hidden; text-align: left; color: #1B78B7; text-indent: 3px; /*_padding-left: 15px;*/ }
.main .box h3 a, .index_news .box h3 a { display: block; float: right; width: 47px; height: 18px; text-align: center; line-height: 24px; color: #FFF; padding: 0; font-size: 12px; margin: 0px 2px 0 0; font-weight: normal; text-indent: 0; }
a.more { display: block; float: right; padding: 10px 20px 0 0; background: url(more.png) 26px 13px no-repeat; color: #1064AF; }
a.more:hover { text-decoration: underline; }
.tongdao a { display: block; float: left; width: 112px; height: 38px; text-align: center; font: 14px/35px "宋体"; color: #666; background: url(quick.png) 0 0 no-repeat; margin: 10px 2px 0 2px; }
.tongdao a:hover { background: url(quick.png) 0 -45px no-repeat; text-decoration: none; }
/*
------------------------------------- 
index_news 
-------------------------------------
*/
.index_news { display: block; clear: both; overflow: hidden; background: url(big_box.png) top left no-repeat; margin: 5px 0; padding: 5px 15px; height: 246px; }
.index_news .box { width: 360px; display: block; float: left; margin-right: 30px; }
/*
------------------------------------- 
link 
-------------------------------------
*/ 
.links { display: block; float: left; margin: 42px 0 0 0; /*background:#FC9;*/ width: 180px; height: 180px; }
.links a { display: block; clear: both; background: url(flag01.png) 0 10px no-repeat; font: 12px/24px Verdana, Geneva, sans-serif; color: #333; padding-left: 10px; }
/*
------------------------------------- 
首页幻灯片 
-------------------------------------
*/
.newsPic { display: block; float: left; margin: 0 10px 0 0; overflow: hidden; font-weight: normal; width: 435px; height: 320px;  /*padding: 10px;*/ }
#slidtab { overflow: hidden; text-align: center; padding: 0; margin: 0; }
#slidtab li { color: #fff; overflow: hidden; }
#slidtab li img { width: 435px; height: 290px; padding: 0; margin: 0; }
#slidtab li a { font-size: 14px; color: #000; font-weight: bold; }
#slidtab li a:hover { color: #F60; }
#slidtab li span { color: #fff; display: block; clear: both; line-height: 30px; height: 30px; overflow: hidden; }
.hh { float: left; width: 435px; height: 320px; overflow: hidden; color: #fff; }
.spnum { position: relative; text-align: right; right: 15px; top: -55px; color: #fff; }
.spnum a { padding: 2px 5px; background: #BBBDC1; color: #000; text-decoration: none; font-size: 12px; margin: 1px; }
.spnum a:hover, .spnum a:link, .spnum a:active { color: #FFFFFF; }
.spnum a:visited { color: #000; }
.spnum a.cur { background: #FF7700; color: #fff; text-decoration: none; font-size: 12px; }
.sy_jdt #spwenzi { display: none; height: 20px; width: 260px; background: #FFF; text-align: center; line-height: 20px; }
.sy_jdt #spwenzi a { font-size: 12px; font-weight: bold; color: #FFF; text-align: center; text-decoration: none; }
.sy_jdt #spwenzi a:hover { font-size: 12px; font-weight: bold; color: #FFF; text-decoration: underline; }
/*
------------------------------------- 
side 
-------------------------------------
*/ 
.side { width: 218px; padding: 5px; background: #D9E8F9; display: block; float: left;  /*background:#FC9; opacity:0.5;*/ }
.side_in { border: 1px solid #C2DBF5; background: #FFF; }
.box_line { border-top: 5px solid #2F8CDF; display: block; overflow: hidden; height: 0; }
.side .box { display: block; clear: both; overflow: hidden; zoom: 1; margin: 0; clear: both; overflow: hidden; zoom: 1; display: block; background: #FFF; }
.side .box h3 { background: url(side_line.png) top left no-repeat; font-weight: bold; color: #00439A; line-height: 30px; height: 32px; font-size: 14px; padding: 0 0 0 25px; }
.side .box h3 a { display: block; float: right; overflow: hidden; text-align: center; line-height: 18px; color: #FFF; padding: 0; text-indent: 0; font-size: 12px; margin: 0; *width:50px;
}
.side .box h3.safe { background: url(side_box.png) 0 0 no-repeat; }
.side .list li { border: none; }
.side .list em { font-size: 14px; display: block; float: left; color: #333; padding: 0 5px 0 0; }
.side .video { display: block; padding: 2px; overflow: hidden; }
.side .more { padding: 0 20px 0 0; background: url(more.png) 26px 3px no-repeat; }
.side .phone { background: url(phone.png) 150px 40px no-repeat; }
.side p { padding: 5px 5px 0 5px; font: 12px/16px Verdana, Geneva, sans-serif; color: #444; }
.side p span { width: 90px; text-align: right; display: inline-block; }
.side p.info { padding: 10px 10px 20px 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.side p.info, .side p.info a { font: 14px/24px Verdana, Geneva, sans-serif; color: #666; }
.sub_containor .side .box { border: none; margin: 0; }
.sub_containor .side .box h3 a { display: block; width: 50px; float: right; }
.sub_containor .side .box h3 img { margin: 6px 8px 0 0; }
.sub_containor .side .box_title { display: block; clear: both; font: bold 20px/208px "microsoft yahei", "楷体"; background: url(top.jpg) top center no-repeat; height: 200px; text-align: center; color: #FFF; }
/*menu*/

.menu a { height: 42px; display: block; clear: both; margin: 0 auto; text-align: center; font: 14px/42px 宋体; color: #146AB7; overflow: hidden; background: url(menu_arrow.png) 0 -42px no-repeat; margin-bottom: 5px; margin-top: 5px; text-height: 30px; }
.menu a:hover, .menu a.current, .menu a.current:visited { background: url(menu_arrow.png) center top no-repeat; color: #146AB7; font-weight: bold; text-decoration: none; }
.menu a img { vertical-align: middle; }
/*
------------------------------------- 
position 
-------------------------------------
*/
.position { display: block; margin: 0 auto; overflow: hidden; padding: 0 10px; height: 50px; font: 14px/50px Verdana, Geneva, sans-serif; /*width: 718px; float: left;*/ background: #FFF url(common_top.png) top left no-repeat; text-indent: 10px; }
.position a, .position span {/* display: block; float: left;*/ margin: 0 4px; color: #333; font: 14px/50px Verdana, Geneva, sans-serif; }
/*
------------------------------------- 
list 
-------------------------------------
*/ 

.list li { list-style: none; /*margin: 0 13px;*/ text-align: left; overflow: hidden; height: 28px; line-height: 30px; padding: 0 5px 0px 15px; margin: 0 5px; background: url(flag01.png) no-repeat 3px 10px; display: block; clear: both; overflow: hidden; }
.list li span, .list li em { display: block; float: right; padding: 0 0 0 10px; color: #1B78B7; font: normal 12px/26px Verdana, Geneva, sans-serif; }
.list li a { font-size: 14px; color: #333; }
.list li a em { color: #06F; }
/*
------------------------------------- 
teacher 
-------------------------------------
*/ 
.teacher { display: block; clear: both; overflow: hidden; padding: 0 0 0px 15px; }
.teacher li { display: block; float: left; width: 110px; margin: 10px 0; background: url(dot.png) 18px 5px no-repeat; padding-left: 30px; }
.teacher li a { font-size: 14px; }
/* 通知公告 */
#gg { margin: 0 auto; margin-top: 10px; }
#gg .list li { line-height: 1.6em; height: auto; padding: 5px 0 10px 15px; background: url(li.png) 0 10px no-repeat; border-bottom: 1px dashed #999; }
#gg .list li em { display: block; clear: both; width: 100%; font: 12px/20px Verdana, Geneva, sans-serif; color: #9A9A9A; }
/*
------------------------------------- 
footer 
-------------------------------------
*/

.footer { display: block; width: 1000px; clear: both; margin: 0 auto; margin-top: 10px; color: #333; border-top: 3px solid #1B78B7; padding: 10px 0; }
.footer p { display: block; text-align: center; font: 12px/25px Verdana, Geneva, sans-serif; }
/*
------------------------------------- 
Form 
-------------------------------------
*/

.select { visibility: hidden; }
.side select { display: block; clear: both; overflow: hidden; margin: 12px auto; *margin:10px auto;
padding: 3px; width: 210px; }
input, select, textarea { font-size: 12px; font-family: arial, 宋体; }
textarea { border: 1px solid #aaa; padding: 0 2px 2px 2px; overflow-y: auto; }
h3 img, h4 img { float: right; margin: 6px 5px 0 0; }
/*
------------------------------------- 
sub_containor 
-------------------------------------
*/
.sub_containor { width: 998px; border: 1px solid #E0E0E0; margin: 0 auto; margin-top:10px;  margin-bottom: 10px; overflow: hidden; zoom: 1; background: #D9E8F9; *margin-top:5px; }
.sub_containor .side .box { border-bottom: 1px solid #C2DBF5; padding-bottom: 10px; }
/*
------------------------------------- 
mid 
-------------------------------------
*/
.mid { padding: 0; display: block; float: left; /*overflow: hidden;*/ width: 770px; background: #FFF; min-height: 535px;_height: auto; _height: 535px;  }

.mid h3 { height: 26px; padding: 0 0 0 30px; border-bottom: 3px solid #2F8CDF; background: #fff url(sub_h_bg_left.png) no-repeat left top; overflow: hidden; display: block; width: 90%; margin: 10px auto; }
.mid h3 span { padding: 0 120px 0 0; font: bold 15px/29px "Microsoft Yahei", "微软雅黑"; display: block; float: left; color: #FFF; background: url(sub_h_bg.png) no-repeat right top; }
.mid h3 img { float: right; margin: 3px 5px 0 0; }
.mid .list { padding: 0 20px; }
.mid .list li { height: auto; border-bottom: 1px dotted #ccc; padding: 5px 0 3px 18px; background: url(flag03.gif) no-repeat 0 10px; _background: url(flag03.gif) no-repeat 0 15px; }
.mid .list li a { font: 14px/150% Tahoma 宋体; }
.mid .list li em { color: #ccc; }
h2 { color: #2F8CDF; font: 25px/60px "microsoft yahei"; background: url(hline.png) center center repeat-x; }
h2 span { background: #FAFAFA;  /*display: block; overflow:hidden;*/ padding: 0 10px 0 0; margin: 0; }
.sub_containor h4 { text-align: right; font: bold 30px/40px "microsoft yahei"; color: #FFF; padding: 0 40px 0 60px; margin-bottom: 120px; }
#commBar { width: 210px; overflow: hidden; border-left: 1px solid #DADEDF; }
#commBar .recommend h3 { border-top: 0; text-align: left; }
.content_containor { border: 1px solid #CCC; overflow: hidden; zoom: 1; /*width:978px;*/ margin: 0 auto; margin-bottom: 10px; }
.content_containor #commBar { width: 240px; }
/*
------------------------------------- 
pic 
-------------------------------------
*/
.pic { padding: 0 0 0 15px; }
.pic li { width: 175px; height: 160px; float: left; margin: 8px 4px; display: inline; overflow: hidden; text-align: center; line-height: 160%; }
.pic img { display: block; padding: 2px; margin: 4px auto; border: 1px solid #ccc; width: 142px; height: 105px; background: #fff; }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden; }
.page { padding: 15px; text-align: center; }
.page img { cursor: pointer; }
.page a, .page a:visited, .page span { padding: 2px 5px; margin: 0 3px 0 0; border: 1px solid #999; }
.page a:hover, .page .current { background: #2F8CDF; border: 1px solid #2F8CDF; color: #fff; }
.page .current { padding: 2px 5px; }
.page .disabled { border: 1px solid #ccc; color: #ccc; padding: 2px 5px; }
.buttonBox { text-align: center; padding: 10px 0; }
.textBox { height: 126px; padding: 8px 15px; overflow-y: auto; background: #fff; border-bottom: 1px solid #B4D1EF; margin: 0 0 10px 0; }
.content { margin: 10px 40px; text-align: left; font: 14px/180% Tahoma 宋体; color: #333; text-align: justify; text-justify: inter-ideograph; }
.showpage { margin: 20px; }
.content a { font-size: 14px; color: #f60; text-decoration: underline; }
.content p { padding: 5px 0; text-indent: 2em; }
.related { margin: 5px 40px; padding: 0 0 10px 0; }
#mid .related .list li { border-bottom: 0; }
.other { margin: 5px 40px; padding: 8px 0; border-top: 1px solid #ccc; font-size: 14px; text-align: left; }
.other a { font: 14px Tahoma; }
.infoBox { text-align: left; border: 1px solid #ddd; background: #f5f5f5; padding: 10px; margin: 0 0 15px 0; font: 12px Tahoma; text-align: center; color: #999; }
.infoBox th { text-align: right; padding: 2px 5px; }
.recommend li { padding: 5px; line-height: 140%; text-align: center; }
.recommend img { display: block; width: 192px; height: 140px; border: 2px solid #eee; margin: 4px auto; }
/* subpage box width */
.w700 { width: 738px; _width: 706px; }
.w728 { width: 696px; }
.w982 { width: 982px; }
.small, .big { cursor: pointer; padding: 0 5px; }
.small { font: bold 10px "Times New Roman"; color: #01458E; }
.big { font: bold 14px "Times New Roman"; }
