@charset "utf-8"; /* CSS Document */ /*CSS reset*/ html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; } body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; width: 100%; } body { min-width:1000px;} table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul, li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } addr, acronym { border: 0; } a { color: #333; text-decoration: none } a:hover { text-decoration: none; color: #d00003} .fl { float: left; } .fr { float: right; } .bg1 { background: #f1f1f1; } .hui_9 { color: #999; } .hui_6 { color:#666} .orange { color:#ff7e00} .text_decnone { text-decoration: none } .clear { clear: both; } strong { font-weight: bold; } .ft10 { font-size: 10px } .ft12 { font-size: 12px } .ft14 { font-size: 14px } .ft18 { font-size: 18px } .ft20 { font-size: 20px; } .marl16 { margin-left: 14px; } .marlr05 { margin: 0px 5px; } .marr10 { margin-right:10px;} .marbot10{ margin-bottom:10px;} .padd10 { padding: 10px; } .padd15 { padding: 3px 10px 9px 10px } .header { margin: 0px; padding: 0px; width: 100%; background: url(head_bg.jpg) no-repeat center 32px #043e87; } .head_top { width: 1000px; margin: 0px auto; height: 32px; line-height: 32px; padding: 0px; } .head_top span { font-size:10px; color:#888; margin:0px 10px;} .head_top a { color:#ffffff} .head_top a:hover { color:#b9dcf7; text-decoration:underline} .head_logo { height: 80px; display: block; width: 1000px; margin: 0px auto; padding: 40px 0px 30px 0px; position: relative; } .head_search { width: 285px; height: 35px; margin: 0px auto; line-height: 35px; color: #333; padding-top: 28px; } .hdsearch_txt { width: 240px; height: 29px; line-height: 29px; padding-left: 10px; font-size: 12px; color: #666; float: left; border: #ccc 1px solid; } .head_search a.search { width: 33px; height: 29px; display: block; float: left; background: url(search.jpg) no-repeat; border: 0px; color: #fff; font-size: 12px; line-height: 29px; text-indent: -9999px; } .head_search a.search:hover { background-position: -33px 0px; } .head_link { position: absolute; top: 1px; right: 0px; } .head_nav { padding: 0px; margin: 0px; width: 100%; background: #004998; } .head_navlist { width: 1000px; margin: 0px auto; padding: 0px; height: 35px; } .head_navlist li { float: left; font-weight: bold; } .head_navlist li a { width: 143px; display: block; text-align: center; height: 35px; line-height: 35px; font-size: 16px; font-family: "新宋体"; color: #fff; padding: 0px; } .head_navlist li a:hover { background: #4283c5 } .head_navlist li.on a { width: 140px; display: block; text-align: center; height: 35px; line-height: 35px; font-size: 16px; font-family: "新宋体"; color: #fff; padding: 0px; background: #4283c5 } .nav{ width: 998px; margin: 0px auto; padding: 0px; height: 50px; background: #e9f1f7; font-size: 16px; border: #fff 1px solid; border-bottom: 0px; z-index: 9999; } .nav li{ float: left; background:url(nav_x.jpg) no-repeat right center; padding-right:2px; position:relative;} .nav li.last{background:none; padding-right:0} .nav li a{width:108px; padding-left:90px; display: block; text-align:left;height:50px; line-height:50px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; color: #043e87;font-size: 16px; } .nav li a.css_1 { background:url(nav_icon_01.jpg) no-repeat;} .nav li a.css_1:hover{ background:url(nav_icon_01.jpg) no-repeat 0px -50px; color:#fff;} .nav li a.css_2 { background:url(nav_icon_02.jpg) no-repeat;} .nav li a.css_2:hover{ background:url(nav_icon_02.jpg) no-repeat 0px -50px; color:#fff;} .nav li a.css_3 { background:url(nav_icon_03.jpg) no-repeat;} .nav li a.css_3:hover{ background:url(nav_icon_03.jpg) no-repeat 0px -50px; color:#fff;} .nav li a.css_4 { background:url(nav_icon_04.jpg) no-repeat;} .nav li a.css_4:hover{ background:url(nav_icon_04.jpg) no-repeat 0px -50px; color:#fff;} .nav li a.css_5 { background:url(nav_icon_05.jpg) no-repeat;} .nav li a.css_5:hover{background:url(nav_icon_05.jpg) no-repeat 0px -50px; color:#fff;} .nav li a span{ float: left; display: block; width: 108px; height: 50px; line-height: 50px; cursor: pointer; font-family: "Microsoft YaHei"; text-align: left; font-size: 16px; } .nav li a.selected{ background:url(nav_bg.jpg) no-repeat-x center bottom; color:#1e57d8;} .nav li a.selected2{ background: url(nav_bg.jpg) no-repeat center bottom; color: #1e57d8; } .nav li.selected .submenu{display:block;} .nav li .submenu{ display: none; position: absolute; top: 49px; left: 0px; background: url(submenu_bg.png) repeat; width: 198px; z-index: 9999; padding-top: 10px; } .nav li .submenu li{float:left;padding:0;background:none;height:40px; line-height:40px;} .nav li .submenu li a{ float: none; padding: 0; text-align: left; font-family: "Microsoft YaHei"; height: 40px; line-height: 40px; color: #fff; width: 198px; text-align: center; border-bottom: #6d7c80 1px solid; background: none; font-weight: normal } .nav li .submenu li a:hover{ background: #3f93d9; font-weight: normal; color: #fff; text-decoration: none; } /*图片逐步滚动*/ .layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 998px; OVERFLOW: hidden; border: #dddddd 1px solid; } .homebtm { POSITION: relative; HEIGHT: 87px } .homebtm { POSITION: relative; PADDING: 15px 0px; } .homebtm LI { POSITION: relative; TEXT-ALIGN: center; WIDTH: 168px; DISPLAY: inline; FLOAT: left; } .homebtm LI .pic { DISPLAY: block; HEIGHT: 88px; OVERFLOW: hidden; } .homebtm .ico-new { POSITION: absolute; TOP: 0px; RIGHT: 5px; } .mainCont { margin: 0px auto; width: 938px!important; height: 87px; overflow: hidden; } .mainCont UL { WIDTH: 938px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 219px; height: 87px; float: left; overflow: hidden; margin: 0px 9px; text-align: center; } .mainCont ul li img { width: 207px; height: 85px; display: block; border: #dddddd 1px solid; } .mainCont ul li:hover img { width: 215px; height: 83px; display: block; border: #3f93d9 2px solid; } .leftBtn,.rightBtn{ width: 16px; height: 87px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2 } .leftBtn { background: url(index_prev.jpg) no-repeat left center; left: 8px; } .leftBtn:hover { background: url(index_prev.jpg) no-repeat -16px center; } .rightBtn { background: url(index_next.jpg) no-repeat left center; right: 8px; } .rightBtn:hover { background: url(index_next.jpg) no-repeat -16px center;} .footer { width: 100%; margin: 0; line-height: 20px; color: #FFF; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; padding: 10px 0px; background: #043e87; } .footer ul { width: 100%; margin: 0px auto; text-align: center; } .footer ul li { padding: 8px 0px;} .footer ul li.foot_other { width: 900px; margin: 0px auto; padding-left: 100px; } .footer ul li.foot_other a { color:#fff} .footer ul li.foot_other a:hover { text-decoration:underline} /*首页样式*/ .index_page { width: 1000px; padding: 0px; margin: 0px auto; padding: 15px 0; background: #fff; } .kuang { border: #dddddd 1px solid; height: 310px; } .index_page_main { width:1000px; padding-bottom:15px;} .index_banner { width: 582px; position: relative; height: 333px; overflow: hidden; } .ctrl-panel { position: absolute; right: 10px; top: 305px; z-index: 1000; } .m-page { display: block; width: 14px; height: 14px; background: #909090; float: left; display: inline; margin-left: 2px; line-height: 14px; color: #fff; font-size: 11px; text-align: center; } .m-page:hover { text-decoration: none; color: #fff; } .focus { background: #ff0210; } .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 582px; POSITION: relative; HEIGHT: 333px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 582px; HEIGHT: 333px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 582px; HEIGHT: 333px; } .content_list span { width: 588px; padding: 10px 15px; color: #fff; font-size: 14px; background: url(pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; font-weight: bold; } .index_more { position: absolute; right: 10px; top: 12px; font-size: 12px; background: url(more.jpg) no-repeat right center; padding-right: 10px; } .index_news { width: 410px; overflow: hidden; position: relative;background-color:#f7f7f7;} .index_news .tab_UL{ height: 40px; margin-bottom: 15px; background: #efefef; } .index_news .tab_UL li a { color: #043e87; display: block; height: 40px; line-height: 40px; width: 100px; font-size: 16px; float: left; cursor: pointer; text-align: center; } .index_news .tab_UL li.curr a{ color: #FFFFFF; font-weight: bold; background: #e01e1c; } .index_news_tab li{ line-height: 28px; position: relative; background: url(index_list_icon.png) no-repeat 2px center; padding-left: 20px; font-size: 14px; width:380px; } .index_news_tab li span { position:absolute; font-size:12px; color:#999; right:0px; top:0} .index_news_tab2 li{ line-height: 28px; position: relative; padding-left: 20px; font-size: 14px; width:365; background: url(index_list_icon2.jpg) no-repeat 2px center; } .index_news_tab2 li span { position:absolute; font-size:12px; color:#999; right:0px; top:0} .index_tab { position: relative } .index_tab .tab_UL{ background: url(index_lm_bg.jpg) repeat-x; height: 37px; line-height: 37px; display: block; } .index_tab .tab_UL li a { color: #043e87; display: block; height: 37px; line-height: 37px; width: 100px; font-size: 16px; float: left; cursor: pointer; text-align: center; } .index_tab .tab_UL li.curr a{ color: #b11e01; height: 34px; line-height: 34px; display: block; text-align: center; background: #fff; width: 100px; border-bottom: #043e87 2px solid; border-left: #dddddd 1px solid; border-right: #dddddd 1px solid; } .index_news_tab li.top { background: none; padding: 0px; padding-bottom: 10px; line-height: 18px; border-bottom: #dedede 1px dotted; margin-bottom: 13px } .index_news_tab li.top a { color: #043e87 } .index_news_tab li.top a:hover { color: #cb0200; } .index_news_tab li.top p { padding-bottom:8px} .index_news_list li{ line-height: 30px; position: relative; background: url(index_list_icon.jpg) no-repeat 1px center; padding-left: 10px; font-size: 14px } .index_news_list li span { position:absolute; font-size:12px; color:#999; right:0px; top:0} .index_news_02 { width: 380px; } .index_news_03 { width: 206px; } .index_news_04 { width: 776px; } .index_lm_name { background-color:#f7f7f7; position: relative; height: 37px; margin-bottom: 6px; line-height: 37px; display: block; padding-left: 0px; } .index_lm_name span.name { color: #000000; height: 34px; line-height: 34px; display: block; padding-left:10px; width: 110px; font-size: 16px; } .index_lm_name span.name2 { color: #004998; height: 36px; line-height: 36px; display: block; text-align: left;font-weight: bold; width:96px; background:#fff; text-align:center} .index_lm_name span.more {position: absolute; right: 10px; top:0px; font-size: 12px; background:url(more.jpg) no-repeat right center; padding-right:10px;} .index_open li {width:190px; height: 40px;line-height: 40px; padding-left:10px;} .index_open li a { color:#053661; font-size:14px; } .index_open li a img { width:22px; height:20px; margin:0 15px 0 0; } .index_open li a:hover { color:#d00003} .gkmu { overflow: hidden;width:190px; padding-left:10px;} .gkmu li {background: #619bd4 none repeat scroll 0 0;float: left;height: 40px;margin: 10px 10px 0 0;text-align: center; width: 85px;} .gkmu li:hover {background: #e01e1c none repeat scroll 0 0;} .gkmu li a {color: #ffffff;display: block;line-height:30px;;padding: 0.5em 1.5em;} .index_icon {height: 270px;} .index_icon li a { background: #fff none repeat scroll 0 0; display: block; font-size: 14px; height: 80px; line-height: 32px; float:left; padding:5px 10px;; margin:5px; text-align:center; width:152px; } .index_icon li a:hover { } .index_icon2 li a { background: #fff none repeat scroll 0 0; border: 1px solid #eee; display: block; font-size: 14px; height: 30px; line-height: 30px; margin: 5px 0; padding: 4px 16px; width: 150px; } .index_icon2 li a:hover { background: #3587d1 none repeat scroll 0 0; color: #fff; } .index_icon2 li a img { margin-right: 15px; vertical-align: bottom; } .index_link { width:100%; background:#e9f1f7; height:47px;} .index_link ul li{ width: 850px; margin: 0px auto; background: url(index_link_bg.jpg) no-repeat; padding-left: 150px; line-height: 47px; text-align: left; font-size: 14px; } .index_link ul li a { color:#053661; margin:0px 10px;} .index_link ul li a:hover { color:#cb0200} .index_link ul li span { color: #a3c5dc; font-size: 11px; margin: 0px 15px } .index_link select { border: 1px solid #d9d9d9; color: #053661; font-family: Arial,Helvetica,sans-serif,"微软雅黑"; font-size: 12px; height: 28px; line-height: 28px; margin: 0 10px; padding-left: 15px; width: 180px; } .chanel_content { border-bottom: 1px solid #ebe6ea; height: 125px; overflow: hidden; padding: 10px 10px 0 10px; } .chanel_content ul { list-style: outside none none; margin: 0 auto; width: 1000px; } .chanel_content ul li { float: left; height: 132px; list-style: outside none none; margin: 6px; width: 125px; } .chanel_content ul li a { display: block; float: left; font-size: 12px; height: 132px; text-align: center; text-decoration: none; width: 125px; } .chanel_content ul li p { line-height: 45px; text-align: center; } /*内页样式*/ .subpage_page { width: 100%; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; padding: 0; margin: 0px auto; } .subpage_daohang { width: 100%; margin: 15px 0px 0px; padding: 0px; } .subpage_daohang ul{ background: url(home.png) no-repeat 5px center; width: 970px; padding-left: 30px; margin: 0px auto; height: 20px; line-height: 20px; } .subpage_main { width: 1000px; margin: 20px auto 30px auto; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width:680px;} .subnav_bg { background: #fff; width: 220px; border-top: #0d70d8 2px solid; } .subnav { width: 220px; padding: 10px 0px 50px 0px; } .subnav_name { width: 170px; height: 46px; background: url(sub_icon.jpg) no-repeat left center; line-height: 46px; color: #004998; font-size: 18px; font-weight: bold; margin: 0px auto; padding-left: 16px; border-bottom: #dddddd 1px solid; } .subnav_list { width: 186px; padding: 10px 16px; } .subnav_list li{ padding:5px 0px;} .subnav_list li a { width: 168px; height: 35px; padding-left: 20px; line-height: 32px; display: block; color: #333; font-size: 14px; background: url(subnav_bg.jpg) no-repeat } .subnav_list li a:hover { color: #cb0200; font-weight: bold; background-position: 0px -35px; } .subnav_list li.on a { width: 168px; height: 35px; padding-left: 20px; line-height: 32px; display: block; color: #cb0200; font-weight: bold; font-size: 14px; background-position: 0px -35px; } .subpage_lm_main { width: 720px; background: #fff; padding: 15px; border-top: #0d70d8 2px solid; } .sublm_name { width: 708px; border-bottom: #f1f1f1 1px solid; height: 20px; line-height: 20px; font-size: 14px; color: #bf0101; font-weight: bold; padding-bottom: 10px; position: relative } .sublm_name span { display: block; width: auto; background: url(lm_icon.jpg) left 2px no-repeat; height: 20px; padding: 0px 3px 9px 24px; position: absolute; left: 0px; top: 0px; border-bottom: #bf0101 2px solid } .sublm_main { width: 720px; margin: 0px; padding: 0px; } .news_list li{ width: 100%; line-height: 36px; height: 36px; position: relative; font-size: 14px; background: url(sub_list.jpg) no-repeat left center; padding-left: 10px; border-bottom: #eee 1px dotted; } .news_list li span { font-size:12px; color:#666; position:absolute; right:0px; top:0px;} .subpage_neirong { width: 970px; padding: 20px 15px; background: #fff; margin: 15px auto 30px auto; font-size: 14px; line-height: 24px; color: #333; } .news_neirong li {padding:10px 0px} .news_neirong li h4 { font-size: 24px; text-align: center; width: 100%; font-weight: bold; display: block; border-bottom: #ccc 1px solid; padding-bottom: 20px; } .news_fubiao { text-align: center; font-size: 12px; } .share { padding-left: 50px; height: 40px; line-height: 40px; font-size: 12px; color: #666; position: relative; margin-top: 20px; } .share span { position: absolute; left: 0px; top: 0px } .news_other { width: 100%; display: block; border-top: #ccc 1px dotted; margin: 0px; padding: 15px 0px; line-height: 28px; color: #666 } .fanye { background: url(../images/fanye_bg.jpg) repeat-x; border: #dadada 1px solid; height: 18px; line-height: 18px; padding: 5px 10px; margin: 20px 0px; } .fanye ul li { background:url(../images/fanye_x.jpg) no-repeat right top; height:18px; padding-right:13px; margin-right:13px; float:left; display:block} .fanye ul li.last { background:none} .fanye ul li select { height:18px; line-height:18px; color:#333; font-size:11px; width:50px;} .fanye ul li a.prev_10 { width:10px; height:11px; display:block; float:left; text-indent:-9999px; font-size:12px; background:url(../images/prev.png) no-repeat left top; overflow:hidden; margin:3px 5px 0px 5px;} .fanye ul li a.prev_10:hover { background-position:left -12px;} .fanye ul li a.prev_01 { width:10px; height:11px; display:block; float:left; text-indent:-9999px; font-size:12px; background:url(../images/prev.png) no-repeat -12px top; overflow:hidden; margin:3px 5px 0px 5px;} .fanye ul li a.prev_01:hover { background-position:-12px -12px;} .fanye ul li input { border: #cccccc 1px solid; background: #fff; padding: 0px; font-size: 12px; color: #333; width: 30px; margin: 0px 3px; height: 18px; text-align: center; } .fanye ul li a.next_01 { width:6px; height:11px; display:block; float:left; text-indent:-9999px; font-size:12px; background:url(../images/next.png) no-repeat left top; overflow:hidden; margin:3px 5px 0px 5px;} .fanye ul li a.next_01:hover { background-position:left -12px;} .fanye ul li a.next_10 { width:11px; height:11px; display:block; float:left; text-indent:-9999px; font-size:12px; background:url(../images/next.png) no-repeat right top; overflow:hidden; margin:3px 5px 0px 5px;} .fanye ul li a.next_10:hover { background-position:right -12px;} .OnlineService_Bg { bottom: 100px; overflow: hidden; position: fixed; right: 10px; z-index: 10; } .OnlineService_Sign { height: 350px; margin-bottom: 3px; padding: 6px; } .OnlineService_Top { height: 374px; width: 185x; } .OnlineService_Top a { background: rgba(0, 0, 0, 0) url("top.jpg") no-repeat scroll 0 0; color: #fff; display: block; font-size: 12px; height: 30px; padding-top: 63px; text-align: center; width: 185px; } .OnlineService_Top a:hover { background-position: -92px 0; }