/* === banner === */ #banner{ position: relative; width: 100%; height: 650px; padding-top: 46px; } .picfocus{ position: relative; width: 100%; overflow: hidden; margin: 0 auto; } .picfocus .bd{ width: 100%; height: 650px; margin: 0 auto; overflow: hidden; } .picfocus .bd ul li{ position: relative; width: 100%; height: 650px; cursor: pointer; overflow: hidden; } .picfocus .bd ul li img{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 650px; z-index: 0; } .picfocus .hd{ position: absolute; text-align: center; height: 12px; bottom: 252px; width: 100%; } .picfocus .hd span{ display: inline-block; width: 12px; height: 12px; cursor: pointer; background: url(/uploads/image/epimages/hd.png); } .picfocus .hd span span{ margin-left: 10px; } .picfocus .hd span.on{ background: url(/uploads/image/epimages/hd-on.png); } /* === news === */ .news-wrap{ position: absolute; width: 100%; z-index: 99; bottom: 30px; } .news{ margin:0 auto; width: 1200px; height: 166px; background: #ffffff; filter: alpha(opacity=90); opacity: 0.9; padding: 24px 20px 10px 24px; } .news .main-news{ width: 574px; } .news .main-news .img{ width: 190px; height: 160px; background: #eaeff2; overflow: hidden; } .news .main-news .img a{ display: inline-block; width: 190px; height: 156px; } .news .main-news .img a img{ height: 156px; width: 190px; } .news .main-news .text{ width: 368px; } .news .main-news .text a{ display: block; color: #000000; font-size: 14px; padding-top: 6px; padding-bottom: 16px; font-weight: bold; } .news .main-news .text a:hover{ color: #d90202; } .news .main-news .text span{ color: #3a3a3a; font-size: 14px; display: inline-block; padding-top: 6px; } .news .main-news .text p{ color: #2d2d2d; font-size: 14px; height: 68px; overflow: hidden; line-height: 24px; padding-bottom: 8px; } .news .list{ width: 528px; } .news .list ul li{ width: 514px; height: 36px; line-height: 36px; padding-left: 14px; background: url(/uploads/image/epimages/li.png) no-repeat 0 center; } .news .list ul li a{ display: inline-block; width: 390px; color: #000000; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news .list ul li span{ color: #999999; font-size: 14px; } .news .list ul li:hover{ background: url(/uploads/image/epimages/li-on.png) no-repeat 0 center; } .news .list ul li:hover span{ color: #d90202; } .news .list ul li:hover a{ color: #d90202; } /* === service === */ #service{ width: 100%; padding-top: 25px; padding-bottom: 35px; } .service{ width: 1200px; margin: 0 auto; } .service .headline{ text-align: center; } .service .headline a{ display: inline-block; } .service .headline a h2{ color: #da0808; font-size: 18px; text-align: center; font-weight: normal; padding-bottom: 14px; } .service .headline a h3{ color: #999999; font-size: 18px; font-family: "arial"; font-weight: normal; padding-bottom: 10px; } .service .headline a span{ display: inline-block; text-align: center; width: 34px; height: 2px; background: #999999; } .service .service-list{ padding-top: 25px; } .service .service-list ul li{ position: relative; float: left; width: 154px; height: 154px; margin-right: 50px; margin-bottom: 20px; } .service .service-list ul li a.title{ position: absolute; bottom: 0; left: 0; display: inline-block; text-align: center; width: 154px; /*height: 31px; line-height: 16px;*/ padding-bottom: 0px; color: #fff; z-index: 99; /*background: rgba(0,0,0,0.6);*/ } .service .service-list ul li a.title-wrap{ position: absolute; bottom: 0; left: 0; display: inline-block; width: 154px; height: 34px; background: #000; z-index: 9; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; } .service .service-list ul li a.wrap-img{ position: absolute; top: 0; left: 0; display: inline-block; width: 154px; height: 154px; filter: alpha(opacity=30); opacity: 0.3; } .service .service-list ul li:hover a.title{ background: #da0c0e; } .service .service-list ul li:hover a.wrap-img{ filter: alpha(opacity=0); opacity: 0; }