/* CSS Document */ body, a, ul, li, div, span, h1, h2, h3, p, img, form, input, select, option, i, dt, dl, dd, em { margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; } *{padding:0px;margin:0px;} * li{list-style:none;} a img { border-bottom-style:none; border-color:initial; border-image:initial; border-left-style:none; border-right-style:none; border-top-style:none; border-width:initial; } ul { clear:both;float:left } ul li { float:left;display:inline list-style-image:initial; list-style-position:initial; list-style-type:none; } a,a:visited,a:hover,a:link{text-decoration:none;} body,html{width:100%; position:relative} body,div,dl,dt,dd,ul,li,form,input,textarea,select,p,h1,h2,h3,h4,h5,h6,a{font:12px/20px "微软雅黑";padding:0;margin:0;color:#666} img{border:0;-ms-interpolation-mode:bicubic} a{text-decoration:none;cursor:pointer;outline:none;blr:expression(this.onFocus=this.blur())} .home{ width: 100%; height: 100%; position: relative; overflow-y: hidden; } /*Header*/ .headerMain .top{width: 100%;height: 20px; background: url(../image/zy-qh.png) right top no-repeat} .headerMain .top a{display: block;overflow: hidden;padding-left: 20px;margin-right: 25px;color: #666;font-size: 13px;float: right;} .headerMain .top a.zw{background: url("../image/2.png")no-repeat left center} .headerMain .top a.yw{background: url("../image/3.png")no-repeat left center} .header-main .top{width: 990px;height: 20px; background: url(../image/zy-qh.png) right top no-repeat;margin: 0 auto} .header-main .top a{display: block;overflow: hidden;padding-left: 20px;margin-right: 25px;color: #666;font-size: 13px;float: right;} .header-main .top a.zw{background: url("../image/2.png")no-repeat left center} .header-main .top a.yw{background: url("../image/3.png")no-repeat left center} .header{ width:100%; height:110px; position:relative; z-index:55} .headerMain{ width:990px; margin:0px auto; position:relative; height:60px; padding: 0px 0px 46px;} .headerTop{ width:100%; height:30px;} .headerTop ul{ border-left:1px solid #aaa; float:right} .headerTop li{ border-right:1px solid #aaa; padding:0 15px; position:relative} .headerTop a{ display:inline-block; line-height:30px; filter:alpha(opacity=50); opacity:0.5; float:left} .headerTop a:hover{ filter:alpha(opacity=100); opacity:1;} .headerTop span{ float:left; margin:14px 0 0 8px; display:inline} .headerTop li .hLinks{ width:100%; position:absolute; left:0; top:30px; display:none} .headerTop li .hLinks a{ text-align:center; width:100%; line-height:26px; background:#5e6166;} .logo{ float:left} .nav{ height:86px; float:right; margin:0px 0 0 5px; display:inline; position: relative; z-index: 99;} .nav li{ line-height:86px; color:#666; padding-right:1px; position:relative; padding:0 5px;} .nav li a{ display:inline-block; font:bold 15px/86px "微软雅黑"; padding:0 13px; color:#666;} .nav li a:hover{color:#fff ;background-color:#cc0000;} .nav li a.hover:hover{color:#fff ;background-color:#cc0000;} .nav li a.on{ color:#cc0000} .nav li.nobg{ background:none;} .sonNav{ position:absolute; left:3px; top:72px; display:none} .sonNavMain{ height:150px; padding:20px 0 29px 0px; background: url(../image/sonnav.png) no-repeat left top; float:left} .sonNavMain li{ width:150px; background:none; padding-right:0;} .nav .sonNavMain li a{ text-align:center; width:150px; font-size:12px; line-height:26px; color:#666; padding:0; border-bottom:1px solid #bd3558; margin:0 6px 8px 5px; float:left; _height:25px; _position:relative; _overflow:hidden} .sonNavMain img{ margin:5px 10px 8px 0px; padding-left:20px; } .sonNavMain p{ color:#888; line-height:18px; padding:0 10px; width:177px; float:right;} .sonNavR{ width:32px; height:158px; background: url(../image/sonnav_r.png) no-repeat right bottom; float:left} .search{ width:156px; height:28px; padding-left:10px; float:right; margin-top:30px; background: url(../image/input01.jpg) no-repeat left center;} .search input{ width:118px; height:28px; padding-left:0; line-height:28px; background: url(../image/input02.jpg) repeat-x; border:0; float:left; color:#bdbfc0} .search input.submit{ width:38px; height:28px; background-color:rgb(186, 8, 0); background-image:none; color:#fff;} .headerTips{ width:100%; height:95px; position:relative; z-index:35; background: url("../image/headertips.png") repeat-x scroll 0% 0% transparent;} .headerTipsMain{ width:863px; height:90px; margin:0 auto; position:relative; z-index:35; } .headerTipsMain ul{ } .headerTipsMain li{ width:256px; height:64px; margin-right:25px; cursor:pointer; text-align: center; background: url("../image/libg02.png") repeat-x scroll 0% 0% transparent; border:3px solid #c6a301; border-radius: 5px 5px; } .headerTipsMain li span{ display:inline-block; width:100%; height:19px; margin-top:10px; float:left; background: url(../image/span01.png) no-repeat 0 -5px;} .headerTipsMain li span.span01{ background-position:-121px -5px} .headerTipsMain li span.span02{ background-position:-242px 0px; margin-top:5px;} .headerTipsMain li span.span03{ background-position:-363px -5px} .headerTipsMain li span.span04{ background-position:-485px -5px} .headerTipsMain li span.span05{ background-position:-606px -5px} .headerTipsMain li span.span06{ background-position:-727px -5px} .headerTipsMain li span.span07{ background-position:-848px -5px} .headerTipsMain li p{ font:bold 15px/64px "微软雅黑"; color:#efefef; } .headerTipsMain li p.p1{ line-height:18px; margin-top:15px;} .headerTipsMain li.hover{ background:#fff;} .headerTipsMain li.hover span{ background: url(../image/span01_h.png) no-repeat 0 -5px;} .headerTipsMain li.hover span.span01{ background-position:-121px -5px} .headerTipsMain li.hover span.span02{ background-position:-242px 0px; margin-top:5px;} .headerTipsMain li.hover span.span03{ background-position:-363px -5px} .headerTipsMain li.hover span.span04{ background-position:-485px -5px} .headerTipsMain li.hover span.span05{ background-position:-606px -5px} .headerTipsMain li.hover span.span06{ background-position:-727px -5px} .headerTipsMain li.hover span.span07{ background-position:-848px -5px} .headerTipsMain li.hover p{ color:#cd003a;} .headerIntro{ width:100%; height:267px; background: url(../image/headerintro.png) repeat-x; position:absolute; top:103px; display:none;} .headerIntroMain{ width:960px; margin:0 auto; position:relative;} .headerIntroMain .triangle{ width:16px; height:11px; position:absolute; left:47px; top:0;} .headerIntroMain .introBox{ width:100%; height:217px; padding-top:31px; display:none} .headerIntroMain .introBox a.close{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#40444c; background:#f8f8f8; padding:0 18px; border:1px solid #eaeaea; position:absolute; top:20px; right:0} .headerIntroMain .img{ width:406px; height:201px; padding:4px 11px 12px 0; background: url(../image/img01.png) no-repeat; float:left} .headerIntroMain .intro{ width:524px; height:211px; float:right; margin-top:7px;} .headerIntroMain .intro .title{ height:48px; border-bottom:2px solid #e5e5e5; margin-bottom:7px;} .headerIntroMain .intro h1{ font:bold 24px/48px "微软雅黑"; color:#357dbd; float:left; margin-right:10px; display:inline; cursor:pointer} .headerIntroMain .intro h1.on{ color:#035cac; cursor:default} .headerIntroMain .word{ height:80px; line-height:20px; text-align:justify; position:relative; overflow:hidden; margin-bottom:17px;} .headerIntroMain .button{ width:100%; height:26px;} .headerIntroMain .button a{ display:inline-block; line-height:24px; padding:0 22px; border:1px solid #e2e2e2; float:left; margin-right:12px; background:#b70505; color:#fff} .headerIntroMain .button a.blue{ background:#035cac;} /*Banner*/ .banner{ width:100%; height:650px; position:relative; z-index:30; margin:-3px auto 0; background:url(../image/loading2.gif) no-repeat center} .banner li{ width:100%; height:650px; position:absolute; top:0; left:0;} .banner li a{ display:inline-block; width:100%; height:100%;} .banner li.bannerli{ display:none} /*new*/ #top{width:100%;;float:left;position:relative;} #top .small{width:634px;height:56px;position:absolute;top:56px;left:50%;display:none;margin:0 0 0 -310px;} #top .small ul{margin:0;padding:0px;} #top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;} #top .small li.hove{filter:alpha(opacity=100);opacity:1;} #box{width:1020px;height:144px;overflow:hidden;position:relative;top:520px; margin:0 auto;} #list{width:1020px;height:140px;position:absolute;display:inline;} #list ul {margin:0px;padding:0px; float:left;} #list li{width:315px;background: white; height:102px; float:left; border:5px solid rgba(0,0,0,0.3); background-clip: padding-box; /* Firefox 4、Safari 5、Opera 10、IE9 */ position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;} #list li img{width:101px;height:82px;vertical-align:top; margin:8px; float:left; background-origin: content-box; } #list li p{ color:#333; margin:10px 3px 0 0 ; line-height:18px;} #list li span{ color:#be0700; font-size:13px; display:block; margin-top:15px; font-weight:bold; } #list li div{width:315px;height:100px; position:absolute; z-index:1; top:0px; left:0px;} #list .hove div{ width:335px;height:135px;} #list li .b_tit{width:100%;height:30px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px; } #list li .opacity{width:100%;height:30px;background:#a00600;filter:alpha(opacity=100); opacity:1.0; position:absolute; z-index:1; bottom:0px; left:0px;} #list li .tit{width:335px;height:30px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px; background: url("../image/button05.png") no-repeat scroll 94% 55% transparent;} #list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;margin:0px;padding:0px;} #list li .tit span em{color:#ba0707;font-style:normal;float:none;} #list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;} #list a{width:39px;height:80px;background:url(404.png) no-repeat;text-decoration:none;position:absolute;z-index:20;} #list a.prev{background-position:0 0; left:-54px;} #list a.next{background-position:-39px 0; right:-100px;} #bottom{width:100%;height:200px;float:left;background:url(404.png) no-repeat center;position:relative;} #bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;} #bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;} #list .hovr:hover{ background:#be0700;background-clip: padding-box; } #list .hovr:hover span{ color:#fef296;} #list .hovr:hover p{ color:#fff;} /*Index*/ .indexMain{ width:1000px; height:45px; background:#fff; position:absolute; bottom:47px; left:50%; margin-left:-480px;} .indexNews{ width:333px; float:left; position:relative;} .indexNews h2 a{ display:inline-block; font:bold 14px/45px "微软雅黑"; color:#fff; padding:0 8px; background:#ba0800; float:left; position:relative; z-index:45} .indexNewsList{ width:250px; height:45px; float:right; position:relative; z-index:45; background:#fff; overflow:hidden; cursor:pointer} .indexNewsList ul{ width:250px; position:absolute; top:0; left:0;} .indexNewsList li{ width:250px; _padding-right: 0; height:45px; overflow:hidden; position:relative; padding-top:1px;} .indexNewsList li a{ display:inline-block; line-height:45px; float:left} .indexNewsList li a:hover{ color:#ba0800} .indexNewsList li span{ display:inline-block; line-height:45px; color:#999; float:right} .indexNewsList .number{ height:45px; float:right; margin-right:12px; display:inline} .indexNewsList .number span { display:inline-block; width:8px; height:8px; cursor:pointer; float:left; margin:19px 2px 0 0; background: url(../image/sign03.jpg) no-repeat;} .indexNewsList .number span.on{ background: url(../image/sign03_h.jpg) no-repeat;} .indexNewsUp{ width:333px; height:0px; position:absolute; bottom:45px; left:0; z-index:35; overflow:hidden; _bottom: 44px; background-color:#fff;} .indexNewsUp ul{ position: absolute; z-index: 30;} .indexNewsUp li{ width:333px; height:105px; position:relative; background-color:#fff;} .indexNewsUp li .img{ width:100px; height:90px; float:left; margin:9px;} .indexNewsUp li .img a{ display:inline-block; width:100%; height:100%;} .indexNewsUp li .intro{ width:195px; float:right; margin:15px 14px 0 0; display:inline} .indexNewsUp li .intro a{ display:inline-block; line-height:18px;} .indexNewsUp li .intro a.title{ font-weight:bold; height:23px; position:relative; overflow:hidden;text-overflow:ellipsis;;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ white-space:nowrap;/* 不换行 */width:195px; color:#ba0800; } .indexNewsUp li .intro a:hover{ color:#ba0800;} .indexNewsUp li .time{ width:100%; line-height:20px; color:#d2d3d4; margin-bottom:20px; } .indexNewsUp .number{ height:8px; position:absolute; bottom:0px; left:150px; z-index:99; overflow: hidden;} .indexNewsUp .number span{ display:inline-block; width:10px; height:6px; background:#fff; cursor:pointer; margin-left:3px; border:1px solid #dedede;} .indexNewsUp .number span.on{ background:#ba0800;} /*Footer*/ table {border-collapse: collapse;border-spacing: 0px; } .footerIntro th {font-size: 14px;line-height: 16px;border-right: 1px solid #EDEDED;padding-bottom: 10px;text-align: center} .footerIntro th a {color: #ba0800; font-size: 14px; font-weight:bold;} .footerIntro td {padding-left: 0px;border-right: 1px solid #EDEDED;line-height: 20px;text-align: center} .footerIntro th a:hover{ color:#b78b00} .bottom{ clear:both;width:100%; margin:0 auto; height:50px; background-color:#c90101; position:relative;; z-index: 50; color:#fff!important; } .w960{ width:960px; margin:0 auto;} .bottom .fl{ float:left; } .bottom .fr{ float:right; max-width:300px;padding-top:15px; } .footer{ width:100%; height:220px; background-color:#DEDEDE; z-index:2; float: left;border-top: 6px solid #e60012;} .footerMain{ width:1200px; margin:0 auto; position:relative} .footerMain .img{ float:left; padding-right:12px; background: url(../image/libg03.jpg) no-repeat right 21px;} .footerIntro{ float:left; padding-top:15px;width: 850px; } .footerIntro p{ line-height:20px; padding-left:12px; color:#fff;float: left;} .footerIntro p.list{ padding-left:0; color:#ccc; line-height:30px;} .footerIntro a{ display:inline-block; line-height:22px; padding:0 0px; color:#6c6c6c} .footerIntro a.mail{ padding-left:0;} .footerIntro a:hover{ color:#ba0800} .footerLinks{ width:185px; height:22px; float:right; position:relative; z-index:45; background: url(../image/footerlink.jpg) no-repeat;background-size: 185px 22px;cursor:pointer;margin-right: 30px;} .footerLinks p{ color:#666!important;} .linksList{ position: absolute; left: 1px; bottom: 22px; width: 157px; padding: 5px 0 6px; border: 1px solid #e3e3e3; border-bottom: none; background: #fff; display: none; } .linksList li{ position: relative; width: 147px; height: 28px; overflow:hidden; } .linksList li .sign{ position: absolute; left: -6px; top: 9px; width: 6px; height: 13px; background: url(../image/bg_sign02s.jpg) no-repeat; display: none; } .linksList li a.tit{ display: inline-block; width: 125px; padding-left: 12px; border-bottom: 1px solid #ececec; margin-left: 10px; font-size: 13px; line-height: 28px; color: #666; } .linksList li .sub{ color:#fff; position: absolute; left: -129px; top: -28px; width: 97px; padding: 12px 15px; border: 1px solid #e3e3e3; border-right: none; background: #fff; display: none; } .linksList li .sub a{ display: inline-block; width: 100%; font-size: 12px; line-height: 26px; color: #fff; } .linksList li a:hover{ color: #ba0800; } .foot2_wm{ width:305px; float:right; } .foot2_wm .pho,.foot2_wm .weixin{ float:right; margin-right:10px; width:110px; margin-top:5px; height:125px; text-align:center; } .weibo { float:right; margin-top:15px; } .weibo a{ margin-right:15px; display: inline-block; width: 39px; height: 39px; background: url(../image/bg_sign09.png) no-repeat; position: relative; overflow: hidden; float: none; } .weibo a:hover{ background-position: 0 -39px; } /*栏目页About*/ .aboutBg{ width:100%; height:721px; background: url("../image/about4.jpg") no-repeat center top;} .aboutMain{ width:960px; height:400px; padding:0 7px 8px 0; background: url(../image/aboutmain.png) no-repeat; margin:0 auto; position:relative; top:124px} .aboutMainL{ width:480px; height:200px; background: url(../image/aboutline.png) no-repeat right; position:relative; z-index:35} .aboutBox{ width:240px; height:200px; position:relative; float:left; background:#fff;} .aboutBox h2{ font:bold 16px/45px "微软雅黑"; color:#555; text-align:center} .aboutBox a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#40444c; background:#f8f8f8; padding:0 18px; border:1px solid #eaeaea; position:absolute; bottom:21px; left:75px} .aboutMainL .honor{ overflow:hidden} .honorFloat{ height:188px; position:absolute; left:-210px; opacity:0;} .aboutMainL .honor h2{ color:#fff} .aboutMainL .honor a.more{ color:#fff; background:none; border:1px solid #3d82c0} .aboutHonor{ width:192px;} .aboutHonor a,.aboutHonor p{ color:#fff} .aboutCul{ width:220px; position:relative; padding:0 1px;} .aboutCul li{ width:220px; position:absolute; top:0; display:none} .aboutCul p{ padding:0;} .aboutCul p img { border:1px solid #dedede; padding:1px;} .aboutCul h3{ font:bold 14px/25px "微软雅黑"} .aboutCul .number{ height:8px; position:absolute; top:-18px;} .aboutCul .number span{ display:inline-block; width:8px; height:8px; cursor:pointer; float:left; margin-left:2px; background: url(../image/sign03.jpg) no-repeat;} .aboutCul .number span.on{ background: url(../image/sign03_h.jpg) no-repeat;} .aboutStr{ padding:0 10px 0 1px;} .aboutStr h3{ font:bold 14px/25px "微软雅黑"} .aboutBoxShow{ width:240px; height:188px; position:relative; left:-240px} .str{ position:relative; overflow:hidden;} .devBox{ background: url(../image/img02.jpg) no-repeat;} .devBox h2{ color:#fff} .aboutDev{ padding:7px 25px; position:relative; top:60px; opacity:0} .aboutDev a{ display:inline-block; position:relative; z-index:35; line-height:20px; color:#fff} .aboutDev p{ color:#fff} .aboutDevbg{ width:240px; height:74px; background:#1c6cb4; filter:alpha(opacity=35); opacity:0.35; position:absolute; top:0; left:0; z-index:30} .aboutMainR{ width:480px; height:200px; float:left; position:relative; overflow:hidden; background:#cd003a;} #zr{ width:240px;} #zr .intro{ width:190px; } .aboutMainR .img{ height:205px; position:absolute; top:-205px; left:0; opacity:0;} .aboutMainR .intro{ width:428px; height:198px; padding:8px 26px 0; background:#cd003a; position:absolute; left:0; overflow:hidden} .aboutMainR .float{ display:none} .aboutMainR .intro h2{ font:bold 16px/40px "微软雅黑"; color:#fff; text-align:center} .aboutMainR .intro a{ display:inline-block; line-height:24px; color:#fff} .aboutMainR .intro a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#fff; background:none; padding:0 18px; border:1px solid #3d82c0; position:absolute; bottom:21px; left:197px} .aboutMainR .intro p{ color:#fff} .aboutintMain{ width:960px; min-height:566px; height:auto!important; height:566px; background: url(../image/aboutint.png) no-repeat left top; margin:0 auto;} .aboutintMain .nobg{ background:none!important;} .intLeft{ width:459px; padding:22px 10px 0 12px; position:relative; float:left} .intLeft .name{ width:114px; line-height:38px; color:#fff; text-align:center; background:#035cac; position:relative; top:-23px; left:27px; z-index:35} .intRight{ width:460px; padding:22px 0 100px 0; float:right} .intRight p{ text-align:justify} .aboutecoMain{ background:none;} .aboutecoMain h1{ line-height:30px; margin-bottom:32px;} .insideCul{ background: url(../image/aboutcul.jpg) repeat-x center top #f3f3f3;} .aboutculMain{ width:960px; margin:0 auto; padding-bottom: 35px;} .aboutculTop{ width:960px; height:329px; background: url(../image/aboutcultop.png) no-repeat; margin-bottom:22px;} .aboutculTop li{ width:203px; height:308px; padding:18px 19px 0 18px;} .aboutculTop li h2{ font:bold 18px/36px "微软雅黑"; padding-left:12px;} .aboutculTop li p{ height:116px; position:relative; overflow:hidden; line-height:20px; padding-left:12px;} .aboutculMusic{ margin-bottom:30px;} .aboutculMusic .title{ height:86px; background: url(../image/sign04.jpg) repeat-x center;} .aboutculMusic .title h2{ font:bold 18px/86px "微软雅黑"; color:#515151; padding:0 10px; float:left; margin-left:28px; background:#f3f3f3;} .aboutculMusic .intro{ width:922px; height:284px; padding:18px 20px 21px 18px; background: url(../image/aboutculmusic.png) no-repeat;} .musicFlash{ height:25px; padding-bottom:30px; margin-top: 30px;} .musicFlash .audio{ width:960px; height:25px; float:left; text-align:left} .insideCou{ background: url(../image/aboutcou.jpg) repeat-x bottom #f5f5f5;} .aboutcouTop{ width:960px; height:80px; padding-top:28px; background: url(../image/h2bg01.png) no-repeat bottom right; margin:0 auto 15px} .aboutcouIntro{ width:960px; margin:0 auto; padding-bottom:75px; position:relative; overflow:hidden; } .aboutcouIntro .top,.aboutcouIntro .bot{ width:100%; height:78px; background: url(../image/span02.png) no-repeat 222px 15px; float:left} .aboutcouIntro .bot{ background: url(../image/span03.png) no-repeat 222px 0;} .aboutcouIntro .mid{ width:100%; position:relative; overflow:hidden; float:left; background: url(../image/line01.jpg) repeat-y 231px 0;} .aboutcouIntro .mid li{ width:960px; height:73px; margin-bottom:8px;} .aboutcouIntro .mid .time{ width:242px; height:73px; float:left; background: url(../image/span04.png) no-repeat 1px 7px;} .aboutcouIntro .mid .time p{ width:108px; font:bold 16px/34px Arial,"微软雅黑"; color:#40444c; float:left; margin:7px 0 0 2px; display:inline; text-align:center} .aboutcouIntro .mid .intro{ width:638px; height:48px; padding:11px 10px 14px 30px; float:right; background: url(../image/libg04.png) no-repeat; position:relative; overflow:hidden;} .aboutcouIntro .mid .intro br{ height:14px; line-height:14px;} .aboutcouIntro .mid li.hover .time p,.aboutcouIntro .mid li.on .time p{ color:#fff} .aboutcouIntro .mid li.hover .time,.aboutcouIntro .mid li.on .time{ background: url(../image/span04_h.png) no-repeat 1px 7px;} .aboutcouIntro .mid li.hover .intro p,.aboutcouIntro .mid li.on .intro p{ color:#fff} .aboutcouIntro .mid li.hover .intro,.aboutcouIntro .mid li.on .intro{ background: url(../image/libg04_h.png) no-repeat; color:#fff} .abouthonMain{ background:none;} .honorLeft{ width:635px; float:left} .honorLeft p{ line-height:24px; color:#40444c} .honorLeft h2{ font:bold 14px/30px "微软雅黑"; color:#fff; background:#af010f; padding:0 16px; float:left; margin:28px 0 20px} .honorLeft td{ line-height:24px; color:#40444c} .honorImg{ width:315px; float:right;} .honorImg img{ margin-left:7px; display:inline} .aboutstrMain{ background:none;} .strImg{ width:375px; float:right} .strLeft{ width:546px; float:left} .strLeft .title{ width:100%; height:44px; background: url(../image/bg01.png) no-repeat; margin:72px 0 40px;} .strLeft .title h2{ font:bold 14px/44px "微软雅黑"; color:#fff; float:left; padding:0 20px} .strLeft .title p{ line-height:44px; color:#40444c; padding-left:16px; float:left} .strBox{ width:100%; min-height:147px; height:auto!important; height:147px; background: url(../image/bg02.png) no-repeat bottom;} .strBox h2{ font:bold 12px/38px "微软雅黑"; color:#40444c} .strBox p{ line-height:34px; color:#40444c;} .more-box{ width: 86px; height: 28px; position: absolute; left: 95px; bottom: 21px; overflow: hidden; } .more-box img{ position: absolute; left: 0; top: 0; z-index: 35; } .more-box-on img{ top: -28px; } .aboutMainR .float .more-box{ position: absolute; left: 197px; bottom: 21px; } #zr .float .more-box{ position: absolute; left:80px; bottom: 21px; } .newsRec .more-box{ left: 26px; bottom: 15px; } /* 萬豐控股 */ .wdcyz { width:100%; height:auto; margin:0 auto;} .news{width:990px;height:auto; overflow:hidden; padding-top:80px; margin:0 auto;} .news ul li{width:160px;height:140px;float:left;position:relative;overflow:hidden;} .news ul li .newsThum{width:100%;height:100%;position:absolute;left:0px;top:0px;} .news ul li .newsInfo{width:150px;height:125px;position:absolute;right:0px;bottom:0px;background:#fff;} .newsPage{width:990px;height:36px;margin-top:15px;display:block;margin:15px auto;} .newsPage a{display:block;width:34px;height:34px;float:right;border:1px solid #e5e5e5;background:#fff url(404.png) no-repeat;cursor:pointer;margin-left:2px;} .newsPage span{background:#fff;width:65px;height:34px;border:1px solid #e5e5e5;line-height:34px;text-align:center;float:right;font-family:Georgia,"Times New Roman",Times,serif;margin-left:2px;} .newsPage a.pagePrev{background-position:-34px 0px;} .newsPage a.pagePrev:hover{background-position:-34px -34px;} .newsPage a.pageNext:hover{background-position:0px -34px;} .newsInfoTime{width:130px;margin-top:2px;height:20px;padding:0px 10px;font-size:12px;line-height:20px;font-family:Georgia,"Times New Roman",Times,serif;color:#a3a3a3;} .newsInfoTitle{width:130px;height:36px;padding:2px 10px;line-height:18px;font-size:12px;} .newsInfoDes{width:130px;padding:0px 10px;height:auto;font-size:12px;color:#a3a3a3;line-height:16px;margin-top:5px;} .newsTrans{border-color:transparent #fff transparent transparent;border-style:solid;border-width:5px 5px 5px 0px;width:0;height:0;position:absolute;left:-5px;top:20px;} .news li .bor{ width:160px;height:140px;position:relative;overflow:hidden;} .news .sy{ margin-bottom:30px;} .news .zy{ margin-top:30px} .headerTipsMain .cy{ width:260px; height:64px; margin-right:25px; cursor:pointer; text-align: center; background: url("../image/libg021.png") repeat-x scroll 0% 0% transparent; border: 1px solid rgb(60, 100, 156); } .headerTipsMain .cy p{ color:#dedede;} /*文化创新*/ .cultureBg{ width:100%; height:721px; background: url("../image/about3.jpg") no-repeat center top;} .cultureBg .headerTipsMain { width:985px;} .headerTipsMain .wh{ width:180px; height:64px; margin-right:15px; cursor:pointer; text-align: center; background: url("../image/wh02.png") repeat-x scroll 0% 0% transparent; border: 1px solid #f6e8c6; } .headerTipsMain .wh p{ color:#fff;} .culture{ width:720px; height:410px; margin:0 auto; position:relative;top:100px;} .cultureIntro{ width:190px; height:393px; padding:17px 16px 0 50px; position:relative; z-index:35; float:right; background: url(../image/sign08.png) no-repeat; margin-left: -16px;} .cultureIntro h2{ font:bold 16px/40px "微软雅黑"; color:#fff; text-align:center} .cultureIntro ul{ width:190px; padding-bottom:25px; border-bottom:1px dashed #fff; margin-bottom:18px; margin-top:5px} .cultureIntro li{ width:75px; height:22px; color:#fff;padding:0 0 0 18px;} .cultureIntro p{ color:#fff} .cultureIntro a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#fff; padding:0 18px; border:1px solid #4184c1; background:#0d62b0; position:absolute; bottom:22px; left:77px} .cultureImg{ width:480px; height:410px; float:left; } .cultureImg li{ width:240px; height:205px; } .cultureImg li.bg{ padding:0 7px 8px 0; background: url(../image/libg44.png) no-repeat; margin:0 -7px -8px 0; position:relative; z-index:33} .cultureIdeaMain{ width:960px; padding-bottom:175px; margin:0 auto;} .cultureIdeaMain img{ display:block; margin:0 auto 28px} .cultureIdeaMain p{ line-height:24px; color:#40444c} .cultureFundMain{ width:962px; margin:0 auto; padding-bottom:85px;} .mosaic-block { float:left; position:relative; overflow:hidden; width:240px; height:205px; background:#111 url(../image/progress.gif) no-repeat center center; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); } .mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%; background:#666; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#ccc; } .bar2 .mosaic-overlay { bottom:-165px; height:205px; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } .bar2 .mosaic-overlay:hover { opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } .details{ margin:5px 20px; } .details h3{font: 18px/30px "微软雅黑"; color:#fff; } .details p{ color:#dedede;} .bar3 .mosaic-overlay { top:-205px; height:205px; background:url(../image/bg-black.png); } .mosaic-block bar2 .details h3 { color:#000;} .r dl{ float:right; width:480px; height:100px; float:right; background-color:#e8e8e8; margin-top:36px; } /*新闻中心*/ .newsBg{ width:100%; height:721px; background: url("../image/about5.jpg") no-repeat center top;} .headerTipsMain .xw{ width: 260px;height: 64px;margin-right: 25px;cursor: pointer;text-align: center;background: url("../image/libg03.png") repeat-x scroll 0% 0% transparent; border: 1px solid #f9c78a; } .headerTipsMain .xw p{ color:#fff;} #news{ width: 960px;height: 610px;margin: 0px auto auto ;position: relative; top:94px;left:6%;padding: 0px 8px 8px 0px;background: url("../image/news.png") no-repeat scroll 0% 0% transparent;} .newsRec{ width:187px; height:383px; padding:27px 44px 0 26px; background: url(../image/sign09.png) no-repeat; float:left; position:relative; z-index:40;} .newsRec a.title{ display:inline-block; width:100%; height:44px; position:relative; overflow:hidden; font:bold 14px/22px "微软雅黑"; color:#40444c} .newsRec .time{ width:100%; color:#cccdce} .newsRecIntro{ width:100%; height:242px; padding-bottom:27px;} .newsRecIntro a{ display:inline-block; color:#40444c} .newsRec a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#40444c; background:#f8f8f8; padding:0 18px; border:1px solid #eaeaea;} .newsRec a:hover{ color:#035cac} .newsTop{ width:720px; height:205px; float:left; margin-left:12px;} .newsRecImg{ width:240px; height:205px; float:left; position:relative; z-index:35; margin-right:7px; background: url(../image/line03.png) no-repeat right;} .newsChange{ width:412px; height:166px; padding:18px 36px 21px 32px; float:left; position:relative} .newsChange .overflow{ width:412px; height:88px; position:relative; overflow:hidden} .newsTop .blue{ background:rgb(205, 0, 58); margin-left:-7px;} .newsChange a.title{ display:inline-block; width:100%; font:bold 16px/40px "微软雅黑"; color:#fff} .newsChange a.moreBlue{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#fff; background:none; padding:0 18px; border:1px solid #3d82c0; margin-top:10px;} .newsChange a.more{ display:inline-block; font:bold 12px/26px "微软雅黑"; color:#40444c; background:#f8f8f8; padding:0 18px; border:1px solid #eaeaea; margin-top: 10px;} .newsBox{ height:88px; position:relative;} .newsBoxs{ width:412px; height:88px; float:left} .newsBoxs li{ width:412px; height:22px;} .newsBoxs li a{ display:inline-block; color:#fff; float:left; padding-left:10px; background: url(../image/sign10.png) no-repeat 2px 0;} .newsBoxs li span{ display:inline-block; color:#ddd; float:right} .newsChange .number{ height:8px; position:absolute; top:16px; right:17px} .newsChange .number span{ display:inline-block; cursor:pointer; width:8px; height:8px; background: url(../image/sign11.png) no-repeat; margin-right:4px;} .newsChange .number span.on{ background: url(../image/sign11_h.png) no-repeat} .gray{ margin-left:12px;} .gray a.title{ color:#40444c} .gray .newsBoxs li a{ color:#40444c; background: url(../image/sign10.png) no-repeat 2px -22px;} .gray .newsBoxs li a:hover{ color: rgb(204, 0, 0);} .gray .newsBoxs li span{ color:#fff} .gray .number span{ display:inline-block; cursor:pointer; width:8px; height:8px; background: url(../image/sign12.png) no-repeat; margin-right:4px;} .gray .number span.on{ background: url(../image/sign12_h.png) no-repeat} .newsBook{ width:240px; height:205px; float:left} .newsList{ background: url(../image/newslist.jpg) repeat-x bottom #f7f7f7;} .newslistMain{ width:960px; margin:0 auto; position:relative; top:-52px} .newsListRec .overflow{ width:960px; height:318px; position:relative; overflow:hidden} .newsListRec .title{ height:86px; background: url(../image/sign04.jpg) repeat-x center;} .newsListRec .title h2{ font:bold 18px/86px "微软雅黑"; color:#515151; padding:0 10px; float:left; margin-left:28px; background:#f8f8f8;} .newsListRec li{ width:960px; height:318px;} .newsListRecBox{ width:320px; height:318px; float:left} .newsListRecBox .boxMain{ width:318px; height:306px; border:1px solid #e1e1e1; border-bottom:none; position:relative; overflow:hidden} .newsListRecBox .boxLine{ width:320px; height:10px; background: url(../image/libg06.png) no-repeat;} .newsListRecBox .boxMain .time{ width:97px; height:138px; padding:29px 21px 0; background: url(../image/bg15.png) no-repeat; position:absolute; top:0; left:-139px} .newsListRecBox .boxMain .time h2{ font:bold 26px/26px Arial; color:#40444c} .newsListRecBox .boxMain .time h3{ font-size:16px; font-family: Arial, "宋体";} .newsListRecBox .boxMainImg{ height:167px;} .boxMainIntro{ width:282px; height:124px; padding:15px 18px 0; position:relative} .boxMainIntroHover{ background:#e56100;} .boxMainIntro a.tit{ display:inline-block; width:100%; font:bold 12px/24px "微软雅黑"; color:#40444c} .boxMainIntro a.titHover{ color:#fff} .boxMainIntro a.text{ display:inline-block; width:100%; line-height:20px; color:#66696f;} .boxMainIntro a.textHover{ color:#fcf0e6;} .boxMainIntro a.more{ position:absolute; bottom:22px; left:18px; display:inline-block; border:2px solid #d0d0d0; padding:0 14px} .boxMainIntro a.moreHover{ color:#fff; border:1px solid #ea8336; background:#c84c0b;} .newsListRec .number{ width:84px; height:14px; background:#f8f8f8; position:absolute; top:35px; right:70px; text-align:center} .newsListRec .number span{ display:inline-block; width:14px; height:14px; cursor:pointer; background: url(../image/sign13.png) no-repeat; margin-left:5px;} .newsListRec .number span.on{ background: url(../image/sign13_h.png) no-repeat;} .newsListBox{ width:960px; margin:20px auto 0} .newsListBox li{ width:960px; margin-bottom:2px; background:#145c9d;} .newsListBox li .left{ width:55px; float:left; position:relative} .newsListBox li .left span{ display:inline-block; width:55px; height:48px; background: url(../image/sign14.jpg) no-repeat; position:absolute; top:0; left:0; cursor:pointer} .newsListBox li .left span.close{ background-position:0 -48px; display:none} .newsListBox li .right{ width:905px; float:right} .newsListBox li .right .title{ width:841px; height:36px; padding:6px 32px; background:#fefefe;} .newsListBox li .right .titleOn{ background:#1b6bb3;} .newsListBox li .right .title a{ display:inline-block; line-height:36px; color:#40444c; float:left} .newsListBox li .right .title a:hover{ color:#035cac} .newsListBox li .right .titleOn a{ font:bold 14px/36px "微软雅黑"; color:#fff} .newsListBox li .right .title span{ display:inline-block; line-height:36px; color:#9fa1a5; float:right;} .newsListBox li .right .titleOn span{ color:#8db5d9} .newsListBox li .right .intro{ width:694px; height:81px; padding:12px 179px 0 32px; border-top:1px solid #327abb; background:#1b6bb3; display:none} .newsListBox li .right .intro a{ display:inline-block; color:#fff; line-height:20px; text-align:justify} .newsInfo{ padding-bottom:85px;} .newsinfoMain{ width:962px; margin:0 auto; position:relative; top:-18px} .newsinfoMain .title{ width:960px; height:40px; padding:0 2px 4px 0; background: url(../image/bg16.png) no-repeat; position:relative; margin-bottom:30px;} .newsinfoMain .title h1{ width:100%; font:bold 16px/40px "微软雅黑"; color:#666; text-align:center} .newsinfoMain .title span{ display:inline-block; line-height:40px; position:absolute; top:0; right:32px; color:#adadad} .newsinfoMain .intro{ padding:22px 38px 42px; background: url(../image/bg17.jpg) repeat-y;} .newsinfoMain .intro img{ display:block; margin:0 auto;} .newsinfoMain .introbot{ width:962px; height:3px; background: url(../image/bg18.png) no-repeat;} /*人力资源*/ .hrBg{ width:100%; height:721px; background: url("../image/about2.jpg") no-repeat center top;} .headerTipsMain .rc{ width: 260px;height: 64px;margin-right: 25px;cursor: pointer;text-align: center;background: url("../image/libg041.png") repeat-x scroll 0% 0% transparent; border: 1px solid #40839d; } .headerTipsMain .rc p{ color:#fff;} /* 主体内容开始 -------------------------------------------------------------- */ .content{ width:100%;} .content a { color:#666;} .content a:hover{color:#097CCF;} #content{ width:100%; margin:0 auto; height:auto;} .out-tf{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; display: none; } .out-tf .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/bg_outtf.png); } .out-tf .main{ float:none; margin-right:0; position: absolute; left: 50%;top:8%; width: 1000px; height: 594px; margin-left: -508px; background: url(../image/imgtf.jpg) no-repeat; } .out-tf .close{ position: absolute; right: -10px; top: -17px; width: 44px; height: 44px; background: url(../image/close01.png) no-repeat; cursor: pointer; } .out-tf .main a{ display: inline-block; width : 100%; height : 100%; } #ban{ position: relative; } #ban span{ position: absolute;bottom: 1px;font-size: 28px;font-weight: 900;color: #B60900;right: 510px;width: 270px;height: 50px;text-align: center;line-height: 50px;} .grid .gai{ position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0.75em 1em; width: 30%; height: 75px; background: #3085a3; text-align: center; cursor: pointer; border-radius: 5px; } .grid .gai h2{color: #fff;font-size: 15px;opacity: 20;opacity:0.99;width: 100%; height: 20px;line-height: 20px;position: absolute;top: 10px; } .grid .gai p{ color: #fff;font-size: 13px;opacity:0.99; color: #fff;position: absolute;top: 30px;text-align: center;width: 100%; } .mfp-content img{max-width: 100%}