@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%; background:url(body_bg.jpg) no-repeat center top;} html, body { min-width: 1096px; } 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: #dc221a} .fl { float: left; } .fr { float: right; } .hui_6 { color: #666; } .hui_9 { color: #999; } .lan { color:#09577e} .text_decnone { text-decoration: none } .red { color:#e75c00} .ft10 { font-size: 10px } .ft12 { font-size: 12px } .ft14 { font-size: 14px } .ft18 { font-size: 18px } .ft20 { font-size: 20px; } .marl26 { margin-left:26px; } .marlr05 { margin: 0px 5px; } .marr10 { margin-right:10px;} .marbot10 { margin-bottom:10px;} .marbot15 { margin-bottom:15px;} .padd10 { padding:10px} .padbot20 { padding-bottom:20px} .marlr20 { margin:0px 20px;} .kuang { border: #e7e7e7 1px solid; } /*娓呴櫎娴姩*/ .clear{*zoom: 1;} .clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .header { margin: 0px; padding: 0px; width: 100%; background: url(head_bg.jpg) no-repeat center 28px; background:# } .head_top { width: 100%; margin: 0px; height: 32px; line-height: 32px; padding: 0px; color: #333; background: #f1f1f1; border-bottom: #26509f 2px solid; } .head_top ul { width: 1236px; margin: 0px auto; } .head_top span { font-size: 10px; color: #CCC; margin: 0px 10px; } .head_login { background:url(index_emal_name.jpg) no-repeat; padding-left:64px; height:22px; line-height:22px;} .head_login input { width: 100px; height: 22px; line-height: 22px; border: #b6d0fc 1px solid; border-right: 0px; color: #666; font-size: 12px; padding-left: 10px; float: left; } .head_login a { width:35px; color:#333; height:22px; line-height:22px; text-align:center; background:url(index_emal_bg.jpg) no-repeat; display:block; float:left;} .head_login a:hover { background:#09577e; color:#fff;} .head_logo { height: 68px; display: block; width: 1236px; margin: 0px auto; padding: 40px 0px; position: relative; } .head_search { width: 264px; height: 35px; margin: 0px auto; line-height: 35px; color: #333; padding-top: 20px; } .hdsearch_txt { width: 220px; height: 27px; line-height: 27px; padding-left: 12px; font-size: 12px; color: #666; float: left; background: #fff; border: 0 } .head_search a.search { width: 31px; height: 27px; display: block; float: left; background: url(search_bg.jpg) no-repeat; border: 0px; text-indent: -9999px; } .head_search a.search:hover { background-position: 0px -27px; } .head_nav { padding: 0px; margin: 0px auto; width: 1237px; background: url(nav_bg.png) repeat-x left bottom; padding-bottom: 43px; } .nav{ width: 1237px; height: 45px; z-index: 9999; } .nav .nav_list{ float: left; } .nav li{ float: left; height: 45px; width: 175px; line-height: 45px; position: relative; font-size: 14px; margin-right: 2px; } .nav li.last{ margin-right:0} .nav li a{ float: left; display: block; width: 175px; height: 45px; text-align: center; line-height: 45px; color: #003c97; font-size: 16px; background: url(nav_icon.png) no-repeat; } .nav li a:hover{ background-position: -181px 0px; text-decoration: none; color: #fff;} .nav li a.on{float: left; display: block; width: 181px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 16px; background:url(nav_icon.png) no-repeat -181px 0px; } .nav li a span{ float: left; display: block; width: 181px; height: 45px; line-height: 45px; cursor: pointer; font-family: "Microsoft YaHei"; text-align: center; } .nav li a.selected{ color:fff;} .nav li a.selected2{ color: #fff; } .nav li.selected .submenu{display:block;} .nav li .submenu{ display: none; position: absolute; top: 45px; left: 0px; width: 1050px; z-index: 9999; padding-top: 0px; } .nav li .submenu li{ float: left; background: url(nav_x.png) no-repeat right center; width: auto; padding: 0px 18px; } .nav li .submenu li a{text-align:center; font-family: "Microsoft YaHei"; height: 40px; line-height: 40px; color: #fff; width:auto; text-align: center; background: none; font-weight: normal; font-size:14px; } .nav li .submenu li a:hover{ font-weight: normal; color: #a2e2ff; text-decoration:underline } .footer { width: 100%; margin: 0px; line-height: 20px; color: #FFF; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; background: #656565; } .footer ul { width: 1096px; margin: 0px auto } .footer ul li { padding: 20px 0px 20px 100px; color: #fff } .footer ul li.foot_other { margin: 0px auto; text-align: center; } /*棣栭〉鏍峰紡*/ .index_page { width: 1236px; padding: 0px; margin: 0px auto; padding: 0px; display: block; } .index_page_main { width: 1066px; padding-bottom: 20px; } .index_left { width:845px} .index_right { width:364px;} .index_topnews { width: 1196px; margin: 20px auto; padding: 20px; background: #fff; border-bottom: #eeeeee 4px solid; text-align: center } .index_topnews a { color:#1d559f; font-size:30px;} .index_topnews a:hover { color:#d20000} .index_ad { width: 1200px; margin: 12px 0px 20px 0px; } .index_page { width: 1236px; margin: 0px auto; padding: 0px; display: block } .index_page_main { padding-bottom: 20px; } .index_img { border-top:#1d559f 1px solid; background:url(img_bg.jpg) no-repeat bottom center; padding-bottom:10px;} .index_banner { width: 435px; position: relative; height: 325px; overflow: hidden; } .ctrl-panel { position: absolute; right: 15px; top: 295px; z-index: 1000; } .m-page { display: block; width: 12px; height: 12px; border-radius: 50%; border: #fff 1px solid; float: left; display: inline; margin-left: 4px; line-height: 14px } .m-page:hover { background:#d20000; border:#d20000 1px solid; border-radius:50%;} .focus {background:#d20000; border:#d20000 1px solid; } .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 435px; POSITION: relative; HEIGHT: 325px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 435px; HEIGHT: 325px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 435px; HEIGHT: 325px; } .content_list span { width: 405px; padding: 15px; color: #fff; font-size: 14px; background: url(pic.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; font-weight: bold; } .index_top_news { width: 386px; height: 325px; position: relative; } .index_more { position: absolute; right: 0px; top: 5px; font-size: 14px; padding-right:10px; background:url(index_more.jpg) no-repeat right center; display:block } .index_top_news .tab_UL{ height:34px; padding:0px; margin-bottom: 10px; background:url(tab_bg.jpg) repeat-x left bottom;} .index_top_news .tab_UL li a { color: #333; display: block; height:34px; line-height:24px; width: 100px; font-size: 18px; float: left; cursor: pointer; text-align: center; } .index_top_news .tab_UL li.curr a{ color: #1957b5; font-weight: bold; font-size: 18px; border-bottom:#1957b5 4px solid; height:30px; line-height:24px; } .index_news_nr { padding: 0 } .index_news_tab li.top { background: none; padding: 0px; padding-bottom: 8px; line-height: 18px; border-bottom: #dedede 1px dotted; margin-bottom: 15px } .index_news_tab li.top p { padding-bottom: 10px } .index_news_tab li{ line-height: 28px; position: relative; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 12px; font-size: 14px } .index_news_tab li span { position: absolute; font-size: 12px; color: #999; right: 5px; top: 0 } .index_icon { width:845px; height:50px; margin:20px auto} .index_icon li { text-align:center; height:24px; padding:11px 0px; line-height:24px; color:#333; font-size:18px; background:#eef1f7; display:block; border:#eef1f7 2px solid; } .index_icon li:hover { border:#26509f 2px solid; color:#26509f; cursor:pointer} .index_icon li:hover a{color:#26509f; cursor:pointer} .index_icon li.cs_1 { width:373px;} .index_icon li.cs_2 { width:450px;} .index_icon li img { vertical-align:bottom; margin-right:15px;} .index_zt { background: url(index_zt.jpg) no-repeat 45px center #1554b4; width: 635px; height: 152px; padding-left: 210px; } .ft-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; } .ft-carousel .carousel-inner { position: absolute; left: 0; top: 0; height: 100%; } .ft-carousel .carousel-inner .carousel-item { float: left; height: 100%; } .ft-carousel .carousel-item img { width: 100%; } .ft-carousel .carousel-indicators { position: absolute;right:10px;top: 10px; width: 100%; text-align:right} .ft-carousel .carousel-indicators span { display: inline-block; width: 12px; height: 12px; background-color: #fff; margin: 0 4px; border-radius: 50%; cursor: pointer; } .ft-carousel .carousel-indicators span.active { background-color: #de3a3a; } .ft-carousel .carousel-btn { position: absolute; top: 50%; width: 50px; height: 45px; margin-top: -25px; cursor: pointer; } .ft-carousel .carousel-prev-btn { left: 0; background: url(prev.png) no-repeat; } .ft-carousel .carousel-next-btn { right: 0; background: url(next.png) no-repeat; } .index_title { background:url(tab_bg.jpg) repeat-x left bottom; height:34px; line-height:24px; display:block; position:relative; margin-bottom:17px} .index_title span.name {olor: #1957b5; font-weight: bold; font-size: 18px; border-bottom:#1957b5 4px solid; height:30px; line-height:24px; display:block; width:100px; text-align:center } .index_title span.more { position: absolute; right: 0px; top: 5px; font-size: 14px; padding-right:10px; background:url(index_more.jpg) no-repeat right center; display:block } .index_fw ul li { width:132px; height:70px; padding:40px 22px; display:block; background:#eef1f7; font-size:20px; float:left; line-height:70px; margin:4px 3px;} .index_fw ul li img { vertical-align:bottom; margin-right:10px;} .index_fw ul li:hover { background:#1554b4;} .index_fw ul li:hover a { color:#fff} .index_fw ul li.heng_1 { border-bottom:#88bf39 5px solid} .index_fw ul li.heng_2 { border-bottom:#e66700 5px solid} .index_fw ul li.heng_3 { border-bottom:#4da7dd 5px solid} .index_fw ul li.heng_4 { border-bottom:#d7b100 5px solid} .index_HN { width: 364px; margin: 20px auto 13px auto; } .index_other ul li a { width: 177px; height: 66px; padding: 20px 0px; font-size: 18px; color: #333; text-align: center; display: block; float: left; background: #eef1f7; } .index_other ul li a p { padding-top:10px} .index_other ul li a:hover { color:#26509f; border-bottom:#26509f 5px solid; height:61px;} .index_other ul li a img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);} .index_link { width: 100%; height: 26px; padding: 10px 0px; background: #26509f; margin-top: 30px; } .index_link ul { width: 1096px; margin: 0px auto;} .index_link li { float: left; margin: 0px 15px; } .index_link li.index_link_name { color:#fff; font-size:16px; font-weight:bold; line-height:26px} .index_link select { width: 270px; height: 26px; line-height: 26px; padding-left: 15px; color: #666; border: 0; } /*鍐呴〉鏍峰紡*/ .subpage_page { width: 1196px; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; padding: 20px 20px 30px 20px; background: #fff; margin: 0px auto; } .subpage_daohang { background: url(home.png) no-repeat 10px center; width: 1166px; padding-left: 30px; margin: 0px auto; height: 20px; line-height: 20px; } .subpage_main { width: 1196px; margin: 12px auto; padding: 0px; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width:680px;} .subnav_bg { border: #e8e8e8 1px solid; background: #f0f8fc; width: 268px; } .subnav { width: 268px; position: relative; padding: 20px 0px 50px 0px; } .subnav_name { width: 270px; height: 48px; background: #1655b4; position: absolute; text-align: center; line-height: 48px; color: #fff; font-size: 16px; font-weight: bold; top: -1px; left: -1px; } .subnav_list { width: 228px; padding: 40px 20px; } .subnav_list li a { width: 196px; height: 38px; padding-left: 32px; line-height: 38px; display: block; color: #333; font-size: 14px; background: url(subnav_bg.png) no-repeat left center; border-bottom: #c7e2ef 1px solid; } .subnav_list li a:hover {background: url(subnav_bg_hover.png) no-repeat left center; border-bottom: #0045ad 1px solid; color: #0045ad; font-weight: bold; } .subpage_lm_main { width: 866px; border: #e6e6e6 1px solid; background: #fff; padding: 15px; } .sublm_name { width: 866px; border-bottom: #f1f1f1 2px solid; height: 22px; line-height: 20px; font-size: 16px; color: #1554b4; 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: #1554b4 4px solid } .sublm_main { margin: 20px 0px; padding: 0px; } .news_list li{ width: 850px; line-height: 30px; height: 30px; position: relative; font-size: 14px; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 15px } .news_list li span { font-size: 12px; color: #999; position: absolute; right: 0px; top: 0px; } .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; margin-top: 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(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(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(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(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(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(next.png) no-repeat right top; overflow:hidden; margin:3px 5px 0px 5px;} .fanye ul li a.next_10:hover { background-position:right -12px;}