WebRoot/qtimages/css/main.css

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

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

/*index*/
.header {height:156px; width:100%; background:#fff}
.container{width:1020px; margin:0 auto;}

.head_top{height:116px;}
.head_top .logo{margin-top:28px;}
.head_top .phone{text-align:right; margin-top:24px;}

.header .nav_bar{width:100%;height:40px;background:#c7412d; }
.header .nav{height:40px;float:left; line-height:40px; }
.nav li{width:128px; float:left;}
.nav li#m1{width:90px; display:block; text-align:center;}
.nav li#m1 a{width:90px; height:40px; display:block; text-align:center;}
.nav li a{width:128px; height:40px; display:block; text-align:center; color:#ffffff}
.nav li a.curr,.nav li a:hover{background:#ad2511;}
.nav .m{position:relative; width:128px; float:left; height:40px; background:url(../nav_li.gif) center 0 no-repeat;z-index:999;}
.nav h3{width:128px; float:left; overflow:hidden; }
.nav h3 a{height:40px;}

.header .nav .sub{ display:none; /*默认隐藏*/ width:128px; position:absolute; left:0px; top:40px; text-align:center; padding:0;}
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:28px; line-height:28px; display:block; background:#fff; color:#555; filter:alpha(opacity=70); opacity:0.7;}
.nav .sub li a:hover{ color:#fff; background:#fdbc08;}

/*search*/
.search{width:180px; float:right; background:url(../ss.gif) 0 center no-repeat;}
.search .s_pad{padding:12px 0}
.search .ss_txt{ width:148px; height:20px;  line-height:20px; float:left; border:none; background:none; font-size:14px; color:#333;overflow:hidden;}
.search .ss_bott{ width:28px; height:26px; float:right; border:none; background:none; cursor:pointer; overflow:hidden;}

/*banner*/
.banner{ width:100%;height:395px; overflow:hidden; z-index:-1;}
.focusBox{position:relative;width:100%;height:395px;overflow:hidden}
.focusBox .pic{position:relative;z-index:0}
.focusBox .pic li{width:100%;height:395px; display:block}
.focusBox .pic li a{width:100%;height:395px; display:block}
.focusBox .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}
.focusBox .hd li{margin:0 3px;background:url(../dot.png) no-repeat 0 -17px;height:17px;overflow:hidden;width:17px;cursor:pointer;display:inline-block;*display:inline;zoom:1;_background:url(../dot8.png) no-repeat 0 -17px}
.focusBox .hd .on{background-position:0 0}
.focusBox .prev,.focusBox .next{width:40px;height:60px;margin:-60px 0 0;display:none;background:url(../ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:0.2}
.focusBox .prev{left:0}
.focusBox .next{background-position:0 -60px;right:0}
.focusBox .prev:hover,.focusBox .next:hover{filter:alpha(opacity=50) !important;opacity:0.5 !important}

.content{width:100%;}

.icon{width:100%; padding:21px 0 10px;background:#fff;}
.icon_list{height:102px; width:1120px; margin:0 auto;}
.icon_list li{width:100px; margin:0 62px;display:inline; float:left;}
.icon_list li a{display:block; padding-top:64px; line-height:38px; text-align:center; font-size:18px;background-image:url(../icon.gif); background-repeat:no-repeat;background-position:0 0;}
.icon_list li a:hover{background-position:0 -111px; color:#c7412d;}

.icon_list li a.i2{background-position:-100px 0;}
.icon_list li a.i2:hover{background-position:-100px -111px;}

.icon_list li a.i3{background-position:-200px 0;}
.icon_list li a.i3:hover{background-position:-200px -111px;}

.icon_list li a.i4{background-position:-300px 0;}
.icon_list li a.i4:hover{background-position:-300px -111px;}