@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, "寰蒋闆呴粦"; background:url(bg.jpg) no-repeat center top #fbfbfb} html, body { min-width: 1012px; } 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: #d20000} .fl { float: left; } .fr { float: right; } .hui_6 { color: #666; } .hui_9 { color: #999; } .text_decnone { text-decoration: none } .red { color:#e75c00} .clear { clear: both; } .ft10 { font-size: 10px } .ft12 { font-size: 12px } .ft14 { font-size: 14px } .ft16 { font-size: 16px } .ft18 { font-size: 18px } .ft20 { font-size: 20px; } .marl15 { margin-left:15px; } .marr15 { margin-right:15px; } .marbot15 { margin-bottom:15px;} .height285 { height:285px;} .height150 { height:150px;} .height175 { height:175px;} .header { margin: 0px; padding: 0px; width: 100%; } .head_top { width: 100%; margin: 0px; height: 32px; line-height: 32px; padding: 0px; background: url(head_top_bg.jpg) repeat-x; } .head_top ul { width: 1012px; 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;} .banner{ width: 100%; height: 420px; position: relative; overflow: hidden; } .banner .pic,.banner .pic li{ width: 100%; height: 420px; overflow: hidden; } .banner .pic li{position:absolute; display:none;} .banner .ben{ position: absolute; width: 100%; margin: 0px auto; height: 13px; z-index: 500; top: 400px; text-align: center } .banner .ben span{ background: url(../images/ben_li.png) no-repeat; display: inline-block; cursor: pointer; width: 14px; height: 14px; margin: 0 2px; overflow: hidden; } .banner .ben span.on{background:url(../images/ben_li_on.png) no-repeat;} .wrap { width:100%; margin:0px; padding:0px; position:relative;} .wrap_page { width: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; } .logo { width: 1032px; margin: 0px auto; height: 90px; padding: 150px 0px 110px 0px; text-align: center; } .head_nav { padding: 0px 0px 12px 220px; margin: 0px auto; width: 812px; background: url(head_bg.jpg) no-repeat; height: 46px; } .head_navlist { width: 812px; margin: 0px auto; height: 46px; } .head_navlist li { float: left; background: url(nav_x.jpg) right center no-repeat } .head_navlist li.last { background:none; margin-right:0} .head_navlist li a { width: auto; padding: 0px 30px; display: block; text-align: center; height: 46px; line-height: 46px; font-size: 14px; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; color: #fff; font-weight: bold; } .head_navlist li a:hover { background: #d20000; } .head_time { width: 990px; padding-left: 20px; height: 40px; line-height: 40px; background: #f4f3f3; border: #cfcfcf 1px solid; } .footer { width: 100%; line-height: 22px; color: #FFF; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; background: #0074c1; } .footer ul { width: 1012px; margin: 0px auto } .footer ul li { padding:20px 0px 20px 110px; } .footer ul li.foot_other { margin: 0px auto; text-align: center; } .footer ul li a { color:#fff} .footer ul li a:hover { text-decoration:underline} /*棣栭〉鏍峰紡*/ .index_ad { width:1012px; height:97px;} .index_page { width: 984px; margin: 0px auto; padding: 5px 14px 14px; display: block; background: #fff; } .index_page_main { padding-bottom:15px;} .index_banner { width: 280px; position: relative; height: 187px; overflow: hidden; } .ctrl-panel { position: absolute; right: 10px; top: 165px; z-index: 1000; } .m-page { display: block; width: 10px; height: 10px; background: #fff; float: left; display: inline; margin-left: 2px; line-height: 10px; color: #fff; font-size: 11px; text-align: center; } .m-page:hover { text-decoration: none; color: #fff; } .focus { background: #d20000; } .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 280px; POSITION: relative; HEIGHT: 187px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 280px; HEIGHT: 187px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 280px; HEIGHT: 187px; } .content_list span { width: 250px; padding: 10px 15px; color: #fff; font-size: 12px; background: url(pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; } .left { width:742px;} .right { width:230px;} .kuang { background:url(index_lm_bg.jpg) no-repeat; padding:0px 15px; width:712px;} .index_name { height:52px; line-height:52px; position:relative;} .index_name span.name { color:#0076c3; font-size:16px; font-weight:bold; display:block; width:100px; padding-left:30px; background:url(index_lm_icon.jpg) no-repeat 10px center;} .index_name span.hot { width: 37px; height: 37px; position: absolute; left: -15px; top: 0px; } .index_name span.more { position:absolute; right:0px; top:0px} .index_name span.more a { color:#0093ed;font-size:11px; text-transform:uppercase} .index_name span.more a:hover { color:#d20000;} .index_name2 { width: 230px; background: url(index_lm_bg2.jpg) no-repeat; height: 37px; line-height: 37px; position: relative; } .index_name2 span.name { color: #FFFFFF; font-size: 14px; font-weight: bold; display: block; width: 80px; padding-left:24px; } .index_name2 span.more { position:absolute; right:10px; top:0px} .index_name2 span.more a { color:#fff;font-size:11px; text-transform:uppercase} .index_name2 span.more a:hover { text-decoration:underline} .index_news { width:408px;} .index_news_list li { line-height: 27px; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 10px; font-size: 14px; position: relative; } .index_news_list li span { position: absolute; font-size: 12px; color: #999; right: 0px; top: 0px } .index_news_list2 { border:#a1cfff 1px solid; border-top:0px; background:#f8fcff; padding:10px; height:430px} .index_news_list2 li { line-height:18px; background: url(index_icon2.jpg) no-repeat 2px 5px; padding:0px 0px 10px 15px; margin-bottom:10px; font-size: 14px; border-bottom:#cdcdcd 1px dotted} .index_jianjie p { font-size: 14px; line-height: 27px } .index_pic { width: 910px; height: 210px; border: #a1cfff 1px solid; position: relative; padding-left: 70px; margin-top: 10px; padding-top: 20px; } .index_pic span { position: absolute; left: 15px; top: -8px; } /*鍥剧墖閫愭婊氬姩*/ .layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 890px; OVERFLOW: hidden; border-top: 0; } .homebtm { POSITION: relative; HEIGHT: 190px } .homebtm { POSITION: relative; PADDING: 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: 828px!important; height: 190px; overflow: hidden; } .mainCont UL { WIDTH: 828px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 183px; height: 176px; float: left; overflow: hidden; margin: 0px 5px; text-align: center; padding: 7px; background: #d4edfc; } .mainCont ul li:hover { background:#0068b1;} .mainCont ul li:hover a { color:#fff;} .mainCont ul li p { line-height:20px; font-size:14px; margin-top:10px} .mainCont ul li img { width: 183px; height: 142px; display: block; } .leftBtn,.rightBtn{ width: 18px; height: 190px; 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 -18px center; } .rightBtn { background: url(index_next.jpg) no-repeat left center; right: 0px; } .rightBtn:hover { background: url(index_next.jpg) no-repeat -18px center; } .index_link { background:#efefef; border-top:#d4d4d4 1px solid; padding:15px 0px;} .index_link ul { width:1012px; margin:0px auto;} .index_link ul li { line-height:24px; color:#69ab0d} .index_link ul li span { color: #999; margin: 0px 12px; } /*鍐呴〉鏍峰紡*/ .subpage_page { width: 984px; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; padding: 0px 0px 20px 0px; margin: 0px auto; } .subpage_daohang { background: url(home.png) no-repeat 3px center; width: 952px; padding-left: 32px; margin: 0px auto; height: 14px; line-height: 14px; } .subpage_main { width: 984px; margin: 20px auto; padding: 0px; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width:680px;} .subnav_bg { border: #cfe2f0 1px solid; background: #edf6f7; width: 204px; } .subnav { width: 204px; position: relative; padding: 30px 0px 50px 0px; } .subnav_name { width: 204px; height: 36px; background: url(subnav_lm.jpg) no-repeat; position: absolute; left: -1px; top: -1px; text-align: center; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold } .subnav_list { width: 172px; padding: 16px; } .subnav_list li a { width: 142px; height: 35px; padding-left: 30px; line-height: 32px; display: block; color: #333; font-size: 14px; background: url(subnav_bg.jpg) no-repeat } .subnav_list li a:hover { background-position: 0px -35px; color: #d20000 } .subpage_lm_main { width: 726px; border: #e6e6e6 1px solid; background: #fff; padding: 15px; } .sublm_name { width: 726px; border-bottom: #f1f1f1 1px solid; height: 20px; line-height: 20px; font-size: 14px; color: #006aa6; 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: #006aa6 2px solid } .sublm_main { padding: 15px 0px; } .news_list li{ width: 716px; line-height: 36px; height: 36px; position: relative; font-size: 14px; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 10px; border-bottom: #dcdcdc 1px dotted; } .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;}