/*
Theme Name:wpelectronic
Theme URI: http://www.leonhere.com/wpelectronic.html
Description: 里昂工作室开发制作的wordpress中小型企业网站模板！适用于电子、科技、数码或网络相关公司小型网站建设的wordpress模板，使用简单，操作容易，有问题欢迎访问<a href="http://www.boke8.net/wpelectronic.html" target="_blank">主题发布页面</a>咨询！
Version: 1.3
Author: Leon
Author URI: http://www.leonhere.com/
Tags: blue, gray, white, leonhere.com, company, widgets
*/
body,h1,h2,h3,h4,h5,ul,ol,li,dt,dd,dl,p,blockquote,form,textarea,tr,img {margin:0; padding:0;}
body {background:#CACACA url(images/bg.gif) repeat-x; font:12px tahoma,Arial,'宋体B8B\4F53';}
a {text-decoration:none;}
li {list-style:none;}
.clear {clear:both;}
img {border:none;}
/*header*/
#header {width:1002px; margin:0 auto; background:url(images/navbg.jpg) no-repeat; height:121px; z-index:2;}
/*logo*/
.logo {width:234px; height:94px; margin-left:35px; margin-top:-7px; float:left; display:inline;}
.logo img {display:block; width:234px; height:94px;}
.logo a {display:block; width:234px; height:94px; outline:none;}
/*searchform*/
.searchform {width:384px; height:42px; margin:24px 25px 0 0; float:right; overflow:hidden; display:inline;}
.searchform form {float:left; width:314px;}
.searchform input {border:none;}
.searchform input:focus {outline:none; border:none;}
.searchform .s {background:url(images/search.jpg) no-repeat; width:215px; height:25px; line-height:25px; float:left; padding:0 12px;}
.searchform .submit {background:url(images/searchbutton.jpg) no-repeat; width:70px; height:26px; cursor:pointer; outline:none;}
.searchform a.englist-version {width:70px; height:26px; float:right; display:block;}
.searchform a.englist-version img {width:70px; height:26px; display:block;}
/*menu*/
#header .menu {clear:both; width:656px; height:39px;  line-height:39px; float:right; color:#fff; margin-top:-15px; display:inline;}
#header .menu a {color:#fff;}
#header .menu ul {}
#header .menu ul li {float:left; width:81px; text-align:center; position:relative;}
#header .menu ul li a {display:block; width:81px; height:39px;}
#header .menu ul li a:hover,#header .menu ul li.current-menu-item a,#header .menu ul li.current-post-ancestor a{background:url(images/menunow.jpg) no-repeat; color:#000;}
#header .menu li ul {z-index:999; position:absolute; left:0; top:38px; background:#052D76; width:120px; display:none;}
#header .menu ul li.current-menu-item ul a {background:none;}
#header .menu li ul a {display:block; width:100%;}
#header .menu li ul li {width:120px;}
#header .menu li ul a:hover {background:#FEC52D;}
#header .menu li ul li.current-menu-item a ,#header .menu li ul li.current-post-ancestor a{background:#FEC52D;}
#header .menu li.current-menu-item li a {color:#fff;}
/*slidershow*/
#slideshow {clear:both; width:1002px; height:280px; margin:0 auto; overflow:hidden; position:relative;}
.slides {display:block; position:relative; overflow:hidden; margin-top:1px;}
.slides li img {display:block; width:1002px; height:280px; position:absolute; left:0; top:0;}
.slides li.active {display:block; position:relative;}
.pager {width:180px; margin:0 auto; height:40px; text-align:center; position:absolute; top:240px; right:0; display:none;}
.pager li {float:left; display:inline-block;}
.pager li a,.pager li a span {display:block; height:4px; width:4px;}
.pager li a {padding:18px 8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:none;}
.pager li a span {overflow:hidden; background:#c0c0c0; text-indent:-9999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.pager li.active a span { background:#04307A; }
/*home-wrap*/
#home-wrap {width:1002px; margin:0 auto; background:#fff url(images/homebg.jpg) no-repeat; height:276px; padding:30px 0; position:relative; overflow:hidden;}
/*container*/
#container {background:#fff url(images/conbg.jpg) no-repeat; width:1002px; margin:0 auto; position:relative; overflow:hidden;}
/*sidebar*/
#sidebar {height:100%; float:left; width:226px; padding:34px 0 0 6px;}
#sidebar h3 {height:26px; margin-left:25px; font-family:'微软雅黑'; border-bottom:1px solid #C7CACF; margin-right:25px;}
#sidebar h3.sh {background:url(images/navigrtion.jpg) no-repeat;  text-indent:-9999px; border-bottom:none;}
.widget,#sidebar .menu {background:#EFF3F4; height:100%; padding-bottom:30px; clear:both;}
.widget ul,#sidebar .menu ul {padding:15px 25px 10px 33px;}
.widget ul li,#sidebar .menu ul li {background:url(images/list.jpg) no-repeat left 10px; padding-left:16px; line-height:25px; position:relative;}
.widget a,#sidebar .menu a {color:#676F78;}
.widget a:hover,#sidebar .menu a:hover{color:#E10000;}
.widget li ul,#sidebar .menu li ul { padding:0;}
/*main*/
#main {float:left; padding:20px;}
/*breadcrumb*/
.breadcrumb {background:url(images/dot.jpg) no-repeat left center; height:25px; line-height:25px; padding-left:25px;}
.breadcrumb li {display:inline;}
.breadcrumb a {color:#000;}
/*content*/
.content,.post{padding:40px 20px 0; width:684px; overflow:hidden;}
.content a {color:#333;}
.content a:hover {color:#f60;}
#news ul li {background:url(images/line.jpg) no-repeat; height:31px; padding-left:20px; height:36px; line-height:24px;}
/*product*/
#product ul li {float:left; width:342px; height:120px; overflow:hidden; margin-bottom:22px; display:inline;}
#product .pic {float:left; padding-right:15px;}
#product .pic img {width:150px; height:110px; border:1px solid #ddd; padding:1px;}
#product .info {float:left; width:170px; height:110px; overflow:hidden;}
#product p {line-height:1.8em; color:#636363;}
#product p.title {width:170px; white-space:nowrap; word-wrap:bread-word; overflow:hidden; text-overflow:ellipsis;}
#product strong {color:#666;}
#product a:hover {text-decoration:underline;}
/*post*/
.post h2 {font-size:22px; font-weight:bold; line-height:50px; text-align:center; color:#636363;}
.postmeta {border:1px solid #E8E8E8; height:28px; line-height:28px; text-align:center; background:#F7F7F7;}
.postmeta span {margin-right:15px;}
.post .entry {margin:20px 0; color:#505050; font-size:14px;}
.post .entry p {line-height:1.5em; margin:10px 0;}
.post .entry img {max-width:100%; height:auto;}
.post .entry ul,.post .entry ol {padding:0 2em; line-height:1.75em; margin-bottom:15px;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
/*pagenavi*/
.pagenavi {clear:both; text-align:right; margin:5px 0;}
.pagenavi a {display:inline; margin:5px 3px; padding:3px 5px; background:#DCD9D4; border:1px solid #DCD9D4; color:#000;}
.pagenavi a.current {background:#EEE; color:#303030;}
/*home-box*/
.home-box {width:216px; float:left; margin-left:32px; position:relative; display:inline;}
.aboutus {background:url(images/homeabout.jpg) no-repeat;}
.products {background:url(images/homeproducts.jpg) no-repeat;}
.solution {background:url(images/solution.jpg) no-repeat;}
.news {background:url(images/news.jpg) no-repeat; margin-left:20px;}
.contact {background:url(images/contact.jpg) no-repeat; width:217px; height:80px; position:absolute; bottom:0; right:0;}
.home-box h3 {height:25px; text-indent:-9999px;}
.home-box ul {padding:90px 20px 0; line-height:2em;}
.home-box ol {padding:85px 5px 0;}
.home-box ul span {color:#000;}
.home-box ul li {background:url(images/list.jpg) no-repeat left center; padding-left:12px; white-space:nowrap; word-wrap:bread-word; overflow:hidden; text-overflow:ellipsis;}
.home-box ol li {float:left; padding:2px 6px; width:90px; height:90px; overflow:hidden;}
.home-box ol li img {width:86px; height:86px; border:1px solid #ddd; padding:1px;}
.home-box a {color:#303030;}

.home-box a:hover {color:#f00; text-decoration:underline;}
.news ul {padding:10px 20px;}
/*footer*/
#footer {clear:both; width:1002px; margin:0 auto; background:url(images/foot.jpg) no-repeat;}
/*comments*/
.comments,.comment_form {margin:0;}
.comments h3,.comment_form h3{height:28px; line-height:28px; border:1px solid #E8E8E8; background:#f7f7f7; padding:0 10px; }
.comments ol {padding:20px 10px;}
.comments ol li {margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.comments ol li li {border-bottom:none;}
.comments ol ul {padding-left:30px;}
.comments .gravatar {width:45px; height:45px; float:left; border:1px solid #ddd; padding:1px;}
.comments .gravatar img {width:45px; height:45px;}
.comments .info {float:left; height:45px; width:25%; margin-left:10px; display:inline;}
.comments .author {height:25px; line-height:25px; }
.comments .time {height:20px; line-height:20px; color:#ccc;}
.comments .comment_content {padding:10px 0 0 55px;}
.comment_form .text {width:30%;}
.comment_form  form {padding:10px; font-size:14px;}
.comment_form input {border:1px solid #ccc; height:28px; line-height:28px; margin-left:10px;}
.comment_form #comment {width:80%;  border:1px solid #ccc;}
.comment_form div {margin:5px 0;}
.comment_form .submit {cursor:pointer;}
/*foot-pages*/
.foot-pages {height:39px; line-height:39px; text-align:center;}
.foot-pages a {color:#E2E4EB;}
.foot-pages ul {overflow:hidden;}
.foot-pages ul li {display:inline; border-right:1px solid #E2E4EB; padding:0 5px;}
.foot-pages ul li ul {display:none;}
/*copyright*/
.copyright {height:70px; line-height:70px; text-align:center; color:#474E56;}
.copyright a {color:#474E56;}