.index_page { width: 1130px; margin: 0px auto; padding: 25px 0px } .index_page_main { padding-bottom:15px;} .kuang { background:#fff} .index_name { height: 43px; background: url(index_lm_bg.jpg) no-repeat right top; padding-top: 8px; padding-left: 10px; position: relative; display: block; } .index_name span.name { width: 97px; height: 43px; background: url(index_lm_hover.jpg) no-repeat; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; display: block; text-align: center } .index_name span.more {position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_name2 { height: 43px; background: url(index_lm_bg.jpg) no-repeat right top; padding-top: 8px; padding-left: 10px; position: relative; display: block; } .index_name2 span.name { width: 169px; height: 43px; background: url(index_lm_2.png) no-repeat; line-height: 36px; color: #fff; font-size: 14px; font-weight: bold; display: block; text-align: center } .index_name2 span.more {position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .top_news { width: 1068px; height: 200px; background: url(top_title.jpg) no-repeat left #fff; padding: 0px 0px 0px 62px; } .top_news ul { width: 533px; height: 200px; border-left: #efefee 1px solid; } .top_news ul li.top { width: 434px; height: 43px; padding: 24px 50px; text-align: center; font-size: 20px; background: url(hot.jpg) no-repeat right top; line-height: 24px; overflow: hidden; } .top_news ul li { padding-left: 64px; height: 35px; line-height: 35px; border-top: #efefee 1px solid; background: url(more.png) no-repeat 50px center; text-align: left; font-size: 14px; } .index_news_pic { width: 530px; position: relative; height: 350px; overflow: hidden; } .ctrl-panel { width:30px; padding: 0px; position: absolute; z-index: 110; top: 305px; right:15px; } .m-page { display: block; width:12px; height:12px; background:#fff; float:left; margin:0px 0px 3px 3px;} .m-page:hover { background:#dd0605} .focus { background:#dd0605} .con { width: 100%; } .scroll-wrap { OVERFLOW: hidden; WIDTH: 530px; POSITION: relative; HEIGHT: 350px; } .scroll_box_content { POSITION: absolute } .content_list { FLOAT: left; WIDTH: 530px; HEIGHT: 350px; cursor: pointer; position: relative; } .content_list img{ WIDTH: 530px; HEIGHT: 350px; } .content_list span { width: 501px; padding: 12px 15px; color: #fff; font-size: 14px; background: url(pic_icon.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; height: 36px; } .index_tab_news { width: 585px; position: relative; height: 350px; } .index_tab_news span.more { position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_tab_news .tab_UL{ height: 43px; margin: 0; background: url(index_lm_bg.jpg) no-repeat right top; padding: 8px 10px 0px 10px; } .index_tab_news .tab_UL li a { color: #333; display: block; height: 43px; line-height: 36px; width: 97px; font-size: 14px; float: left; cursor: pointer; text-align: center; font-weight: bold; } .index_tab_news .tab_UL li.curr a{ color: #FFF; font-weight: bold; height: 43px; line-height: 36px; font-size: 14px; background: url(index_lm_hover.jpg) no-repeat } .index_news_nr { padding:0px 20px} .index_news_tab li{ line-height: 32px; position: relative; background: url(index_lm_icon.jpg) no-repeat 0px center; padding-left: 12px; font-size: 14px } .index_news_tab li span { position:absolute; font-size:12px; color:#999; right:0px; top:0} .index_news_tab li.top { line-height: 20px; padding: 10px 0px 28px 0px; font-size: 18px; background: url(index_lm_x.jpg) no-repeat center bottom; height: 80px; margin-bottom: 12px; } .index_news_tab li.top p { padding: 12px 0px 0px } .index_news_list li{ line-height:32px; position: relative; background: url(index_lm_icon.jpg) no-repeat 0px center; padding-left: 12px; font-size: 14px } .index_news_list li span { position:absolute; font-size:12px; color:#999; right:0px; top:0} .index_tab_news2 { width: 530px; position: relative; height: 320px; } .index_tab_news2 span.more { position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_tab_news2 .tab_UL{ height: 43px; margin: 0 0px 3px 0px; background: url(index_lm_bg.jpg) no-repeat right top; padding: 8px 10px 0px 10px; } .index_tab_news2 .tab_UL li a { color: #333; display: block; height: 43px; line-height: 36px; width: 97px; font-size: 14px; float: left; cursor: pointer; text-align: center; font-weight: bold; } .index_tab_news2 .tab_UL li.curr a{ color: #FFF; font-weight: bold; height: 43px; line-height: 36px; font-size: 14px; background: url(index_lm_hover.jpg) no-repeat } .index_zt { width:1050px; height:96px; padding:15px 0px 15px 80px; background:#fff; position:relative; margin:10px 0px} .index_zt span { position: absolute; width: 65px; height: 142px; display: block; left: 10px; top: -8px; } .index_zt ul li { width: 190px; height: 96px; float: left; margin: 0px 8px; } .index_zt ul li img { width: 190px; height: 96px } .index_zt ul li img:hover { border: #d20000 2px solid; width: 186px; height: 92px } .index_union { width:1130px; position:relative;} .index_union span.title { width: 169px; height: 42px; line-height: 38px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; display: block; position: absolute; left: 15px; top: 9px; background: url(index_lm_2.png) no-repeat; } .index_union span.more { position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_union .tab_UL{ height: 43px; margin: 0; background: url(index_lm_bg.jpg) no-repeat right top; padding: 8px 10px 0px 200px; } .index_union .tab_UL li a {color:#666; display: block; height: 37px; line-height: 36px; width: auto; font-size: 14px; float: left; cursor: pointer; text-align: center; font-weight: bold; margin-right: 10px; padding: 0px 20px; } .index_union .tab_UL li.curr a{ color:#de0505;font-weight:bold;height:35px;line-height:35px; font-size: 14px; background: #fff; border-left: #eeeded 1px solid; border-right: #eeeded 1px solid; border-top: #ae2323 2px solid; } .index_union_nr { padding: 10px 0px 20px 0px } .index_union ul.list li { float: left; font-size: 14px; margin: 5px 0px 5px 12px } .index_union ul.list li a { width: 145px; height: 39px; line-height: 39px; text-align: center; background: url(index_zj_bg.jpg) repeat-x; border: #e4d5a4 1px solid; border-radius: 5px; display: block; } .index_union ul.list li a:hover { color:#fff; background:#b60201; border:#b60201 1px solid} .index_open { width: 264px; height: 320px } .index_open ul.icon { padding:10px;} .index_open ul.icon li a { width: 244px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #fff; display: block; background: url(index_icon_bg.png); margin: 6px 0px } .index_open ul.icon li a:hover { background-position:-244px 0px} .index_news { width: 448px; height: 320px; margin-left: 17px; position: relative; } .index_news span.more { position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_news .tab_UL{ height: 43px; margin: 0; background: url(index_lm_bg.jpg) no-repeat right top; padding: 8px 10px 0px 10px; } .index_news .tab_UL li a { color: #333; display: block; height: 43px; line-height: 36px; width: 97px; font-size: 14px; float: left; cursor: pointer; text-align: center; font-weight: bold; } .index_news .tab_UL li.curr a{ color: #FFF; font-weight: bold; height: 43px; line-height: 36px; font-size: 14px; background: url(index_lm_hover.jpg) no-repeat } .index_magazine { width: 385px; height: 320px; position: relative; } .cp_content{ height: 233px; position: relative; width: 345px; overflow: hidden; } .cp_title{width:450px; color:#010101; font-weight:bold; background:url(h3_dec.jpg) left center no-repeat; padding-left: 20px; margin-bottom:13px; position:relative; overflow:hidden;} .cp_title_ben{ height: 8px; position:absolute; right:10px; top:20px;} .cp_title_ben li{ float: left; margin-left: 3px; width: 8px; height: 8px; background: url(dt.png) no-repeat; cursor: pointer; overflow: hidden; } .cp_title_ben li.on{ background-position:-8px 0px} .cp_content ul{ width: 345px; height: 233px; position: absolute; overflow: hidden; } .cp_content ul li{ width: 345px; height: 233px; float: left; overflow: hidden; } .cp_conList{ width: 345px; height: 233px; overflow: hidden; text-align: left; } .cp_conList dl{ width: 345px; height: 233px; text-align: center; float: left; overflow: hidden; } .cp_conList dt{ width: 171px; height: 233px; overflow: hidden; float: left; margin-right: 20px; } .cp_conList dt img{ width: 171px; height: 233px; } .cp_conList dd p { line-height: 18px; padding-top: 15px; text-align: left; } .cp_conList dd p.txt { padding-bottom:20px; height:70px; overflow:hidden} .cp_conList dd p a { padding:5px 10px; background:#fff; border:#666 1px solid; margin-right:5px; font-size:12px; margin-top:20px} .cp_conList dd p a:hover { background:#d20000; color:#fff; border:#d20000 1px solid} .index_news2 { width: 264px; height: 320px; position: relative; } .index_news2 span.more { position: absolute; right: 10px; top: 15px; background:url(more.png) no-repeat right center; padding-right:8px} .index_news2 .tab_UL{ height: 43px; margin: 0 0px 3px 0px; background: url(index_lm_bg.jpg) no-repeat right top; padding: 8px 10px 0px 10px; } .index_news2 .tab_UL li a { color: #333; display: block; height: 43px; line-height: 36px; width: 97px; font-size: 14px; float: left; cursor: pointer; text-align: center; font-weight: bold; } .index_news2 .tab_UL li.curr a{ color: #FFF; font-weight: bold; height: 43px; line-height: 36px; font-size: 14px; background: url(index_lm_hover.jpg) no-repeat } .index_pic { width: 850px; height: 320px; } /*鍥剧墖閫愭婊氬姩*/ .layout { TEXT-ALIGN: left; MARGIN: 15px auto 0px auto; WIDTH: 820px; OVERFLOW: hidden; border-top: 0; } .homebtm { POSITION: relative; HEIGHT: 230px } .homebtm { POSITION: relative; PADDING: 0; } .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: 0px; } .mainCont { margin: 0px auto; width: 776px!important; height: 230px; overflow: hidden; } .mainCont UL { WIDTH: 776px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; } .mainCont ul li { width: 174px; height: 230px; float: left; overflow: hidden; margin: 0px 10px; text-align: center; font-size: 14px; background: #fff; } .mainCont ul li img { width: 174px; height: 200px; display: block; } .mainCont ul li p { padding-top: 13px } .leftBtn,.rightBtn{ width: 17px; height: 71px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2; top: 70px } .leftBtn { background: url(index_prev.jpg) no-repeat left center; left: 0px; } .leftBtn:hover { background-position: -17px 0px; } .rightBtn { background: url(index_next.jpg) no-repeat left center; right: 0px; } .rightBtn:hover { background-position: -17px 0px; } .index_ad { width: 1130px; margin: 15px 0px 0px 0px } .index_jingpin { width:1130px; height:490px} .mosaic-block { float: left; position: relative; overflow: hidden; margin: 0px; background: #111 url(progress.gif) no-repeat center center; } .mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111; } .mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #111; } /*** Custom Animation Styles (You can remove/add any styles below) ***/ .circle .mosaic-overlay { background: url(hover-magnify.png) no-repeat center center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); display: none; } .fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(bg-black.png); } .bar .mosaic-overlay { bottom: -100%; height: auto; background: url(bg-black.png); } #content { width: 1120px; margin: 10px 5px; padding: 0px; } .clearfix { display: block; height: 0; clear: both; visibility: hidden; } .details { margin: 0; padding: 20px 15px 24px 15px; height: 100%; } .details h4{ margin: 0 0 10px 0; color: #fff } .details p { color: #fff; line-height: 20px; font-size: 12px; padding-bottom: 26px } .mosaic-block a div span { border: #fff 1px solid; padding: 6px 12px; display: block; color: #fff; width: 80px; font-size: 14px; } .mosaic-block a div span:hover { background:#fff; color:#d20000;} #content table { width:1120px;} .img_01 { width:240px; height:407px; margin:4px} .img_02 { width:196px; height:199px; margin:4px} .index_link ul { padding: 15px; height: auto; } .index_link ul li { width: 140px; float: left; line-height: 28px; font-size: 14px; }