gusucode.com > 【demx12】机械轴承类网站织梦模板 > 【demx12】机械轴承类网站织梦模板/templets/default/css/it379_gaofeng.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "gb2312"; /* reset */ *[hidefocus] { outline: none; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img { padding: 0px; margin: 0px; vertical-align: bottom; } fieldset, img, html, body, iframe { border: 0px; } ul { list-style: none; } abbr, acronym { border: 0px; font-variant: normal; } table { border-collapse: collapse; border-spacing: 0px; } caption, th { text-align: left; } a { outline: none; cursor: pointer; } /* 通用样式定义 */ body { font-family: "宋体"/*,Arial,"Lucida Grande", Verdana, Lucida, Helvetica, "微软雅黑","黑体","幼圆",sans-serif*/; text-align: justify; text-justify: inter-ideograph; font-size: 12px; line-height: 24px; color: #666; background: #fff; } a:link { font-size: 12px; color: #555; font-weight: normal; text-decoration: none; } a:visited { font-size: 12px; color: #555; font-weight: normal; text-decoration: none; } a:hover { font-size: 12px; color: #d00; font-weight: normal; text-decoration: none; } a:active { font-size: 12px; color: #555; font-weight: normal; text-decoration: none; } /* 通用样式定义结束 */ /* top */ #top { width: 100%; height: 30px; line-height: 30px; background: url(../images/bg.gif) repeat-x; } #top_nr { width: 1000px; height: 30px; margin: 0px auto; } #top_cnen { width: 130px; } #top_cnen a { color: #888; padding: 0px 10px; } #top_cnen a:hover { color: #d00; text-decoration: underline; } #search { width: 180px; height: 22px; margin: 4px 0px; float: right; } #ssk { width: 125px; height: 20px; line-height: 20px; color: #bbb; border: 1px solid #bbb; padding-left: 5px; margin: 0px; float: left; } #fcbut { width: 40px; height: 22px; background: url(../images/bg.gif) no-repeat 0px -34px; text-align: center; color: #fff; border: none; margin: 0px; cursor: pointer; float: left; } /* logo */ #logo_phone { width: 1000px; height: 80px; background: url(../images/logo.jpg) no-repeat; margin: 0px auto; } #logo { width: 290px; height: 80px; margin-right: 450px; display: block; float: left; } #phone { width: 260px; height: 80px; display: block; float: left; } /* 导航 */ #menu_all, #menu { width: 100%; height: 35px; background: url(../images/bg.gif) repeat-x 0px -60px; margin: 0px auto; } #menu { width: 1000px; margin: 0px auto; } #menu ul li { width: 109px; height: 35px; float: left; } #menu .menu_shu { width: 2px; height: 35px; background: url(../images/bg.gif) no-repeat 0px -100px; } #menu ul li a { width: 109px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #fff; display: block; } #menu ul li a:hover { color: #fff; background: url(../images/bg.gif) no-repeat 0px -140px; } #menu ul li ul { display: none; position: absolute; z-index: 99; } #menu ul li ul li { width: 109px; height: 24px; border-bottom: 1px solid #ddd; float: none; } #menu ul li ul li a { width: 109px; height: 24px; font-size: 12px; text-align: center; line-height: 24px; color: #000; background: #fff; display: block; filter: alpha(opacity=90); opacity: 0.9; } #menu ul li ul li a:hover { color: #fff; font-weight: bold; background: #a00; } #menu ul li:hover ul, #menu ul li.sfhover ul { display: block; } /* banner */ #slide-index { width: 100%; min-width: 1000px; height: 400px; position: relative; overflow: hidden; } .slides { width: 100%; min-width: 1000px; height: 400px; } #slide-index .slide { min-width: 1000px; height: 400px; position: relative; float: left; } .ban_image { z-index: 10; position: absolute; } .button { width: 138px; display: none; } .control { width: 100%; height: 19px; text-align: center; padding: 0px 0px 5px 470px; z-index: 40; position: absolute; bottom: 0; cursor: pointer; } .control a { width: 11px; height: 11px; background: url(../images/ban_1.gif) no-repeat; margin-right: 6px; display: inline-block; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; } .control a:hover { background: url(../images/ban_2.gif) no-repeat; filter: alpha(opacity=100); opacity: 1; } .control a.active { background: url(../images/ban_2.gif) no-repeat; filter: alpha(opacity=100); opacity: 1; } .autoMaxWidth { height: 232px; position: relative; overflow: hidden; } /* 企业新闻 */ #hnews_m { width: 100%; height: 39px; border-bottom: 1px solid #ddd; } #hnews { width: 1000px; height: 30px; padding-top: 5px; margin: 0px auto; } #hnews h1 { width: 60px; font-size: 12px; font-weight: bold; line-height: 30px; color: #f00; float: left; } #hnews_more { width: 40px; height: 30px; background: url(../images/hnews_more.gif) no-repeat; float: left; } #hnews_more:hover { background: url(../images/hnews_more.gif) no-repeat 0px -30px; } #hnews li { width: 310px; height: 30px; margin: 0px 5px; float: left; overflow: hidden; } #hnews li a { width: 310px; height: 30px; line-height: 30px; display: block; } #hnews_buy { width: 65px; height: 30px; line-height: 30px; background: url(../images/buy.jpg) no-repeat; padding-left: 25px; margin-left: 30px; float: left; display: inline; } #hnews_phone { width: 140px; font-weight: bold; line-height: 15px; text-align: right; float: left; display: inline; overflow: hidden; } /* 产品知识 */ #hcon { width: 1000px; height: 300px; margin: 20px auto 30px; } #cpzhsh { width: 270px; height: 298px; border: 1px solid #ddd; float: left; } #hcon h1 { height: 20px; font-size: 14px; font-weight: bold; line-height: 20px; margin-top: 15px; } .hcon_b0 { width: 5px; height: 20px; background: #333; margin-right: 10px; float: left; } .more { width: 40px; height: 20px; font-family: Arial, "宋体", sans-serif; color: #999; display: block; float: right; } .more:hover { color: #d00; } #cpzhsh ul { margin: 15px 0px; } #cpzhsh li { width: 250px; height: 26px; line-height: 26px; padding: 0px 10px; overflow: hidden; } #cpzhsh li a, #hcplb li a { display: block; } #cpzhsh span { color: #bbb; float: right; } #cpzhsh_tu { width: 270px; height: 90px; background: url(../images/cpzhsh.jpg) no-repeat; } /*产品中心*/ #cpzx { width: 440px; height: 298px; border: 1px solid #ddd; margin: 0px 17px; float: left; display: inline; } #cpzx_zx { width: 90px; height: 18px; line-height: 18px; text-align: center; color: #fff; background: #d00; border: 1px solid #f00; margin-right: 10px; float: right; } #cpzx_zx:hover { font-weight: bold; color: #ff0; } /*产品中心-滑动门*/ #huadongmen { width: 440px; height: 235px; margin-top: 15px; } #hdm_tit { width: 440px; height: 90px; } #hdm_tit li { width: 100px; text-align: center; margin: 0px 5px; float: left; display: inline; cursor: pointer; } #hdm_tit .current { border-top: 5px solid #d00; padding-top: 5px; } #hdm_tit .normal { border-top: 5px solid #ddd; padding-top: 5px; } #hdm_tit .current img { width: 98px; height: 78px; border: 1px solid #d00; } #hdm_tit .normal img { width: 98px; height: 78px; border: 1px solid #ddd; } #hdm_nr { width: 420px; height: 130px; padding: 0px 10px 15px; } #hdm_nr .normal { display: none; } #hdm_nr .current { display: block; clear: both; } #hdm_nr img { width: 180px; height: 130px; float: left; } #hdm_nr .hdm_nrzi { width: 230px; height: 130px; line-height: 26px; padding-left: 10px; float: left; overflow: hidden; text-indent: 25px; } /*公司简介*/ #gsjj { width: 250px; height: 298px; border: 1px solid #ddd; float: left; } #gsjj_con { width: 230px; height: 130px; line-height: 26px; padding: 0px 10px; margin: 15px 0px; overflow: hidden; text-indent: 25px; } #gsjj_tu { width: 250px; height: 90px; background: url(../images/gsjj.jpg) no-repeat; } /*公司简介*/ #hcplb_m { width: 100%; height: 150px; background: #f8f8f8; border-top: 3px solid #cecece; } #hcplb { width: 1000px; height: 150px; margin: 0px auto; } #hcplb ul { margin: 20px 0px; } #hcplb li { width: 240px; height: 26px; line-height: 26px; border-right: 1px solid #ddd; border-left: 1px solid #fff; padding-left: 8px; float: left; overflow: hidden; } /*底部*/ #bottom_m { width: 100%; height: 30px; background: #333; } #bottom { width: 1000px; height: 30px; line-height: 30px; color: #aaa; margin: 0px auto; } #bot_lx { width: 250px; height: 25px; background: #d00; margin-top: 5px; float: right; } #bot_lx a { width: 83px; height: 25px; text-align: center; line-height: 25px; color: #fff; display: block; float: left; } #bot_lx a:hover { font-weight: bold; color: #ff0; } /*内页*/ #pages_banm { width: 100%; height: 300px; background: #eee; } #pages_ban { width: 1000px; height: 300px; margin: 0px auto; } #content { width: 1000px; margin: 20px auto; overflow: hidden; } /*内页部分-左新闻列表*/ #cont_l { width: 230px; float: left; margin-right: 20px; overflow: hidden; } .cont_ltit, #cont_rtit { height: 30px; font-weight: bold; line-height: 30px; } .cont_ltit { background: #d00; font-size: 14px; text-align: center; color: #fff; } #conl_lb, .conl_lbp { margin-bottom: 20px; } #conl_lb li { height: 30px; text-align: center; line-height: 30px; border-bottom: 1px solid #ddd; overflow: hidden; } #conl_lb li a { font-weight: bold; color: #000; display: block; } #conl_lb li a:hover { color: #d00; } .conl_lbp li { height: 30px; line-height: 30px; border-bottom: 1px dashed #ddd; padding: 0px 10px; overflow: hidden; } .conl_lbp li a, #cont_r li a { display: block; } #cont_llx { width: 230px; line-height: 22px; padding: 10px 0px; } /*内页部分-右新闻列表*/ #cont_r { width: 750px; float: left; overflow: hidden; } #cont_rtit { border-bottom: 2px solid #666; } #cont_nr { width: 750px; margin: 10px 0px; overflow: hidden; } #cont_nr p { text-indent: 25px; margin: 5px 0px; } #cont_r li { height: 30px; line-height: 30px; padding: 0px 10px; border-bottom: 1px dashed #ccc; overflow: hidden; } #cont_r li span { color: #aaa; float: right; } /*内页部分-右新闻内容*/ #con_h1 { width: 750px; line-height: 30px; text-align: center; overflow: hidden; } #con_h1 h1 { background: #eee; font-size: 14px; font-weight: bold; text-align: center; padding: 10px 20px; margin-bottom: 20px; } #con_h1 span { padding: 0px 10px; float: right; } #con_h1 span a { margin: 0px 3px; } #con_content { width: 750px; line-height: 24px; padding: 20px 0px; text-indent: 25px; } /*内页部分-右产品列表图片*/ .pro_nr { width: 240px; height: 180px; padding: 10px 5px; float: left; } .pro_tu { width: 240px; height: 150px; } .pro_tu a { width: 238px; height: 148px; border: 1px solid #ccc; display: block; } .pro_tu a:hover { border: 1px solid #000; } .pro_tu img { width: 238px; height: 148px; } .pro_zi { width: 240px; height: 30px; text-align: center; line-height: 30px; background: #ddd; overflow: hidden; } .pro_zi a, .pro_zi a:visited { height: 30px; font-weight: bold; display: block; } /*内页部分-右图片大图*/ .por_img { width: 480px; height: 360px; margin: 20px 135px; } /*分页条*/ /*.newslist-page {width:750px; height:30px; text-align:center; margin:10px 0px; background:#eee;} .newslist-page span {margin:0px 5px; line-height:30px;} .newslist-page a {padding:0px 5px; margin:0px 5px; color:#333; display:inline;} .newslist-page b {padding:0px 5px; margin:0px 5px; color:#333; display:inline;} .newslist-page a:hover {background:#000; color: #fff;} .newslist-page b {background:#000; color:#fff;}*/ /*上一篇下一篇*/ #con_updown { width: 750px; height: 80px; line-height: 30px; } #con_updown p { background: #eee; padding: 0px 10px; margin: 10px 0px; display: block; } .dede_pages { } .dede_pages ul { float: left; padding: 12px 0px 12px 16px; } .dede_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; } .dede_pages ul li a { float: left; padding: 2px 4px 2px; color: #666; border-bottom: 1px solid #EEE; } .dede_pages ul li a:hover { color: #690; text-decoration: none; padding: 2px 4px 1px; border-bottom: 2px solid #690; } .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { color: #F63; padding: 2px 4px 1px; border-bottom: 2px solid #F63; font-weight: bold; } .dede_pages .pageinfo { float: right; line-height: 21px; padding: 12px 10px 12px 16px; color: #999; } .dede_pages .pageinfo strong { color: #666; font-weight: normal; margin: 0px 2px; }