@charset 'utf-8'; html,body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; } ul { list-style: none; } img { border: 0; vertical-align: top; } a, a:visited { color: #333; text-decoration: none; } a:hover { color: #0065ff; } /* 去虚线 */ a{ blr:expression(this.onFocus=this.blur()); } a:focus{ outline:none; } .clear { clear: both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { *+height:1%; } .fl { float: left; } .fr { float: right; } .container { width: 960px; margin: 0 auto; } html { width: 100%; height: 100%; } body#home { width: 100%; height: 100%; overflow: hidden; } body { font-family: Microsoft yahei; font-size: 14px; line-height: 25px; background-color: #fff; } #home #header { position: absolute; top: 0; left: 0; width: 100%; } #header { height: 95px; background-color: #fff; } .logo { float: left; width: 300px; } .search-nav { float: right; } /*搜索框*/ .search { float: right; width: 136px; height: 23px; margin-top: 23px; margin-bottom: 10px; background: url(../images/search_bg.jpg) no-repeat; } .search-txt { float: left; border: 0; background: none; width: 93px; height: 14px; padding: 4px 0 5px 13px; } .search-txt:focus { outline: none; } .search-sub { float: left; width: 30px; height: 23px; border: 0; background: none; cursor: pointer; } /*导航*/ .nav { clear: both; } .nav ul li { float: left; padding-left: 20px; } .nav ul li a { float: left; display: block; padding-left: 20px; background: url(../images/navline.gif) no-repeat left center; } .nav ul li.first a { background: none; } .nav li ul { display: none; } .banner-txt { position: absolute; top:50%; left: 50%; width: 960px; margin-top: -100px; margin-left: -480px; text-align: right; } /*内容*/ .i-content { position: absolute; bottom: 80px; left: 50%; margin-left: -480px; height: 249px; background-color: #fff; } .i-title { height: 33px; background: url(../images/title_bg.gif) repeat-x; border: 1px solid #e7e7e7; line-height: 33px; } .i-title-news, .i-title-products { width: 246px; padding-left: 15px; font-size: 14px; color: #063277; } /*新闻*/ .i-news { float: left; width: 226px; padding: 15px 20px 15px 15px; border-right: 1px solid #f5f5f5; font-size: 12px; } .i-news ul li.first { height: 66px; margin-bottom: 10px; overflow: hidden; } .i-news-img { float: left; width: 88px; height: 66px; margin-right: 10px; background-color: #ccc; } .i-news-info h3 { font-size: 12px; color: #797979; line-height: 18px; height: 36px; overflow: hidden; } .i-news-info p { color: #c4c4c4; } /*产品*/ .i-products { float: left; width: 470px; padding: 15px; border-right: 1px solid #f5f5f5; } .i-products-info ul { width: 480px; height: 145px; } .i-products-info ul li { float: left; width: 150px; height: 137px; margin-right: 10px; overflow: hidden; text-align: center; } .i-products-info ul li img { width: 148px; height: 110px; background-color: #ccc; border: 1px solid #dfdfdf; } .i-products-cate { position: relative; height: 30px; background: url(../images/product_title_bg.jpg) repeat-x; border: 1px solid #e8e8e8; border-radius: 5px; padding: 0 35px; line-height: 30px; overflow: hidden; } .i-products-cate-list { font-size: 12px; } .i-products-cate a.prev, .i-products-cate a.next { position: absolute; top: 5px; display: block; width: 13px; height: 20px; background: url(../images/prev_next.gif) no-repeat; } .i-products-cate a.prev { left: 7px; } .i-products-cate a.next { right: 7px; background-position: -13px 0; } .i-imgs { float: left; width: 167px; padding: 15px; } .i-imgs ul li { margin-bottom: 15px; } /*-------------------------内页----------------------------*/ .page-banner img { max-width: 100%; } .page { margin-top: 20px; margin-bottom: 20px; } .cate { float: left; width: 210px; } .cate-title { background-color: #313131; color: #fff; padding: 10px 15px; font-size: 14px; } .cate-content { padding: 5px 0; } .cate-content ul li { line-height: 35px; border-bottom: 1px solid #eee; } .cate-content ul li a { display: block; padding-left: 30px; } .cate-content ul li a.cur, .cate-content ul li a:hover { background-color: #0d468d; color: #fff; } .page-content { float: right; width: 728px; background-color: #fff; border: 1px solid #d6d6d6; } .page-title { background: url(../images/menu_title_bg.jpg) repeat-x; font-size: 14px; padding: 15px 20px; } .page-info { padding: 0 20px 20px; min-height: 400px; _height: 400px; } .info-list li { border-left: 3px solid #eaeaea; margin-bottom: 10px; padding: 15px 30px; background-color: #f9f9f9; } .info-list li .time { font-size: 12px; color: #aaa; } .info-list li h3 a { color: #333; font-size: 14px; } .info-list li p { font-size: 12px; } .img-list { margin: -10px; } .clearleft { clear: left; } .items { float: left; margin: 10px; width: 216px; overflow: hidden; } .items h5 { margin: 0; padding: 5px 0; text-align: center; } .items-img img { width: 200px; height: 150px; padding: 5px; border: 1px solid #eee; } .show-title { font-size: 16px; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 15px; } .show-para { padding-bottom: 10px; color: #ccc; font-size: 12px; } .show-content {} #home #foot { position: absolute; left: 0; bottom: 0; background-color: #fff; width: 100%; } #foot { padding: 12px 0 13px; height: 25px; background-color: #fff; text-align: center; } /*-------------------------------------------分页-----------------------------------------------*/ .fenye { margin-top:15px; } .fenye a { display: inline-block; margin: 0 5px; line-height: 30px; padding: 0 12px; border: 1px solid #dbe5ee; vertical-align:middle; } .fenye a:hover, .fenye span { display: inline-block; margin: 0 5px; padding: 0 12px; border: 1px solid #1c5d9c; background: #1c5d9c; color: #fff; vertical-align:middle; line-height: 30px; }