/*
Theme Name:wpdesign
Theme URI: http://www.leonhere.com/wpdesign.html
Author: LeonHere
Author URI: http://www.leonhere.com/
Description: 由里昂工作室开发制作的通用型高级WordPress企业模板，正版用户技术支持LeonHere.com。
Version: 1.7.2
License: 使用条款
License URI: http://www.leonhere.com/agreement/
Tags: light, white, purple, green, gray, one-column, two-columns, left-sidebar, custom-menu, theme-options
Text Domain: leonhere.com
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
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, main {margin:0; padding:0;}
body {background:#fff; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent; color:#333; outline:none;}
a:hover {color:#f60;}
input {-webkit-appearance:none; border-radius:0;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.blank {height:78px; width:100%;}
.thumbnail img {width:100%; height:auto; display:block;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*header*/
.header {width:100%; position:fixed; left:0; top:0; z-index:9; transition:all 0.3s ease 0s;}
.header.box_shadow {box-shadow: 0 3px 4px rgba(153,153,153,0.5);}
.header .inner {position:relative;}
.header.fixed {background:rgba(255,255,255,0.95);}
/*logo*/
.logo {float:left; padding:18px 0;}
.logo a {display:block; width:174px; height:46px; text-indent:-9999em; overflow:hidden; background:no-repeat left center; background-size:contain;}
/*nav*/
.nav {float:right;}
.nav li {float:left; font-size:18px; line-height:34px; position:relative; padding:22px 15px;}
.nav li a {color:#222; display:block; padding:0 8px; transition:all 0.3s ease 0s;}
.nav li.cur a,.nav li.current-menu-item > a {background-color:#f60; color:#fff; border-radius:2px;}
.nav li ul {position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; background-color:#f60; display:none;}
.nav li li {float:none; padding:0; font-size:16px; text-align:center; border-bottom:1px solid #f40; border-top:1px solid #f80;}
.nav li li a {color:#fff; padding:5px; }
.nav li li a:hover {background-color:#f50;}
.nav li em, .navBtn {display:none;}
/*nav*/
body.navfix {position:fixed; top:0; right:0; width:100%; height:100%; z-index:8; overflow:hidden;}
/*searchbox*/
.searchbox {float:right; padding:28px 0;}
.searchbox span {cursor:pointer; color:#BDC3C7; font-size:18px; width:22px; height:22px; line-height:22px; display:block;}
.searchbox .form {position:absolute; right:1px; top:100%; margin-top:1px; background-color:#fff; background-color:rgba(255,255,255,.9); padding:10px; display:none;}
.searchbox form {border:1px solid #f60; width:300px; overflow:hidden; padding-right:50px; position:relative;}
.searchbox .text {height:24px; line-height:24px; padding:5px 3%; width:94%; border:none;}
.searchbox .submit {background-color:#f60; position:absolute; right:0; top:0; width:50px; height:100%; -webkit-appearance:none; cursor:pointer; color:#fff; border:none; font-size:14px;}
/*slides*/
.slides {background-color:#F5F2EF; width:100%; overflow:hidden; border-top:3px solid #f60; border-bottom:2px solid #f60; padding-bottom:540px; overflow:hidden; position:relative;}
.slides .inner {position: absolute; left:50%; top:0; margin-left:-600px; height:100%;}
.slides .pic {border-left:1px solid #f60; border-right:1px solid #f60;}
.slides .pic a {display:block; position:relative; overflow:hidden;}
.slides img {display:block; width:100%; height:auto;}
.slides .bx-wrapper .bx-viewport {background-color: #fff;}
.slides .bx-wrapper .bx-pager {position: absolute; left:0; bottom: 20px; font-size:0; line-height:normal; width: 100%;}
.slides .load {padding-bottom:45.834%;}
/*banner*/
.banner {border-top:3px solid #f60; border-bottom:2px solid #f60; overflow:hidden;}
.banner img {display:block; width:100%; height:auto;}
/*breadcrumb*/
.breadcrumb {width:100%; overflow:hidden; background-color:#f1f1f1; padding:10px 0 8px; font-size:0.75em; font-family:'宋体'; color:#888; border-bottom:1px solid #eee; line-height:1em; margin-bottom:30px;}
.breadcrumb a {color:#888;}
.breadcrumb i {font-style:normal; margin:0 5px;}
/*container*/
.container {overflow:hidden; margin-bottom:20px;}
/*aside*/
.sidebar {width:250px; float:right;}
.sideMunu,.widget {overflow:hidden; margin-bottom:20px;}
.sideMunu h3,.widget h3 {background-color:#333; color:#fff; line-height:1.75em; font-weight:normal; font-size:1em; padding:5px 15px;}
.sideMunu h3 a {color:#fff;}
.sideMunu ul {background-color:#f60;}
.sideMunu ul li {color:#f60; border-bottom:1px solid #ea660f; border-top:1px solid #fb883b}
.sideMunu ul li a,.autoMunu ul li a {color:#fff; padding:5px 15px; display:block;}
.sideMunu ul li a:hover,.autoMunu ul li a:hover,.autoMunu ul li.current-cat a {background-color:#fa873b;}
.widget h3 {background-color:#f60;}
.widget ul {padding:10px 0;}
.widget ul li {font-size:0.875em; border-bottom:1px dashed #e5e5e5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.75em; margin-bottom:5px; padding:5px 0 3px;}
.widget img {width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}
.widget #searchform label {font-size:0.75em; display:block; float:left; height:30px; line-height:30px; border:1px solid #ddd; border-right:none; border-radius:3px 0 0 3px; padding:0 2px;}
.widget #searchform #s {border:1px solid #ddd; padding:5px; height:20px; line-height:20px; float:left; width:60%;}
.widget #searchform #searchsubmit {background-color:#f60; color:#fff; border:none; height:32px; cursor:pointer; padding:0 2px; border-left:none; float:left;}
.widget .tagcloud {overflow:hidden; padding:5px 0;}
.widget .tagcloud a {display:block; float:left; margin:3px; line-height:1em;}
/*autoMunu*/
.autoMunu {margin-bottom:20px;}
.autoMunu h3 {background-color:#ccc; padding:20px 20px; color:#fff; font-size:1.5em; font-weight:normal; position:relative; margin-bottom:11px;}
.autoMunu h3 a {color:#fff;}
.autoMunu h3 span {position:absolute; left:40px; top:100%; border-top:10px solid #ccc; border-left:10px solid transparent; border-right:10px solid transparent;}
.autoMunu ul {background-color:none;}
.autoMunu ul li {border:1px solid #eee; margin-bottom:5px; background-color:#f1f1f1;}
.autoMunu ul li a {color:#555;}
.autoMunu ul li a:hover,.autoMunu h3 a:hover,.autoMunu ul li.current-cat a {color:#fff;}
/*main*/
.main {margin-right:285px; overflow:hidden;}
/*pgtitle*/
.pgtitle {border-bottom:1px solid #eee; margin-bottom:20px;}
.pgtitle h3, .pgtitle h1 {font-weight:normal; font-size:24px; line-height:1.35em; color:#444; display:inline-block;padding-bottom:10px; border-bottom:1px solid #f60;}
/*newslist*/
.newslist ul {margin-bottom:20px; overflow:hidden;}
.newslist li {border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; overflow:hidden; line-height:30px;}
.newslist li a {font-size:16px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:80px;}
.newslist li span {float:right; font-size:14px; color:#999;}
/*section-blog*/
.bloglist {overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.bloglist .thumbnail {float:left; width:200px;}
.bloglist .thumbnail a {display:block; padding-bottom:75%; position:relative; overflow:hidden; border-radius:4px;}
.bloglist .thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%;}
.bloglist .info {margin-left:220px; overflow:hidden;}
.bloglist h2 {font-weight:normal; font-size:20px; line-height:1.35em; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bloglist p {font-size:16px; line-height:1.75em; height:7em; overflow:hidden; color:#555;}
/*pagenavi*/
.pagenavi {text-align:center; padding:20px 0; font-size:0; line-height:normal;}
.pagenavi a {display:inline-block; font-size:14px; height:32px; line-height:32px; background-color:#f1f1f1; color:#999; padding:0 12px; border-radius:2px; margin:2px;}
.pagenavi a:hover {color:#f60;}
.pagenavi a.cur {background-color:#f60; color:#fff;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color: #D1D1D1;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #f60;}
.bx-wrapper .bx-prev {left: -25px;background: #f60 url(images/arrows.png) no-repeat 16px -48px;}
.bx-wrapper .bx-next {right: -15px;background: #f60 url(images/arrows.png) no-repeat 20px 12px;}
.bx-wrapper .bx-prev:hover {background-color:#F8A305;}
.bx-wrapper .bx-next:hover {background-color:#F8A305;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -25px;outline: 0;width: 50px; height: 50px;text-indent: -9999px;z-index: 1;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-loading {width:32px; height:32px; background: url(images/bx_loader.gif) center center no-repeat;}
/*style*/
.style {background:url(images/stylebg.jpg) repeat left top; padding:2.6% 0; overflow:hidden; margin-bottom:40px;}
.style ul {overflow:hidden; width:103%;}
.style li {width:22%; padding:1% 3% 1% 0; float:left; text-align:center; }
.style li a {color:#000; display:block; overflow:hidden;}
.style li img {width:54px; height:54px; display:block; margin:0 auto 15px;}
.style li h3 {margin-bottom:15px; font-size:18px; line-height:1.35em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.style li p {font-size:14px; line-height:1.75em; height:5.25em; overflow:hidden;;}
/*showcase*/
.showcase {overflow:hidden; margin-bottom:30px;}
.tableft {float:left; width:200px;}
.tableft li {position:relative; -webkit-tap-highlight-color:transparent; font-size:16px; margin-bottom:10px;}
.tableft li a {background-color:#f60; color:#fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:5px 10px;}
.tableft li span {position:absolute; left:100%; top:0; border-left:17px solid #EFC942; border-top:17px solid transparent; border-bottom:17px solid transparent; display:none;}
.tableft li.on a {background-color:#EFC942; color:#000;}
.tableft li.on span {display:block;}
.tabpro {margin-left:240px; overflow:hidden; display:none;}
.tabpro ul {overflow:hidden;}
.tabpro li {float:left; width:31%; padding-left:2%; padding-bottom:2%;}
.tabpro li .thumbnail a {display:block; padding-bottom:75%; position:relative; overflow:hidden;}
.tabpro li .thumbnail img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
.tabpro li img:hover,.gallery li img:hover {opacity:0.8;}
.tabpro.on {display:block;}
/*designer*/
.designer {background:#000 url(images/designer.jpg) no-repeat center center; background-size:cover; padding:40px 0; color:#fff; margin-bottom:40px; position:relative;}
.designer .inner {overflow:hidden;}
.designer .arrow {border-top:16px solid rgba(0,0,0,.9); border-right:16px solid transparent; border-left:16px solid transparent; position:absolute; top:100%; left:50%; margin-left:-16px;}
.designer h2 {color:#fff; text-align:center; font-weight:normal; font-size:32px; margin-bottom:20px; line-height:1.125em;}
.designer ul {overflow:hidden;}
.designer li {display:none;}
.designer li:first-child {display:block;}
.designer li a {display:block; overflow:hidden; color:#eee;}
.designer li .info {overflow:hidden; width:650px; margin:0 auto;}
.designer li .photo {float:left; width:100px;}
.designer li .photo img {width:100%; height:auto; display:block; border-radius:10px;}
.designer li .intro {margin-left:120px; overflow:hidden; font-size:16px; line-height:1.875em; padding:5px 0; color:#ddd;}
.designer li p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.designer .bx-wrapper {position:relative;}
.designer .bx-viewport {padding:30px 0;}
.designer .bx-controls {padding-top:20px; clear:both;}
.designer .bx-controls-direction a {background-color:#f1f1f1;background-color:rgba(0,0,0,.5); border-radius:50%; border:1px solid #111; margin-top:-40px;}
.designer .bx-controls-direction .bx-prev {left:0;}
.designer .bx-controls-direction .bx-next {right:0;}
.designer .bx-pager {font-size:0; line-height:normal; padding-top:0;}
.designer .bx-pager a {border-radius:50%; background-color:#fff;}
/*designers*/
.designers {overflow:hidden; margin-bottom:20px;}
.designers ul {overflow:hidden; width:105%;}
.designers li {float:left; width:45%; padding-right:5%; padding-bottom:3%; overflow:hidden;}
.designers li .photo {float:left; width:190px;}
.designers li .photo a {display:block; padding-bottom:100%; position:relative; overflow:hidden;}
.designers li .photo img {position:absolute; width:100%; height:100%; display:block;}
.designers li .info {margin-left:205px; overflow:hidden;}
.designers li .name {margin-bottom:10px; font-size:16px; line-height:1.75em;}
.designers li .name a {font-weight:bold; color:#333; margin-right:15px;}
.designers li .works p {font-size:16px; line-height:1.75em; height:7em; overflow:hidden;}
.designers li h4 {color:#333; font-size:16px; line-height:1.75em; margin-bottom:5px;}
/*gallery*/
.gallery {margin-bottom:20px; overflow:hidden;}
.gallery h2 {text-align:center; margin-bottom:2.5%; font-size:28px; font-weight:normal; line-height:1.35em;}
.gallery ul {overflow:hidden; width:102%;}
.gallery li {float:left; width:23%; padding-right:2%; padding-bottom:2%;}
.gallery li .wrap-item {background-color:#fff; }
.gallery li .wrap-item,.caselist li .item {border:1px solid #eee; border-radius:3px; overflow:hidden;}
.gallery li p {font-size:16px; text-align:center; line-height:1.875em; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery li .thumbnail a {padding-bottom:75%; position:relative; overflow:hidden; display:block;}
.gallery li .thumbnail img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0; transition:transform .3s;}
.gallery li .thumbnail a:hover img {transform:scale(1.1);}
/*caselist*/
.caselist {overflow:hidden;}
.caselist ul {width:103%; overflow:hidden;}
.caselist li {float:left; width:31%; padding-right:2%; padding-bottom:2%;}
.caselist li .thumbnail a {display:block; padding-bottom:75%; position:relative; overflow:hidden;}
.caselist li .thumbnail img {position:absolute; left:0; top:0; height:100%;}
.caselist li p {font-size:14px; text-align:center; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*hmnews*/
.material,.hmnews {overflow:hidden; margin-bottom:20px;}
.hmtitle {overflow:hidden; position:relative; border-bottom:1px solid #EEEEEE; margin-bottom:20px; padding-bottom:10px;}
.hmtitle h2 {font-size:1.25em; font-weight:normal; color:#333;}
.hmtitle span {position:absolute; right:0; bottom:15px; font-size:0.875em;}
.hmtitle span a {color:#666;}
/*material*/
.material ul, .hmnews .boxlist {width:103%; overflow:hidden;}
.material li, .hmnews .box {float:left; width:31%; padding-right:2%; padding-bottom:2%;}
.material li .box {background-color:#f60; }
.material li a {display:block; background-color:#f60; overflow:hidden;}
.material li a:hover {background-color:#666;}
.material li .info {padding:20px; color:#fff;}
.material li h3 {font-size:16px; margin-bottom:10px; line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.material li h3 span {font-size:1.75em; font-weight:bold; font-family:Arial; margin-right:15px;}
.material li .intro {font-size:14px; line-height:1.75em; height:5.25em; overflow:hidden;}
.material li .thumbnail a {padding-bottom:75%; position:relative;}
.material li .thumbnail img {position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; display:block; transition:transform .3s;}
.material li .thumbnail a:hover img {transform:scale(1.1);}
/*hmnews*/
.hmnews .box {background-color:#fff;}
.hmnews .box-wrap {border:1px solid #eee; padding:5.22%;}
.hmnews h3 {font-weight:normal; font-size:18px; color:#333; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
.hmnews li {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.hmnews li .thumbnail {width:80px; float:left; overflow:hidden;border-radius:5px;}
.hmnews li .thumbnail a {display:block; padding-bottom:75%; position:relative;}
.hmnews li .thumbnail img {position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; display:block; transition:transform .3s;}
.hmnews li .thumbnail a:hover img {transform:scale(1.1);}
.hmnews li .info {margin-left:90px; overflow:hidden;}
.hmnews li h4 {font-size:16px; font-weight:normal; line-height:1.125em; margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmnews li h4 a {color:#333;}
.hmnews li p {color:#888; font-size:14px; line-height:1.5em; height:3em; overflow:hidden;}
.hmnews li .title a {color:#333; transition:all 0.3 ease 0s; transition:all 0.3s ease 0s;}
.hmnews li .title a:hover {color:#f60;}
.hmnews .readmore {text-align:center;}
.hmnews .readmore a {color:#fff; background-color:#DD4F50; padding:5px 20px; border-radius:3px; font-size:0.875em;}
.hmnews .readmore i {font-family:'宋体'; font-size:1em; margin-left:5px; font-style:normal;}
/*sidewidget*/
.sidewidget {background-color:#fff; position:fixed; right:0.5px; bottom:100px; border:1px solid #eee; font-size:0.75em; border-bottom:none; text-align:center; z-index:8; width:50px;}
.sidewidget i {font-style:normal; display:none;}
.sidewidget a {padding:5px 10px; display:block; line-height:1.5em; width:30px; height:36px; color:#555; position:relative;}
.sidewidget span.kefu {background:url(images/kefu.png) no-repeat center center; width:100%; height:100%; display:block;}
.sidewidget a span.font-icon {font-size:2em; color:#B4B4B4; line-height:36px;}
.sidewidget li {border-bottom:1px solid #eee; position:relative;}
.sidewidget .qrcode {position:absolute; right:60px; bottom:0; width:140px; height:auto; text-align:center; background-color:#fff; border:1px solid #eee; border-radius:5px; padding:5px; display:none;}
.sidewidget .qrcode span {border-left:10px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; position:absolute; left:100%; bottom:12px;}
.sidewidget .qrcode img {width:100%; height:auto; display:block;}
.sidewidget .qq em {background-position:13px 13px;}
.sidewidget .bd em {background-position:13px -28px;}
.sidewidget .wx em {background-position:13px -81px;}
.sidewidget .backtop em {background-position:14px -126px;}
.widget-contact {padding:5px 0;}
.widget-contact p {margin:5px 0; font-size:0.875em;}
.widget-contact img {width:100%; height:auto; display:block;}
/*custom*/
.custom {width:100%; height:auto; overflow:hidden; border-bottom:1px solid #000;}
.custom img {width:100%; height:auto; display:block;}
/*requirement*/
.requirement {overflow:hidden; padding:30px 0;}
.requirement .requirement-form {width:80%; margin:0 auto;}
.requirement .requirement-form h3 {font-weight:normal; font-size:1.75em; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px; text-align:center; line-height:1.5em;}
.requirement .requirement-form p {margin-bottom:15px;}
.requirement .requirement-form label {display:block; margin-bottom:5px; color:#555;}
.requirement .requirement-form label i {color:#f00; font-style:normal;}
.requirement .requirement-form .text {border:1px solid #ccc; height:35px; box-sizing:border-box; line-height:35px; width:100%; text-indent:5px;}
.requirement .requirement-form .error {color:#f00; font-size:0.875em; clear:both;}
.requirement .requirement-form textarea {border:1px solid #ccc; width:100%; box-sizing:border-box; height:80px; text-indent:5px; padding:5px 0; font-size:0.875em;}
.requirement .requirement-form .submit {background-color:#f60; color:#fff; text-align:center; width:100%; padding:10px 0; border:none; cursor:pointer;}
.requirement .requirement-form p.captcha span {display:block; float:left; line-height:60px;}
.requirement .requirement-form p.captcha span a {color:#f00; text-decoration:underline;}
.requirement .requirement-form p.captcha img {display:block; float:left; height:60px; width:auto;}
/*post*/
.post h1.title {text-align:center; line-height:1.5em; font-size:1.75em; color:#333; margin-bottom:20px; font-weight:normal;}
.post h1.title.show-title {text-align:left;}
.post .entry {margin-bottom:25px;}
.post .portfolio {background-color:#f1f1f1; border:1px solid #eee; padding:10px; border-radius:5px; overflow:hidden; margin-bottom:20px;}
.post .postmeta {text-align:center; font-size:0.75em; color:#888; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:20px;}
.post .postmeta span {padding:0 5px;}
.entry p,.entry ul,.entry ol,.entry blockquote {font-size:14px; color:#333; margin-bottom:15px; overflow:hidden;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {margin-bottom:15px;}
.post .entry ul,.post .entry ol {padding-left:2em;}
.entry ul li {list-style:inside disc none; margin-bottom:5px;}
.entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.entry blockquote {font-size:1em; padding:15px 15px 0; background-color:#f1f1f1; border-radius:5px; border:1px dashed #ccc;}
.entry blockquote p { color:#666;}
.entry img {max-width:100%; height:auto;}
.post .postnavi {border-top:2px solid #eee; padding-top:15px; margin-bottom:30px; font-size:0.875em; color:#666; overflow:hidden;}
.post .postnavi .postnavi_left {width:48%; float:left; padding-right:2%;}
.post .postnavi .postnavi_right {width:48%; float:right; text-align:right; padding-left:2%;}
.post .postnavi span {display:block; color:#999; font-family:'宋体';}
.post .postnavi a {color:#666;}
.post .postnavi a:hover {text-decoration:underline;}
.post .tags {font-size:0.75em; margin-bottom:10px; color:#555;}
.post .tags a {color:#f60; padding:0 4px;}
/*pgwslideshow*/
.pgwSlideshow {width: 100%; display: none;}
.pgwSlideshow a{color: #fff;}
.pgwSlideshow .ps-current {text-align: center; position: relative; min-height: 150px; overflow: hidden;}
.pgwSlideshow .ps-current > ul > li {text-align: center; width: 100%; z-index: 1; opacity: 0; display: block;}
.pgwSlideshow .ps-current > ul > li img {display: block; max-width: 100%; margin: auto;}
.pgwSlideshow .ps-caption {background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; text-align: left; font-size: 1rem; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px; display: none;}
.pgwSlideshow .ps-caption span {padding: 7px; display: inline-block;}
.pgwSlideshow .ps-list {overflow: hidden; position: relative;}
.pgwSlideshow .ps-list ul {position: relative; list-style: none; margin: 0;padding: 0;left: 0;}
.pgwSlideshow .ps-list li {float: left;}
.pgwSlideshow .ps-list li .ps-item {display: block; margin: 15px 8px; opacity: 0.6;filter: alpha(opacity=60);}
.pgwSlideshow .ps-list li img {display: block; border: 1px solid #777; width: 80px; height: 80px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {float: left; opacity: 1;border: 4px solid #fff; overflow: hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {margin: -4px;}
.pgwSlideshow .ps-prevIcon {border-color:transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block;}
.pgwSlideshow .ps-nextIcon {border-color:transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block;}
.pgwSlideshow .ps-current .ps-prev {background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 20px 20px 20px 15px; left: 0;top: 45%; cursor: pointer;}
.pgwSlideshow .ps-current .ps-next {background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 20px 15px 20px 20px; right: 0; top: 45%; cursor: pointer;}
.pgwSlideshow .ps-list .ps-prev {background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 7; display: none;}
.pgwSlideshow .ps-list .ps-next {background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 7; display: none;}
.pgwSlideshow.narrow .ps-list li img {width: 60px; height: 60px;}
.pgwSlideshow.narrow .ps-current .ps-prev {padding: 15px 15px 15px 12px; top: 40%;}
.pgwSlideshow.narrow .ps-current .ps-next {padding: 15px 12px 15px 15px; top: 40%;}
.pgwSlideshow.narrow .ps-list .ps-prev {padding: 15px 12px 15px 10px; top: 20px;}
.pgwSlideshow.narrow .ps-list .ps-next {padding: 15px 10px 15px 12px; top: 20px;}
.pgwSlideshow.narrow .ps-caption {font-size: 0.8rem; padding: 8px;}
/*related-news*/
.related-news {overflow:hidden; margin-bottom:20px;}
.box-title {border-bottom:1px solid #eee; position:relative; height:13px; margin-bottom:25px;}
.box-title h3 {font-size:1em; color:#666; position:absolute; left:0; top:0px; background-color:#fff; padding-right:10px;}
.related-news ul li {font-size:0.875em; margin-bottom:5px; overflow:hidden;}
.related-news ul li i {float:left;}
.related-news ul li a {display:block; float:left; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.related-news ul li span {float:right; font-size:0.75em; color:#bbb;}
/*related-shows*/
.related-shows {margin-bottom:20px; border:1px solid #ddd; overflow:hidden;}
.related-shows h3 { background-color:#F5F5F5; font-weight:normal; overflow:hidden; font-size:16px; border-bottom:1px solid #ddd;}
.related-shows h3 span,.msg-submit h3 span {background-color:#f60; float:left; display:block; padding:5px 10px; color:#fff;}
.related-shows ul {overflow:hidden; padding:1%;}
.related-shows li {float:left; width:23%; padding:1%;}
.related-shows li .thumbnail a {padding-bottom:75%; display:block; position:relative; overflow:hidden;}
.related-shows li .thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%;}
.related-shows li p {background-color:#F1F1F1; font-size:14px; text-align:center; overflow:hidden; padding:8px 5px; white-space:nowrap; text-overflow:ellipsis; line-height:1.75em;}
.related-shows li p a {color:#777;}
.related-shows li p a:hover {color:#f60;}
/*designerpage*/
.designerpage {overflow:hidden;}
.designerpage .box {position:relative; overflow:hidden; display:table; width:100%; table-layout:fixed;}
.designerpage .info {display:table-cell; vertical-align:top; width:200px; border-right:1px solid #eee; padding-right:40px;}
.designerpage .photo img {width:100%; height:auto; display:block;}
.designerpage .hot {border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:20px; padding:20px 0; text-align:center; font-size:0.75em; font-family:"宋体";}
.designerpage .hot span {font-size:2em; color:#DC4B4E;}
.designerpage .intro {display:table-cell; vertical-align:top; padding-left:40px;}
.designerpage .hello {font-weight:normal; font-size:18px; line-height:1.35em; color:#333; margin-bottom:15px;}
.designerpage .concept {font-size:14px; line-height:1.75em; color:#888; margin-bottom:20px;}
.designerpage .concept p {margin-bottom:5px;}
.designerpage .entry {font-size:16px; line-height:1.75em;}
.designerpage .entry h2 {font-size:18px; color:#333; line-height:1.35em; margin-bottom:10px;}
/*msg-submit*/
.msg-submit h3 {border:1px solid #ddd; background-color:#F5F5F5; font-weight:normal; overflow:hidden; font-size:1em;}
.msg-submit .submit-content {border:1px solid #E5E5E5; overflow:hidden; border-top:none;}
.msg-submit .submit-content .warning {margin-top:20px;}
.msg-submit .submit-content .thumbnail {float:left; width:234px; height:auto; padding-top:20px;}
.msg-submit .submit-content form {float:left; width:482px;}
.msg-submit .submit-content p {overflow:hidden; margin-top:20px;}
.msg-submit .submit-content label {display:block; float:left; width:80px; height:34px; line-height:34px; color:#666;}
.msg-submit .submit-content .text {background-color:#F5F5F5; border:1px solid #ccc; width:400px; height:32px; padding:0 5px; line-height:32px; box-sizing:border-box;}
.msg-submit .submit-content textarea {border:1px solid #ccc; background-color:#f1f1f1; height:120px; width:400px; font-size:0.875em; padding:5px; box-sizing:border-box;}
.msg-submit .submit-content .submit {background-color:#f60; padding:5px 20px; border-radius:5px; border:none; color:#fff; cursor:pointer; margin-left:200px;}
/*comments-list*/
.comments-list li {overflow:hidden; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px;}
.comments-list .gravatar {float:left; width:55px; height:55px; border-radius:50%; overflow:hidden; margin-right:25px; display:inline-block;}
.comments-list .gravatar img {width:100%; height:auto; display:block;}
.comments-list .comment-cont {font-size:0.875em; color:#333;}
.comments-list .comment-meta {font-size:0.875em; margin-bottom:5px; color:#999; overflow:hidden;}
.comments-list .comment-meta a {color:#f60;}
.comments-list .comment-meta .reply {float:right;}
.comments-list li li {border-bottom:none; border-top:1px dotted #ddd; padding-left:30px; clear:both; margin-top:20px; margin-bottom:0; padding-top:10px;}
/*comment-form*/
#respond h3,.comments-list h3 {font-size:1.125em;}
#respond p {overflow:hidden; margin-bottom:15px;}
#respond label {display:block; float:left; border:1px solid #ddd; border-right:none; height:32px; line-height:32px; width:60px; font-size:0.875em; color:#555; text-align:center; border-radius:3px 0 0 3px;}
#respond label i {font-style:normal; color:#f00;}
#respond .text {float:left; border:1px solid #ddd; padding:5px; font-size:0.875em; width:200px; height:22px; line-height:22px;}
#respond textarea {font-size:0.875em; border:1px solid #ddd; width:80%; height:120px; padding:5px;}
#respond .submit {cursor:pointer; background-color:#f60; color:#fff; border:none; padding:5px 20px; border-radius:3px;}
#respond .warning {margin-bottom:15px; font-size:0.875em;}
#respond .warning a {text-decoration:underline;}
/*friendlinks*/
.friendlinks {background-color:#f8f8f8; padding:20px 0;}
.friendlinks h3 {border-bottom:1px solid #eee; font-weight:normal; font-size:0.875em; color:#444; padding-bottom:4px;}
.friendlinks h3 span {border-bottom:1px solid #f60; padding-bottom:5px;}
.friendlinks ul {overflow:hidden; padding:5px 0;}
.friendlinks ul li {float:left; font-size:0.75em; padding:5px 10px 5px 0;}
.friendlinks ul li a {color:#777;}
/*footer*/
.footer {width:100%; background-color:#1C1C1C; padding:2.1% 0; overflow:hidden; border-top:1px solid #444; color:#888;}
.footer a {color:#888;}
.footer a:hover {color:#fff;}
.pageslist {padding:5px 0;}
.pageslist ul {font-size:0; line-height:normal; text-align:center;}
.pageslist li {display:inline-block; font-size:14px; line-height:1.75em; position:relative; padding:0 10px;}
.pageslist li:after {display:block; content:''; width:1px; height:12px; background-color:#888; position:absolute; right:0; top:50%; margin-top:-6px;}
.pageslist li:last-child:after {display:none;}
.pageslist li ul {display:none;}
.pageslist li a {display:block;}
.copyright {font-size:14px; line-height:1.75em; text-align:center;}
.copyright p {padding:5px 0;}
/*screen width*/
@media only screen and (max-width:1280px){
.inner {width:93.75%;}
.msg-submit .submit-content .thumbnail {width:31.283422%;}
.msg-submit .submit-content form {width:64.438503%;}
.msg-submit .submit-content .text,.msg-submit .submit-content textarea {width:80%;}
.slides {padding-bottom:45%;}
.slides .inner {width:100%; margin-left:0; left:0;}
.slides .pic {border:none;}
.slides .bx-wrapper .bx-prev {left:3.125%;}
.slides .bx-wrapper .bx-next {right:3.125%;}
.logo {padding:19px 0;}
.logo a {width:150px; height:40px;}
.nav li {font-size:16px; padding-left:10px; padding-right:10px;}
}
@media only screen and (max-width:1024px){
.msg-submit .submit-content .text,.msg-submit .submit-content textarea {width:97%;}
.blank {height:56px;}
.logo {padding:12px 0;}
.logo a {width:120px; height:32px;}
.searchbox {padding:17px 20px;}
.searchbox span {color:#999; font-size:20px;}
.tableft {width:150px;}
.tabpro {margin-left:180px;}
.hmnews h3 {margin-bottom:10px; padding-bottom:10px;}
.hmnews ul {margin-bottom:5px; overflow:hidden;}
.hmnews li {margin-bottom:10px; padding-bottom:10px;}
.hmnews li .thumbnail {width:75px;}
.hmnews li .info {margin-left:85px;}
.hmnews li h4 {line-height:1.35em; margin-bottom:0;}
.navBtn {display:block; width:22px; position:relative; float:right; height:24px; padding:17px 0; cursor:pointer;}
.navBtn span {display:block; width:100%; height:2px; background-color:#999; position:absolute; top:50%; left:0; margin-top:-1px;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#999; position:absolute; left:0; top:-8.5px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-8px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}
.nav {position:fixed; left:-220px; top:0; width:220px; z-index:9; background-color:#f60; background-color:rgba(255,102,0,.85); height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:left .3s;}
.nav.open {left:0;}
.nav ul {padding:30px 0;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {color:#fff; padding:5px 45px 5px 2em;}
.nav li em {display:block; position:absolute; width:34px; height:34px; right:10px; top:5px; cursor:pointer;}
.nav li em:after {content:''; display:block; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); width:8px; height:8px; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; transition:all .3s;}
.nav li em.open:after {transform:rotate(45deg); margin-top:-8px;}
.nav li ul {position:static; left:auto; top:auto; margin-left:0; width:auto; background-color:transparent; padding:0;}
.nav li li {border:none; text-align:left;}
.nav li li a {padding:5px 0px 5px 3em;}
.pgtitle h3, .pgtitle h1 {font-size:20px;}
.designers ul {width:102%;}
.designers li {width:48%; padding-right:2%;}
.designers li .photo {width:150px;}
.designers li .info {margin-left:160px;}
.designers li .name {line-height:1.5em; margin-bottom:5px;}
.designers li .works p {height:5.25em;}
}
@media only screen and (max-width:960px){
.tableft li {margin-bottom:5px;}
.designer h2 {font-size:26px;}
.designer li .info {width:auto; margin:0 80px;}
.sidebar {display:none;}
.main {margin-right:0;}
.designerpage .info {width:150px; padding-right:2%;}
.designerpage .intro {padding-left:2%;}
}
@media only screen and (max-width:768px){
.header .inner {position:static;}
.bx-wrapper .bx-next {right:15px;}
.bx-wrapper .bx-prev {left:15px;}
.showcase {margin-bottom:5%;}
.tableft {float:none; width:100%; clear:both; margin-bottom:15px;}
.tableft li {float:left; width:25%; text-align:center; font-size:14px; margin-bottom:0;}
.tableft li a {padding:5px;}
.tableft li span {display:none;}
.tabpro {margin-left:0;}
.tabpro ul {width:103%;}
.tabpro li {padding:0 2% 2% 0;}
.material {margin-bottom:15px;}
.material li .info {padding:10px;}
.material li h3 {margin-bottom:0;}
.material li h3 span {font-size:1.25em;}
.sidewidget {width:100%; right:0; bottom:0; border:none; border-top:1px solid #212121; background-color:#333;}
.sidewidget ul { border-top:1px solid #444;}
.sidewidget li {float:left; width:25%; border:none;}
.sidewidget a {margin:0 auto; color:#fff;}
.sidewidget .qrcode {bottom:59px; right:50%; margin-right:-76px;}
.sidewidget .qrcode span {left:50%; margin-left:-10px; top:100%; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:none;}
.footer {padding:20px 0 60px;}
.main {width:100%; float:none;}
.gallery h2 {font-size:20px; margin-bottom:3.5%;}
.gallery li {width:48%;}
.hmnews {margin-bottom:15px;}
.hmnews .boxlist {width:auto;}
.hmnews .box {float:none; width:auto; padding-right:0;}
.hmnews .box-wrap {padding:15px;}
.hmnews li .thumbnail {width:95px;}
.hmnews li .info {margin-left:105px;}
.hmnews li h4 {line-height:1.35em; margin-bottom:2px;}
.hmnews li p {line-height:1.75em; height:3.5em;}
.slides .bx-wrapper .bx-controls-direction a {width:30px; height:30px; margin-top:-15px; background-size:60% auto;}
.slides .bx-wrapper .bx-next {background-position:13px 8px;}
.slides .bx-wrapper .bx-prev {background-position:10px -29px;}
.slides .bx-wrapper .bx-pager {bottom:10px;}
.style {padding:5% 0; margin-bottom:5.2%;}
.style li img {margin-bottom:5px;}
.style li h3 {margin-bottom:0; font-size:14px; font-weight:normal;}
.style li p {display:none;}
.designer {padding:5% 0; margin-bottom:30px;}
.designer .arrow {border-width:10px; margin-left:-10px;}
.designer h2 {font-size:22px; margin-bottom:15px;}
.designer li .photo {width:80px;}
.designer li .info {margin:0 8%;}
.designer li .intro {margin-left:95px; font-size:14px; line-height:1.75em; padding:4px 0;}
.designer .bx-viewport {padding:0;}
.designer .bx-controls {padding-top:15px;}
.designer .bx-controls-direction {display:none;}
.searchbox .form {width:93.75%; padding:10px 3.125%;}
.searchbox form {width:auto;}
.pageslist, .copyright p {padding:2px 0;}
.bloglist {padding-bottom:10px; margin-bottom:10px;}
.bloglist .thumbnail {width:100px;}
.bloglist .info {margin-left:110px;}
.bloglist h2 {font-size:16px; line-height:1.5em; white-space:normal; max-height:3em; overflow:hidden; margin-bottom:2px;}
.bloglist p {white-space:nowrap; text-overflow:ellipsis; height:auto; line-height:1.35em;}
.pagenavi {padding:10px 0;}
.breadcrumb {margin-bottom:20px;}
.pgtitle h3, .pgtitle h1 {font-size:18px;}
.designers ul {width:auto;}
.designers li {width:auto; padding-right:0; float:none;}
.designers li .photo {width:100px;}
.designers li .info {margin-left:110px; padding:5px 0;}
.designers li .works p {height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:0;}
.designerpage .box {display:block; width:auto;}
.designerpage .info {display:table; width:100%; table-layout:fixed; padding-right:0; margin-bottom:15px;}
.designerpage .photo {width:80px; display:table-cell; vertical-align:middle;}
.designerpage .hot {display:table-cell; vertical-align:middle; margin-top:0; padding:0;}
.designerpage .intro {padding-left:0; display:block;}
.designerpage .hello, .entry p, .entry ul, .entry ol, .entry blockquote {margin-bottom:10px;}
.designerpage .concept {margin-bottom:15px;}
.caselist {width:102%;}
.caselist li {width:48%;}
.newslist ul {margin-bottom:10px;}
.newslist li {padding-bottom:5px; margin-bottom:5px;}
.related-shows li {width:48%;}
}
@media only screen and (max-width:640px) {
.msg-submit .submit-content .submit {margin-left:20%;}
}
@media only screen and (max-width:540px) {
.material ul {width:auto;}
.material li {width:auto; float:none; padding-right:0;}
.material li .intro {height:auto;}
.hmnews .boxlist {width:100%;}
.hmnews .box {float:none; width:100%; margin-right:0; clear:both;}
}
@media only screen and (max-width:480px) {
.comments-list .gravatar {width:45px; height:45px; margin-right: 15px;}
.comments-list li li {padding-left:15px;}
.related-news ul li a {width:70%;}
}
@media only screen and (max-width:360px) {
#respond textarea {width:261px;}
.msg-submit .submit-content p {margin-top:10px;}
}