@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(body_bg.jpg) no-repeat center top #fff} 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: #ea8f00} .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;} .padlr15 { padding:0px 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; } .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: 122px; padding: 70px 0px 70px 0px; } .head_nav { padding: 0px; margin: 0px auto; width: 1032px; background: #007a37; height: 50px; } .head_navlist { 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: 129px; padding: 0px; display: block; text-align: center; height: 50px; line-height: 50px; font-size: 14px; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; color: #fff; font-weight: bold; } .head_navlist li a:hover { background: #ea8f00; } .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: #007a37; font-size: 14px; } .footer ul { width: 1012px; margin: 0px auto } .footer ul li { padding:20px 0px 20px 110px; } .footer ul li.foot_other { margin: 0px auto; background: url(foot_icon.png) no-repeat 140px center; 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: 1032px; margin: 0px auto; padding: 20px 0px; display: block; } .index_page_main { padding-bottom:15px;} .index_banner { width: 445px; position: relative; height: 306px; overflow: hidden; padding: 0 } .ctrl-panel { position: absolute; right: 15px; top: 280px; z-index: 1000; } .m-page { display: block; width: 12px; height: 12px; background:url(banner_dt.png) no-repeat -12px 0px; margin:0px 2px; float: left; display: inline; margin-left: 2px; line-height: 10px; color: #fff; font-size: 11px; text-align: center; } .m-page:hover {background:url(banner_dt.png) no-repeat} .focus { background:url(banner_dt.png) no-repeat } .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 445px; POSITION: relative; HEIGHT: 306px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 445px; HEIGHT: 306px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 445px; HEIGHT: 306px; } .content_list span { width: 415px; padding: 10px 15px; color: #fff; font-size: 14px; position: absolute; left: 0px; display: block; bottom: 0px; background: url(pic_icon.png) } .kuang { border: #048d42 1px solid; height: 304px; background: #fff; } .index_news { width: 565px; } .index_news ul li.top { height: 28px; padding-top: 20px; margin-bottom: 12px; text-align: center; font-size: 20px; } .index_news ul li.top a { color: #ea8f00; } .index_news ul li.top a:hover { color: #d20000; } .index_news ul li.top p { padding: 2px 0px } .index_news ul li.link p { float: left; height: 28px; line-height: 28px; background: url(index_list_icon.jpg) no-repeat left center; padding-left: 12px; margin: 0px 15px; position: relative; font-size: 14px; width: 520px; } .index_news ul li.link p span { position: absolute; right: 0px; font-size: 11px; color: #999; top: 0px; } .index_news_list { padding-top:10px} .index_news_list li { line-height: 31px; background: url(../images/index_list_icon.jpg) no-repeat 2px center; padding-left: 12px; font-size: 14px; position: relative; } .index_news_list li span { position: absolute; font-size: 12px; color: #999; right: 0px; top: 0px } .index_news_02 { width: 392px; position:relative } .index_more { position: absolute; right: 10px; top:10px; font-size: 12px; font-weight: normal; background: url(more.gif) no-repeat right center; padding-right: 10px; display: block; } .index_news_02 .tab_UL{ height:39px; background: url(index_lm_bg.jpg) repeat-x left bottom; } .index_news_02 .tab_UL li { float: left; margin-right: 0px; } .index_news_02 .tab_UL li a{ display: block; width: 115px; padding-left: 15px; height: 39px; line-height: 39px; font-size: 14px; color: #333; cursor: pointer; } .index_news_02 .tab_UL li a:hover { color: #FFFFFF; font-weight: bold; display: block; background: url(index_lm_title.jpg) no-repeat;width: 110px; padding-left:20px } .index_news_02 .tab_UL li.curr a { color: #FFFFFF; font-weight: bold; height: 39px; line-height: 39px; display: block; background: url(index_lm_title.jpg) no-repeat; width: 115px; padding-left: 15px; font-size: 16px; } .index_news_03 { width: 206px; } .index_video li.top { width: 176px; height: 115px; display: block; margin: 15px auto 10px auto; position: relative; } .index_video li.top span { position:absolute; background:url(pic_icon.png); padding:5px 10px; width:156px; left:0px; bottom:0; display:block} .index_video li.top a span { color:#fff; text-align:center} .index_video li.top a:hover span { background: #ffaa25 } .index_video li.link p { float: left; height: 28px; line-height: 28px; background: url(index_list_icon.jpg) no-repeat left center; padding-left: 12px; margin: 0px 15px; position: relative; font-size: 14px; width: 170px; } .index_name { height: 39px; background: url(index_lm_bg.jpg) repeat-x; line-height: 39px; position: relative } .index_name span.name { color:#fff; font-size:16px; font-weight:bold; display:block; width:120px; padding-left:15px; background:url(index_lm_title.jpg) no-repeat; } .index_name span.more { position: absolute; right: 15px; top: 0px; font-size: 12px; background: url(more.gif) no-repeat right center; padding-right: 10px } .index_name2 { width:401px; height: 36px; background: url(index_title_bg2.jpg) no-repeat; line-height: 40px; position: relative } .index_name2 span.name { color:#fff; font-size:14px; font-weight:bold; display:block; width:110px; padding-left:20px; text-align:center } .index_name2 span.more { position: absolute; right: 20px; top: 0px; font-size: 12px; } .index_name3 { width: 507px; height: 36px; background: url(index_title_bg3.jpg) no-repeat; line-height: 40px; position: relative } .index_name3 span.name { color:#fff; font-size:14px; font-weight:bold; display:block; width:110px; padding-left:20px; text-align:center } .index_name3 span.more { position: absolute; right: 20px; top: 0px; font-size: 12px; } .index_jianjie p { font-size: 14px; line-height: 22px } .index_pic { width: 1030px; height: 250px; } /*鍥剧墖閫愭婊氬姩*/ .layout { TEXT-ALIGN: left; WIDTH: 1030px; OVERFLOW: hidden; border-top: 0; } .homebtm { POSITION: relative; HEIGHT: 200px; } .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: 30px auto 0px auto; width: 955px!important; height: 160px; overflow: hidden; } .mainCont UL { WIDTH: 955px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 177px; height: 160px; float: left; overflow: hidden; margin: 0px 7px; text-align: center; } .mainCont ul li p { line-height:20px; font-size:14px; margin-top:10px} .mainCont ul li img { width: 177px; height: 124px; display: block } .mainCont ul li:hover img { border:#d10000 2px solid; width:173px; height:120px;} .leftBtn,.rightBtn{ width: 17px; height: 200px; 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 -17px center; } .rightBtn { background: url(index_next.jpg) no-repeat left center; right: 8px; } .rightBtn:hover { background: url(index_next.jpg) no-repeat -17px 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: 1032px; 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: 1000px; padding-left: 32px; margin: 0px auto; height: 14px; line-height: 14px; } .subpage_main { width: 1032px; margin: 20px auto; padding: 0px; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width:680px;} .subnav_bg { border: #048d42 1px solid; background: #f6fdf6; width: 224px; } .subnav { width: 224px; position: relative; padding: 30px 0px 50px 0px; } .subnav_name { width: 226px; 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: 192px; padding: 16px; } .subnav_list li a { width: 162px; 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: #ea8f00 } .subpage_lm_main { width: 754px; border: #e6e6e6 1px solid; background: #fff; padding: 15px; } .sublm_name { width: 754px; border-bottom: #f1f1f1 1px solid; height: 20px; line-height: 20px; font-size: 14px; color: #ea8f00; 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: #ea8f00 2px solid } .sublm_main { padding: 15px 0px; } .news_list li{ width: 744px; line-height: 36px; height: 36px; position: relative; font-size: 14px; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 12px; 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;}