@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 #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: #009dff } .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; } .marbot30 { margin-bottom:30px;} .height285 { height:285px;} .height150 { height:150px;} .height175 { height:175px;} .header { margin: 0px; padding: 0px; width: 100%; } .head_top { width: 100%; margin: 0px; height: 36px; line-height: 36px; 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; } .logo { width:1100px; margin:0px auto; padding:110px 0px 150px 0px; text-align:center} .index_txt { width:970px; padding:30px 0px 26px 130px; line-height:22px; font-size:14px; color:#333; height:98px; margin:0px auto} .footer { width: 100%; margin: 0; line-height: 20px; color: #333; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; padding: 10px 0px; background: #efefef; } .footer ul { width: 100%; margin: 0px auto; text-align: center; } .footer ul li { padding: 8px 0px;} .footer ul li.foot_other { width:1000px; margin: 0px auto; background: url(foot_icon.png) no-repeat 850px center; padding-right:100px } .footer ul li.foot_other a { color:#fff} .footer ul li.foot_other a:hover { text-decoration:underline} /*棣栭〉鏍峰紡*/ .index_page { width: 1100px; margin: 0px auto; padding: 40px 0px 10px 0px; display: block; } .index_page_main { padding-bottom: 30px; } .index_banner { width: 540px; position: relative; height: 350px; overflow: hidden; padding: 0px; } .ctrl-panel { position: absolute; right: 20px; top: 324px; z-index: 1; } .m-page { display: block; width: 12px; height:12px; background: #fff; float: left; display: inline; margin-left: 2px; color: #fff; font-size: 11px; text-align: center; } .m-page:hover { text-decoration: none; background: #ff0000 } .focus { background: #ff0000; width:12px; height:12px } .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 540px; POSITION: relative; HEIGHT: 350px } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 540px; HEIGHT: 350px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 540px; HEIGHT: 350px; } .content_list span { width: 510px; padding: 10px 15px; color: #fff; font-size: 14px; background: url(../images/pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; } .index_news_list { width: 530px } .index_news_list ul li{ line-height: 30px; position: relative; background: url(index_list_icon.jpg) no-repeat left center; padding-left: 13px; font-size: 14px } .index_news_list ul li span { position: absolute; font-size: 12px; color: #999999; right: 0px; top: 0 } .index_news_list li.top { background: none; padding: 0px; padding-bottom: 10px; line-height: 18px; border-bottom: #ccc 1px dotted; margin-bottom: 10px } .index_news_list li.top a { color: #1381ce } .index_news_list li.top a:hover { color:#004da1;} .index_news_list li.top p { padding-bottom: 8px } .index_lm_name { position: relative; height: 20px; line-height: 20px; display: block; padding-left: 0px; background: url(index_lm_icon.png) no-repeat left 3px; padding-left: 20px; margin-bottom: 20px; border-bottom: #1381ce 3px solid; padding-bottom: 10px; } .index_lm_name span.name { color: #009dff; display: block; text-align: left; font-weight: bold; font-size: 20px; float: left; } .index_lm_name span.more { position: absolute; right: 0px; top: 0px; font-size: 14px; background: url(more.gif) no-repeat right center; padding-right: 10px; } .index_number_list { border-top: #1381ce 3px solid; background: url(index_list_bg.jpg) repeat-x; width: 1100px; height: 276px; position: relative; } .index_number_list h4.name { background: url(index_lm_icon.png) no-repeat 20px 23px; height: 22px; line-height: 22px; font-size: 22px; color: #1381ce; font-weight: bold; padding: 20px 0px 20px 40px; } .index_number_list ul.pic li { width: 252px; height: 207px; margin-right: 20px; float: left; text-align: center } .index_number_list ul.pic li img { width: 252px; height: 170px; display: block; margin: 0; } .index_number_list ul.pic li p { background:#ececec; height:35px; line-height:35px; font-size:12px; font-weight:bold;border-top: #fff 1px solid; } .index_number_list ul.pic li a:hover p { background: #1381ce; color: #fff; } .index_number_list div.txt { width:250px; height:236px; padding:20px 18px; position:absolute; top:0px; right:0px; background:url(index_txt_bg.jpg) repeat-x; border-radius:0px 0px 10px 10px; color:#fff; font-size:14px} .index_number_list div.txt li.text { height:170px;} .index_number_list div.txt li p { line-height:20px; border-bottom:#fff 1px dotted; padding:12px 0px;} .index_number_list div.txt li.more a { padding:13px 66px; border:#fff 1px solid; border-radius:30px; color:#fff; font-size:18px;} .index_number_list div.txt li.more img { vertical-align:bottom; margin-right:10px} .index_number_list div.txt li.more a:hover { background:#006cb8; border:#006cb8 1px solid}