/*
Theme Name:Wp-Machinery
Theme URI: http://www.leonhere.com/wpmachinery.html
Author: LeonHere
Author URI: http://www.leonhere.com/
Description: 由LeonHere制作的机械设备系列高级WordPress企业模板，正版用户技术支持<a href="http://www.leonhere.com" target="_blank">LeonHere.com</a>。
Version: 1.0
License: 使用条款
License URI: http://www.leonhere.com/agreement/
Tags: light, white, black, green, gray, one-column, two-columns, left-sidebar, custom-menu, theme-options
Text Domain: leonhere.com
*/
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {background:#f7f7f7; font:100%/1.5em tahoma,Arial,'Microsoft Yahei','宋体B8B\4F53';}
a {text-decoration:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
img.aligncenter {display:block; margin:0 auto;}
/*gold*/
#header {width:100%; height:56px; background:#ffffff;  border-bottom:1px solid #aaa; padding:19.5px 0;}
.header {width:1240px; margin:0 auto; padding:0 30px;}
.logo {float:left; background:url(images/logo.png) no-repeat; width:250px; height:70px;}
.logo a {display:block; width:100%; text-indent:-9999em; outline:none;}
.nav .menu {float:right; font-size:0.875em; color:#656565; height:55px; position:relative;}
.nav .menu a {color:#656565; display:block; padding:0 30px;}
.nav .menu a:hover,.nav .menu a.hover {border-bottom:4px solid #007cd6; color:#2d2c2d;}
.nav .menu ul li {float:left; background:url(images/line.png) no-repeat right center; line-height:55px;}
.nav .menu ul li ul {position:absolute; left:0; top:59px; width:100%; height:30px; line-height:30px; background:#2B2B2B; border:1px solid #333; border-radius:4px; text-align:center; display:none; z-index:99;}
.nav .menu ul li ul li {float:none; line-height:30px;  display:inline;}
.nav .menu ul li ul li a {display:inline;}
.nav .menu ul li ul li a:hover {border:none;}
.nav .menu ul li ul li ul {top:29px;}
.menu-btn {cursor:pointer; position:absolute; left:4%; top:20px; display:none; width:35px; height:25px; background:#444; overflow:hidden; padding:2px 0; border-radius:2px;}
.menu-btn span {width:25px; height:3px; background:#fff; display:block; margin:4px auto;}
#nav-menu {background:#007cd6; width:100%; display:none; font-size:0.875em;}
#nav-menu  ul {}
#nav-menu  ul li {line-height:2.3em;}
#nav-menu  ul li a {display:block;padding:0 4%; border-bottom: 1px solid #57A92C; border-top: 1px solid #007cd6; color:#f9f9f9;}
#nav-menu  ul li a:hover {background:#79C314;}
#nav-menu  ul li li a{padding:0 0 0 12%;}
/*banner*/
#slidershow {width:100%; height:auto; overflow:hidden; background:#fff;}
#slidershow img {width:100%; max-width:1920px;}
.flexslider{margin:0px auto;position:relative; height:auto; overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-45px 0 0;display:block;background:url(images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease; display:none;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.banner {height:100px; background:#3377C8;}
/*service*/
#service,#news {width:100%; overflow:hidden; margin-bottom:30px;}
#service h3.title,#products  h3.title,#news  h3.title{padding-top:30px; border-bottom:1px solid #E9E8E8; line-height:30px; margin-bottom:20px; text-align:center; background:#fff; font-weight:normal; letter-spacing:1px;}
#service h3.title p,#products  h3.title p,#news  h3.title p { font-size:1.5em;}
#service h3.title span,#products  h3.title span,#news  h3.title span {display:inline-block; border-bottom:4px solid #007cd6; padding:0 30px 4px;}
/*container*/
#container {width:1240px; margin:30px auto; overflow:hidden;}
.main {float:right; width:890px; background:#fff; padding:10px; border-bottom:2px solid #ECECEC;}
.main ul.news-cat {overflow:hidden;}
.main ul.news-cat li {font-size:0.875em; border-bottom:1px dotted #ddd; line-height:2.5em; background:url(images/dot.jpg) no-repeat left 17px; padding-left:15px;}
.main ul.news-cat li a {color:#555;}
.main ul.news-cat li a:hover {color:#000; text-decoration:underline;}
.main ul.news-cat li span {float:right; color:#777; font-size:0.75em;}
.main ul.products-cat {overflow:hidden; padding:0 1px;}
.main ul.products-cat li {float:left; width:260px; margin:10px 18px 20px; display:inline; border-bottom:1px dotted #ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main ul.products-cat li .thunbmail img{width:100%; height:auto;}
.main ul.products-cat li  h2 {font-weight:normal; font-size:0.875em;}
.main ul.products-cat li  h2 a {color:#000;}
.main ul.products-cat li  h2 a:hover {text-decoration:underline;}
/*post*/
.post {padding:0 15px;}
.post h2 {line-height:2em; font-size:1.2em; margin-bottom:15px;}
.post .entry {font-size:0.875em;}
.post .entry a {color:#57A92C;}
.post .entry p {line-height:1.75em; margin-bottom:15px;}
.post .entry img {max-width:100%; height:auto;}
.post .entry blockquote {border-bottom:2px solid #ddd; margin:0 20px 15px; color:#333;}
.post .entry ul,.post .entry ol {text-indent:2em; margin-bottom:15px;}
.post .entry ul li {list-style:inside disc none; line-height:2em;}
.post .entry ol li {list-style:inside decimal none; line-height:2em;}
.post .postmeta {font-size:0.75em; margin:-15px 0 10px; color:#999;}
.post .postmeta span {margin-right:10px;}
.post .relatednews {border:1px solid #eee; padding:10px; overflow:hidden;}
.post .relatednews h3,.commentslist h3,.commentform h3,.post .relatedproducts h3{font-size:0.875em; font-weight:normal; margin-bottom:5px;}
.post .relatednews ul li {font-size:0.75em; font-family:'宋体'; background:url(images/dot.jpg) no-repeat left center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px; float:left; width:424px;}
.post .relatednews ul li a,.post .relatedproducts ul li h2 a {color:#333;}
.post .relatedproducts {border:1px solid #eee; overflow:hidden;}
.post .relatedproducts h3 {padding:10px 16px 0;}
.post .relatedproducts ul li {float:left; width:190px; padding:10px 16px;}
.post .relatedproducts ul li img {width:100%;}
.post .relatedproducts ul li h2 {font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.post .relatedproducts ul li h2 a:hover {text-decoration:underline; color:#000;}
/*sidebar*/
.sidebar {width:300px; float:left;}
.widget {margin-bottom:15px;}
.widget h3 {font-weight:normal; padding:0 15px; height:36px; line-height:36px; font-family:'Microsoft Yahei'; font-size:1em; border-bottom:1px solid #eee; background:#fff;}
.widget h3 span {border-bottom:1px solid #007cd6; padding-bottom:7px;}
.widget img{width:100%; height:auto;}
.widget ul {background:#fff; border-bottom:2px solid #ececec; padding:15px;}
.widget ul li {font-size:0.75em; background:url(images/dot.jpg) no-repeat left 11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px;}
.widget ul li a {color:#333;}
.widget ul li a:hover {color:#111; text-decoration:underline;}
.widget ul li ul {padding:0 15px; border-bottom:none;}
.widget ul li ul li {font-size:1em;}
#category-nav {margin-bottom:15px; border-bottom:2px solid #ececec;}
#category-nav h3 {font-weight:normal; height:35px; line-height:35px; background:#2B2B2B; color:#fff; font-size:0.875em; padding:0 15px;}
#category-nav ul {background:#007cd6;}
#category-nav ul li {font-size:0.75em;}
#category-nav ul li a {color:#fff; display:block; border-bottom:1px solid #57A92C; border-top:1px solid #007cd6;  line-height:3em; padding:0 15px;}
#category-nav ul li a:hover {background:#79C314;}
/*title*/
#title {background:#fff; overflow:hidden; padding:10px 0; border-bottom:1px solid #ececec;}
#title .cate-title {width:1240px; margin:0 auto;}
#title .cate-title h1 {font-size:1.2em; line-height:3em; font-weight:normal;}
#title .cate-title a {color:#000;}
/*content*/
.content {width:1300px; margin:30px auto; overflow:hidden;}
.content .box {width:245px; text-align:center; float:left; padding:10px 40px;}
.content .box .pic img {width:125px; height:125px; border-radius:125px; transition:transform 0.4s ease-out 0s;}
.content .box .pic img:hover {transform:rotateZ(360deg);}
.content .box p {font-size:0.75em; color:#333; margin:5px 0;}
.content .box  h3 {font-size:1em; height:30px; line-height:30px;}
.content .box p a {color:#fff; background:#007cd6; display:block; border-radius:10px; height:30px; line-height:30px; font-size:1.2em;}
.content .box p a:hover {background:#00adfe; transition:background 0.4s ease 0s;}
/*products*/
#products {background:#2B2B2B; padding:30px 0; width:100%; position:relative;}
#products  h3.title {background:none; border-bottom:1px solid #424242; color:#777;}
#products  h3.title a {color:#777;}
#products .arrow-top,#products .arrow-bottom {position:absolute; left:50%; margin-left:-30.5px;  z-index:99; background:url(images/arrow.png) no-repeat center center; width:61px; height:61px;}
#products .arrow-top {top:-30.5px;}
#products .arrow-bottom {bottom:-30.5px;}
ul.productslist,ul.newslist {width:1300px; margin:0 auto; overflow:hidden;}
ul.productslist li {float:left; width:150px; background:#585858; padding:13px; margin:25px 20px;}
ul.productslist li img {width:100%;}
ul.productslist li h2 {font-size:1em; font-weight:normal; color:#70b90b; border-bottom:1px solid #70b90b; height:40px; line-height:40px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.productslist li h2 a {color:#70b90b;}
ul.productslist li p {font-size:0.75em; color:#BEBEBE;}
ul.productslist li.hover {background:#70b90b;}
ul.productslist li.hover h2 {border-bottom:1px solid #fff; color:#fff;}
ul.productslist li.hover p,ul.productslist li.hover a {color:#fff;}
/*news*/
#news  h3.title {padding-top:50px;}
#news  h3.title a {color:#000;}
ul.newslist li {float:left; width:540px; margin:20px 35px 10px; border-bottom:1px dashed #ccc; padding-bottom:10px; background:url(images/list-dot.png) no-repeat 0 1px; padding-left:40px;}
ul.newslist li h2 {color:#333; font-weight:normal; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.newslist li h2 a {color:#333;}
ul.newslist li p {font-size:0.875em; line-height:1.75em; margin-bottom:10px;}
ul.newslist li p.time {color:#555;}
ul.newslist li.right {float:right;}
/*pagenavi*/
.pagenavi {clear:both; overflow:hidden;}
.pagenavi a {display:inline-block; float:left; margin:20px 10px 10px; background:#007cd6; padding:2px 12px; color:#fff;}
.pagenavi a:hover,.pagenavi a.current {transition:background 0.3s ease 0s; background:#2B2B2B;}
/*commentslist*/
.commentslist {clear:both; overflow:hidden; margin-top:15px; font-size:0.875em;}
.commentslist ol li {clear:both; border:1px solid #F2F2F2; overflow:hidden; padding:15px; margin-top:20px;}
.commentslist ol li .gravatar {float:left; width:54px; height:54x; overflow:hidden; margin-right:10px; display:inline;}
.commentslist ol li .gravatar  img {width:50px; height:50px;  border:1px solid #ddd; padding:1px; border-radius:50px; transition: transform 0.4s ease-out 0s;}
.commentslist ol li .gravatar  img:hover {transform: rotateZ(360deg);}
.commentslist ol li .comment-info {float:left; font-family:'Microsoft Yahei';}
.commentslist ol li  a {color:#3A599A;}
.commentslist ol li .comment-text {font-family:'Microsoft Yahei'; clear:both; color:#666; font-size:0.875em; padding-left:64px;}
.commentslist ol li .comment-info .comment-time span {font-size:0.6875em; color:#AAA;;}
.commentslist ol li .comment-info .comment-time span a {margin-left:10px;}
.commentslist ol li ul {overflow:hidden; clear:both;}
.commentslist ol li li {margin-top:10px;}
/*commentform*/
.commentform {padding:15px 0; background:#fff;}
.commentform p {margin:5px 0; font-family:'Microsoft Yahei'; color:#666; font-size:0.875em;}
.commentform p a {color:#3A599A;}
.commentform p label {display:block; }
.commentform p input.text {width:94.75%; height:24px; padding:2px 5px; border:1px solid #ddd;}
.commentform p textarea {width:94.75%; padding:5px; height:110px; border:1px solid #ddd;}
.commentform .submit {background:#1ABC9C; padding:6px 10px; border-radius:3px; border:none; cursor:pointer; color:#fff;}
.commentform .submit:hover {background:#26C8A8;}
a#cancel-comment-reply-link {font-size:0.875em; color:#555;}
/*friendlinks*/
#friendlinks {width:1300px; margin:0 auto 30px; font-size:0.875em;}
#friendlinks ul {overflow:hidden; padding:0 20px;}
#friendlinks ul li {float:left; padding:0 10px; line-height:2em;}
#friendlinks ul li a {color:#555;}
#friendlinks ul li a:hover {color:#000; text-decoration:underline;}
/*footer*/
#footer {background:#e0e0e0; width:100%; padding:20px 0;}
.footer {width:1240px; padding:0 30px; margin:0 auto; overflow:hidden; font-family:'宋体'; font-size:0.75em;}
.footer a {color:#656565;}
.pageslist ul li{float:left; margin-right:20px;}
.pageslist ul li ul {display:none;}
.copyright {clear:both; color:#656565; font-family:Arial; font-size:0.875em;}
/*backtop*/
#backtop {width:40px; height:40px; position:fixed; top:450px; right:0.4%; cursor:pointer;}
#backtop img {display:block; width:100%; height:auto;}
#backtop img:hover {opacity:0.8;}
