﻿
/* All */
* { margin:0px; padding:0px;}
html {overflow-y:scroll;}
div {text-align:left}
body { font-family:arial; font-size:12px; color:#666; background:#fff url(../images/bg.gif) repeat-x 0 top;}
ul, li, dl, ol, dd, p, h1, h2, h3, h4, h5, h6, form, dt { list-style:none;}
a { font-size:12px; text-decoration:none; color:#555; outline:none; blur:expression(this.blur());}
a:hover { color:#D96C00; text-decoration:underline;}
img { border: none;}
input { outline:none;}
.fl { float:left;}
.fr { float:right;}


/* Header */
.header { margin:0 auto; width:960px; height:85px;}
.header .logo { float:left; margin-top:12px;}
.header .tel { float:right; width:auto; height:20px; margin:50px 0 0 0; color:#888;}
.header .tel li { float:left; margin:0 10px; line-height:20px;}
.header .tel li a { color:#888;}

.header .hotline { float:right; width:185px; margin:25px 15px 0 0;}
.header .phone { padding:0 0 8px 8px;}
.header .code { float:right; margin-top:20px;}
.header .code dl { float:left; width:170px; color:#888; line-height:17px;}
.header .code dt { float:left; margin:0 6px 0 0;}


/* Search */
.search { width:185px; height:20px; background:url(../images/search_bg.gif) no-repeat 0 top; display:inline; overflow:hidden;}
.search input#txt { float:left; width:140px; height:20px; line-height:20px; padding:0 5px 0 10px; font-size:12px; color:#b6b6b6; border:none; background:none; outline:none;}
.search input#btn { float:left; width:30px; height:20px; margin-top:5px; border:0; text-indent:9em; cursor:pointer; background:none; overflow:hidden;}


/* Menu */
.menu { margin:0 auto; width:960px; height:38px; margin-bottom:1px; clear:both; background:url(../images/menu_bg.gif) no-repeat;}
.menu ul { float:left;}
.menu ul li { float:left; width:106px;}
.menu ul li a { width:100%; height:38px; line-height:37px; font-size:14px; font-weight:bold; color:#fff; text-align:center; display:block; overflow:hidden;}
.menu ul li a:hover { color:#fb0; text-decoration:none;}
.menu ul li div { position:absolute; width:170px; height:auto; margin:-10px 0 0 -25px; padding-top:24px; display:none; background:url(../images/menu_bg1.png) no-repeat 0 0; overflow:hidden; z-index:10;}
.menu ul li div ul { width:100%; height:auto; padding:0 0 20px 0; background:url(../images/menu_bg2.png) no-repeat 0 bottom; overflow:hidden;}
.menu ul li div ul li { width:100%; height:auto; overflow:hidden;}
.menu ul li div ul li a { width:154px; height:27px; line-height:28px; margin:0 0 0 6px; border-bottom:1px solid #f1f1f1; font-size:13px; font-weight:normal; color:#444; text-align:left;  text-shadow:#fff 1px 1px; text-indent:22px; display:block; overflow:hidden;}
.menu ul li div ul li a:hover { height:27px; color:#E57412; text-decoration:none; text-shadow:none; border-bottom:1px solid #f1f1f1;  background:#ddd url(../images/icon_arrow.gif) no-repeat 10px 10px;}


/* Banner */
.banner1 { margin:0 auto; width:960px; height:400px; *overflow:hidden;}
.prev, .next { display:none;}
.arrow_nav { position:absolute; left:0; width:40px; height:40px; text-decoration:none; background:url(../images/banner_arrow.png) no-repeat left top; text-indent:-9999px; overflow:hidden;}
.arrow_nav:active { opacity:1.0;}
.arrow_nav.next { left:auto; right:0; background-position:right top;}

.banner2 { position:relative; margin:0 auto; width:750px; height:180px; margin-bottom:5px;} /* banner job */
.animation img { position:absolute; left:0px; top:0px; visibility:hidden;}
.animation img.selected { visibility:visible;}
.animation .effect { position:absolute; left:0; top:0; cursor:pointer;}
.animation .dot { position:absolute; width:auto; height:9px; left:50%; bottom:10px; z-index:5;}
.animation .dot li { float:left; width:9px; height:9px; margin:0 2px; background:url(../images/icon_circle0.png) no-repeat;}
.animation .dot li.selected { background:url(../images/icon_circle1.png) no-repeat;}


/* Container */
.container { margin:0 auto; width:960px; margin-bottom:15px; overflow:hidden;}
.location {  margin:0 auto; width:955px; padding:20px 0 15px 15px; font-family:宋体; font-size:12px; color:#666; clear:both;}


/* Sidebar */
.sidebar { float:left; width:185px;}
.sidebar ul li { line-height:25px; margin-bottom:1px;}
.sidebar ul li a { padding-left:10px; height:25px; font-size:14px; font-weight:bold; color:#fff; display:block; background:url(../images/submenu_bg.gif) no-repeat 0 0;}
.sidebar ul li a:hover { color:#FB0; text-decoration:none;}
.sidebar .current a { color:#333; text-decoration:none; background:url(../images/submenu_bg.gif) no-repeat 0 -25px;}
.sidebar .current a:hover { color:#333; text-decoration:none;}

.sidebar .submenu ul { margin:1px 0; border:none;}
.sidebar .submenu ul li { height:25px; line-height:25px; border:none; background:#eee;}
.sidebar .submenu ul li a { padding-left:20px; font-weight:normal; color:#555; background:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sidebar .submenu ul li a:hover { background:none;}
.sidebar .submenu ul li.current1 a  { color:#D96C00; text-decoration:none;}



/* Main */
.main { float:right; width:750px; overflow:hidden;}
.main_t { margin:0 auto; width:100%; height:10px; background:url(../images/main_bg1.gif) no-repeat 0 top;}
.main_t2 { margin:0 auto; width:100%; height:10px; background:url(../images/main_bg3.gif) no-repeat 0 top;}
.main_b { margin:0 auto; width:100%; height:10px; background:url(../images/main_bg1.gif) no-repeat 0 bottom;}


/* Content */
.content { margin:0 auto; width:710px; min-height:400px; padding:0 20px 15px 20px; background:url(../images/main_bg2.gif) repeat-y; overflow:hidden;}
.content h1 { padding:10px 0; margin-bottom:10px; font-size:16px; font-weight:bold; color:#1B75B4; border-bottom:1px dashed #aaa;} /* 内容页标题 */
.content h2 { font-size:14px; font-weight:bold; color:#1B75B4; padding-top:10px;} /* 内容页详细标题1 */
.content h3 { font-size:14px; font-weight:bold; color:#666; padding-top:10px;} /* 内容页详细标题2 */
.content h4 { padding-top:10px; font-size:16px; font-weight:bold; color:#D96C00; text-align:center;} /* 新闻详细页 */
.content h5 { padding:10px 0; font-size:14px; font-weight:bold; color:#D96C00;} /* 应用平台 */
.content h6 { float:left; width:80px;} /* 网站地图 */
.content h6 a { font-size:14px; font-weight:bold; color:#D96C00;}
.content p { padding:5px 0; font-size:13px; line-height:26px;}
.content p a { color:#D96C00; text-decoration:underline;}


/* Footer */
.footer { position:relative; margin:0 auto; width:940px; padding:10px 10px 25px 10px; color:#666; line-height:22px; background:url(../images/footer_bg.gif) no-repeat left top;}
.footer a { font-size:12px; color:#666;}
.footer p { font-size:12px; color:#a6a6a6;}
.footer .graytext { padding:0 8px; color:#666;}
.footer .links { position:absolute; right:0; top:10px;}
.footer a.icp { color:#a6a6a6;}
.footer a.icp:hover { color:#666;}



/* List */
.list { padding-top:10px;}
.list li { position:relative; height:40px; line-height:40px; border-bottom:1px dashed #ddd;}
.list li a { font-size:13px; padding-left:35px; background:url(../images/icon_news.gif) 16px center no-repeat;}
.list .list_title { height:33px; line-height:33px; font-size:14px; font-weight:bold; color:#555; border-bottom:1px solid #ddd; background:#f3f3f3; padding-left:15px; margin-bottom:10px;}
.list .list_title span { font-size:14px; font-weight:bold; color:#555;}
.list .num { position:absolute; left:470px; top:0; width:100px; font-size:12px; color:#777; text-align:center;}
.list .date { position:absolute; left:610px; top:0; width:100px; font-size:12px; color:#777; text-align:center;}
.list .new { padding-left:10px;}

.page { padding:25px 0 10px 15px; font-family:宋体; font-size:12px;}
.page li { float:left; height:30px; line-height:30px; margin:0 2px; display:inline;}
.page li a { padding:2px 5px; border:1px solid #ccc; font-weight:normal; color:#999;}
.page li a:hover { text-decoration:none;}
.page li a:hover, .page .selected a { color:#333; border:1px solid #bbb; background:#eee;}
.new { padding-left:10px;}
p.date2 { margin-bottom:15px; padding-bottom:10px; font-size:12px; color:#777; text-align:center; line-height:normal; border-bottom:1px dashed #ccc;}


/* Tab */
.tab { width:750px; margin-top:10px; overflow:hidden;}
.tab .tabTitle { height:29px;}
.tab .tabTitle li { float:left; margin-right:2px; padding-left:20px; height:29px; line-height:29px; cursor:pointer; display:inline-block; background:url(../images/tab_bg.gif) no-repeat left top;}
.tab .tabTitle li span { padding-right:20px; display:inline-block; font-size:14px; font-weight:bold; color:#666; background:url(../images/tab_bg.gif) no-repeat right top; }
.tab .tabTitle li.active { background:url(../images/tab_bg.gif) no-repeat left bottom;}
.tab .tabTitle li.active span { color:#f7f7f7; background:url(../images/tab_bg.gif) no-repeat right bottom;}
.tab .tabContent { padding:10px 0; clear:both;}
.tab .display { display:none;}


/* App */
.appbox1 { margin-bottom:15px; padding-bottom:10px; background:url(../images/app_bg.gif) repeat-x 0 bottom;}
.appbox1 p { padding:0 10px;}
.appbox2, .appbox3 { float:left; width:710px; margin-bottom:15px; line-height:20px;}
.appbox2 li a, .appbox3 li a { font-size:13px; font-weight:bold; color:#666;}
.appbox2 li a:hover, .appbox3 li a:hover { color:#D96C00;}
.appbox2 li { float:left; width:145px; margin:0 14px; color:#919190;}
.appbox2 li img { margin-bottom:5px; border:2px solid #ccc;}
.appbox3 li { float:left; padding:0 25px 10px 25px; text-align:center;}
.appbox4 { text-align:center;}

.appInfo { float:left; width:940px; padding:10px; overflow:hidden;}
.appInfo h1 { font-size:16px; color:#D96C00; border-bottom:1px dashed #bbb; padding-bottom:10px; margin-bottom:10px;}
.appInfo h2 { font-size:16px; color:#666666; padding-bottom:10px; margin-bottom:10px;}
.appInfo dl { float:left; width:100%; font-size:14px; color:#626060; line-height:26px; padding-bottom:20px;}
.appInfo dt { float:left; margin:10px 15px 0 0;}
.appInfo dd { padding-top:10px;}
.appInfo .posters img { float:left; margin-right:30px; text-align:center; border:5px solid #dcdcdc;}


/* Magazine */
.magazine { padding:10px 0;}
.magazine div { float:left; padding:20px 50px 40px 0;}
.magazine p { padding-bottom:15px;}
.magazine .line { border-bottom:1px solid #ddd; margin:-10px 0 10px 325px;}


/* Job */
.study { float:left; margin:10px 0;}
.study .study_img { float:left; width:140px; padding:5px 15px 0 0;}
.study .study_info { float:right; width:550px}
.study .study_info p { padding:2px 0;}
.study .study_title { font-size:14px; font-weight:bold; color:#1B75B4;}


/* Building */
.build { text-align:center; margin:70px 0;}


/* Video */
.video { width:330px; border:1px solid #aaa; display:none; background:#aaa; z-index:20;}
.video h2 { position:relative; height:25px; line-height:25px; padding-left:10px; font-size:14px; color:#333; background:url(../images/video_titlebg.gif) repeat-x; border-bottom:1px solid #aaa;}
.video .btn_min { position:absolute; top:2px; right:25px; width:21px; height:20px; background: url(../images/video_min.gif) no-repeat 0 bottom;}
.video .btn_min:hover { background:url(../images/video_min.gif) no-repeat 0 0;}
.video .btn_max { position:absolute; top:2px; right:25px; width:21px; height:20px; background:url(../images/video_max.gif) no-repeat 0 bottom;}
.video .btn_max:hover { background:url(../images/video_max.gif) no-repeat 0 0;}
.video .btn_close { position:absolute; top:2px; right:3px; width:21px; height:20px; background:url(../images/video_close.gif) no-repeat 0 bottom;}
.video .btn_close:hover { background:url(../images/video_close.gif) no-repeat 0 0;}
.video .video_content { overflow:hidden;}



/* Sitemap */
.map { padding:15px 0; overflow:hidden;}
.map ul { width:620px; margin-left:80px; font-size:12px;}
.map ul li { float:left; padding:0 10px; font-size:14px;}


/* Index */
.mainbox { margin:0 auto; width:940px; padding:15px 10px 20px 10px; margin-top:5px; font-size:13px; background:url(../images/mainbox_bg.gif) repeat-x; overflow:hidden;}
.mainbox p { line-height:24px;}
.mainbox a { font-size:13px;}
.mainbox li { line-height:24px;}
.mainbox h1 { position:relative; height:25px; line-height:25px; margin-bottom:5px; padding-left:20px; font-size:13px; font-weight:bold; color:#333; background:url(../images/icon_title.gif) no-repeat left center;}
.mainbox h1 span { position:absolute; right:0; top:0; height:25px; line-height:25px; padding-right:10px; font-size:13px; font-weight:normal; display:block;}
.mainbox h1 span a { font-size:13px; color:#C05E19;}

.mainbox1 { float:left; width:280px;}
.mainbox1 li a { padding-left:15px; background:url(../images/icon_disc.gif) no-repeat 2px center;}
.mainbox2 { float:right; width:650px; padding-top:5px;}
.mainbox2 li { float:left; padding:0 0 0 35px; text-align:center;}
.mainbox3 { float:left; width:280px; margin-left:40px;}
.mainbox4 { float:right;}
.mainbox4 img { margin:10px 0 0 30px;}



/* Search Result */
.result { padding-top:20px;}
.result h1 { margin:20px 0 10px 0; padding:0 0 7px 15px; font-size:16px; font-weight:bold; color:#D96C00; border-bottom:1px solid #ddd;}
.result h2 { font-size:14px; font-weight:bold; color:#333; line-height:25px;}
.result p { line-height:22px;}
.result a { font-size:14px;}
.result .belong { color:#666;}
.result .belong a { font-size:12px;}
.result .keyword { color:#D96C00;}
.result .mark { padding:2px 3px; background:#FFFF96;}
.result .resultTips { padding-left:15px; font-size:12px; color:#333;}
.result .resultList { padding:5px 15px 15px 15px; margin-bottom:10px; border-bottom:1px dashed #bbb;}



/* Pop */
.popbox { width:480px; position:absolute; left:0; top:0; display:none; z-index:2;}
.popbox2 { position:fixed; left:50%; top:50%; width:480px; height:150px; margin:-75px 0 0 -240px; display:none; z-index:3;}
.pop_t { width:450px; height:38px; padding:0 15px; background:url(../images/pop_bg1.png) no-repeat 0 top;}
.pop_m { width:430px; padding:10px 25px; background:url(../images/pop_bg2.png) repeat-y;}
.pop_b { width:100%; height:15px; background:url(../images/pop_bg1.png) no-repeat 0 bottom;}
.pop_t h1 { position:relative; height:38px; line-height:38px; font-size:16px; font-weight:bold; color:#fff; }
.pop_t h1 span { position:absolute; right:0; top:8px; }
.pop_m p { padding:8px 0; line-height:20px; font-size:12px; color:#888;}
.pop_m input { width:250px; height:26px; line-height:26px; margin-left:6px; padding:0 5px; border:none; font-size:12px; color:#777; background:transparent url(../images/input_bg.gif) no-repeat;}
.pop_m .submit { width:82px; height:28px; line-height:28px; margin:0 5px; font-size:14px; color:#6d6d6d; text-align:center; cursor:pointer; display:inline-block; background:url(../images/btn_bg.gif) no-repeat 0 0;}
.pop_m .btn { margin-left:160px;}
.pop_m .btn input:hover { text-decoration:none; color:#fff; background:url(../images/btn_bg.gif) no-repeat 0 -28px;}
.pop_m label { float:left; width:160px; height:30px; line-height:30px; text-align:right; display:block;}
.pop_m .email { font-size:14px; font-weight:bold;}
.pop_m .tips { font-size:14px; font-weight:bold; text-align:center;}
.pop_t a.close { cursor:pointer;}

#screen { width:100%; height:100%; position:absolute; left:0; top:0; display:none; background-color:#666; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; z-index:1;}



/* goTop */
#goTop { position:fixed; right:20px; bottom:40px; width:40px; height:40px; background:url(../images/icon_gotop.gif) no-repeat 0 0; cursor:pointer;}
#goTop:hover { background:url(../images/icon_gotop.gif) no-repeat 0 -40px;}