@charset "utf-8"; .pageBanner{display:none} #content{width:auto; margin:0 auto; padding:0;} .focusBanner{ height:430px; margin:0 auto; clear: both;text-align: center;position: relative;z-index: 0; background:#E6E6E6} .focusBanner .con{display:none} .focusBanner .bd{position:relative;z-index:0} .focusBanner .hd{ width:100%; height:12px; position:absolute; bottom:30px; left:0; z-index:1; font-size:0; } .focusBanner .hd li{ height:12px; width:12px; border-radius:12px; background:#fff; margin:0 5px; cursor:pointer; display:inline-block; *display:inline; zoom:1; vertical-align:top; } .focusBanner .hd li span{display:none;} .focusBanner .hd .on{background:#FFB005} #html{ #filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); #-webkit-filter:grayscale(100%); #} /* row */ .row{ padding:40px 0; } /* indTab */ .indTab{ overflow:hidden; background:#fff; height:400px; } .tabBox{ overflow: hidden; float:left; position:relative; } .tabBox .tHd{ width:70px; height:375px; padding-top:25px; background:url(../../Base/img/ind-indTab-bg.jpg) 0 bottom no-repeat; margin-right:1px; text-align:center; color:#fff; float:left; -webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;transition:400ms; } .tabBox .tHd h3{ width:40px; margin:0 auto; font-size:20px; } .tabBox .tHd i{ display:block; width:70px; height:70px; background:url(../../Base/img/ind-indTab.png) center -14px no-repeat; margin:0 auto 10px auto; } .tabBox .tBd{ float:left; width:0; overflow:hidden; -webkit-transition:400ms; -o-transition:400ms; -moz-transition:400ms; transition:400ms; } .tabBox2 .tHd{ background-position:-141px 0; } .tabBox3 .tHd{ background-position:-282px 0; } .tabBox4 .tHd{ background-position:-424px 0; } .tabBox2 .tHd i{ background-position:center -114px; } .tabBox3 .tHd i{ background-position:center -214px; } .tabBox4 .tHd i{ background-position:center -314px; } .tabBoxOn .tHd{ width: 138px; } .tabBoxOn .tHd i{ background-position:center -414px } .tabBoxOn .tBd{ width: 807px; padding:20px; background:#fff; } .tabBox1 .indFocus{ width:360px; height:350px; background:#F5F5F5; float:left; margin-right:30px; } .tabBox1 .indFocus .con{ padding:15px 20px; } .tabBox1 .indFocus .pic img{ max-width:100%; } .tabBox1 .indFocus .title{ font-size:16px; font-weight:bold; height:22px; line-height:22px; overflow:hidden; margin-bottom:10px; } .tabBox1 .indFocus .intro{ line-height:22px; font-size:12px; color:#999; } .tabBox1 .indFocus .hd{ display:none; } .tabBox1 .more{ display:block; margin-top:10px; color:#999; } .tabBox2 .more{ color:#999; } .tabBox3 .more, .tabBox4 .more{ position:absolute; left:565px; top:332px; color:#999; } .tabBox .infoList{ overflow:hidden; } .tabBox .infoList li{ height:49px; line-height:49px; border-bottom:1px dashed #ccc; } .tabBox2.tabBoxOn .tHd i{ background-position:center -515px } .tabBox3.tabBoxOn .tHd i{ background-position:center -615px } .tabBox4.tabBoxOn .tHd i{ background-position:center -715px } /* 媒体关注 */ .tabBox2 .picListFl li{ width: 23%; margin-right:2%; height: 172px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .tabBox2 .picListFl .pic img{ height:130px; } .tabBox2 .picListFl li .title{ padding-top:0; height:40px; line-height:40px; overflow:hidden; } .tabBox2 .picListFl li:hover{ background:#fff; } .tabBox2 .picListFl li:hover .title a{ color:#333; } /* 系部动态 */ .tpList{ overflow:hidden; } .tpList .t{ padding:10px; background:#F5F5F5; margin:0 20px 20px 0; overflow:hidden; width:365px; height:80px; float:left; } .tpList .t .pic{ float:left; width:110px; margin-right:15px; } .tpList .t .con{ overflow:hidden; } .tpList .t .title{ height:32px; line-height:32px; overflow:hidden; font-weight:bold; } .tpList .t .intro{ font-size:12px; line-height:22px; color:#999; overflow:hidden; } .tpList .n{ overflow:hidden; height:49px; line-height:49px; border-bottom:1px dashed #ccc; } .tpList .n a{ padding-left:12px; background:url(../../Base/img/icons.png) -2px -387px no-repeat } .tpList .date{ float:right; color:#999; margin-left:10px } /* rowB */ #rowB{ padding-top:0; } #rowB .siteWidth{ background:#fff; padding:20px; overflow:hidden; height:360px; width:1160px; } #zycg{ width:560px; float:left; margin-right:30px; } #tzgg{ overflow:hidden; } /* rowC */ #rowC{ background:#E6E6E6 } .picListFl{ overflow:visible; padding-bottom:10px; } .picListFl li{ background:#fff; width:280px; height:275px; margin-right:26px; -webkit-box-shadow:0px 0 12px rgba(0, 0, 0, .05); -moz-box-shadow:0px 0 12px rgba(0, 0, 0, .05); box-shadow:0px 0 12px rgba(0, 0, 0, .05); } .picListFl li .title{ padding-top:15px; } .picListFl li:hover{ background:#EFCA7B } .picListFl li:hover .title a{ color:#fff } /* rowD */ #ksdh{ width:676px; float:left; margin-right: 28px; margin-bottom:0; } #ztzl{ overflow:hidden; margin-bottom:0; } .ksdhList{ overflow:hidden } .ksdhList li{ float:left; width:169px; height:76px; line-height:76px; } .ksdhList a{ display:block; padding-left:70px; background:url(../../Base/img/ind-ksdh.png) -10px -10px no-repeat; -webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;transition:400ms; } .ksdhList .li1 a{ background-position:-10px -210px} .ksdhList .li2 a{ background-position:-10px -410px} .ksdhList .li3 a{ background-position:-10px -610px} .ksdhList .li4 a{ background-position:-10px -810px} .ksdhList .li5 a{ background-position:-10px -1010px} .ksdhList .li6 a{ background-position:-10px -1210px} .ksdhList .li7 a{ background-position:-10px -1410px} .ksdhList a:hover{background-position:-10px -110px; text-decoration:none;} .ksdhList .li1 a:hover{ background-position:-10px -310px} .ksdhList .li2 a:hover{ background-position:-10px -510px} .ksdhList .li3 a:hover{ background-position:-10px -710px} .ksdhList .li4 a:hover{ background-position:-10px -910px} .ksdhList .li5 a:hover{ background-position:-10px -1110px} .ksdhList .li6 a:hover{ background-position:-10px -1310px} .ksdhList .li7 a:hover{ background-position:-10px -1510px} /* ztList */ .ztList{ overflow:hidden; margin-right:-20px; } .ztList li{ float:left; width:240px; height:60px; line-height:60px; text-align:center; position:relative; margin:0 18px 21px 0; background:#000; } .ztList .tit{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-decoration:none; } .ztList li:hover .pic{ filter:alpha(opacity=30);opacity:0.3; } .ztList li:hover .tit{ display:block; } /*-- 颜色代码 #0575C1 深色标题 #ddd 淡色边框 --*/