/*
Theme Name:zbuniversal
Theme URI: http://www.boke8.net/zbuniversal.html
*/
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:#fff; font:100%/1.75em tahoma,Arial,'Microsoft Yahei','SimSun'; overflow-x:hidden;}
a {text-decoration:none; color:#555; outline:none;}
a:hover {color:#E04D47;}
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;}
.inner {width:1200px; margin:0 auto;}
/*searchbar*/
.search_main {position:relative;}
.search_main .searchBtn {background:url(images/search.png) no-repeat center 12px; width:40px; height:36px; float:right; cursor:pointer;}
#searchbar {overflow:hidden; width:264px; position:absolute; top:73px; right:0; padding:8px; z-index:9; background-color:rgba(255,255,255,.8); border:1px solid #eee; display:none;}
#searchbar form {overflow:hidden;}
#searchbar .text {float:left; background-color:#fff; color: #333; height:24px; line-height:24px; padding:5px; width:220px; border:none;}
#searchbar .submit {float:left; width:34px; height:34px; cursor:pointer; -webkit-appearance:none; background:url(images/search.png) no-repeat center 12px; border:none;}
.header.fixed #searchbar {top:52px;}

#service,.aboutUs,#products,#news,.showcase,#contactUs,.footer,#container,#productsBox {width:1200px; margin:0 auto;}
/*header*/
.header {background-color:#fff; width:100%; border-bottom:2px solid #E04D47; padding:31px 0; transition:all 0.5s ease-in 0s; position:relative; z-index:9999;}
.header.fixed {position:fixed; left:0; top:0; z-index:999; transition:all 0.5s ease-in 0s; padding:10px 0;}
.header .inner {position:relative;}

.language {float:right; padding-top:6.5px;}
.language span {display:inline-block; float:left; width:25px; height:25px; background:#929292; color:#fff; text-align:center; line-height:25px; font-size:0.875em; border-radius:50%; margin-left:5px; cursor:pointer;}
.language span a {display:block; width:25px; height:25px; border-radius:50%; color:#fff;}
.language span.on {background:#E04D47;}
.btn {float:right; height:22px; line-height:22px; color:#E04D47; cursor:pointer; padding-top:7px; font-size:1.25em; display:none;}
.btn span {float:left; font-size:0.875em; padding-right:2px;}
.btn i {font-size:1.25em;}

.logo {float:left; width:160px; margin-right:20px; display:inline; height:auto;}
.logo img {display:block; width:100%; height:auto;}

.menu {float:right; height:38px; width:700px; transition:all 0s ease-in 0s;}
.menu ul {width:100%; transition:all 0s ease-in 0s;}
.menu li {float:left; line-height:38px; padding:0 2px 10px; position:relative;}
.menu li a {display:block; float:left; padding:0 13px; }
.menu li a:hover,.menu li a.on,.menu li a.onclick {background:#E04D47; color:#fff; border-radius:4px;}
.menu li ul {position:absolute; left:0; top:45px; width:200px; background-color:#E04D47; border-radius:5px; overflow:hidden; padding:5px 0; z-index:999; height:0; padding:0; opacity:0;}
.menu li.cur ul {opacity:1; height:auto; padding:5px 0; transition:opacity 0.5s ease 0s; overflow:visible;}
.menu li ul span {border-bottom:8px solid #E04D47; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-8px; left:40px;}
.menu li li {float:none; padding:0 15px; line-height:1.75em;}
.menu li li a {float:none; clear:both;}
.menu li li a,.menu li li a.on {color:#fff;}
/*breadcrumb*/
.breadcrumb {background-color:#F2F2F2; height:30px; border-bottom:1px solid #E4E4E4; line-height:30px; clear:both; font-size:14px; padding:5px 0;}
.breadcrumb .inner {overflow:hidden;}
.breadcrumb h3 {font-size:14px; font-weight:normal; background:url(images/arrow-right.png) no-repeat right center; padding-right:20px; float:left;}
.breadcrumb .left {margin-right:150px; overflow:hidden;}
.breadcrumb .notice {margin-left:76px; padding:0px 5px; height:30px; position:relative; line-height:30px; overflow: hidden;}
.breadcrumb .notice ul {line-height:30px; position:absolute; top:0; left:10px; width:100%;}
.breadcrumb .notice li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.breadcrumb .swap {top:30px;}


.breadcrumb .notice a:hover {text-decoration:underline;}
.breadcrumb .right {float:right;}
.breadcrumb .weibo {margin-top:4px; padding-left:5px; width:67px; height:30px; overflow:hidden;}
/*allTitle*/
.allTitle {margin-bottom:20px; overflow:hidden;}
.allTitle span{float:right; background-color:#E04D47; padding:0 15px; color:#fff; font-size:14px; border-radius:5px; height:35px; line-height:35px; display:block;}
/*service*/
#service {background-color:#fff; padding:30px 10px 0; overflow:hidden;}
#service .allTitle span {float:left;}
#service .serviceBox {float:left; position:relative; width:380px; padding:0 10px 30px;}
#service .serviceBox i {float:left; color:#E04D47; letter-spacing:0.5em;}
#service .serviceBoxInfo {float:left; width:326px;}
#service .serviceBoxInfo h3 {font-weight:normal; font-size:16px; line-height:1.125em;}
#service .serviceBoxInfo h3 a {color:#000;}
#service .line {width:20%; background:#ddd; height:3px; border-radius:1px; margin:10px 0 15px 48px;}
#service .serviceBoxTxt {font-size:14px; line-height:1.75em; color:#444;}
/*about*/
#aboutUs,#showcase {background-color:#F9F9F9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0;}
.aboutUs {overflow:hidden;}
.aboutUs .allTitle {text-align:right;}
.aboutUs .aboutUsThumb {float:left; width:520px;}
.aboutUs .aboutUsThumb img {display:block; width:100%; height:auto;}
.aboutUs .aboutUsTxt {margin-left:540px; font-size:14px; overflow:hidden;}
.aboutUs p {margin-bottom:15px;}
.aboutUs .more {text-align:right; margin-bottom:0;}
.aboutUs .more a{padding:3px 10px; background:#E04D47; color:#fff; font-size:0.875em; border-radius:4px;}
.aboutUs .more a:hover {opacity:0.9;}
/*products*/


.productsMenu li,
.newsMenu li {float:left; color: #5C5C5C; padding:0 15px; background-color:#EEE; margin:0 10px 5px 0; display:inline-block; font-size:14px; border-radius:3px; cursor:pointer; height:35px; line-height:35px;}
.productsMenu li.on,
.newsMenu li.on {background-color:#E04D47; color:#fff;}
.productsAll .hide,
.newsBox .hide {display:none;}

#products {border-bottom:1px solid #ddd; padding:30px 0 10px;}
.productsMenu {overflow:hidden; margin-bottom:20px;}
.productsMenu ul {overflow:hidden;}
.productsList {clear:both; overflow:hidden;}
.productsList ul {overflow:hidden; width:102%;}
.productsList li {width:23%; float:left; padding:0 2% 10px 0;}
.productsList .productsThumb {width:100%; padding-bottom:75%; overflow:hidden; position:relative;}
.productsList .productsThumb a {display:block;}
.productsList .productsThumb img {position:absolute; left:0; top:0; width:100%; min-height:100%; display:block;}
.productsList h2 {font-size:14px; padding:5px 0; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.productsList h2 a {color:#333;}
/*#news*/
.partner {float:right; width:540px; overflow:hidden;}
.partner ul {overflow:hidden; width:103%;}
.partner li {float:left; width:31%; padding:0 2% 15px 0;}
.partner li .item {border:1px solid #e4e4e4; padding:5px 15px;}
.partner li a {display:block; padding-bottom:62.5%; position:relative; overflow:hidden;}
.partner li img {position:absolute; left:0; top:0; width:100%; height:100%; display:block; filter:grayscale(100%); opacity:0.65;}
.partner li img:hover {opacity:0.8; filter:none;}

#news {padding:30px 0 20px; overflow:hidden;}
.newslist {margin-right:590px; overflow:hidden;}
.newsMenu {margin-bottom:15px;}
.newsMenu ul {overflow:hidden;}
.newsMenu li {float:left;}
.newsBox li {font-size:14px; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:8px; margin-bottom:8px;}
.newsBox li span {float:right; font-size:12px; color:#888;}
.newsBox li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:65px;}
.newsBox li i {color:#E04D47; font-style:normal;}

.newsPage li a {margin-right:90px;}
/*showcase*/
#showcase .allTitle span {float:left;}
#showcase li {overflow:hidden; width:230px;}
#showcase li .pic {padding:0 5px;}
#showcase li a {display:block; padding-bottom:75%; position:relative; overflow:hidden;}
#showcase li img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0; transition:transform 0.5s ease-in 0s; }
#showcase li img:hover {transform:scale(1.3,1.3); opacity:0.8;}
#showcase .homebx {padding:0 30px; position:relative;}
#showcase .bx-prev, #showcase .bx-next {display:blcok; text-indent:-9999em; position:absolute; top:50%; width:25px; height:25px; margin-top:-12.5px; background:no-repeat center center;}
#showcase .bx-prev {left:0; background-image:url(images/arrow_left.png);}
#showcase .bx-next {right:0; background-image:url(images/arrow_right.png);}
/*contactUs*/
#contactUs {background-color:#fff; padding:30px 0; overflow:hidden;}
#contactUs .allTitle span {width:110px; margin:0 auto; text-align:center; float:none; padding:0;}
.contactForm {width:550px; float:left; overflow:hidden; padding-left:3px;}
.contactForm img {display:block; width:auto; max-width:100%; height:auto;}
.contactInfo {width:550px; float:right;}
.contactInfo h3 {font-weight:normal; font-size:1em; margin-bottom:20px;}
.contactInfo .contactTxt {font-size:0.875em; color:#555; margin-bottom:20px;}
.contactInfo .contactTxt ul li {line-height:2.5em; font-size:1.125em; letter-spacing:1px;}
.contactInfo .contactTxt ul li i {padding-right:10px; color:#E04D47;}
.contactInfo .contactTxt ul li a {color:#E04D47;}
/*banner*/
#banner {width:100%; overflow:hidden; height:auto;}
#banner img {width:100%; height:auto; display:block;}

/*slides*/
.slides {position:relative; }
.slides ul {padding-bottom:460px; position:relative; overflow:hidden;}
.slides .bx-pager {position:absolute; left:0; bottom:20px; width:100%; font-size:0; line-height:normal; text-align:center; z-index:51;}
.slides .bx-pager-item {display:inline-block; padding:0 5px;}
.slides .bx-pager-item a {display:block; width:10px; height:10px; border-radius:50%; background-color:rgba(255,255,255,.8); text-indent:-9999em;}
.slides .bx-pager-item a.active {background-color:#E04D47;}
.slides li {background:no-repeat center center; background-size:auto 100%; width:100%; height:100%; position:absolute; left:0; top:0;}
.slides li a {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

/*container*/
#container {overflow:hidden; padding:30px 0;}
.sidebar {float:left; width:280px;}
.sideMenu,.widget {margin-bottom:25px;}
.sideMenu h3 {background:#E04D47; font-weight:normal; color:#fff; padding:5px 20px; border-radius:4px 4px 0 0; font-size:0.875em; border-bottom:1px solid #000;}
.sideMenu a {color:#fff;}
.sideMenu ul li a {display:block; background:#222; border-bottom:1px solid #000; border-top:1px solid #333; padding:5px 20px; font-size:0.875em;}
.sideMenu ul li a:hover {background:#323232;}
.widget {border:1px solid #ddd; overflow:hidden;}
.widget h3 {font-size:0.9em; font-weight:normal; background:#eee; border-top:2px solid #E04D47; border-bottom:1px solid #dedede; padding:3px 20px;}
.widget ul,.widget .tagcloud,.widget .searchform,#divSearchPanel div {padding:5px 10px;}
.widget ul li {font-size:14px; border-bottom:1px solid #eee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0;}
.widget ul li:last-child {border-bottom:none;}
.widget ul li a:hover {text-decoration:underline;}
.widget img {max-width:100%; height:auto;}
.widget .textwidget {padding:10px;}
.widget p {font-size:0.875em;}
.widget .searchform {font-size:0.875em;}
.widget .searchform .screen-reader-text {color:#E04D47;}
.widget .searchform #s {border:1px solid #ddd; height:25px; line-height:25px;}
.widget .searchform #searchsubmit {border:none; background:#E04D47; color:#fff; height:25px; cursor:pointer; -webkit-appearance:none;}
.widget #calendar_wrap #wp-calendar {width:100%;}
.widget #calendar_wrap #wp-calendar caption {border:1px solid #ccc; border-bottom:none; padding:5px 0;}
.widget #calendar_wrap #wp-calendar thead {border-bottom:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar thead tr {border-right:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar #today {background:#E04D47; color:#fff;}
#divSearchPanel div {overflow:hidden;}
#divSearchPanel input {float:left;}
#divSearchPanel input[type="text"] {border:1px solid #ddd; padding:5px 0; text-indent:5px; width:70%;}
#divSearchPanel input[type="submit"] {border:none; background-color:#222; color:#fff; cursor:pointer; height:28px; padding:0 5px;}
.widget h3 img {float:right; padding-top:8px;}
.widget table {width:100%; text-align:center;}
.widget table a {font-weight:bold; color:#f00;}
/*main*/
.main {float:right; width:865px;}
.newsBox h3,.itemList h3 {font-size:1em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:8px; color:#E04D47; font-family:'Microsoft Yahei';}
.newsBox h3 a {color:#E04D47;}

/*productsBoxMenu*/
#productsBox {padding:30px 0;}
#productsBox .productsList h3 {font-family:'Microsoft Yahei'; font-weight:normal; height:45px; line-height:45px;}
#productsBox .productsList h3 span {border-bottom:2px solid #E04D47; padding:0 10px 8px;}
/*itemList*/
.itemList {overflow:hidden; margin-bottom:25px;}
.itemList ul {width:103%; overflow:hidden;}
.itemList li {float:left; width:31%; padding-right:2%; padding-top:2%; text-align:center;}
.itemList li .thumbnail {padding-bottom:75%; overflow:hidden; position:relative; margin-bottom:8px;}
.itemList li img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.itemList li h2 {font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*post*/
.post h2 {font-weight:normal; font-size:1.5em; text-align:center; border-bottom:1px solid #ddd; padding-bottom:15px;}
.post .postmeta {font-size:0.75em; color:#999; text-align:center; padding:5px 0; margin-bottom:15px;}
.post .postmeta span {padding:0 3px;}
.post .entry {font-size:0.875em; border-bottom:1px solid #ddd; margin-bottom:15px;}
.post .entry blockquote {background:#f5f5f5; border:1px solid #ddd; padding:15px 2em; padding-bottom:0;}
.post .entry p,.post .entry blockquote {margin-bottom:15px;}
.post .entry ul,.post .entry ol {padding-left:2em; margin-bottom:15px;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.post .entry ul li {list-style:inside disc none; margin-bottom:5px;}
.post .entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry hr {border:none; border-bottom:1px solid #E04D47; margin-bottom:15px;}
.post .entry a {color:#E04D47;}
.post .entry a:hover {text-decoration:underline;}
.post .pn {font-size:0.875em; margin-bottom:25px;}
.relatedPost,.relatedProcuts {margin-bottom:20px;}
.relatedPost h3,.commentslist h3,.relatedProcuts h3,#comment h3 {font-weight:normal; font-size:1.25em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.relatedPost h3 i,.commentslist h3 i,.relatedProcuts h3 i {color:#888; font-size:0.7em; padding-right:1em;}
.relatedPost ul li {font-size:14px; padding:2px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relatedPost ul li i {padding-right:1em;}
.relatedProcuts .bx-wrapper {box-shadow:none; border:0;}
.relatedProcuts li .thumbnail {padding-bottom:75%; position:relative; overflow:hidden;}
.relatedProcuts li img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.relatedProcuts .bx-pager {text-align:center; font-size:0; line-height:normal;}
.relatedProcuts .bx-pager-item {display:inline-block; padding:15px 5px 0;}
.relatedProcuts .bx-pager-item a {display:block; width:10px; height:10px; background-color:#ddd; border-radius:50%; outline:none;}
.relatedProcuts .bx-pager-item a.active {background-color:#e04d47;}
/*commentslist*/
.commentslist {margin-bottom:20px;}
.commentslist ol li {clear:both; margin-top:20px; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.commentslist ol li .cmtWrap {position:relative; padding-left:60px;}
.commentslist ol li .cmtWrap .gravatar {position:absolute; left:0; top:3px; width:45px; height:45px;}
.commentslist ol li .cmtWrap .gravatar img {width:100%; height:100%; border-radius:50%; transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .gravatar img:hover {transform:rotateZ(360deg); transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .cmtCont {font-size:0.875em; border:1px solid #eaeaea; background:#f5f5f5; padding:0 10px;}
.commentslist ol li .cmtWrap .cmtCont .cmtAuthor span {float:right; font-size:0.875em; color:#999;}
.commentslist ol li .cmtWrap .cmtCont .cmtDate {font-size:0.75em; color:#aaa; border-bottom:1px solid #eaeaea;}
.commentslist ol li .cmtWrap .cmtCont .cmtTxt {padding:10px 0;}
.commentslist ol li li {padding-left:20px; border-bottom:none;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.875em; margin-top:25px;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; padding:0px 8px; border:1px solid #ddd; border-radius:3px; margin:0 3px;}
.pagenavi a:hover,.pagenavi span.now-page {color:#fff; background:#E04D47; border:1px solid #E04D47; transition:all 0.4s ease 0s;}
/*respond*/
#comment {overflow: hidden}
#comment p {margin-bottom: 15px; font-size: .875em}
#comment p a {color: #e04d47}
#comment label {display: block;color: #555}
#comment label i {color: #f00;	font-style: normal}
#comment .text {border: 1px solid #ddd;	height: 20px;	line-height: 20px;	padding: 5px;	width: 95%}
#comment .text:hover,#comment .text:focus,#comment textarea:hover,#comment textarea:focus {
	border: 1px solid #e04d47;
	transition: border .4s ease 0s
}

#comment textarea {
	border: 1px solid #ddd;
	padding: 10px 5px;
	width: 95%;
	height: 140px;
	font-size: .875em
}

#comment .submit {
	background: #e04d47;
	border: 0;
	border-radius: 3px;
	padding: 8px 18px;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none
}

#comment .submit:hover {
	background: #f55540
}
/*footer*/
#footer {background:#F2F2F2; border-top:2px solid #eee;}
.footLine {border-top: 1px solid #D9D9D9;}
.footer {padding:20px 0;}
.footLeft {float:left; width:800px;}
.pageslist {margin-bottom:15px;}
.pageslist ul {overflow:hidden;}
.pageslist ul li { font-size:0.875em; margin-right:25px; display:inline;}
.pageslist ul li ul {display:none;}
.socialSns {clear:both; margin-bottom:10px;}
.socialSns a {display:inline-block; width:24px; height:24px; text-indent:-9999em; background:url(images/icon-sns.png) no-repeat; margin-right:10px; filter: grayscale(100%); opacity:0.65;}
.socialSns a.tencent {background-position:0px -31px;}
.socialSns a.weixin {background-position:0px -62px; position:relative; cursor:pointer;}
.socialSns a.weixin img {display:none; position:absolute; bottom:30px; left:0; width:100px; height:100px;}
.socialSns a.weixin.code {opacity:1;}
.socialSns a.renren {background-position:0px -92px;}
.socialSns a.qzone {background-position:0px -123px;}
.socialSns a.facebook {background-position:0px -154px;}
.socialSns a.twitter {background-position:0px -185px;}
.socialSns a.rss {background-position:0px -216px;}
.socialSns a:hover {filter: grayscale(0); opacity:1;}
.footRight {width:400px; float:left; text-align:right;}
.footRight .phone {font-size:2.5em; color:#E04D47; font-family:Arial; font-style:italic; padding:10px 0;}
.footRight .phone a {color:#E04D47;}
.friendlinks ul li {display:inline; font-size:0.875em; padding:10px 10px 10px 0; color:#555;}
.footRight .phone .icon-mobile-phone {padding-right:10px; color:#aaa;}
.footRight .copyright {font-size:0.75em; color:#666;}
/*backTop*/
#backTop a{display:block; background:#E04D47; width:30px; height:30px; position:fixed; right:5px; bottom:10%; z-index:99999; cursor:pointer; border-radius:50%; color:#fff; text-align:center; line-height:27px;}
#backTop a:hover {background-color:#ED4646;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner,	
	#service,
	.aboutUs,
	#products,
	#news,
	.showcase,
	#contactUs,
	.footer,
	#container,
	#productsBox {
		width:93.75%;
	}
	.logo {
		width:13.333333%;
		margin-right:1.666667%;
	}
	
	#service .serviceBox {
		width:31.666667%;
		padding:0 0.833333%;
	}
	#service .serviceBoxInfo {
		width:85.789474%;
	}
	.contactForm,
	.contactInfo {
		width:45.833333%;
	}
	.contactForm {
		padding-left:0.25%;
	}
	.contactForm .inputBox {
		width:45.454545%;
		margin-right:4.545455%;
	}
	.contactForm textarea {
		width:90.909091%;
	}
	.footLeft {
		width:58.666667%;
	}
	.footRight {
		width:41.333333%;
	}
	.pageslist ul li {
		margin-right:3.125%;
	}
	.sidebar {
		width:23.333333%;
	}
	.main {
		width:72.083333%;
	}
	
	
	.slides ul {padding-bottom:35.9375%;}
}
@media only screen and (max-width:1024px){
	.header {
		padding:20px 0;
	}
	.logo {
		width:160px;
		transition:all 0.4s ease 0s;
	}
	.menu {
		width:68.359375%;		
	}
	.menu li {		
		font-size:0.875em;		
	}
	#searchbar {
		top:61px;
	}
	
	.aboutUs .aboutUsThumb {float:none; width:auto; margin-bottom:15px;}
	.aboutUs .aboutUsThumb img {width:auto; max-width:100%; height:auto; margin:0 auto;}
	.aboutUs .aboutUsTxt {margin-left:0;}
	.partner {float:none; width:auto; margin-bottom:10px;}
	.partner li {width:14.5%;}
	
	.newslist {margin-right:0;}
}
@media only screen and (max-width:960px){
	.menu {
		width:64%;		
	}
	.menu li a {
		display: block;
		float: left;
		padding: 0px 6px;		
	}
	.footRight .phone {
		font-size:2em;
	}
}

@media only screen and (max-width:840px){	
	.btn {
		display:block;
	}
	.btn {
		display:block;
	}
	/*nav*/
	.menu {position:fixed; height:100%; background:#E04D47; width:0; left:0; top:0; z-index:1000; color:#fff; font-size:0.875em; overflow:hidden; float:none; transition:all 0s ease-in 0s;}
	.menu li {float:none; padding:0; font-size:1em; transition:all 0s ease-in 0s; overflow:hidden;}	
	.menu li a {color:#fff; display:block; width:90%;  padding:0; padding-left:10%; border-bottom:1px solid #d04D47; border-top:1px solid #ED4646; line-height:3em; transition:all 0s ease-in 0s; float:none;}
	.menu li a:hover {border-radius:0;  transition:all 0s ease-in 0s;}
	.menu li li a{padding-left:20%; width:80%; transition:all 0s ease-in 0s;}
	.menu li a.onclick {border-radius:0; transition:all 0s ease-in 0s;}	
	.menu.slide {overflow:scroll; width:50%; transition:all 0s ease-in 0s;}
	.menu li ul {display:block; position:relative; left:auto; top:auto; height:auto; opacity:1; overflow:visible; background-color:transparent; width:100%;}
	.menu li.cur ul {padding:0;}
	.menu li ul span {display:none;}
	.menu li li {padding:0;}
}
@media only screen and (max-width:768px){
	
	.logo {
		float:left;		
	}	
	.allTitle,
	.aboutUs .allTitle,
	#news .partner .allTitle,
	.showcase .allTitle {
		text-align:center;
	}
	#service {
		padding:30px 10px 0;
	}
	#service .serviceBox {
		width:100%;
		float:none;
		overflow:hidden;
		margin-bottom:30px;
	}
	.contactForm .inputBox {
		float:none;
		clear:both;
		margin-right:0;
	}
	.contactForm .text {
		width:90%;
		margin-bottom:10px;
	}
	.contactForm textarea {
		height:110px;
	}
	.footRight,
	.footLeft {
		width:100%;
		float:none;
		text-align:center;
		clear:both;
	}
	.sidebar {
		display:none;
	}
	.main {
		float:none;
		width:100%;
	}
	
	.slides .bx-pager {bottom:10px;}
	
	.allTitle {margin-bottom:15px;}
	#products {padding:15px 0 5px;}
	.productsMenu {margin-bottom:10px;}
	.productsList li {width:48%; padding-bottom:5px;}
	
	#news {padding:15px 0 10px;}
	.partner li {width:31%; padding-bottom:10px;}
	.newsMenu {margin-bottom:5px;}
	
	#showcase, #aboutUs {padding:15px 0;}
	
	.itemList ul {width:105%; overflow:hidden;}
	.itemList li {width:45%; padding-right:5%; padding-top:10px;}
	.itemList li .thumbnail {margin-bottom:5px;}
	.itemList li h2 {font-size:14px;}
	
	.post h2 {font-size:18px;}
	
	.header {padding:12px 0;}
	
	.breadcrumb .right h3 {display:none;}
	.breadcrumb .left {margin-right:72px;}
	.breadcrumb h3 {padding-right:15px;}
	.breadcrumb .notice {margin-left:71px;}
}
@media only screen and (max-width:640px) {
	
	.contactForm,.contactInfo {
		float:none;
		width:100%;
		padding:0;
	}
	.contactForm textarea {
		width:90%;
		padding:10px 4%;
	}
}

@media only screen and (max-width:480px) {
	.logo {
		width:140px;
		margin-top: 1px;
		display:inline;
	}	
	
	.post .postmeta {
		font-size:0.75em;
	}
}