@charset "utf-8"; .pagebanner{display: none} .column{ padding: 20px 0;overflow: hidden;} .side{ float: right;width: 330px;margin: 0 0 0 20px;} /* focusbanner */ .focusbanner{ background: #d9dde0; height: 440px; 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;left: 50%; margin-left: -800px; 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/cebimg/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/cebimg/iconbig.png) no-repeat 0 7px;} #xwzx .prev,#xwzx .next{ position: absolute; top: 160px; left: -90px; width: 80px; height: 120px; background: url(/uploads/image/cebimg/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/cebimg/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: #271e3d;} /* ========= column2 ========= */ #column2{ padding: 40px 0 80px; background: #271e3d url(/uploads/image/cebimg/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/cebimg/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;} #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 #271e3d; /* white-space: nowrap; */text-overflow: ellipsis;} #column2 .box .bd .topiclist .t .intro{ height: 144px;} /* ========= column3 ========= */ #column3 .bd{ position: relative;} #column3 .hdtit{ position: absolute; top: 20px; left: 10px; float: left; width: 390px; height: 180px; background: #c7a25a url(/uploads/image/cebimg/column3titlebg.jpg) no-repeat;} #column3 .hdtit h3{ margin: 20px 0 0 30px; font-size: 20px;} #column3 .hdtit a{ color: #fff;} #column3 .hdtit .more{ position: absolute; right: 10px; bottom: 10px;} #column3 .topiclist .first{ margin-left: 410px;} #column3 .topiclist li{ position: relative; padding: 0; border: none; margin: 0 0 10px 10px; float: left; width: 390px; height: 180px; overflow: hidden;} #column3 .topiclist li .pic{ margin: 0; float: none;} #column3 .topiclist li .titlebg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #fff; filter: alpha(opacity=80);opacity: 0.8;} #column3 .topiclist li .con{ position: absolute; top: 100%; right: 0; bottom: 0; left: 0; padding: 25px 30px 0; transition: all 0.25s ease 0s;} #column3 .topiclist li .con .title{ position: relative; z-index: 3; height: auto; line-height: 20px;} #column3 .topiclist li .con .title a{ font-size: 14px;} #column3 .topiclist li .con .intro{ position: relative; z-index: 3; padding-top: 10px; height: 72px; overflow: hidden; font-size: 12px; text-indent: 0;} #column3 .topiclist li:hover .con{ top: 0;} #column3 .topiclist li.t-2, #column3 .topiclist li.t-3, #column3 .topiclist li.t-4, #column3 .topiclist li.t-5{ width: 190px;} #column3 .topiclist li.t-2 .pic img, #column3 .topiclist li.t-3 .pic img, #column3 .topiclist li.t-4 .pic img, #column3 .topiclist li.t-5 .pic img{ margin-left: -105px;}