@charset "utf-8"; #header { position: relative; z-index: 3; } #content { width: 100%; max-width: 100%; margin: 0; } .row { padding: 0; max-width: 1200px; _width: 1200px; margin: 0 auto 20px; background: none; text-align: left; overflow: hidden; } .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .headNew{ background: #FFFFFF; position: relative; height:156px; margin: 20px auto 16px auto; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } .headNew dt { width: 97px; height: 82px; position: absolute; left: 0; top: 0; background: url(../../base/img/headNew.png) no-repeat left top; } .headNew .ibd{ padding: 15px 0 0 70px; width: 90%; } .headNew .ibd .title{ font-size: 28px; line-height: 56px; text-align: center; } .headNew .ibd .tit{ color: #003077; } .headNew .ibd .intro{ font-size: 16px; line-height: 28px; color: #333; height: 60px; overflow: hidden; } .headNew .ibd .intro .detail{ color:#EF190D; } .headNew .ihd{ position: absolute; right: 40px; top:30px; } .headNew .ihd li{ background: #909EB2; height: 10px; width: 10px; border-radius: 10px; text-indent: -999em; margin:0 0 10px 0; cursor: pointer; } .headNew .ihd li.on{ background: #E40000; height: 27px; } #xyfc,#indTzgg,#indRdzt{ background: #fff; padding:10px 20px 0; } #xyfc{ width:550px; float:left; } #indTzgg{ width:550px; float:right; } #xyfc .bd,#indTzgg .bd{ height:438px; } #indJyxw .infoList li{ border-bottom: 1px #C3C3C3 dotted; padding: 9px 0; height: auto; line-height:24px; margin-bottom:12px; } #indJyxw .infoList li.last{ margin-bottom:0; } #indJyxw .infoList li a{ display: block; font-size: 18px; padding-left:0; background:none; color:#000; } #indJyxw .infoList li a:hover,#indJyxw .infoList li:hover span,#indTzgg .infoList li:hover span{ color:#024287; } #indJyxw .infoList{ overflow: hidden; } #indJyxw .infoList li span{ color: #999; } .col-2 { width: 590px; } #xyfc .picList{ margin-right:-20px; } #xyfc .picList li{ float: left; width:265px; margin:0 20px 20px 0; position: relative; overflow: hidden; } #xyfc .picList .title, #xyfc .picList .titleBg { position: absolute; bottom: -40px; left: 0; width: 100%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; text-align: center; } #xyfc .picList .title{ width: 94%; padding:0 3%; } #xyfc .picList{margin: 0 -20px 0 0;} #xyfc .picList li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0; } #xyfc .picList .titleBg { background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2; } #xyfc .picList li:hover .titleBg { height: 228px; bottom:0; } #xyfc .picList li:hover .title{ height:48px; bottom:40%; margin-top:-24px; } #xyfc .picList li:hover .title{ line-height:24px; } #xyfc .picList .title a{ color: #fff; } #xyfc .picList li img{ width:265px; height:199px; } #indTzgg .infoList li{ line-height: 52px; height: 52px; border-bottom:1px #D9D9D9 dotted; } #indTzgg .infoList li.last{ border-bottom:0; } #indTzgg .infoList li a{ background: url(../../base/img/liteicon.png) no-repeat 0 center; } #focusPic { width: 100%; margin: 0px auto; } #focusPic .bd .pic img { height: 520px; } #focusPic .hd { bottom: 30px; right: 50%; margin-right:-61px; } #focusPic .hd ul li { width: 36px; height:9px; border-radius: 0; background:none; border: 3px solid #FFFFFF; } #focusPic .hd ul li.on{ background:#fff; } #focusPic .bd .con { bottom: 50px; left: 50px; height: 60px; line-height: 60px; display: none; } #focusPic .bd .con .titleBg { height: 60px; display: none; } #focusPic .bd .con .title a { font-size: 16px; display: block; padding: 0 20px; background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=80); } #focusPic .bd .con .title { width: auto; } #focusNews { float: left; width: 636px; margin-right: 20px; } #focusNews .hd { position: absolute !important; height: 13px; margin: 0; bottom: 20px; } .focusBox .hd ul li{ width:13px; height:13px; margin-right:10px; } .focusBox .hd ul li.on{ background: #4D97E5; } #focusNews .hd ul { position: relative; } #focusNews .bd { padding: 0; border: 0; } #focusNews .bd .pic img { height: 477px; } #focusNews .bd .con,.focusBox .bd .con .titleBg{ height:57px; } .focusBox .bd .con .title{ line-height:57px; font-size:18px; } #indTzgg .topicList .t .title { text-align: left; padding-left: 18px; background: url(../../base/img/liteicon.png) no-repeat 0; } #indTzgg .topicList .n { height: 30px; line-height: 30px; border: 0; } #indTzgg .topicList .t .intro { background: #9eb5d8; padding: 10px 20px; color: #fff; font-size: 14px; line-height: 26px; } /* 热点专题 */ #indRdzt { zoom: 1; position: relative; padding-bottom:20px; } #indRdzt ul { margin-right: -33px; overflow: hidden; } #indRdzt li { float: left; width:380px; margin-right: 10px; } #indRdzt li a { display: block; } #indRdzt li img { width: 100%; height: 120px; } #indRdzt .tit { display: none; font-size: 14px; padding: 5px 0 0; text-align: center; height: 25px; overflow: hidden; } #indRdzt .intro { color: #848484; text-align: center; display: none; } #indRdzt .prev { position: absolute; cursor: pointer; z-index: 10; left: 10px; top: 68px; background: #cfd7e3 url(../../base/img/prevarr.png) no-repeat center; width: 30px; height: 30px; border-radius: 50%; } #indRdzt .next { position: absolute; cursor: pointer; z-index: 10; right: 10px; top: 68px; background: #cfd7e3 url(../../base/img/nextarr.png) no-repeat center; width: 30px; height: 30px; border-radius: 50%; } #indRdzt .prev:hover, #indRdzt .next:hover { border-color: #ddd; background-color: #ffbf63; } .fastlink{ padding-top:10px; background: url(../../base/img/fastlinkbg.jpg) repeat-x 0 0; } .fastlink .bd{ background: #fff; padding:30px 0 30px 80px; overflow: hidden; } .fastlink .list li { width: 170px; float: left; margin-right: 48px; height: 170px; margin-bottom: 10px; } .fastlink .list li a { display: block; margin: 0 auto; text-align: center; transition: all 0.2s; height: 140px; padding:30px 22px 0 22px; background: #fff; font-size: 16px; transition: all 0.2s; color: #666; border:1px #DADADA dashed; border-radius: 170px; line-height:22px; } .fastlink .list li.li1 a:hover{ background: #579AC9; border:1px #579AC9 dashed; } .fastlink .list li.li2 a:hover{ background: #57B8C9; border:1px #57B8C9 dashed; } .fastlink .list li.li3 a:hover{ background: #71D1AE; border:1px #71D1AE dashed; } .fastlink .list li.li4 a:hover{ background: #D53939; border:1px #D53939 dashed; } .fastlink .list li.li5 a:hover{ background: #C139D5; border:1px #C139D5 dashed; } .fastlink .list li.li6 a:hover{ background: #C9A858; border:1px #C9A858 dashed; } .fastlink .list li a i { display: block; width: 170px; height: 60px; background: url(../../base/img/fastlink.png) 0px -10px no-repeat; } .fastlink .list li a:hover { text-decoration: none; color:#fff; } .fastlink .list li a:hover i { background: url(../../base/img/fastlink1.png) 0px -10px no-repeat; } .fastlink .list li.li1 a i,.fastlink .list li.li1 a:hover i{ background-position:30px 0; } .fastlink .list li.li2 a i,.fastlink .list li.li2 a:hover i{ background-position:30px -60px; } .fastlink .list li.li3 a i,.fastlink .list li.li3 a:hover i{ background-position:30px -120px; } .fastlink .list li.li4 a i,.fastlink .list li.li4 a:hover i{ background-position:30px -180px; } /* .fastlink .list li.li5 a i,.fastlink .list li.li5 a:hover i{ background-position:30px -240px; } */ .fastlink .list li.li5 a i,.fastlink .list li.li5 a:hover i{ background-position:30px -300px; } /*-- 颜色代码 #416eb4 深色标题 #ddd 淡色边框 --*/ /* 响应式样式 */ @media screen and (min-width: 1601px) { .row{ max-width: 1600px; } #focusNews{ width: 790px; } #focusNews .bd .pic img{ height: 518px; } #focusNews .bd .con .title{ font-size: 18px; } #indJyxw .infoList li{line-height:28px;} #xyfc,#indTzgg{width: 750px;} #xyfc .picList li{ width:345px; margin: 0 40px 20px 0;} #xyfc .picList li img{ width:345px; height:228px;} #xyfc .bd, #indTzgg .bd{height:498px;} #indTzgg .infoList li { line-height: 58px; height: 58px;} #indRdzt li{margin-right:70px;} #indRdzt li img{height:132px;} #indRdzt li{width:470px;} .fastlink .list li{margin-right: 128px;} #indRdzt .tempWrap{ width: 1560px !important; } @media screen and (min-width:1400px) and (max-width: 1600px) { .row{ max-width: 1400px; } #focusNews{ width: 690px; } #focusNews .bd .pic img{ height: 518px; } #focusNews .bd .con .title{ font-size: 18px; } #indJyxw .infoList li{line-height:28px;} #xyfc,#indTzgg{width: 650px;} #xyfc .picList li{ width:305px; margin: 0 30px 20px 0;} #xyfc .picList li img{ width:305px; height:228px;} #xyfc .bd, #indTzgg .bd{height:498px;} #indTzgg .infoList li { line-height: 58px; height: 58px;} #indRdzt li{margin-right:40px;} #indRdzt li img{height:132px;} #indRdzt li{width:420px;} .fastlink .bd{ padding: 30px 0 30px 90px;} .fastlink .list li{margin-right: 88px;} }