@charset "utf-8"; .pagebanner{display: none} .column{ padding: 20px 0;overflow: hidden;} .side{ float: right;width: 330px;margin: 0 0 0 20px;} /* focusbanner */ .focusbanner{ height: 400px; margin: 0 auto; clear: both;text-align: center;position: relative;z-index: 0; overflow: hidden;} .focusbanner .con{display: none} .focusbanner .bd li .pic{position: absolute; z-index: 0} .focusbanner .hd{ height: 25px; position: absolute; bottom: 0; right: 50%;margin-right: -40px; z-index: 1; font-size: 0;} .focusbanner .hd li{ height: 12px; width: 12px; background: #fff; margin: 0 5px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;} .focusbanner .hd li span{display: none;} .focusbanner .hd .on{background: #ff8a00} .focusbanner .prev,.focusbanner .next{left: 50%;top: 50%;margin: -25px 0 0 -650px;width: 50px;height: 50px;background: url(/uploads/image/csbimg/icons.png) center -389px no-repeat #a3a3a4;display: block;position: absolute; filter: alpha(opacity=50);opacity: 0.5;} .focusbanner .next{ margin-left: 600px; background-position: center -290px;} .focusbanner .prev:hover,.focusbanner .next:hover{ filter: alpha(opacity=100);opacity: 1;} /* ========= column1 ========= */ #column1,#column1 .sitewidth,#xwzx{ overflow: visible;} /* 新闻资讯 */ #xwzx{ position: relative;} #xwzx .hd h3{ padding-left: 40px; background: url(/uploads/image/csbimg/iconbig.png) no-repeat 0 7px;} #xwzx .prev,#xwzx .next{ position: absolute; top: 160px; left: -90px; width: 80px; height: 120px; background: url(/uploads/image/csbimg/iconbig.png) no-repeat center -325px; cursor: pointer; transition: all 0.25s ease 0s;} #xwzx .next{ left: auto; right: -90px; background-position: center -436px;} #xwzx a:hover.prev,#xwzx a:hover.next{ background-color: #fafafa;} #xwzx .topiclist{margin: 0 -10px; overflow: hidden;} #xwzx .topiclist li{float: left;width: 33.3%; padding: 0; margin: 0; border: none; position: relative;} #xwzx .topiclist li .pic{ float: none;margin: 0 10px;padding: 10px;} #xwzx .topiclist li .pic a{ display: block;border: 3px solid transparent; transition: all 0.25s ease 0s;} #xwzx .topiclist li .pic img{ width: 100%;} #xwzx .topiclist li .con{margin: 0 10px;padding: 0 10px 20px;} #xwzx .topiclist li .title{ position: absolute; z-index: 3; top: 180px; left: 20px; right: 20px; padding: 0 10px;} #xwzx .topiclist li .title a{ color: #fff;} #xwzx .topiclist li .titlebg{ position: absolute; z-index: 2; top: 128px; left: 23px; right: 23px; height: 85px; background: url(/uploads/image/csbimg/titlebg.png) repeat-x left bottom; filter: alpha(opacity=80);opacity: 0.8;} #xwzx .topiclist .t .intro{height: 120px; line-height: 24px; padding: 0; font-size: 14px; color: #444; overflow:hidden;} #xwzx .topiclist li:hover .pic a{ border-color: #9a0000;} /* ========= column2 ========= */ #column2{ padding: 40px 0 80px; background: #9a0000 url(/uploads/image/csbimg/columnbg.jpg) no-repeat center top;} #column2 .box{ float: left; width: 33.33%;} #column2 .box .hd{ margin: 0 35px 20px;} #column2 .box .hd h3{ padding-left: 45px; background: url(/uploads/image/csbimg/iconbig.png) no-repeat 0 -56px;} #column2 #djtj .hd h3{ background-position: 0 -122px;} #column2 #jyjx .hd h3{ padding-left: 50px; background-position: 0 -186px;} #column2 .box .hd a{ color: #fff;} #column2 .box .bd{margin: 0 35px; padding: 20px; background-color: #fff;height:355px;} #column2 .box .bd .topiclist .t{ padding: 0; margin: 0; border: none;} #column2 .box .bd .topiclist .t .pic{ float: none;} #column2 .box .bd .topiclist .t .title{ height: auto;} #column2 .box .bd .topiclist .t .title a{ display: block; font-size: 18px; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #9a0000; white-space: nowrap; text-overflow: ellipsis;} #column2 .box .bd .topiclist .t .intro{ height: 144px;} /* ========= column3 ========= */ #column3 .hd{ position: relative;} #column3 .hd h3{padding-left: 40px;background: url(/uploads/image/csbimg/iconbig.png) no-repeat 0 7px;} #column3 .hd h3 a{display: block;font-size: 24px;color: #555;} #column3 .hd .more {float: right;color: #999;overflow: hidden;} .ind-node-list{ overflow: hidden; } .ind-node-list li{ width: 285px; float: left; margin-right: 20px; } .ind-node-list li.li4{ margin-right: 0; } .ind-node-list li a{ display: block; text-align: center; padding:30px 0; line-height: 40px; font-size: 22px; border: 5px solid #eaeaea; } .ind-node-list li:nth-child(1){ background-color: #9fd88e; } .ind-node-list li:nth-child(2){ background-color: #d9bbe7; } .ind-node-list li:nth-child(3){ background-color: #eab496; } .ind-node-list li:nth-child(4){ background-color: #9fb9f5; } .ind-node-list li a:hover{ text-decoration: none; color:white; border-color: #9a0000; background-color: #9a0000; }