@charset "utf-8";
body, 
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	max-height: auto;
	font-size: 16px;
	line-height: 32px;
	font-weight: normal;
	color: #323232;
	font-family: "Microsoft JhengHei";
}
body *{	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;	
}
img{
	height:auto;
	min-height:auto;
	max-height:auto;
}
iframe{
	display: none;
}
body{
	display: flex;
	flex-direction: column;
	background-color: #FFFFFA;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, li, p, i, img, a, h1, h2{
	padding: 0;
	margin: 0;
	font-weight: normal;
	list-style: none;
	border-style: none;
	font-style: normal;
	border: 0px;
}
body, 
html,
#masonry,
.masonry,
.layout-full,
.article{
	float: left;
	width: 100%;
}
.layout-full {
	min-width: 1320px;
	position: relative;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}
.layout-center {
	width: 1320px;
	display: block;
	min-height: 1px;
	height: auto;
	margin: 0 auto;
	padding: 0 15px;
}
.layout-full.top {
	height: 125px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #4CB500;
	background-image: url(../images/bg-top.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	z-index: 3;
	position: fixed;
	left: 0px;
	top: 0px;
}
.layout-center.top {
	height: 100%;
}
.layout-center.top .logo,
.layout-center.top .logo img,
.layout-center.top .menu li,
.layout-center.top .menu a{
	float: left;
}
.layout-center.top .logo{	
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.layout-center.top .menu {
	clear: right;
	float: right;
}
.layout-center.top .menu a{
	text-decoration: none;
}
.layout-center.top .menu.cart {
	margin-top: 27px;
	margin-bottom: 13px;
}
.layout-center.top .menu.cart li{
	margin-left: 16px;
}
.layout-center.top .menu.cart .dist {
	margin-left: 0px;
}
.layout-center.top .menu.cart .dist::before{
	content: '/';
	float: left;
	margin-right: 7px;
	margin-left: 7px;
}
.layout-center.top .menu.cart li a {
	font-size: 14px;
	font-weight: bold;
	color: #4D4D4D;
	vertical-align: middle;
}
.layout-center.top .menu.cart li a:hover {
	color: #808080;
}
.layout-center.top .menu.cart li a > *{
	vertical-align: middle;
	font-weight: bold;
}
.layout-center.top .menu.cart li a i .count {
	color: #006DBB;
}
.layout-center.top .menu.nav > li {
	margin-left: 45px;
}
.layout-center.top .menu.nav > li > * {
	color: #333333;
	font-family: "Microsoft YaHei";
}
.layout-center.top .menu.nav li:hover > *{
	color: #808080;
}
.layout-center.top .menu.nav .dist {
	display: none;
}
.layout-center.top .menu.nav .next i{
	position: relative;
}
.layout-center.top .menu.nav .next i::before {
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom-color: #F7931E;
	border-top: 0;
	margin-left: -16px;
	margin-top: -16px;
	bottom: -22px;
}

.layout-center.top .menu.nav .next .sub {
	position: absolute;
	background-color: #EE7700;
	background-image: url(../images/bg-nav-sub.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	left: 0px;
	top: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	-webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow:         0 4px 4px rgba(0, 0, 0, 0.2);
}
.layout-center.top .menu.nav .next .sub li{
	padding-right: 20px;
	padding-left: 20px;
}
.layout-center.top .menu.nav .next .sub li a {
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #FFFFFF;
	line-height: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.layout-center.top .menu.nav .next .sub li a:hover,
.layout-center.top .menu.nav .next .sub li a.selected{
	color: #68360d;
}
.layout-center.top .menu.nav .next .sub li:not(:last-of-type){
	background-image: url(../images/bg-nav-sub-button.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.layout-full.bottom {
	background-color: #F68B02;
	line-height: 32px;
	padding-top: 14px;
	padding-bottom: 14px;
}
.layout-center.bottom {
	padding-right: 0px;
	padding-left: 0px;
	color: #FFF;
}
.bottom-box {
	float: left;
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}
.bottom-box .sns {
	float: left;
	color: #FFF;
	text-decoration: none;
	margin-right: 23px;
	font-size: 14px;
	font-weight: bold;
}
.bottom-box .sns img {
	vertical-align: middle;
	float: left;
	margin-right: 9px;
}
.bottom-box .copyright {
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.bottom-box .copyright a {
	color: #FFF;
	text-decoration: none;
}
.layout-full.footer {
	background-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8CC63F;
	padding-top: 23px;
	padding-bottom: 19px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
}
.bottom-box.contacts .list {
	float: left;
	margin-right: 15px;
	font-weight: bold;
}
.bottom-box.contacts .list i {
	color: #EE7700;
	font-weight: bold;
}
#google_translate_element {
	float: left;
	margin-top: 20px;
}
.layout-full.banner{
	margin-top: 163px;
}
.layout-full.banner img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.layout-full.middle{flex: 1 0 auto;}
.layout-full.middle.inner {
	padding-bottom: 50px;
}

.block-title {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 40px;
	color: #754C24;
}
.block-title > * {
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
	margin-left: 8px;
}
.article{
	position: relative;
}
.contact-table {
	float: left;
	width: 66.66%;
}
.contact-table .note {
	font-size: 16px;
	color: #666666;
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	line-height: 22px;
}
.contact-table .mark {
	color: #EE7700;
}
.contact-table .list {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	display: flex;
}
.contact-table .list.s {
	width: 50%;
}
.contact-table .list.s:nth-child(even){
	padding-lfet: 10px;
}
.contact-table .list.s:nth-child(odd){
	padding-right: 10px;
}
.contact-table .list .label {
	float: left;
	width: 69px;
	line-height: 40px;
}
.contact-table .list .box {
	overflow: hidden;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display: flex;
	flex:1;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 4px rgba(0, 0, 0, 0.2);
}
.contact-table .list .box.none {
	-webkit-box-shadow: none;
	box-shadow:         none;
	border:none;
}
.contact-table .list .box *{
	font-size: 15px;
	line-height: 38px;
	font-weight: normal;
}
.contact-table .list .box .field {
	float: left;
	width: 100%;
	min-height: 32px;
	background: transparent;
	border: none;
	padding-left: 5px;
	flex:1;
}
.contact-table .list .box .field.sex {
	float: right;
	width: 90px;
	flex: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.contact-table .list .box select.field {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-attachment: scroll;
	background-image: url(../images/select-switch.png);
	background-repeat: no-repeat;
	background-position: right 14px center;
}
.contact-table .list .box select.field::-ms-expand { 
	display: none; 
}
.contact-table .list .box #message {
	height: 106px;
	overflow: hidden;
}
.contact-table .list .box.codekey {
	float: left;
	margin-right: 10px;
}
.contact-table .list .send {
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #006DBB;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	width: 100%;
}
.contact-table .list .send:hover{
	background-color: #0055BA;
}
.contact-info {
	float: right;
	width: 31%;
}
.contact-info .top {
	line-height: 40px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F4C645;
	background-image: url(../images/bg-contact-info.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	float: left;
	width: 100%;
	font-family: "Microsoft YaHei";
	color: #FFF;
}
.contact-info .content {
	background-color: #F1F1EB;
	padding: 20px;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.contact-info .links {
	float: left;
	width: 100%;
	background-color: #F1F1F1;
	background-image: url(../images/contact-map-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:auto 40px;
	height: 45px;
	border: 1px solid #FFF;
	text-decoration: none;
}
.contact-info .links:hover {
	background-color: #C1272D;
	background-image: url(../images/contact-map-2.png);
}
.layout-center.news,
.layout-center.products {
	padding-right: 0px;
	padding-left: 0px;
}

.news-list {
	float: left;
	width: 33.33%;
	padding-right: 15px;
	padding-left: 15px;	
}
.news-list a,
.news-list a .image,
.news-list a .title,
.news-list a .info,
.layout-content,
.layout-content.news .header,
.layout-content.news .date{
	float: left;
	width: 100%;
}
.news-list a {
	text-decoration: none;
	background-color: #FFF;
	margin-bottom: 60px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 4px rgba(0, 0, 0, 0.2);
}
.news-list a .image {
	padding-top: 64.88%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.news-list a .image .date  {
	height: 70px;
	width: 70px;
	color: #FFF;
	background-color: #FBB03B;
	position: absolute;
	left: 20px;
	bottom: -40px;
	text-align: center;
}
.news-list a .image .date i {
	display: block;
}
.news-list a .image .date .md {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 13px;
}
.news-list a .image .date .y {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.news-list a .title {
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	padding-right: 20px;
	padding-left: 105px;
	height: 48px;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 8px;
}
.news-list a .info {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
	height: 44px;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 14px;
}
.news-list a:hover .image .date{
	background-color: #AF2D00;
}
.news-list a:hover .title{
	text-decoration: underline;
}
.layout-content {
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	padding: 40px;
}
.layout-content > .header {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006DBB;
	border-bottom-color: #CCCCCC;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	padding-top: 18px;
	padding-bottom: 16px;
}
.layout-content.news .date {
	font-size: 16px;
	color: #999999;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 40px;
}
.layout-content.news .date .fa {
	margin-right: 10px;
}
.article-categories {
	float: left;
	width: 220px;
	background-image: url(../images/bg-contact-info.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.article-categories .swtich,
.article-categories .nav,
.article-categories .nav li,
.article-categories .nav a,
.article-box .header,
.article-box > .list,
.article-box > .list .content .center,
.article-box > .list .content .title,
.article-box > .list .content .info{
	float: left;
	width: 100%;}
.article-categories .swtich {
	background-image: url(../images/article-categories-switch.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size:auto 18px;
	line-height: 40px;
	text-align: center;	
	font-family: "Microsoft YaHei";
	color: #FFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F4C645;
}
.article-categories .nav li a {
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	background-color: #F1F1EB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 22px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 10px;
	padding-left: 40px;
	background-image: url(../images/article-categories-nav-button-1.png);
	background-position: 23px center;
	background-repeat: no-repeat;
}
.article-categories .nav li a:hover,
.article-categories .nav li a.selected {
	color: #006DBB;
	background-image: url(../images/article-categories-nav-button-2.png);
}
.article-box {
	margin-left: 250px;
}
.article-box .header {
	font-size: 24px;
	line-height: 30px;
	color: #006DBB;
	margin-bottom: 18px;
}
.article-box > .list {
	text-decoration: none;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	margin-bottom: 40px;
}
.article-box > .list .image {
	float: left;
	width: 308px;
	height: 200px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.article-box > .list .content {
	display: block;
	height: 200px;
	padding: 20px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.article-box > .list .content .title {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	margin-bottom: 14px;
}
.article-box > .list .content .info {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
	max-height: 66px;
	overflow: hidden;
}
.article-box > .list:hover .image::after{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(251, 176, 59, 0.7);
	height: 100%;
	width: 100%;
	background-image: url(../images/article-list-image.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:52px auto;
}
.article-box > .list:hover .content .title,
.article-box > .list:hover .content .info{
	text-decoration: underline;
}
.layout-content.va .header {
	margin-bottom: 35px;
}
.layout-full.middle.abouts {
	background-attachment: fixed;
	background-image: url(../upload/banner-abouts.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 387px;
}
.layout-abouts {
	background-color: rgba(255, 255, 255, 0.9);
	float: left;
	width: 100%;
	padding: 40px;
}
.layout-abouts .block-title  {
	margin-top: 0px;
}
.products-list {
	float: left;
	width: 25%;
	padding-right: 15px;
	padding-left: 15px;
}
.products-list .box,
.products-list .box .top,
.products-list .box .top .image,
.products-list .box .top .image img,
.products-list .box .top .title,
.products-list .box .top .info1,
.products-list .box .top .info2,
.products-list .box .other{
	float: left;
	width: 100%;}
.products-list .box {
	margin-bottom: 60px;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 4px rgba(0, 0, 0, 0.2);
}
.products-list .box a {
	text-decoration: none;	
}
.products-list .box .top .image {
	position: relative;
	margin-bottom: 16px;
}
.products-list .box .top .title {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	height: 48px;
	overflow: hidden;
	padding-right: 10%;
	padding-left: 10%;
}
.products-list .box .top .info1,
.products-list .box .top .info2{
	font-size: 14px;
	font-weight: bold;
	padding-right: 10%;
	padding-left: 10%;
	line-height: 16px;
}
.products-list .box .top .info1 {
	color: #F7931E;
	margin-top: 10px;
}
.products-list .box .top .info2 {
	color: #666666;
	margin-bottom: 25px;
}
.products-list .box .top:hover .title,
.products-list .box .top:hover .info1,
.products-list .box .top:hover .info2{
	text-decoration: underline;
}
.products-list .box .top:hover .image::after{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(251, 176, 59, 0.7);
	height: 100%;
	width: 100%;
	background-image: url(../images/article-list-image.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:52px auto;
}
.products-list .box .other {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCDCDC;
	line-height: 35px;
}
.products-list .box .other > * {
	float: left;
	width: 50%;
	text-align: center;
}
.products-list .box .other .price {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #CC1300;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
}
.products-list .box .other .button {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.products-list .box .other .button:hover{
	background-color: #F2F2EB;
}
.view-product-image {
	float: left;
	width: 42.15%;
	margin-bottom: 60px;
}
.view-product-image .l,
.view-product-image .s,
.view-product-image .s a,
.view-product-image .s a img,
.view-product-info .header,
.view-product-info .list,
.view-product-tab {
	float: left;
	width: 100%;
}
.view-product-image .s {
	margin-top: 25px;
	padding-right: 4px;
	padding-left: 4px;
}

.view-product-image .s a {
	float: left;
	height: auto;
	width: 33.33%;
	padding-right: 12px;
	padding-left: 12px;
}
.view-product-info {
	float: right;
	width: 53.72%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006DBB;
	font-size: 16px;
	margin-bottom: 60px;
}
.view-product-info .header {
	font-size: 24px;
	color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 28px;
	margin-bottom: 15px;
}
.view-product-info .list.num {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.view-product-info .list.article {
	color: #4CB500;
	margin-bottom: 30px;
}
.view-product-info .list.bull::before {
	content: '\2022';
	font-size: 30px;
	float: left;
	line-height: 30px;
	margin-right: 10px;
}
.view-product-info .list .list.bull:last-child,
.view-product-info .list .list.radio:last-child{
	margin-bottom: 10px;
}
.view-product-info .list.radio {
	background-color: #F1F1F1;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 7px 18px;
	cursor: pointer;
}
.view-product-info .list.radio:hover{
	background-color: #F2F2EB;
}
.view-product-info .list.radio input {
	float: left;
	margin: 9px 0;
	height: 14px;
	width: 14px;
}
.view-product-info .list.radio .title {
	float: left;
	margin-left: 15px;
}
.view-product-info .list.radio .price {
	font-weight: bold;
	float: right;
}
.view-product-info .list .list.radio .price i {
	float: left;
	font-weight: bold;
	margin-left: 23px;
}
.view-product-info .list .list.radio .price i:not(:first-of-type){
	text-decoration: line-through;
}
.view-product-info .list .list.radio .price i:not(:last-of-type){
	color: #CC1300;
}
.view-product-info .list.hide {
	display: none;
}

.view-product-info .list .qty {
	float: left;
	height: 40px;
	width: 140px;
	border: 1px solid #EE7700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 38px;
	font-size: 16px;
	padding: 0 20px;
}
.view-product-info .list select.qty {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-attachment: scroll;
	background-image: url(../images/select-switch.png);
	background-repeat: no-repeat;
	background-position: right 14px center;
}
.view-product-info .list select.qty::-ms-expand { 
	display: none; 
}
.view-product-info .list .add-cart {
	line-height: 38px;
	color: #FFF;
	text-decoration: none;
	background-color: #006DBB;
	float: left;
	height: 40px;
	width: 170px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 12px;
}
.view-product-info .list .add-cart:hover{
	background-color: #0055BA;
}
.view-product-info .list .add-cart * {
	vertical-align: middle;
	margin-right: 6px;
	margin-left: 6px;
}
.view-product-tab {
}
ul.tabs{
	display: flex;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
ul.tabs li{
	color: #749FB7;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}
ul.tabs li.current{
	color: #006DBB;
	background-image: none;
}
ul.tabs .space {
	background-image: url(../images/product-tab-space.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 70px;
	cursor: text;
}

.tab-content{
	display: none;
	padding-top: 40px;
}
.tab-content.current{
	display: inherit;
}
.home-abouts {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #006DBB;
	position: relative;
	float: left;
	width: 100%;
}
.home-abouts .info {
	float: left;
	width: 56.59%;
	background-image: url(../images/home-abouts-bg.png);
	padding-top: 36px;
	padding-bottom: 25px;
}
.home-abouts .info .box {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
.home-abouts .info .box .a {
	font-size: 34px;
	line-height: 40px;
	color: #4CB500;
}
.home-abouts .info .box .b {
	font-size: 28px;
	line-height: 32px;
	color: #FBB03B;
	margin-top: 44px;
	margin-bottom: 11px;
}
.home-abouts .info .box .c {
	margin-bottom: 48px;
}
.home-abouts .info .box .more {
	text-decoration: none;
	clear: right;
	float: right;
	height: 35px;
	width: 110px;
	border: 1px solid #FBB03B;
	font-size: 14px;
	line-height: 31px;
	font-weight: bold;
	color: #4D4D4D;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 1px;
}
.home-abouts .info .box .more:hover {
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}
.home-abouts .image {
	float: left;
	height: 100%;
	width: 43.41%;
	background-image: url(../images/home-abouts-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
}
.layout-center.home {
	padding-right: 0px;
	padding-left: 0px;	
}
.layout-center.home.top {
	margin-top: 60px;
}
.home-block-title {
	background-image: url(../images/home-block-title-bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 1290px;
	margin-bottom: 20px;
}
.home-block-title,
.home-block-title .box,
.home-block-title .box img{
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.home-block-title .box {
	width: 200px;
	background-color: #FFFFFA;
}
.layout-center.home .flex-center{
	float: left;
	width: 100%;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.layout-full.slogan {
	background-image: url(../images/home-slogan-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	padding-top: 100px;
	padding-right: 15px;
	padding-left: 15px;
}
.layout-full.slogan .info {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	line-height: 31px;
	color: #FFF;
	text-align: center;
	margin-bottom: 50px;
}
.layout-full.slogan .call {
	height: 40px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FBB03B;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 1px;
}
.layout-full.slogan .call:hover{
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}
.layout-full.slogan .call .fa{
	font-size: 18px;
	vertical-align: middle;
}
.layout-full.banner #slider {
	float: left;
	width: 100%;
	overflow: hidden;
}




.back {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.common-button {
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #736357;
	text-decoration: none;
	background-color: #F0E6D2;
	text-align: center;
	display: block;
	height: 40px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.common-button:hover{
	background-color: #C7B299;
}
.common-button .fa{
	margin-right: 10px;
}


.nav-switch {
	float: right;
	width: 75px;
	color: #808080;
	height: 100%;
	background-image: url(../images/bg-nav-switch.jpg);
	background-repeat: repeat-x;
	display: none;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}
.button-hb{
	width: 28px;
}
.button-hb hr,
.button-hb::before,
.button-hb::after  {
	background-color: #FFFFFF;
	border: none;
	display: block;
	height: 3px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.button-hb::before,
.button-hb::after  {
	content: '';
}
.button-hb hr {
	margin: 4px auto;
}
.button-hb.active::before {
	-webkit-transform: translateY(7px) rotateZ(45deg);
	-moz-transform: translateY(7px) rotateZ(45deg);
	-ms-transform: translateY(7px) rotateZ(45deg);
	-o-transform: translateY(7px) rotateZ(45deg);
	transform: translateY(7px) rotateZ(45deg);
} 
.button-hb.active::after {
	-webkit-transform: translateY(-7px) rotateZ(-45deg);
	-moz-transform: translateY(-7px) rotateZ(-45deg);
	-ms-transform: translateY(-7px) rotateZ(-45deg);
	-o-transform: translateY(-7px) rotateZ(-45deg);
	transform: translateY(-7px) rotateZ(-45deg);
} 
.button-hb.active hr {
	width: 0;
}
.layout-pn {
	float: left;
	width: 100%;
}
.layout-pn .pagination {
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.layout-pn .pagination .button {
	background-color: #F0E6D2;
	float: left;
	height: 40px;
	width: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #736357;
	text-decoration: none;
	text-align: center;
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}
.layout-pn .pagination .button:hover,
.layout-pn .pagination .button.selected{
	background-color: #C7B299;	
}
.layout-pn .pagination .button:first-child{
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	 border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.layout-pn .pagination .button:last-child{
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.layout-pn .pagination .button:not(:last-child)::after{
	content: '';
	background-color: #DBCCBA;
	width: 1px;
	height: 100%;
	float: right;
}
.rwd-table {
	border-spacing: 0;
	border-collapse: collapse;
	float: left;
	width: 100%;
}
.rwd-table > tbody > tr > td{
	padding: 0px;
}


.w1320px{}
@media screen and (max-width: 1320px) {
.layout-full,
.layout-center,
.home-block-title{
	float: left;
	min-width: 0;
	width: 100%;	
}
.home-block-title{
	width: calc(100% - 30px);
	margin-right: 15px;
	margin-left: 15px;
}
}

.w1100px{}
@media screen and (max-width: 1100px) {
.layout-center.top .menu.cart .dist,
.layout-center.top .menu.nav .next i::before,
.article-categories .nav{
	display:none;
}
.layout-center.top .menu.nav .dist,
.layout-center.top .menu.nav .next .sub,
.article-categories .nav.active{
	display:block;
}
.layout-center.top .menu.nav li,
.layout-center.top .menu.nav a,
.layout-center.top .menu.nav .next,
.layout-center.top .menu.nav .next i,
.layout-center.top .menu.nav .next .sub,
.contact-table .list.s,
.article-categories,
.article-box,
.home-abouts .info,
.home-abouts .image{
	width:100%;
	float:left;
}
.layout-full.top {
	height: 80px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0 4px 4px rgba(0, 0, 0, 0.2);
}
.layout-center.top{
	padding-right: 0px;
}
.layout-center.top .logo img{
	height: 63px;
	width: auto;
}
.layout-center.top .menu.cart{
	clear: none;
}
.layout-center.top .menu.nav{
	width: 280px;
	position: fixed;
	top: 0px;
	right: -100%;
	-webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	background-color: #FFF;
	bottom: 0px;
	margin-top: 80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	overflow-y: scroll;
	overflow-x: hidden;
}
.layout-center.top .menu.nav.active{right: 0;}
.layout-center.top .menu.nav > li{
	margin-left: 0px;
}
.layout-center.top .menu.nav .next .sub{
	background-color: #f7931e;
}
.layout-center.top .menu.nav > li > *,
.layout-center.top .menu.nav .next .sub li a{
	padding: 14px 18px;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.layout-center.top .menu.nav .next .sub {
	position: relative;
	background-image: none;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px;
}
.layout-center.top .menu.nav .next .sub li{
	padding: 0;
}
.layout-center.top .menu.nav .next .sub li a {
	border-bottom-color: #FFF;
	margin: 0px;
}
.layout-center.top .menu.nav .next .sub li:not(:last-of-type){
	background-image: none;
}
.layout-center.top .menu.nav .next .sub li:last-of-type a{border:none;}
.nav-switch{
	display:flex;
}
.layout-full.banner{
	margin-top: 80px;
}
.contact-table .list.s:nth-child(even),
.contact-table .list.s:nth-child(odd){
	padding: 0;
}
.news-list{
	width: 50%;
}
.article-categories .swtich{
	cursor: pointer;
}
.article-box{
	margin-left: 0px;
	margin-top: 30px;
}
.products-list{
	width:33.33%;
}
.home-abouts .image{
	position: relative;
	height: 70.45VW;
}
}

.w740px{}
@media screen and (max-width: 740px) {
.rwd-table > th{
	display: none;
}
.rwd-table > tbody > tr > td{
	display: block;
	width: 100%;
}
.bottom-box,
.contact-table,
.contact-info,
.view-product-image,
.view-product-info,
.view-product-info .list .qty,
.view-product-info .list .add-cart,
.article-box > .list .image,
.article-box > .list .title{
	float: left;
	width: 100%;
}
.layout-content{
	padding: 20px;
}
.contact-table{
	margin-bottom: 30px;
}
.news-list{
	display: block;
	clear: both;
	float: none;
	width: 410px;
	margin-right: auto;
	margin-left: auto;
}
.products-list,
.article-box > .list{
	width:50%;}
.view-product-info .list .add-cart{
	margin-top: 20px;
	margin-left: 0px;
}
.article-box > .list .image {
	padding-top: 64.94%;
	height: auto;
}
}

.w520px{}
@media screen and (max-width: 520px) {
.layout-center.top .logo .r,
.layout-center.top .menu.cart li a i .hide,
.view-product-image .l {
	display:none
}
.products-list,
.view-product-image .s,
.view-product-image .s a,
.article-box > .list{
	width:100%;
}
.view-product-image .s,
.view-product-image .s a{
	padding: 0px;
	margin: 0px;
}
.view-product-image .s a{
	margin-bottom: 20px;
}
}

.w360px{}
@media screen and (max-width: 360px) {
}

.button-hb hr,
.button-hb::before,
.button-hb::after,
.layout-center.top .menu.nav{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}