@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(/uploads/image/cmbimg/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(/uploads/image/cmbimg/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(/uploads/image/cmbimg/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(/uploads/image/cmbimg/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 淡色边框 --*/