@charset "utf-8"; /*添加背景放置在下面位置*/ *{ } /*通用属性*/ body{ font-size:12px; text-align: center; background: url(images/bg.gif) repeat-x left top; } body,h1,h2,h3,h4,h5,h6,p,ol,ul,form,blockquote{ padding:0; margin:0; } ul{ list-style:none; } a { text-decoration:none; } a img { border:none; } img { border:none;} a:link { text-decoration: none; color: #333; } a:visited { text-decoration: none; color: #333; } /*封装，设置居中对齐，删除此属性，网页显示方式为全屏*/ #warpper { width: 805px; margin-right: auto; margin-left: auto; } #head { height: 65px; position: relative; } img#logo { float: left; overflow: hidden; } ul.Subscribe { position: absolute; top: 5px; right: 5px; } /*设置首页及收藏*/ ul.Subscribe li { display: inline; } ul.Subscribe a { border: 1px solid #FFF; margin-right: 5px; margin-left: 5px; } ul.Subscribe a:hover { margin-right: 5px; margin-left: 5px; color: #F90; text-decoration: underline; } /*搜索*/ #search { background: url(images/serach_ico.gif) no-repeat left center; width: 300px; height: 30px; position: absolute; bottom: 5px; right: 2px; padding-left: 5px; text-align: right; } input#search_text { color: #2A5FAA; width: 150px; } /*搜索按钮*/ #go { position: relative; background: url(images/search.gif) no-repeat left center; border-style: none; width: 55px; } /*ie6*/ *html img#go { position: relative; top: 1px; } /*导航栏*/ #nav { width: 805px; background: #293CAD; } #nav li { display: inline; } #nav a { width: 85px; padding-top: 7px; padding-bottom: 7px; background: #2A3FAA; text-align: center; display: block; float: left; color: #FFFFFF; } #nav a:hover { background: #F90; } /*网页当前位置选择器，在所在网页body标签内填相关连接id，如【公司介绍】页在其body标签内添加该属性*/ body#home a#homelink, body#aboutus a#aboutuslink, body#news a#newslink, body#yewu a#yewulink, body#fuwu a#fuwulink, body#download a#downloadlink, body#yijian a#yijianlink, body#lianxi a#lianxilink { background: #F90; } #banner { margin-top: 10px; margin-bottom: 5px; position: static; } /*IE6banner下落解决*/ *html #banner { margin-top: 10px; margin-bottom: 10px; position: static; } #main { height: 100%; } /*//////////////////////////////////////////////////////////////////////////*/ #left { width: 300px; height: 390px; float: left; overflow: hidden; } #left1 { width: 280px; float: left; overflow: hidden; } /*左下图像*/ #left_img { padding: 2px; border: 1px solid #000000; float: left; margin: 10px 10px 10px 5px; } /*两个标题样式*/ .lefth4_1,.lefth4_2 { background: url(images/left_t_1.gif) no-repeat left top; height: 30px; } .lefth4_2 { background: url(images/left_t_2.gif) no-repeat left top; height: 30px; } .lefth4_3 { background: url(images/left_t_3.gif) no-repeat left top; height: 30px; } /*more连接*/ .more { float: right; padding-top: 7px; height: 5px; } .left_links { text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; line-height: 25px; } .left_links1 { text-align: left; padding-top: 10px; padding-bottom: 10px; line-height: 25px; } #left_bot { padding-top: 20px; height: auto; } #left li { position: relative; } /*日期右对齐*/ .date { position: absolute; right: 4px; top:-5px; } /*IE6 * html .date { top: -5px; } */ #left li a:hover { color: #F90; text-decoration: underline; } /*公司简介*/ #left_bot p { text-align: left; margin-top: 10px; } #left_bot a:hover { color: #2A3FAA; } /*//////////////////////////////////////////////////////////////////////////*/ #mid { width: 195px; height: 390px; margin-left: 315px; margin-right: 295px; } * html #mid { margin-left: 309px; margin-right: 289px; } #quicklink { margin-top: 10px; width: 100%; } #quicklink li { margin-bottom: 10px; } #sever { } #sever_link { position: absolute; left: 15px; top: 35px; } #sever a { background: #F90; display: block; padding: 5px 10px; border: 1px solid #FFF; width: 60px; margin-bottom: 5px; } #sever a:hover { color: #FFF; border: 1px dotted #FFF; } /*//////////////////////////////////////////////////////////////////////////*/ #right { height: 390px; width: 280px; float: right; } .right4_1 { background: url(images/right_t_1.gif) no-repeat left top; height: 30px; } #gallery { width: 280px; height: 180px; margin-bottom:20px; } * html #gallery { margin-bottom:10px; } #gallery ul { clear: left; padding-left: 10px; } #gallery li { display: inline; } #gallery li a { display: block; height: 90px; width: 83px; float: left; margin-right: 5px; margin-bottom: 5px; } .right4_2 { background: url(images/right_t_2.gif) no-repeat left top; height: 30px; } #product { padding-top: 10px; } #product li { display: inline; } #product a { margin-bottom: 15px; display: block; text-align: left; padding-left: 20px; background: url(images/li_ico.gif) no-repeat left center; margin-left: 10px; } #product a:hover { text-decoration: underline; } /*//////////////////////////////////////////////////////////////////////////*/ #footer { background: url(images/bg_bottom.gif) repeat-x left top; height: 100px; position: relative; margin-top: 20px; padding-bottom: 20px; } #copyright { text-align: left; position: absolute; left: 20px; top: 40px; } #footer h5 { font-weight: normal; font-size: 12px; color: #FFF; position: relative;/*解决FF上间距错误问题*/ top: 8px; } #footer h5 a { color: #FFF; } #footer h5 a:hover { color: #F90; text-decoration: underline; } #icp { position: absolute; right: 20px; top: 40px; } .figure { text-align: left; color: #F90; background: url(images/block.gif) no-repeat left center; padding-left: 5px; margin-left: 3px; } /*公用属性*/ .float_r { float: right; clear: right; } .block { display: block; } #topb { background-color:#FF9900; text-align: left; height: 20px; } #nr { text-align: left; padding-top: 5px; } #nra1 { text-align: left; padding-top: 5px; } #sub { float: left; width: 590px; padding-left: 15px; padding-top: 10px; } #suba { float: left; width: 590px; padding-left: 15px; padding-top: 10px; font-family: "宋体"; font-size: 14px; line-height: 1.5; text-align:justify; text-justify:inter-ideograph; } #suba1 { float: left; width: 590px; padding-top: 10px; font-family: "宋体"; font-size: 14px; line-height: 1.5; text-align:justify; text-justify:inter-ideograph; } #subleft { background-color:#F0EEEF; width: 200px; float: left; } #subT{ width:800px; border-bottom:1px solid #999; font-size: 16px; display:block; }