/* general */
*+html .clearfix{
min-height: 1%;
}
.clearfix:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size: 0;
}
.fl{
float: left;
}
.fr{
float: right;
}
.align-c{
text-align: center;
}
body{
background: #f0f0f0;
font: normal 14px/1.5 'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif;
color: #3d3d3d;
}
#fullscreen{
position: relative;
width: 100%;
z-index:10000;
}
.wrapper{
position: relative;
width: 1195px;
margin: 0 auto;
padding: 0;
}
input{
font-family: 'Microsoft yahei', '微软雅黑';
padding: 0;
margin: 0;
background: none;
border: none;
color: #666;
}
/* typograhpic */
a, a:visited{
color: #3d3d3d;
text-decoration: none;
}
a:hover{
color: #3f7521;
}
h3{
font-size: 18px;
}
em{
font-style: normal;
}
p.date, p.summary, p.visit{
color: #666;
font-size: 12px;
}
p.overlay{
position: absolute;
bottom: 0;
left: 0;
color: #fff;
font-size: 12px;
z-index: 80;
background:rgba(51,51,51,0.5);*background:transparent;*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#74333333,endColorstr=#74333333);*zoom:1;
}
.pointer{
cursor: pointer;
}
/* header */
#header{
position: relative;
width: 100%;
height: 120px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
z-index: 90;
}
/* topbar */
#topbar{
height: 38px;
line-height: 38px;
border-top: 3px solid #3f7521;
border-bottom: 1px solid #dedede;
font-size: 12px;
}
#topbar li{
float: left;
}
#topbar .fl li{
margin-right: 15px;
}
#topbar .fr li{
margin-left: 12px;
padding-left: 12px;
background: url(../images/border-topbar.gif) 0 center no-repeat;
}
#topbar .fr li.first-child{
margin-left: 0;
padding-left: 0;
background: none;
}
#topbar .fr li a,
#topbar .fr li a:visited{
color: #999; font-weight:bold; font-size:14px;
}
#topbar .fr li a:hover{
color: #3f7521;
}
#topbar .fl li a{
float: left;
}
#topbar .fl li span.icon{
float: left;
height: 38px;
background-image: url(../images/icons.gif);
background-repeat: no-repeat;
}
#weibo{
width: 26px;
background-position: 0 0;
}
#topbar .fl li a:hover #weibo{
background-position: 0 -38px;
}
#tel{
width: 130px;
background-position: -30px 0;
}
#tmall{
width: 84px;
background-position: -170px 0;
}
#topbar .fl li a:hover #tmall{
background-position: -170px -38px;
}
/* searchbar */
#searchbar{
height: 26px;
margin-top: 6px;
}
#search{
position: relative;
width: 160px;
height: 26px;
background: url(../images/icons.gif) -260px -6px;
}
#search input{
width: 120px;
height: 24px;
_line-height: 24px;
margin-left: 10px;
font-size: 12px;
}
#search .abcd{
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 26px;
height: 26px;
cursor: pointer;
}
/* navbar */
#navbar{
position: relative;
height: 78px;
background: url(../images/bg-navbar.gif) 0 0 repeat-x;
z-index:1000;
}
.logo{
float: left;
}
.logo a{
float: left;
text-indent: -9999px;
}
#navbar .logo a{
width: 270px;
height: 78px;
background: url(../images/icons.gif) 0 -76px no-repeat;
}
.nav{
line-height: 78px;
}
.nav li{
float: left;
padding: 0 15px;
}
.nav li a{
display: inline-block;
}
.nav li a.active,
.nav li a.acitve:visited{
color: #3f7521;
}
/* drop-nav */
.drop-nav{
display: none;
position: absolute;
top: 78px;
left: 0;
width: 1195px;
background-color:#22222c;
text-align: center;
line-height: 1.5;
z-index: 10000;
}
.drop-nav.products{
width: 1134px;
left: -1px;
padding: 10px 30px 30px 30px;
font-size: 12px;
text-align: left;
}
.drop-nav.products th a{ background-position:left top; background-repeat:no-repeat;}
.drop-nav.products th a:hover{ background-position:left bottom; background-repeat:no-repeat;}
.drop-nav ul{
display: inline-block;
}
.drop-nav ul{
*display: inline; /* IE6/7 */
}
.drop-nav h3{
margin-bottom: 30px;
color: #fff;
}
.series-category{
border-bottom: 1px solid #484848;
}
.drop-nav li{
padding: 0;
}
.series-category td,
.series-category th{
padding: 12px 0;
border-top: 1px solid #484848;
vertical-align: middle;
}
.series-category th{
width: 225px;
font-weight: normal;
text-align: center;
}
.series-category td{
width: 910px;
text-align: left;
}
.drop-nav li a,
.drop-nav li a:visited{
padding: 15px 25px;
color: #fff;
background: url(../images/border-submenu.gif) left center no-repeat;
}
.drop-nav li a.clear-bg{
background: none;
}
.drop-nav li a:hover{
color: #999;
}
.series-category th a{
padding-left: 55px;
width: 170px;
height: 45px;
line-height: 45px;
background-image: url(../images/series-icon.gif);
background-repeat: no-repeat;
font-size: 14px;
}
.series-category th a.power{
background-position: 0 0;
}
.series-category th a.control{
background-position: 0 -45px;
}
.series-category th a.al{
background-position: 0 -90px;
}
.series-category th a.low{
background-position: 0 -135px;
}
.series-category th a.insulated{
background-position: 0 -180px;
}
.series-category th a.wire{
background-position: 0 -225px;
}
.series-category th a,
.series-category th a:visited{
color: #fff;
}
.series-category th a:hover{
color: #3f7521;
background-image: url(../images/series-icon-hover.gif);
}
.series-category td a{
float: left;
height: 14px;
line-height: 14px;
padding: 0 15px;
margin: 6px 0;
background: url(../images/border-submenu.gif) right center no-repeat;
word-break: keep-all;
overflow:hidden;
}
.series-category td a.clear-bg,
.series-category td a.clear-bg:visited{
color: #666;
background: none;
}
.series-category td a,
.series-category td a:visited{
color: #999;
}
.series-category td a:hover,
.series-category td a.clear-bg:hover{
color: #fff;
}
/* footer */
#footer{
background-color: #22222c;
color: #999;
}
#footer-icons{
height: 95px;
background: #3f7521 url(../images/footer-icons.gif) center center no-repeat;
}
#footer-contact{
padding: 30px 0 50px;
border-bottom: 1px solid #484848;
}
#footer-contact h4{
padding-bottom: 20px;
color: #fff;
font-weight: normal;
}
#footer-contact p{
display: inline;
float: left;
margin-right: 40px;
}
#copyright{
padding: 50px 0;
}
#copyright .logo{
margin-right: 40px;
}
#copyright .logo a{
float: left;
width: 56px;
height: 56px;
background: url(../images/icons.gif) -300px -85px no-repeat;
text-indent: -9999px;
}
#footer-nav{
display: inline-block;
margin-bottom: 18px;
}
#footer-nav li{
float: left;
}
#footer-nav li a,
#footer-nav li a:visited{
margin-right: 20px;
color: #fff;
}
#footer-nav li a:hover{
text-decoration: underline;
}