@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: 1187px; } 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: #f68500} .fl { float: left; } .fr { float: right; } .hui { color: #666; } .orange { color:#f68500} .text_decnone { text-decoration: none } .red { color:#e75c00} .clear { clear: both; } .ft10 { font-size: 10px } .ft12 { font-size: 12px } .ft14 { font-size: 14px } .ft18 { font-size: 18px } .ft20 { font-size: 20px; } .marl15 { margin-left: 12px; } .marlr05 { margin: 0px 5px; } .marr10 { margin-right:10px;} .marbot15 { margin-bottom:15px;} .padd10 { padding:10px} .padbot20 { padding-bottom:20px} .marlr20 { margin:0px 20px;} .kuang { border: #dddddd 1px solid; background: #fff; } .header { margin: 0px; padding: 0px; width: 100%; background:# } .head_top { width: 100%; margin: 0px; height: 35px; line-height: 34px; padding: 0px; color: #FFF; } .head_top ul { width: 1188px; margin: 0px auto; } .head_top span { font-size: 10px; color: #CCC; margin: 0px 10px; } .head_login { background:url(../images/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(../images/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: 1188px; margin: 0px auto; padding: 48px 0px; position: relative; } .head_search { width: 252px; height: 35px; margin: 0px auto; line-height: 35px; color: #333; padding-top: 30px; } .hdsearch_txt { width: 200px; height: 32px; line-height: 32px; padding-left: 12px; font-size: 12px; color: #666; float: left; background: #fff; border: 0 } .head_search a.search { width: 39px; height: 32px; display: block; float: left; background: url(search.jpg) no-repeat; border: 0px; text-indent: -9999px; } .head_search a.search:hover { background-position: -39px 0px; } .head_nav { padding: 0px; margin: 0px auto; width: 1188px; background: url(nav_bg.jpg) no-repeat; height: 48px; overflow: hidden; } .head_navlist { width: 1188px; margin: 0px auto; height: 48px; } .head_navlist li { float: left; font-weight: bold; background: url(nav_x.jpg) right center no-repeat } .head_navlist li.last { background:none; margin-right:0} .head_navlist li a { width: auto; display: block; text-align: center; height: 48px; line-height: 48px; font-size: 14px; font-family: Arial, Helvetica, sans-serif, "新宋体"; color: #fff5ce; padding: 0px 34px; } .head_navlist li a:hover { background: #f68500; color: #fff; } .head_navlist li.on a { width: 144px; display: block; text-align: center; height: 45px; line-height: 45px; font-size: 14px; font-family: Arial, Helvetica, sans-serif, "新宋体"; color: #fff; padding: 0px; background: #dd1618; font-weight:bold} .footer { width: 100%; line-height: 20px; color: #FFF; font-family: Arial, Helvetica, sans-serif, "新宋体"; background: #474e62; } .footer ul { width: 1020px; 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: 1188px; padding: 0px; margin: 0px auto; padding: 15px 0px 0px 0px; display: block; } .index_banner { width: 595px; position: relative; height: 324px; overflow: hidden; } .ctrl-panel { position: absolute; right: 10px; top: 300px; z-index: 1000; } .m-page { display: block; width:15px; height:14px; background:#a3a3a3; float: left; display: inline; margin-left: 3px; color:#fff; font-size:10px; text-align:center; line-height:14px; } .m-page:hover { background:#f68500; color:#fff; } .focus { background:#f68500;color:#fff;} .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 595px; POSITION: relative; HEIGHT: 324px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 595px; HEIGHT: 324px; cursor: pointer; position: relative; } .content_list img { width: 595px; height: 324px; } .content_list span { width: 565px; padding: 10px 15px; color: #fff; font-size: 12px; background: url(../images/pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; font-weight: bold; } .index_news_01 { width: 306px; } .index_news_02 { width: 326px; } .index_more { position: absolute; right: 10px; top: 8px; font-size: 12px; font-weight: normal; background: url(index_more.jpg) no-repeat right center; padding-right: 10px; display: block; } .index_lm_name { background: url(index_lm_x.jpg) repeat-x left bottom; position: relative; font-size: 16px; height: 28px; line-height: 16px; margin-bottom: 10px; } .index_lm_name span.name { color: #1e8227; font-weight: bold; height: 26px; line-height: 18px; display: block; width: 80px; text-align: center; border-bottom: #4ead2d 2px solid; } .index_lm_name span.more { position: absolute; right: 0px; top: 0px; font-size: 12px; font-weight: normal; background: url(index_more.jpg) no-repeat right center; padding-right: 10px; } .index_lm_name2 { position: relative; height: 36px; line-height: 36px; background: url(index_lm_bg.jpg) repeat-x left bottom; font-size: 14px; font-weight: bold; display: block; } .index_lm_name2 span.name2 { font-size: 14px; font-weight: normal; background: url(index_lm_icon.jpg) repeat-x; padding: 0; height: 36px; line-height: 36px; color: #fff; font-weight: bold; display: block; w ; width: 100px; text-align: center; } .index_lm_name2 span.more2 { position: absolute; right: 10px; top: 0px; font-size: 12px; font-weight: normal; background: url(index_more.jpg) no-repeat right center; padding-right: 10px; } .index_news { width: 416px; position: relative; } .index_news .tab_UL{ height: 36px; background: url(index_lm_bg.jpg) repeat-x left bottom; } .index_news .tab_UL li { float: left; margin-right: 0px; } .index_news .tab_UL li a{ display: block; width: auto; height: 36px; line-height: 36px; font-size: 14px; color: #333; cursor: pointer; text-align: center; padding: 0px 8px;font-weight: bold; } .index_news .tab_UL li a:hover { color: #FFFFFF; font-weight: bold; display: block; background: url(index_lm_icon.jpg) repeat-x; text-align: center; width: auto } .index_news .tab_UL li.curr a { color: #FFFFFF; font-weight: bold; height: 36px; line-height: 36px; display: block; background: url(index_lm_icon.jpg) repeat-x; text-align: center; width: auto; padding: 0px 12px; font-size: 14px; } .index_open li a { float: left; width: 98px; color: #333; text-align: center; display: block; margin: 7px 5px; } .index_open li a:hover { color:#f68500} .index_open li a img { width: 64px; height: 57px; padding: 16px 17px; border: #d5d5d5 1px solid; margin-bottom: 10px; } .index_open li a img:hover { border:#64bc34 1px solid;} .index_news_list li { line-height: 29px; 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 } /*图片逐步滚动*/ .layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1186px; 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: 1136px!important; height: 87px; overflow: hidden; } .mainCont UL { WIDTH: 928px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 264px; height: 87px; float: left; overflow: hidden; margin: 0px 10px; text-align: center; } .mainCont ul li img { width: 262px; height: 85px; display: block; border: #dddddd 1px solid; } .mainCont ul li:hover img { width: 260px; height: 83px; display: block; border: #f68500 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;} .index_pic { width: 1120px; padding: 20px 10px 10px 56px; height: 168px; border: #dedede 1px solid; background: url(index_pic_name.jpg) no-repeat #f3f8f3; overflow: hidden; margin: 20px auto; } #demo {width:1120px; height:168px; overflow:hidden;} .pic td p { font-weight:bold} .pic td img { width:205px; height:136px; margin-bottom:8px} .pic td img:hover { border: #f68500 2px solid; width:201px; height:132px;} .index_icon { background: url(index_hd_bg.jpg) no-repeat; padding-top: 60px; padding-left: 0px; height: 256px; width: 324px } .index_icon ul li a { width: 90px; padding-left: 54px; height: 89px; line-height: 89px; color: #fff5ce; display: block; font-size: 18px; float: left; margin: 10px 0px 10px 12px; } .index_icon ul li a.css_1 { background:url(index_hd_01.png) no-repeat;} .index_icon ul li a.css_1:hover { background-position:-144px 0px; color:#fff;} .index_icon ul li a.css_2 { background:url(index_hd_02.png) no-repeat;} .index_icon ul li a.css_2:hover { background-position:-144px 0px; color:#fff;} .index_icon ul li a.css_3 { background:url(index_hd_03.png) no-repeat;} .index_icon ul li a.css_3:hover { background-position:-144px 0px; color:#fff;} .index_icon ul li a.css_4 { background:url(index_hd_04.png) no-repeat;} .index_icon ul li a.css_4:hover { background-position:-144px 0px; color:#fff;} .index_link { width: 100%; height: 42px; background: #177720; margin-top: 20px; line-height: 42px; } .index_link ul {width:1188px; margin:0px auto;} .index_link li { float: left; color: #87b873; } .index_link li.index_link_name { color: #fff; font-size: 14px; font-weight: bold; line-height: 42px; background: #64bc34; padding: 0px 15px; margin-right: 15px; } .index_link li a { color:#fff5ce} .index_link li a:hover { color:#fff; text-decoration:underline;} .index_link li span { margin:0px 10px} /*内页样式*/ .subpage_page { width: 1128px; font-family: Arial, Helvetica, sans-serif, "新宋体"; padding: 20px 30px 30px 30px; background: #fff; margin: 0px auto; } .subpage_daohang { background: url(../images/home.png) no-repeat 3px center; width: 1100px; padding-left: 28px; margin: 0px auto; height: 14px; line-height: 14px; } .subpage_main { width: 1128px; margin: 20px auto; padding: 0px; line-height: 24px; color: #333; font-size: 14px; } .subpage_main img { max-width:680px;} .subpage_main table { min-height: 500px; width: 1128px; } .subnav_bg { border: #dedede 1px solid; background: #f9fbf8; width: 248px; } .subnav { width: 248px; position: relative; padding: 30px 0px 50px 0px; } .subnav_name { width: 250px; 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: 210px; padding: 16px; } .subnav_list li a { width: 180px; height: 39px; padding-left: 30px; line-height: 39px; display: block; color: #333; font-size: 14px; background: url(../images/subnav_bg.jpg) no-repeat } .subnav_list li a:hover { background-position:0px -39px; color:#f68500} .subpage_lm_main { width: 820px; border: #e6e6e6 1px solid; background: #fff; padding: 15px; } .sublm_name { width: 820px; border-bottom: #f1f1f1 1px solid; height: 20px; line-height: 20px; font-size: 14px; color: #0342a1; font-weight: bold; padding-bottom: 10px; position: relative } .sublm_name span { display: block; width: auto; background: url(../images/lm_icon.jpg) left 2px no-repeat; height: 20px; padding: 0px 3px 9px 24px; position: absolute; left: 0px; top: 0px; border-bottom: #0342a1 2px solid } .sublm_main { margin: 15px 0px; padding: 0px; } .news_list li{ width: 810px; line-height: 30px; height: 30px; position: relative; font-size: 14px; background: url(index_list_icon.jpg) no-repeat 2px center; padding-left: 10px } .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(../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;}