@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: 1130px; } 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: #006bce } .fl { float: left; } .fr { float: right; } .bg1 { background: #f1f1f1; } .hui_9 { color: #999; } .hui_6 { color: #666 } .blue { color:#006bce} .orange { color: #ff7e00 } .text_decnone { text-decoration: none } .clear { clear: both; } .ft10 { font-size: 10px } .ft12 { font-size: 12px } .ft14 { font-size: 14px } .ft18 { font-size: 18px } .ft20 { font-size: 20px; } .marl20 { margin-left: 20px; } .marl16 { margin-left: 16px; } .marl14 { margin-left: 14px; } .marlr05 { margin: 0px 5px; } .marr10 { margin-right: 10px; } .marbot05 { margin-bottom: 05px; } .marbot10 { margin-bottom: 10px; } .padd10{ padding:10px;} .heigt210 { height: 210px } .header { margin: 0px; padding: 0px; width: 100%; } .head_top { width: 1130px; margin: 0px auto; line-height: 33px; padding: 0px; } .head_top span { font-size: 10px; color: #ccc; margin: 0px 20px; } .head_logo { height: 100px; display: block; width: 1130px; margin: 0px auto; padding: 40px 0px 100px 0px; position: relative; } .head_logo span { position: absolute; right: 0px; bottom: 40px; } .head_search { width: 300x; height: 23px; line-height: 23px; color: #333; margin-top: 7px; background: url(search_icon.jpg) no-repeat left center; padding-left: 75px; } .hdsearch_txt { width: 170px; border: #d7e3ee 1px solid; border-right: 0px; height: 20px; line-height: 20px; padding-left: 10px; font-size: 11px; color: #888; float: left; margin-right: 10px; } .head_search li a { width: 54px; height: 21px; display: block; float: left; padding-top: 1px; } .head_nav { padding: 0px; margin: 0px; width: 100%; background:url(nav_bg.jpg) repeat-x} .head_menu { width: 1130px; margin: 0px auto; padding: 0px; height: 35px; font-size: 14px; font-family: "微软雅黑"; } .head_navlist { width:800px;} .head_navlist li { float: left; font-weight: bold; margin-right: 1px; } .head_navlist li a { width: 150px; display: block; text-align: center; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif, "新宋体"; color: #fff; padding: 0px; } .head_navlist li a:hover { background: #ce0000 } .head_navlist li.on a { width: 150px; display: block; text-align: center; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif, "新宋体"; color: #fff; padding: 0px; background: #ce0000; font-weight: bold; } .footer { width: 100%; margin: 15px 0px 0px 0px; line-height: 20px; color:#fff; font-family: Arial, Helvetica, sans-serif, "新宋体"; background: #3692ea; } .footer ul { width: 1108px; margin: 0px auto; background: url(foot_bg.jpg) no-repeat right 20px } .footer ul li { padding: 20px 0px 20px 80px } .footer ul li.foot_other { width: 1108px; margin: 0px auto; background: url(foot_icon.png) no-repeat left center; } /*首页样式*/ .index_page { width: 1108px; padding: 0px; margin: 0px auto; padding: 11px; background: #fff; } .index_page_main { width: 1108px; padding: 0px 0px 15px 0px; margin: 0px auto; } .kuang { border:#e2e2e2 1px solid} .index_news_01 { width:395px} .index_new_02 { width:238px; border: #e3e3e3 1px solid; border-top: #006bce 2px solid; } .index_news_03 { width:435px} .index_news_04 { width:358px} .index_lm_name { position: relative; height: 30px; margin-bottom: 10px; line-height: 30px; background:url(index_lm_x.jpg) repeat-x } .index_lm_name div { color: #006bce; background: url(index_lm_bg.jpg) repeat-x; border-right: #e3e3e3 1px solid; border-left: #e3e3e3 1px solid; border-top: #006bce 2px solid; font-weight: bold; height: 28px; line-height: 28px; display: block; width: 100px; text-align: center; margin-left: 10px; font-size: 14px; } .index_lm_name span { position: absolute; right: 0px; top: 0px; font-size: 12px; font-weight: normal; } .index_lm_name2 { position: relative; height: 28px; line-height: 28px; border-bottom: #e0e0e0 1px solid; background: url(index_lm_icon3.jpg) no-repeat 10px center #f8f8f8; padding-left: 30px; color: #006bce; font-size: 14px; font-weight: bold; display: block; } .index_lm_name2 span { position: absolute; right: 10px; top: 0px; font-size: 12px; font-weight: normal; } .index_lm_name3 { position: relative; height: 30px; line-height: 30px; background: url(index_lm_bg2.jpg) repeat-x } .index_lm_name3 div { color: #006bce; background: url(index_lm_icon.jpg) no-repeat 10px center #fff; border-right: #e3e3e3 1px solid; border-top: #006bce 2px solid; font-weight: bold; height: 28px; line-height: 28px; display: block; width: 115px; text-align: center; margin-left: 0px; font-size: 14px; padding-left: 15px; } .index_lm_name3 span { position: absolute; right: 10px; top: 0px; font-size: 12px; font-weight: normal; } .index_lm_name4 { position: relative; height: 40px; line-height: 40px; background: url(index_lm_bg3.jpg) repeat-x; border-top: #006bce 2px solid; } .index_lm_name4 div { color: #006bce; background: url(index_lm_icon2.jpg) no-repeat 10px center #fff; font-weight: bold; height: 40px; line-height: 40px; display: block; width: 90px; text-align: center; margin-left: 0px; font-size: 14px; padding-left: 15px; } .index_lm_name4 span { position: absolute; right: 0px; top: 0px; font-size: 12px; font-weight: normal; background: #fff; padding: 0px 15px; } .index_news_list li { line-height: 30px; background: url(index_list_01.jpg) no-repeat left center; padding-left: 15px; position: relative; } .index_news_list li span { position: absolute; font-size: 12px; color: #999; right: 0px; top: 0px } .index_news_list li.index_top_frist { padding: 0px; line-height: 18px; background: none; border-bottom: #ccc 1px dotted; padding-bottom: 15px; margin-bottom: 10px } .index_news_list li.index_top_frist p { padding-top: 5px; } .index_news_list li.index_top_frist p a{ color:#e10000} .index_news_list li.index_top_frist p a:hover{ color:#006bce; text-decoration:underline} .index_news_list2 li { line-height: 20px; background: url(index_list_icon.jpg) no-repeat left 8px; padding-left: 10px; position: relative; margin-bottom: 4px; } .index_news_list2 li span { font-size: 11px; color: #999; margin-left: 5px; } .index_news_list3 li { line-height: 30px; background: url(index_list_icon.jpg) no-repeat left center; padding-left: 10px; position: relative; font-size: 14px; } .index_news_list3 li span { font-size: 11px; color: #999; margin-left: 5px; position: absolute; right: 0px; top: 0px; } .index_banner { width: 435px; height: 308px; position: relative; } .ctrl-panel { position: absolute; right: 15px; top: 282px; z-index: 1000; } .m-page { display: block; width: 12px; height: 12px; background: url(banner_dt.png) no-repeat; float: left; display: inline; margin-left: 4px; line-height: 12px; } .m-page:hover { background-position:0px -12px;} .focus { background:url(banner_dt.png) no-repeat -12px 0px;} .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 435px; POSITION: relative; HEIGHT: 308px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 435px; HEIGHT: 308px; cursor: pointer; position: relative; } .content_list img { width:435px; height:308px;} .content_list span { width: 405px; padding: 10px 15px; color: #fff; font-size: 14px; background: url(pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; } .index_zt li { float: left; margin-right: 14px; } .index_zt li.last { margin-right:0px} .index_zt li a img { width:360px; height:72px;} .index_zt li a img:hover { width:356px; height:68px; border:#006bce 2px solid;} .index_music li { margin-bottom:5px} .index_music li p { line-height:28px; } .index_music li p img { vertical-align: bottom; margin-right: 10px } .index_news_list3 li.index_icon { padding:15px 0px; background:none; line-height:20px; height:60px} .index_news_list3 li.index_icon a { width:60px; display:block; float:left; text-align:center; color:#7f9ca4; margin:0px 24px} .index_news_list3 li.index_icon a:hover { color:#006bce} .index_link li { float: left; width: 169px; height: 32px; line-height: 32px; } /*图片逐步滚动*/ .layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1108px; OVERFLOW: hidden } .homebtm { POSITION: relative; HEIGHT: 180px } .homebtm { POSITION: relative; PADDING: 10px 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: 1024px!important; height: 190px; overflow: hidden; } .mainCont UL { WIDTH: 928px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 240px; height: 190px; float: left; overflow: hidden; margin: 0px 8px; text-align: center; font-size: 14px; } .mainCont ul li img { width: 240px; height: 160px; display: block; margin-bottom: 5px; } .mainCont ul li:hover img { width: 236px; height: 156px; display: block; border: #006bce 2px solid; } .leftBtn,.rightBtn{ width: 30px; height: 160px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2 } .leftBtn { background: url(index_prev.jpg) no-repeat left center; left: 0px; } .leftBtn:hover { background: url(index_prev.jpg) no-repeat -30px center; } .rightBtn { background: url(index_next.jpg) no-repeat left center; right: 0px; } .rightBtn:hover { background: url(index_next.jpg) no-repeat -30px center; right: 0px; } /*内页样式*/ .subpage_page { width: 1090px; font-family: Arial, Helvetica, sans-serif, "新宋体"; padding: 20px; margin: 0px auto; background: #fff; } .subpage_daohang { width: 100%; margin: 0px; padding: 0px; } .subpage_daohang ul { background: url(home.png) no-repeat left center; width: 1060px; padding-left: 30px; margin: 0px 0px 20px 0px; height: 30px; line-height: 30px; color: #999; } .subpage_daohang a { float:left; padding:0 5px; font-family: "新宋体";} .subpage_daohang table { float:left; width:auto; height:30px;} .subpage_daohang table td { margin-left:10px; width:auto; text-align:center; height:30px; line-height:30px; font-size:12px; font-family:Arial, Helvetica, sans-serif, "微软雅黑";} .subpage_daohang table td a { float:left; display:block; font-family: "新宋体";} .subpage_main { width: 1090px; margin: 10px auto; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width: 680px; } .subnav_bg { background: #fff; width: 220px; border: #e3e3e3 1px solid; border-top: #006bce 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: #006bce; 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: #006bce; 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: #006bce; font-weight: bold; font-size: 14px; background-position: 0px -35px; } .subpage_lm_main { width: 816px; background: #fff; padding: 15px; border: #e3e3e3 1px solid; border-top: #006bce 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: 816px; margin: 0px; padding: 0px; } .news_list li { line-height: 36px; height: 36px; position: relative; font-size: 14px; background: url(index_list_01.jpg) no-repeat left center; padding-left: 15px; 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; 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(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; }