Web/images/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "gb2312";
/* CSS Document */

/*=========================================全局共用属性CSS ===============================================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin:0; padding:0;}  
body{ font-family:"宋体"; font-size:12px; color:#333; text-align:center; margin:0 auto; line-height:24px; background:url(bj.jpg) repeat-x top #f0fbff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /*clearfix的CSS应用了after这个伪对象，它将在利用 clearfix的元素的结尾添加content中的内容。在这里添加了一个句号"."，并且把它的display设置成block；高度设为0；clear设为both；visibility设为潜藏 。这样就达到 了撑开容器的目标啦。*/
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.overflow{overflow:hidden;}
img{ border:0; margin:0; padding:0; vertical-align:top;}/*清除图片间距*/
ul,li{ list-style:none;}
button{ cursor:pointer;} /*这个可以不用*/
.clear{ clear:both;display:inline;}
.fl{ float:left;}
.fr{ float:right;}
.mgtop{ margin-top:8px;}
.mr{ margin-right:5px;}
.ml{ margin-left:5px;}
.tl{ text-align:left;}
.tr{ text-align:right;}
/*全局的字体链接*/
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#f00; text-decoration:none;}


a.a1:link,a.a1:visited{ color:#6d8206;}
a.a1:hover,a.a1:active{ color:#bf0000;}

a.a2:link,a.a2:visited{ color:#265d01;}
a.a2:hover,a.a2:active{ color:#ff0000;}


/*--------------------------------------------top---------------------------------------------*/
#main{ background:url(top_bj.jpg) no-repeat top center;}
#top{ width:1002px; padding-top:22px; margin:0 auto;}
#top #title{ width:1002px; height:96px;}
#top #title #logo{ float:left; padding-left:3px;}
#top #title #nav{ float:right; width:667px; height:41px; background:url(nav_bj.jpg) no-repeat; padding-top:28px; margin-top:5px;}
#top #title #nav li{ float:left; position:relative; padding-left:16px;}
#top #title #nav li a{ float:left; display:block; height:41px; line-height:41px;}

#top #title #nav .subnav{ display:none; left:0px; margin:0; background:#fdfff2; border:1px solid #c6e036; width:86px; position:absolute; top:24px;}
#top #title #nav .subnav li{ margin:0px; width:86px; padding:0; border-bottom:1px dashed #c6e036;}
#top #title #nav .subnav li a{ display:block; width:86px; color:#8faf00; height:24px; line-height:24px;}
#top #title #nav .subnav li a:hover{ background:#97bb02; color:#fff; line-height:24px; height:24px;}
#top #banner{ clear:both; background:url(bn.jpg) no-repeat; width:1002px; height:220px;}
#box_header_sub21{ float:left; width:700px;}
#box_header_sub22{ float:left; width:302px;}

/*--------------------------------------------content---------------------------------------------*/
#content{ clear:both; padding-top:6px; width:1002px; margin:0 auto;}
#gywm{ float:left; background:url(about_bj.jpg) no-repeat; width:381px; height:329px;}
#gywm p{ float:left; text-align:left; width:315px; padding-left:40px; padding-top:100px; text-indent:2em;}

/*右侧栏*/
#right{ float:right; width:610px; background:url(center_bj.jpg) no-repeat bottom center; padding-bottom:108px; padding-top:13px; height:200px;}