@charset "utf-8";

@font-face {

	font-family: novecento_normal;

	src: url(../novecento-sans/Novecentosanswide-Normal-webfont.eot);

	src: url(../novecento-sans/Novecentosanswide-Normal-webfont.eot?#iefix) format('embedded-opentype'), url(../novecento-sans/Novecentosanswide-Normal-webfont.woff2) format('woff2'), url(../novecento-sans/Novecentosanswide-Normal-webfont.woff) format('woff'), url(../novecento-sans/Novecentosanswide-Normal-webfont.ttf) format('truetype'), url(../novecento-sans/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal) format('svg');

	font-weight: 400;

	font-style: normal

}

@font-face {

	font-family: novecento_bold;

	src: url(../novecento-sans/Novecentosanswide-DemiBold-webfont.eot);

	src: url(../novecento-sans/Novecentosanswide-DemiBold-webfont.eot?#iefix) format('embedded-opentype'), url(../novecento-sans/Novecentosanswide-DemiBold-webfont.woff2) format('woff2'), url(../novecento-sans/Novecentosanswide-DemiBold-webfont.woff) format('woff'), url(../novecento-sans/Novecentosanswide-DemiBold-webfont.ttf) format('truetype'), url(../novecento-sans/Novecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold) format('svg');

	font-weight: 400;

	font-style: normal

}

@font-face {

	font-family: novecento_light;

	src: url(../novecento-sans/Novecentosanswide-Light-webfont.eot);

	src: url(../novecento-sans/Novecentosanswide-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../novecento-sans/Novecentosanswide-Light-webfont.woff2) format('woff2'), url(../novecento-sans/Novecentosanswide-Light-webfont.woff) format('woff'), url(../novecento-sans/Novecentosanswide-Light-webfont.ttf) format('truetype'), url(../novecento-sans/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight) format('svg');

	font-weight: 400;

	font-style: normal

}

@font-face {

	font-family: modesign;

	src: url(../novecento-sans/modesign.ttf) format('truetype'), url(../novecento-sans/modesign.woff) format('woff'), url(../novecento-sans/modesign.svg) format('svg');

	font-weight: 400;

	font-style: normal

}

[class*=" icon-"]:before, [class^=icon-]:before {

	font-family: modesign !important;

	speak: none;

	font-style: normal;

	font-weight: 400;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	vertical-align: middle;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}

.icon-accessories:before {

	content: "\e91c"

}

.icon-bed:before {

	content: "\e913"

}

.icon-bedroom-cabinet:before {

	content: "\e914"

}

.icon-chair:before {

	content: "\e915"

}

.icon-desk-and-bookcase:before {

	content: "\e916"

}

.icon-dining-table:before {

	content: "\e917"

}

.icon-living-room-cabinet:before {

	content: "\e918"

}

.icon-side-cabinet:before {

	content: "\e919"

}

.icon-sofa:before {

	content: "\e91a"

}

.icon-tea-table:before {

	content: "\e91b"

}

.icon-wechat:before {

	content: "\e90d"

}

.icon-weibo:before {

	content: "\e90e"

}

.icon-arrow-down:before {

	content: "\e900"

}

.icon-arrow-left:before {

	content: "\e901"

}

.icon-arrow-right:before {

	content: "\e902"

}

.icon-arrow-thin-down:before {

	content: "\e903"

}

.icon-arrow-thin-left:before {

	content: "\e904"

}

.icon-arrow-thin-right:before {

	content: "\e905"

}

.icon-arrow-thin-up:before {

	content: "\e906"

}

.icon-arrow-up:before {

	content: "\e907"

}

.icon-mail:before {

	content: "\e908"

}

.icon-minus:before {

	content: "\e909"

}

.icon-old-phone:before {

	content: "\e90a"

}

.icon-phone:before {

	content: "\e90b"

}

.icon-plus:before {

	content: "\e90c"

}

.icon-close:before {

	content: "\e5cd"

}

.icon-mail2:before {

	content: "\e151"

}

.icon-arrow-back:before {

	content: "\e90f"

}

.icon-location:before {

	content: "\e910"

}

.icon-link:before {

	content: "\e911"

}

.icon-info:before {

	content: "\e912"

}

.icon-pic:before {

	content: "\e010"

}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%

}

body {

	margin: 0

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

	display: block

}

audio, canvas, progress, video {

	display: inline-block;

	vertical-align: baseline

}

audio:not([controls]) {

	display: none;

	height: 0

}

 [hidden], template {

 display: none

}

a {

	background-color: transparent

}

a:active, a:hover {

	outline: 0

}

abbr[title] {

	border-bottom: 1px dotted

}

b, strong {

	font-weight: 700

}

dfn {

	font-style: italic

}

h1 {

	font-size: 2em;

	margin: .67em 0

}

mark {

	background: #ff0;

	color: #000

}

small {

	font-size: 80%

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}

sup {

	top: -.5em

}

sub {

	bottom: -.25em

}

img {

	border: 0

}

svg:not(:root) {

	overflow: hidden

}

figure {

	margin: 1em 40px

}

hr {

	box-sizing: content-box;

	height: 0

}

pre {

	overflow: auto

}

code, kbd, pre, samp {

	font-family: monospace, monospace;

	font-size: 1em

}

button, input, optgroup, textarea {

	color: inherit;

	font: inherit;

	margin: 0

}

button {

	overflow: visible

}

button, select {

	text-transform: none

}

button, html input[type=button], input[type=reset], input[type=submit] {

	-webkit-appearance: button;

	cursor: pointer

}

button[disabled], html input[disabled] {

	cursor: default

}

 button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;

 padding: 0

}

input {

	line-height: normal

}

input[type=checkbox], input[type=radio] {

	box-sizing: border-box;

	padding: 0

}

 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

 height: auto

}

input[type=search] {

	-webkit-appearance: textfield;

	box-sizing: content-box

}

 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

 -webkit-appearance: none

}

fieldset {

	border: 1px solid silver;

	margin: 0 2px;

	padding: .35em .625em .75em

}

legend {

	border: 0;

	padding: 0

}

textarea {

	overflow: auto

}

optgroup {

	font-weight: 700

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

td, th {

	padding: 0

}

.trans {

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.trans2 {

	-webkit-transition: all .4s cubic-bezier(1, 0, 0, 1);

	transition: all .4s cubic-bezier(1, 0, 0, 1)

}

 @-webkit-keyframes down_arrow {

 0% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px)

}

 50% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px)

}

 100% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px)

}

}

 @keyframes down_arrow {

 0% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px)

}

 50% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px)

}

 100% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px)

}

}

.anim-down-arrow {

	-webkit-animation: down_arrow 1.5s infinite;

	animation: down_arrow 1.5s infinite

}

* {

/*box-sizing: border-box*/

}

:after, :before {

	box-sizing: border-box

}

html {

	font-size: 10px;

	width: 100%;

	height: 100%

}

body {

	font-family: novecento_normal, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-size: 14px;

	line-height: 1.8;

	color: #333;

	background-color: #f0f0f0;

	width: 100%;

	height: 100%;

}

 @media (max-width: 767px) {

body {

	font-size: 12px

}

}



::-moz-selection {

 color: #fff;

 background: #c6ba9a

}

::selection {

	color: #fff;

	background: #c6ba9a

}

footer, header, section {

	position: relative

}

a {

	color: inherit;

	text-decoration: none;

	cursor: pointer

}

a:focus, a:hover {

	outline: 0;

	text-decoration: none

}

a:focus {

	outline: 0

}

.no-touch a.link:hover {

	color: #c6ba9a

}

ol, ul {

	position: relative;

	list-style: none;

	padding: 0;

	margin: 0

}

li {

	position: relative

}

img {

	vertical-align: middle

}

.zh-CN .en {

	display: none

}

.en-US .cn {

	display: none

}

.clearfix:after, .clearfix:before {

	content: " ";

	display: table

}

.clearfix:after {

	clear: both

}

.centerbox {

	display: table

}

.centerbox .centerbox-cont {

	display: table-cell;

	vertical-align: middle

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	font-family: novecento_normal, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-weight: 400;

	line-height: 1.2;

	color: #333;

	margin: 0

}

.h1.cn, .h2.cn, .h3.cn, .h4.cn, .h5.cn, .h6.cn, h1.cn, h2.cn, h3.cn, h4.cn, h5.cn, h6.cn {

	line-height: 1.4

}

.h1.serif, .h2.serif, .h3.serif, .h4.serif, .h5.serif, .h6.serif, h1.serif, h2.serif, h3.serif, h4.serif, h5.serif, h6.serif {

	font-family: Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif

}

.h1, .h2, .h3, h1, h2, h3 {

	color: #000

}

.h1, h1 {

	text-transform: uppercase

}

.h1, h1 {

	font-size: 64px

}

.h2, h2 {

	font-size: 48px

}

.h3, h3 {

	font-size: 30px

}

.h4, h4 {

	font-size: 24px

}

.h5, h5 {

	font-size: 18px

}

.h6, h6 {

	font-size: 14px

}

 @media (max-width: 979px) {

.h1, h1 {

	font-size: 48px

}

.h2, h2 {

	font-size: 36px

}

.h3, h3 {

	font-size: 27px

}

.h4, h4 {

	font-size: 18px

}

.h5, h5 {

	font-size: 17px

}

}

 @media (max-width: 767px) {

.h1, h1 {

	font-size: 36px

}

.h2, h2 {

	font-size: 24px

}

.h3, h3 {

	font-size: 18px

}

.h4, h4 {

	font-size: 18px

}

.h5, h5 {

	font-size: 14px

}

.h6, h6 {

	font-size: 12px

}

}

.big {

	font-size: 120%

}

.small, small {

	font-size: 80%

}

.fs0 {

	font-size: 0

}

span {

	display: inline-block

}

p {

	margin-top: 0;

	margin-bottom: 20px;

	color: #999

}

p a {

	display: inline-block

}

p.big {

	font-size: 18px

}

p.en {

	font-family: Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-style: italic;

	line-height: 1.6

}

 @media (max-width: 767px) {

p {

	margin-bottom: 15px

}

p.big {

	font-size: 14px

}

}

.bold {

	font-family: novecento_bold, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-weight: 400

}

.light {

	font-family: novecento_light, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-weight: 300

}

.lhxs {

	line-height: 1

}

.text-left {

	text-align: left

}

.text-right {

	text-align: right

}

.text-center {

	text-align: center

}

.text-justify {

	text-align: justify

}

.text-nowrap {

	white-space: nowrap

}

.lowercase {

	text-transform: lowercase

}

.uppercase {

	text-transform: uppercase

}

.capitalize {

	text-transform: capitalize

}

h1, h2, h3, h4, h5, h6, p, span {

	cursor: default

}

a h1, a h2, a h3, a h4, a h5, a h6, a p, a span, button h1, button h2, button h3, button h4, button h5, button h6, button p, button span {

	cursor: pointer

}

.oneline-text {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

ul.list-text {

	text-align: left;

	list-style: disc

}

ul.list-text li {

	margin-left: 18px

}

.c-white, .c-white h1, .c-white h2, .c-white h3, .c-white h4, .c-white h5, .c-white h6, .c-white p, .c-white span {

	color: #fff

}

.c-gray {

	color: #999

}

.c-dark {

	color: #333

}

.c-brand {

	color: #c6ba9a

}

.bgc-white {

	background-color: #fff

}

.bgc-body {

	background-color: #f0f0f0

}

.bgc-brand {

	background-color: #c6ba9a

}

.bgc-black {

	background-color: #000

}

.dark_bg {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: .2;

	filter: alpha(opacity=20)

}

.container {

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 80%;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 50px;

}

 @media (max-width: 1199px) {

.container {

	width: 86%

}

}

 @media (max-width: 767px) {

.container {

	width: 100%;

	padding-left: 25px;

	padding-right: 25px

}

}

 @media (min-width: 1600px) {

.container {

	width: 70%

}

}

.grid {

	margin-left: -10px;

	margin-right: -10px

}

.grid:after, .grid:before {

	content: " ";

	display: table

}

.grid:after {

	clear: both

}

.grid:after, .grid:before {

	content: " ";

	display: table

}

.grid:after {

	clear: both

}

.grid li {

	float: left

}

.grid.col-2 li {

	width: 50%;

	padding: 10px

}

.grid.col-3 li {

	width: 33.3333%;

	padding: 10px

}

 @media (max-width: 767px) {

.grid {

	margin-left: -5px;

	margin-right: -5px

}

.grid.col-2 li, .grid.col-3 li {

	padding: 5px

}

}

 @media (max-width: 767px) and (orientation: portrait) {

.grid.col-2 li {

	width: 100%

}

.grid.col-3 li {

	width: 50%

}

.grid.col-3 li.phone-v-fullw {

	width: 100%

}

}

.p-rel {

	position: relative

}

.p-abs {

	position: absolute

}

.p-fix {

	position: fixed

}

.top {

	top: 0

}

.btm {

	bottom: 0

}

.lt {

	left: 0

}

.rt {

	right: 0

}

.inlineblock {

	display: inline-block

}

ul.inline-list li {

	position: relative;

	display: inline-block

}

.ofhide {

	overflow: hidden

}

.zindex-top {

	z-index: 10

}

.center {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}

.centerh {

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%)

}

.centerv {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}

.full {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.fullw {

	width: 100%;

	height: auto

}

.fullh {

	height: 100%

}

.img-res {

	display: block;

	max-width: 100%;

	height: auto

}

.halfw {

	width: 50%

}

 @media (max-width: 767px) and (orientation: portrait) {

.phone-v-full {

	width: 100%;

	height: 100%

}

.phone-v-fullw {

	width: 100%

}

.phone-v-fullw.container, .phone-v-fullw.wrap {

	padding-left: 0;

	padding-right: 0

}

.phone-v-fullh {

	height: 100%

}

}

.wrap {

	padding: 40px

}

 @media (max-width: 979px) {

.wrap {

	padding: 30px

}

}

 @media (max-width: 767px) {

.wrap {

	padding: 20px

}

}

 @media (min-width: 1600px) {

.wrap {

/*padding: 80px*/

}

}

.wrap-s {

	padding: 20px

}

 @media (max-width: 767px) {

.wrap-s {

	padding: 15px

}

}

.p-v-xs {

	padding-top: 20px;

	padding-bottom: 20px

}

.p-v-sm {

	padding-top: 40px;

	padding-bottom: 40px

}

 @media (max-width: 767px) {

.p-v-sm {

	padding-top: 20px;

	padding-bottom: 20px

}

}

.p-v-md {

	padding-top: 60px;

	padding-bottom: 60px

}

 @media (max-width: 767px) {

.p-v-md {

	padding-top: 30px;

	padding-bottom: 30px

}

}

.p-v-lg {

	padding-top: 120px;

	padding-bottom: 120px

}

 @media (max-width: 980px) {

.p-v-lg {

	padding-top: 60px;

	padding-bottom: 60px

}

}

 @media (max-width: 767px) {

.p-v-lg {

	padding-top: 40px;

	padding-bottom: 40px

}

}

 @media (min-width: 1600px) {

.p-v-lg {

	padding-top: 50px;

	padding-bottom: 140px

}

}

.p-h-xs {

	padding-left: 20px;

	padding-right: 20px

}

 @media (max-width: 767px) {

.p-h-xs {

	padding-left: 10px;

	padding-right: 10px

}

}

.p-h-sm {

	padding-left: 40px;

	padding-right: 40px

}

 @media (max-width: 767px) {

.p-h-sm {

	padding-left: 20px;

	padding-right: 20px

}

}

.p-h-md {

	padding-left: 60px;

	padding-right: 60px

}

 @media (max-width: 767px) {

.p-h-md {

	padding-left: 30px;

	padding-right: 30px

}

}

.pt0 {

	padding-top: 0

}

.pb0 {

	padding-bottom: 0

}

.p0 {

	padding: 0

}

.m-b-xxs {

	margin-bottom: 5px

}

.m-b-xs {

	margin-bottom: 10px

}

 @media (max-width: 767px) {

.m-b-xs {

	margin-bottom: 5px

}

}

.m-b-sm {

	margin-bottom: 20px

}

 @media (max-width: 767px) {

.m-b-sm {

	margin-bottom: 10px

}

}

.m-b-md {

	text-align: center;

	margin-bottom: 30px

}

 @media (max-width: 767px) {

.m-b-md {

	margin-bottom: 15px

}

}

.m-b-lg {

	margin-bottom: 50px

}

 @media (max-width: 767px) {

.m-b-lg {

	margin-bottom: 30px

}

}

.m-b-xl {

	margin-bottom: 80px

}

 @media (max-width: 767px) {

.m-b-xl {

	margin-bottom: 50px

}

}

.m-t-xxs {

	margin-top: 5px

}

.m-t-xs {

	margin-top: 10px

}

 @media (max-width: 767px) {

.m-t-xs {

	margin-top: 5px

}

}

.m-t-sm {

	margin-top: 100px

}

 @media (max-width: 767px) {

.m-t-sm {

	margin-top: 10px

}

}

.m-t-md {

	margin-top: 30px

}

 @media (max-width: 767px) {

.m-t-md {

	margin-top: 15px

}

}

.m-t-lg {

	margin-top: 50px

}

 @media (max-width: 767px) {

.m-t-lg {

	margin-top: 30px

}

}

.m-t-xl {

	margin-top: 80px

}

 @media (max-width: 767px) {

.m-t-xl {

	margin-top: 50px

}

}

.m-r-xxs {

	margin-right: 5px

}

.m-r-xs {

	margin-right: 10px

}

 @media (max-width: 767px) {

.m-r-xs {

	margin-right: 5px

}

}

.m-r-sm {

	margin-right: 20px

}

 @media (max-width: 767px) {

.m-r-sm {

	margin-right: 10px

}

}

.m-r-md {

	margin-right: 30px

}

 @media (max-width: 767px) {

.m-r-md {

	margin-right: 20px

}

}

.mt0 {

	margin-top: 0

}

.mb0 {

	margin-bottom: 0

}

.m0 {

	margin: 0

}

 @media (max-width: 767px) {

.xs-mt0 {

	margin-top: 0

}

}

.thumbs li a {

	position: relative;

	display: block;

	width: 100%;

	background-color: #fff;

	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);

	overflow: hidden;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.thumbs li a .title, .thumbs li a .title h6 {

	-webkit-transition: all .4s ease;

	transition: all .4s ease; height:66px; font-size:22px

}

.no-touch .thumbs li a:hover {

	box-shadow: 0 15px 30px rgba(0, 0, 0, .3)

}

.no-touch .thumbs li a:hover .title, .no-touch .thumbs li a:hover .title h6 {

	color: #c6ba9a

}

.no-touch .thumbs li:hover {

	z-index: 99

}

.view {

	font-size: 12px;

	color: #c6ba9a

}

.view i {

	margin-left: 2px;

	font-size: 16px

}

 @media (max-width: 767px) {

.view {

	font-size: 10px

}

.view i {

	font-size: 14px

}

}

.thumbs.product li {

	margin-bottom: 30px;

	width: 47%;

	float: left;

	margin-right: 20px;

}

div.jogger {

	width: 100%;

	overflow: hidden;

	padding-top: 20px;

}

@media (max-width: 767px) {

.thumbs.product li {

	margin-bottom: 10px

}

}

.thumbs.product li a .pic {
    width: 50.4%;
    height: 180px;
    overflow: hidden;
    position: relative;
    display: block; /* 确保是块级元素 */
}

.thumbs.product li a .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; /* 移除图片默认的行内间隙 */
}

.thumbs.product li a .info {

	float: left;

	width: 40%;

	text-align: left

}

.thumbs.product li a .info .title {

	

}

 @media (max-width: 767px) {

.thumbs.product li a .info p {

	display: none

}

}

.thumbs.news li {

	width: 100%

}

.thumbs.news li:last-child {

	margin-bottom: 0

}

.thumbs.news li a {

	width: 100%;

	text-align: left

}

.thumbs.news li a .pic {

	position: absolute;

	right: 0;

	width: 50%;

	height: 100%

}

.thumbs.news li a .pic img {

	display: none;

	width: 100%

}

.thumbs.news li a .info {

	width: 100%;

	float: left

}

.thumbs.news li a .pic + .info {

	width: 37%

}

 @media (max-width: 767px) and (orientation: portrait) {

.thumbs.news li a .pic, .thumbs.news li a .pic + .info {

	width: 100%

}

.thumbs.news li a .pic {

	position: relative;

	height: auto;

	background-image: none !important

}

.thumbs.news li a .pic img {

	display: block

}

}

.thumbs.room li a {

	background-color: transparent

}

.thumbs.room li a img {

	width: 100%;

	-webkit-filter: grayscale(1);

	filter: grayscale(1);

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s

}

.thumbs.room li a .info {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background-color: #fff

}

.thumbs.room li a .info .title {

	float: left;

	line-height: 1

}

.thumbs.room li a .info span {

	float: right;

	line-height: 1;

	color: #999

}

.no-touch .thumbs.room li a:hover img {

	-webkit-filter: grayscale(0);

	filter: grayscale(0)

}

button {

	background: 0 0;

	border: none;

	text-shadow: none;

	position: relative

}

button:focus {

	outline: 0

}

.btn-brand, .btn-white {

	display: inline-block;

	padding: 0 30px;

	height: 48px;

	line-height: 48px;

	margin-top: 30px;

	box-sizing: content-box;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.btn-white {

	color: #fff;

	border: 1px solid #fff

}

.no-touch .btn-white:hover {

	background-color: #fff;

	color: #c6ba9a;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.safari_9 .btn-white {

	background-color: rgba(255, 255, 255, .2);

	-webkit-backdrop-filter: blur(20px);

	border: none;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.btn-brand {

	background-color: #c6ba9a;

	color: #fff

}

.no-touch .btn-brand:hover {

	background-color: #fff;

	color: #c6ba9a;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.btn-white-icon {

	display: inline-block;

	padding: 0 30px;

	height: 48px;

	line-height: 48px;

	margin-top: 30px;

	box-sizing: content-box;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	color: #fff;

	border: 1px solid #fff

}

.no-touch .btn-white-icon:hover {

	background-color: #fff;

	color: #c6ba9a;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.safari_9 .btn-white-icon {

	background-color: rgba(255, 255, 255, .2);

	-webkit-backdrop-filter: blur(20px);

	border: none;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.btn-white-icon::before {

	font-size: 16px;

	line-height: inherit;

	margin: 0 5px 0 -3px;

	vertical-align: bottom

}

.no-touch .btn-white-icon:hover::before {

	border-color: #f0f0f0

}

.link::before {

	font-size: 16px;

	margin-right: 3px;

	vertical-align: text-bottom

}

.iconbtn {

	display: block;

	width: 50px;

	height: 50px;

	padding: 0;

	text-align: center;

	background-color: #c6ba9a;

	border-radius: 50%;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.iconbtn:before {

	position: relative;

	font-size: 20px;

	color: #fff;

	z-index: 2;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

a.iconbtn:before {

	line-height: 48px

}

.iconbtn:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-color: #fff;

	border-radius: 50%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	z-index: 0;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.iconbtn.active, .no-touch .iconbtn:hover {

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.iconbtn.active:before, .no-touch .iconbtn:hover:before {

	color: #c6ba9a

}

.iconbtn.active:after, .no-touch .iconbtn:hover:after {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

 @media (max-width: 767px) {

.iconbtn {

	width: 40px;

	height: 40px

}

.iconbtn:before {

	font-size: 16px

}

a.iconbtn:before {

	line-height: 38px

}

}

.iconbtnborder {

	display: block;

	width: 50px;

	height: 50px;

	padding: 0;

	text-align: center;

	background-color: #c6ba9a;

	border-radius: 50%;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	background-color: transparent;

	border: 1px solid #c6ba9a

}

.iconbtnborder:before {

	position: relative;

	font-size: 20px;

	color: #fff;

	z-index: 2;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

a.iconbtnborder:before {

	line-height: 48px

}

.iconbtnborder:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-color: #fff;

	border-radius: 50%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	z-index: 0;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.iconbtnborder.active, .no-touch .iconbtnborder:hover {

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.iconbtnborder.active:before, .no-touch .iconbtnborder:hover:before {

	color: #c6ba9a

}

.iconbtnborder.active:after, .no-touch .iconbtnborder:hover:after {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

 @media (max-width: 767px) {

.iconbtnborder {

	width: 40px;

	height: 40px

}

.iconbtnborder:before {

	font-size: 16px

}

a.iconbtnborder:before {

	line-height: 38px

}

}

.iconbtnborder:before {

	color: #c6ba9a

}

.iconbtnborder:after {

	background-color: #c6ba9a

}

.iconbtnborder.active, .no-touch .iconbtnborder:hover {

	box-shadow: none

}

.iconbtnborder.active:before, .no-touch .iconbtnborder:hover:before {

	color: #fff

}

.iconbtn-white {

	display: block;

	width: 50px;

	height: 50px;

	padding: 0;

	text-align: center;

	background-color: #c6ba9a;

	border-radius: 50%;

	-webkit-transition: all .4s ease;

	transition: all .4s ease;

	background-color: #fff

}

.iconbtn-white:before {

	position: relative;

	font-size: 20px;

	color: #fff;

	z-index: 2;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

a.iconbtn-white:before {

	line-height: 48px

}

.iconbtn-white:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-color: #fff;

	border-radius: 50%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	z-index: 0;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.iconbtn-white.active, .no-touch .iconbtn-white:hover {

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2)

}

.iconbtn-white.active:before, .no-touch .iconbtn-white:hover:before {

	color: #c6ba9a

}

.iconbtn-white.active:after, .no-touch .iconbtn-white:hover:after {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

 @media (max-width: 767px) {

.iconbtn-white {

	width: 40px;

	height: 40px

}

.iconbtn-white:before {

	font-size: 16px

}

a.iconbtn-white:before {

	line-height: 38px

}

}

.iconbtn-white:before {

	color: #c6ba9a

}

.iconbtn-white:after {

	background-color: #c6ba9a

}

.iconbtn-white.active, .no-touch .iconbtn-white:hover {

	box-shadow: none

}

.iconbtn-white.active:before, .no-touch .iconbtn-white:hover:before {

	color: #fff

}

.iconbtn-white.active:after, .no-touch .iconbtn-white:hover:after {

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

	opacity: .9

}

.close-btn {

	position: absolute;

	top: 30px;

	right: 30px;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	z-index: 99

}

.close-btn.iconbtnborder {

	background-color: #fff

}

.close-btn:before {

	display: inline-block

}

.no-touch .close-btn:hover:before {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

	-webkit-transform-origin: center;

	-ms-transform-origin: center;

	transform-origin: center

}

 @media (max-width: 979px) {

.close-btn {

	top: 20px;

	right: 20px

}

}

 @media (max-width: 767px) {

.close-btn {

	top: 15px;

	right: 15px

}

}

.select {

	position: relative;

	display: inline-block

}

.select::before {

	position: absolute;

	right: 1.8rem;

	top: 50%;

	-webkit-transform: translateY(-55%);

	-ms-transform: translateY(-55%);

	transform: translateY(-55%);

	color: #fff;

	font-size: 2rem;

	pointer-events: none

}

.no-touch:not(.safari_9) .select:hover select {

	background-color: #c6ba9a;

	color: #fff;

	border-color: #c6ba9a

}

.select select {

	display: inline-block;

	width: 100%;

	min-width: 160px;

	margin: 0;

	padding: 1rem 5rem 1rem 2rem;

	line-height: 1.8;

	font-size: 2rem;

	font-family: novecento_normal, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	background-color: transparent;

	color: #fff;

	border: 2px solid #fff;

	border-radius: 0;

	outline: 0;

	cursor: pointer;

	box-shadow: 0 2px 16px rgba(0, 0, 0, .2);

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none

}

 .select select:focus:-moz-focusring {

 color: transparent;

 text-shadow: 0 0 0 #000

}

.select select:focus {

	box-shadow: 0 2px 32px rgba(0, 0, 0, .2)

}

.select select:active {

	color: #fff;

	background-color: #c6ba9a;

	border-color: #c6ba9a

}

 .select select::-ms-expand {

 display: none

}

 @media (max-width: 767px) {

.select select {

	font-size: 14px

}

}

.safari_9 .select {

	background-color: rgba(255, 255, 255, .2);

	-webkit-backdrop-filter: blur(20px)

}

.safari_9 .select select {

	border: none

}

.safari_9.no-touch .select:hover {

	background-color: rgba(255, 255, 255, .5)

}

 @-moz-document url-prefix() {

 .select select {

 text-indent: .01px;

 text-overflow: '';

 padding-right: 1rem

}

 .select option {

 background-color: #fff

}

}

.coverbg {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center

}

.containbg {

	background-repeat: no-repeat;

	background-size: contain;

	background-position: center center

}

.fixedbg {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center

}

.no-touch .fixedbg {

	background-attachment: fixed

}

#main {

	position: relative;

	width: 100%;

	height: 100%

}

body.loading {

	overflow-y: hidden

}

body.loading #main {

	overflow-y: hidden

}

#head {

	background-color: #f0f0f0;

	overflow: hidden;

	z-index: 0

}

 @media (max-width: 767px) {

#head .h1, #head .h2, #head h1, #head h2 {

	word-break: break-word

}

}

.fixed-head {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 0

}

.headbg {

	z-index: 0

}

.headbg::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, .2);

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 30%);

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 30%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);

	z-index: -1

}

.no-touch .headbg.fixedbg::after {

	background-attachment: fixed

}

 @media (min-width: 768px) {

.page-head {

	height: 80%

}

}

.head {

	width: 100%;

	height: 80%;

	z-index: 0

}

.head::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0, 0, 0, .2);

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 30%);

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 30%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);

	z-index: -1

}

.no-touch .head.fixedbg::after {

	background-attachment: fixed

}

.head .iconimg #icon-path path {

	opacity: 0;

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease

}

.head .title {

	width: 100%;

	text-align: center

}

.head button {

	margin-left: auto;

	margin-right: auto

}

 @media (max-width: 767px) {

.head {

	min-height: 400px;

	height: auto;

	padding-top: 100px;

	padding-bottom: 100px

}

.head.fixed-head {

	position: relative

}

.head .title {

	padding: 0

}

.head .iconimg {

	-webkit-transform: scale(.5);

	-ms-transform: scale(.5);

	transform: scale(.5);

	margin: -20px 0

}

}

#body {

	position: relative;

	background-color: #f0f0f0

}

.m-t-head {

	-webkit-transform: translateY(-60px);

	-ms-transform: translateY(-60px);

	transform: translateY(-60px);

	margin-bottom: -60px

}

 @media (max-width: 767px) {

.m-t-head {

	-webkit-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	transform: translateY(-50px);

	margin-bottom: -50px

}

}

.info-pic-group {

	position: relative;

	width: 100%

}

.info-pic-group:after, .info-pic-group:before {

	content: " ";

	display: table

}

.info-pic-group:after {

	clear: both

}

.info-pic-group:after, .info-pic-group:before {

	content: " ";

	display: table

}

.info-pic-group:after {

	clear: both

}

.info-pic-group .info {

	width: 50%;

	float: left

}

.info-pic-group .pic {

	position: absolute;

	right: 0;

	width: 50%;

	height: 100%

}

.info-pic-group .pic img {

	display: none;

	width: 100%

}

 @media (max-width: 767px) and (orientation: portrait) {

.info-pic-group .info, .info-pic-group .pic {

	width: 100%

}

.info-pic-group .pic {

	position: relative;

	height: auto;

	background-image: none !important

}

.info-pic-group .pic img {

	display: block

}

}

.bottom-nav {



}

.bottom-nav .title {

	padding: 5px 0

}

.bottom-nav li {

	display: inline-block;

	color: #999

}

.bottom-nav li a {

	display: block;

	padding: 3px 10px; font-size:20px

}

.no-touch .bottom-nav li a:hover {

	color: #333

}

.shadow-sm {

	box-shadow: 0 2px 2px rgba(0, 0, 0, .2)

}

.shadow-lg {

	box-shadow: 0 20px 40px rgba(0, 0, 0, .1)

}

.will-change {

	will-change: transtorm

}

#nav_overlayer {

	position: fixed;

	display: none;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #000;

	opacity: 0;

	z-index: 900

}

header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 60px;

	background-color: #fff;

	box-shadow: 0 0 30px rgba(0, 0, 0, .1);

	overflow: visible;

	z-index: 1000

}

.loading header, .modal-show header {

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	transform: translateY(-100%)

}

.top_logo {

	float: left;

	height: 100%;

	width: auto;

	padding: 20px 30px;

	overflow: hidden

}

.top_logo .logo_img {

	height: 100%;

	width: auto;

	overflow: hidden

}

.top_logo img {

	height: 200%;

	width: auto;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}

.no-touch .top_logo:hover {

	background-color: #c6ba9a

}

.no-touch .top_logo:hover img {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

nav {

	float: right

}

#nav > li {

	display: inline-block;

	float: left

}

#nav > li > a {

	position: relative;

	display: block;

	height: 60px;

	padding: 0 20px;

	line-height: 60px;

	text-align: left;

	color: #999;

	overflow: hidden;

	z-index: 0

}

#nav > li > a i {

	display: none

}

#nav > li > a::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 0;

	background-color: #c6ba9a;

	z-index: -1;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

#nav > li.has_sub.open > a, .no-touch #nav > li > a:hover {

	color: #fff

}

#nav > li.has_sub.open > a::before, .no-touch #nav > li > a:hover::before {

	height: 60px

}

#nav > li.active > a {

	color: #c6ba9a

}

.subnav {

	position: fixed;

	left: 0;

	top: 60px;

	background-color: #c6ba9a;

	width: 100%;

	text-align: center;

	box-shadow: 0 8px 16px rgba(0, 0, 0, .1);

	overflow: hidden;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: perspective(800px) rotateX(-90deg);

	transform: perspective(800px) rotateX(-90deg);

	-webkit-transform-origin: center top;

	-ms-transform-origin: center top;

	transform-origin: center top;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s

}

.has_sub.open .subnav {

	opacity: 1;

	visibility: visible;

	-webkit-transform: none;

	-ms-transform: none;

	transform: none

}

.subnav .back_btn {

	display: none;

	width: 100%;

	height: 60px;

	padding: 0 20px;

	text-align: left;

	font-size: 12px;

	color: #fff;

	background-color: #c6ba9a;

	font-family: novecento_bold, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	font-weight: 400

}

.subnav .back_btn::before {

	position: relative;

	display: inline-block;

	font-size: 20px;

	margin-right: 5px;

	margin-bottom: 3px

}

.subnav li {

	width: 20%;

	float: left;

	-webkit-transition: all .4s cubic-bezier(1, 0, 0, 1);

	transition: all .4s cubic-bezier(1, 0, 0, 1)

}

.subnav li a {

	display: block;

	padding: 20px;

	line-height: 1;

	color: #fff

}

.subnav li a::before {

	display: block;

	font-size: 64px;

	margin: -10px 0 -5px 0

}

.no-touch .subnav li a:hover {

	background-color: #fff;

	color: #c6ba9a

}

.lang_btn {

	display: block;

	float: right;

	width: 70px;

	height: 60px;

	line-height: 60px;

	margin-right: 10px;

	text-align: center;

	color: #999;

	overflow: hidden

}

.no-touch .lang_btn:hover {

	background-color: #c6ba9a;

	color: #fff

}

nav .menu_btn {

	position: relative;

	display: none;

	float: right;

	width: 60px;

	height: 60px;

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	color: transparent;

	cursor: pointer

}

nav .menu_btn span, nav .menu_btn span:after, nav .menu_btn span:before {

	position: absolute;

	width: 20px;

	height: 2px;

	background-color: #c6ba9a;

	border-radius: 1px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

nav .menu_btn span {

	top: 29px;

	left: 20px

}

nav .menu_btn span:after, nav .menu_btn span:before {

	content: "";

	left: 0

}

nav .menu_btn span:before {

	top: -6px

}

nav .menu_btn span:after {

	top: 6px

}

.nav-open nav .menu_btn {

	background-color: #c6ba9a

}

.nav-open nav .menu_btn span {

	background-color: transparent

}

.nav-open nav .menu_btn span:before {

	background-color: #fff;

	-webkit-transform: translateY(6px) rotate(-45deg);

	-ms-transform: translateY(6px) rotate(-45deg);

	transform: translateY(6px) rotate(-45deg)

}

.nav-open nav .menu_btn span:after {

	background-color: #fff;

	-webkit-transform: translateY(-6px) rotate(45deg);

	-ms-transform: translateY(-6px) rotate(45deg);

	transform: translateY(-6px) rotate(45deg)

}

 @media (min-width: 768px) {

.max_header nav .menu_btn {

	width: 80px;

	height: 80px

}

.max_header nav .menu_btn span, .max_header nav .menu_btn span:after, .max_header nav .menu_btn span:before {

	background-color: #fff

}

.max_header nav .menu_btn span {

	top: 39px;

	left: 30px

}

}

.max_header.nav-open nav .menu_btn span {

	background-color: transparent

}

 @media (max-width: 979px) {

nav .menu_btn {

	display: block

}

}

 @media (max-width: 767px) {

nav .menu_btn {

	display: block;

	width: 50px;

	height: 50px

}

nav .menu_btn span {

	top: 24px;

	left: 15px

}

}

 @media (min-width: 768px) {

.max_header header {

	height: 80px;

	background-color: transparent;

	border-color: transparent;

	box-shadow: none

}

.max_header .top_logo {

	padding: 30px 30px

}

.max_header .top_logo img {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

.max_header #nav > li > a {

	height: 66px;

	line-height: 80px;

	color: #fff

}

.max_header #nav > li.has_sub.open > a, .no-touch .max_header #nav > li > a:hover {

	color: #fff

}

.max_header #nav > li.has_sub.open > a::before, .no-touch .max_header #nav > li > a:hover::before {

	height: 66px

}

.max_header #nav > li.active > a {

	background-color: #fff;

	color: #c6ba9a

}

.no-touch .max_header #nav > li.active > a:hover {

	color: #fff

}

.max_header .subnav {

	top: 66px

}

.max_header .lang_btn {

	height: 66px;

	line-height: 80px;

	color: #fff

}

}

 @media (max-width: 979px) {

#nav {

	position: absolute;

	background-color: #fff;

	width: 100%;

	right: 0;

	top: 60px;

	overflow-x: visible;

	-webkit-transition: all .4s cubic-bezier(1, 0, 0, 1);

	transition: all .4s cubic-bezier(1, 0, 0, 1)

}

.max_header #nav {

	top: 80px

}

#nav > li {

	width: 100%;

	height: 0;

	overflow: hidden

}

.nav-open #nav > li {

	height: 60px;

	border-top: 1px solid #f0f0f0

}

#nav > li > a, .max_header #nav > li > a {

	height: 100%;

	padding: 0 30px;

	line-height: 60px;

	color: #999

}

#nav > li > a i, .max_header #nav > li > a i {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 20px;

	display: block;

	font-size: 16px

}

#nav > li.active > a {

	color: #c6ba9a

}

.subnav {

	top: 0;

	left: 100%;

	width: 100%;

	height: 100%;

	background-color: #fff;

	box-shadow: none;

	overflow-x: hidden;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	-webkit-transform: none;

	-ms-transform: none;

	transform: none

}

.subnav ul {

	margin: 0 -1px -1px 0

}

.subnav li {

	width: 50%;

	border-bottom: 1px solid #f0f0f0;

	border-right: 1px solid #f0f0f0

}

.subnav li a {

	color: #999

}

.subnav .back_btn {

	display: block

}

.max_header .subnav {

	top: 0

}

.open_sub #nav {

	right: 100%

}

.subnav.show {

	left: 0

}

}

 @media (max-width: 767px) {

header {

	height: 50px

}

.top_logo {

	padding: 17px 20px

}

.lang_btn {

	width: 50px;

	height: 50px;

	line-height: 50px;

	margin-left: 0

}

#nav {

	top: 50px

}

.max_header #nav {

	top: 50px

}

.nav-open #nav > li {

	height: 50px

}

#nav > li > a, .max_header #nav > li > a {

	line-height: 50px;

	padding: 0 20px

}

.subnav li a {

	padding: 10px

}

.subnav li a::before {

	font-size: 48px

}

.subnav .back_btn {

	height: 50px

}

}

 @media (max-width: 767px) and (orientation: landscape) {

#nav, header {

	position: absolute

}

#nav > li {

	width: 50%;

	border-right: 1px solid #f0f0f0

}

.subnav li {

	width: 33.3333%

}

}

 @media (max-width: 767px) {

footer .slogan {

	width: 80%

}

}

footer .botmbar {

	padding-top: 25px;

	padding-bottom: 25px;

	background-color: #333;

	font-size: 12px

}

footer .botmbar a, footer .botmbar span {

	display: inline-block;

	line-height: 1.2;

	color: #fff

}

footer .botmbar a {

	margin-left: 8px;

	padding-left: 10px;

	border-left: 1px solid #dcdcdc;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.no-touch footer .botmbar a:hover {

	color: #c6ba9a

}

 @media (max-width: 767px) {

footer .botmbar {

	font-size: 10px

}

}

 @media (max-width: 400px) {

footer .botmbar a:last-child {

	display: block;

	margin-left: 0;

	padding-left: 0;

	margin-top: 10px;

	border: none

}

}

#pageloader {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 2000

}

#pageloader::after, #pageloader::before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	width: 100%;

	height: 50%;

	background: #fff;

	z-index: -1;

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s

}

#pageloader::before {

	top: 0

}

#pageloader::after {

	bottom: 0

}

#pageloader .loader-icon {

	-webkit-transition: all .5s ease 0s;

	transition: all .5s ease 0s

}

#pageloader.hide::after, #pageloader.hide::before {

	height: 0

}

#pageloader.hide .loader-icon {

	opacity: 0

}

.loader-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	margin-left: -15px

}

.loader-icon .circular {

	width: 100%;

	height: 100%;

	-webkit-animation: rotate 2s linear infinite;

	animation: rotate 2s linear infinite;

	-webkit-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center

}

.loader-icon .circular .path {

	stroke-dasharray: 1, 200;

	stroke-dashoffset: 0;

	-webkit-animation: dash 1.5s ease-in-out infinite;

	animation: dash 1.5s ease-in-out infinite;

	stroke-linecap: round

}

 @-webkit-keyframes rotate {

 100% {

 -webkit-transform: rotate(360deg);

 transform: rotate(360deg)

}

}

 @keyframes rotate {

 100% {

 -webkit-transform: rotate(360deg);

 transform: rotate(360deg)

}

}

 @-webkit-keyframes dash {

 0% {

 stroke-dasharray: 1, 200;

 stroke-dashoffset: 0

}

 50% {

 stroke-dasharray: 89, 200;

 stroke-dashoffset: -35px

}

 100% {

 stroke-dasharray: 89, 200;

 stroke-dashoffset: -124px

}

}

 @keyframes dash {

 0% {

 stroke-dasharray: 1, 200;

 stroke-dashoffset: 0

}

 50% {

 stroke-dasharray: 89, 200;

 stroke-dashoffset: -35px

}

 100% {

 stroke-dasharray: 89, 200;

 stroke-dashoffset: -124px

}

}

 @-webkit-keyframes mk_scale {

 0% {

 -webkit-transform: scale(.3);

 transform: scale(.3);

 opacity: .1

}

 100% {

 -webkit-transform: scale(1);

 transform: scale(1);

 opacity: 1

}

}

 @keyframes mk_scale {

 0% {

 -webkit-transform: scale(.3);

 transform: scale(.3);

 opacity: .1

}

 100% {

 -webkit-transform: scale(1);

 transform: scale(1);

 opacity: 1

}

}

 @-webkit-keyframes mk_fade {

 0% {

 opacity: .1

}

 100% {

 opacity: 1

}

}

 @keyframes mk_fade {

 0% {

 opacity: .1

}

 100% {

 opacity: 1

}

}

 @-webkit-keyframes mk_left_to_right {

 0% {

 -webkit-transform: translate(-30px, 0);

 transform: translate(-30px, 0);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @keyframes mk_left_to_right {

 0% {

 -webkit-transform: translate(-30px, 0);

 transform: translate(-30px, 0);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @-webkit-keyframes mk_right_to_left {

 0% {

 -webkit-transform: translate(30px, 0);

 transform: translate(30px, 0);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @keyframes mk_right_to_left {

 0% {

 -webkit-transform: translate(30px, 0);

 transform: translate(30px, 0);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @-webkit-keyframes mk_bottom_to_top {

 0% {

 -webkit-transform: translate(0, 50px);

 transform: translate(0, 50px);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @keyframes mk_bottom_to_top {

 0% {

 -webkit-transform: translate(0, 50px);

 transform: translate(0, 50px);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @-webkit-keyframes mk_top_to_bottom {

 0% {

 -webkit-transform: translate(0, -50px);

 transform: translate(0, -50px);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @keyframes mk_top_to_bottom {

 0% {

 -webkit-transform: translate(0, -50px);

 transform: translate(0, -50px);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0);

 transform: translate(0, 0);

 opacity: 1

}

}

 @-webkit-keyframes mk_bottom_to_top_scale {

 0% {

 -webkit-transform: translate(0, 50px) scale(.8);

 transform: translate(0, 50px) scale(.8);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0) scale(1);

 transform: translate(0, 0) scale(1);

 opacity: 1

}

}

 @keyframes mk_bottom_to_top_scale {

 0% {

 -webkit-transform: translate(0, 50px) scale(.8);

 transform: translate(0, 50px) scale(.8);

 opacity: 0

}

 100% {

 -webkit-transform: translate(0, 0) scale(1);

 transform: translate(0, 0) scale(1);

 opacity: 1

}

}

 @-webkit-keyframes mk_scale_blur {

 0% {

 -webkit-transform: scale(1.2);

 transform: scale(1.2);

 -webkit-filter: blur(50);

 filter: blur(50);

 opacity: 0

}

 100% {

 -webkit-transform: scale(1);

 transform: scale(1);

 -webkit-filter: blur(0);

 filter: blur(0);

 opacity: 1

}

}

 @keyframes mk_scale_blur {

 0% {

 -webkit-transform: scale(1.2);

 transform: scale(1.2);

 -webkit-filter: blur(50);

 filter: blur(50);

 opacity: 0

}

 100% {

 -webkit-transform: scale(1);

 transform: scale(1);

 -webkit-filter: blur(0);

 filter: blur(0);

 opacity: 1

}

}

.cssanimations .anim_emt {

	visibility: visible;

}

.anim_emt.start-animation.scale_up {

	-webkit-animation: mk_scale .8s 1 cubic-bezier(.445, .05, .55, .95) both;

	animation: mk_scale .8s 1 cubic-bezier(.445, .05, .55, .95) both;

	visibility: visible

}

.anim_emt.start-animation.fade_in {

	-webkit-animation: mk_fade 1.2s 1 cubic-bezier(.445, .05, .55, .95) both;

	animation: mk_fade 1.2s 1 cubic-bezier(.445, .05, .55, .95) both;

	visibility: visible

}

.anim_emt.start-animation.r_to_l {

	-webkit-animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_right_to_left 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.anim_emt.start-animation.l_to_r {

	-webkit-animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_left_to_right 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.anim_emt.start-animation.t_to_b {

	-webkit-animation: mk_top_to_bottom 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_top_to_bottom 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.anim_emt.start-animation.b_to_t {

	-webkit-animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_bottom_to_top 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.anim_emt.start-animation.b_to_t_scale {

	-webkit-animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_bottom_to_top_scale 1.2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.anim_emt.start-animation.scale_blur {

	-webkit-animation: mk_scale_blur 2s 1 cubic-bezier(.77, 0, .175, 1) both;

	animation: mk_scale_blur 2s 1 cubic-bezier(.77, 0, .175, 1) both;

	visibility: visible

}

.swiper-container {

	min-height: 100px

}

.swiper-container .swiper-slide {

	overflow: hidden

}

.swiper-container .pagination {

	width: 100%;

	padding: 30px;

	text-align: center

}

.swiper-container .pagination.inside {

	position: absolute;

	bottom: 0;

	z-index: 2

}

.swiper-container .swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	margin: 0 8px;

	background: #fff;

	border: 1px solid #c6ba9a;

	vertical-align: middle;

	opacity: 1

}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #c6ba9a;

	border-color: #fff;

	-webkit-transform: scale(1.25);

	-ms-transform: scale(1.25);

	transform: scale(1.25);

	cursor: default

}

.swiper-container .pagination-white .swiper-pagination-bullet {

	border: 1px solid transparent

}

.swiper-container .pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: 0 0;

	border-color: #fff

}

.swiper-container .btn-next, .swiper-container .btn-prev {

	position: absolute;

	top: 50%;

	margin-top: -25px;

	z-index: 10

}

.touch .swiper-container .btn-next, .touch .swiper-container .btn-prev {

	display: none

}

.swiper-container .btn-prev {

	left: 5%

}

#gallery .swiper-container .btn-prev {

	left: 30px

}

.swiper-container .btn-next {

	right: 5%

}

#gallery .swiper-container .btn-next {

	right: 30px

}

.swiper-container .arrow {

	position: absolute;

	top: 25%;

	margin-top: 0;

	width: 100px;

	height: 50%;

	padding: 0

}

.swiper-container .arrow span, .swiper-container .arrow span:after, .swiper-container .arrow span:before {

	position: absolute;

	top: 50%;

	height: 2px;

	background-color: #fff;

	border-radius: 1px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.swiper-container .arrow span {

	margin-top: -1px;

	width: 0

}

.swiper-container .arrow span:after, .swiper-container .arrow span:before {

	content: "";

	width: 30px

}

.swiper-container .arrow.btn-prev span {

	left: 50%;

	margin-left: -10px

}

.swiper-container .arrow.btn-prev span:before {

	left: 0;

	bottom: 0;

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: left;

	-ms-transform-origin: left;

	transform-origin: left

}

.swiper-container .arrow.btn-prev span:after {

	left: 0;

	top: 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transform-origin: left;

	-ms-transform-origin: left;

	transform-origin: left

}

.swiper-container .arrow.btn-next span {

	right: 50%;

	margin-right: -10px

}

.swiper-container .arrow.btn-next span:before {

	right: 0;

	bottom: 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transform-origin: right;

	-ms-transform-origin: right;

	transform-origin: right

}

.swiper-container .arrow.btn-next span:after {

	right: 0;

	top: 0;

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: right;

	-ms-transform-origin: right;

	transform-origin: right

}

.no-touch .swiper-container .arrow:hover span {

	width: 40px

}

.no-touch .swiper-container .arrow:hover.btn-prev span {

	margin-left: -20px

}

.no-touch .swiper-container .arrow:hover.btn-next span {

	margin-right: -20px

}

.swiper-container .swiper-button-disabled {

	opacity: .3;

	cursor: default;

	pointer-events: none

}

.swiper-container .swiper-lazy {

	opacity: 0;

	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0s

}

.swiper-container .swiper-lazy.showin {

	opacity: 1

}

.no-touch .swiper-container.head-swiper .swiper-wrapper, .no-touch .swiper-container.head-swiper [data-swiper-parallax] {

	-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);

	transition-timing-function: cubic-bezier(.77, 0, .175, 1)

}

 @media (max-width: 767px) {

.swiper-container .pagination {

	padding: 20px

}

.swiper-container .swiper-pagination-bullet {

	margin: 0 6px

}

.swiper-container .btn-next, .swiper-container .btn-prev {

	display: none

}

}

.slide_transition {

	-webkit-transition-duration: 1.6s;

	transition-duration: 1.6s

}

.modal {

	position: fixed;

	display: none;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #f0f0f0;

	overflow: hidden;

	visibility: hidden;

	opacity: 0;

	z-index: 1040;

	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;

	-webkit-transform: scale(.8);

	-ms-transform: scale(.8);

	transform: scale(.8);

	-webkit-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center

}

.modal .cont {

	position: relative

}

.modal .scroll-cont {

	position: relative;

	height: 100%;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch

}

.modal.show {

	display: block;

	visibility: visible;

	opacity: 1;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

.modal.show .close-btn {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: background-color .4s ease, color .4s ease, box-shadow .4s ease, -webkit-transform .6s ease 1.2s;

	transition: background-color .4s ease, color .4s ease, box-shadow .4s ease, -webkit-transform .6s ease 1.2s;

	transition: transform .6s ease 1.2s, background-color .4s ease, color .4s ease, box-shadow .4s ease;

	transition: transform .6s ease 1.2s, background-color .4s ease, color .4s ease, box-shadow .4s ease, -webkit-transform .6s ease 1.2s

}

#gallery .cont {

	height: 100%

}

body.modal-show {

	overflow: hidden

}

.pop {

	position: absolute;

	background-color: #fff;

	padding: 10px;

	top: -10px;

	left: 50%;

	line-height: 1;

	visibility: hidden;

	opacity: 0;

	-webkit-transform: translate(-50%, -100%);

	-ms-transform: translate(-50%, -100%);

	transform: translate(-50%, -100%);

	box-shadow: 0 0 16px rgba(0, 0, 0, .2)

}

.pop:after {

	content: '';

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-top-color: #fff;

	position: absolute;

	bottom: -16px;

	left: 50%;

	margin-left: -8px

}

.pop.popshow {

	visibility: visible;

	opacity: 1

}

.qrcode-img {

	width: 129px;

	height: auto

}

.home #head {

	background-color: #000;

	height: 100%

}

.home #head .fixed-head {

	height: 100%

}

.home #head .swiper-wrapper, .home #head [data-swiper-parallax] {

	will-change: transform

}

.home .swiper-slide .cont .container {

	max-width: 900px;

	-webkit-perspective: 800px;

	perspective: 800px

}

.home .swiper-slide .cont a {

	display: inline-block;

	-webkit-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d

}

.home .swiper-slide .cont a span::after {

	content: "";

	position: absolute;

	display: block;

	bottom: 0;

	left: 50%;

	width: 0;

	height: 1px;

	background-color: #fff;

	-webkit-transition: all .6s ease 0s;

	transition: all .6s ease 0s

}

.no-touch .home .swiper-slide .cont a {

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s

}

.no-touch .home .swiper-slide .cont a:hover {

	-webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;

	transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important

}

.no-touch .home .swiper-slide .cont a:hover span::after {

	left: 0;

	width: 100%

}

 @media (max-width: 767px) {

.home .swiper-slide .cont .container {

	padding-left: 0;

	padding-right: 0

}

}

.home .bottom {

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	bottom: 20px;

	z-index: 10

}

.home .bottom .pagination {

	position: relative;

	padding: 20px

}

.home .bottom .line {

	position: relative;

	width: 100%;

	height: 1px;

	background: rgba(255, 255, 255, .4)

}

.home .bottom .line::before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 0;

	height: 1px;

	background: #fff;

	-webkit-transition: width .4s ease;

	transition: width .4s ease

}

.home .bottom .line.autoplay::before {

	left: 0;

	width: 100%;

	-webkit-transition: width 5s linear;

	transition: width 5s linear

}

.home .bottom i {

	display: block;

	margin-top: 20px;

	font-size: 16px

}

 @media (max-width: 767px) {

.home .bottom {

	bottom: 15px

}

.home .bottom .pagination {

	padding: 10px

}

.home .bottom i {

	margin-top: 10px

}

}

 @media (max-width: 767px) and (orientation: landscape) {

.home .bottom {

	bottom: 0

}

.home .bottom .line, .home .bottom i {

	display: none

}

}

.home #products .grid {

	margin-left: -5px;

	margin-right: -5px

}

 @media (max-width: 767px) {

.home #products .grid {

	margin-left: -1px;

	margin-right: -1px

}

}

.home #products li {

	width: 33.3333%;

	padding: 5px

}

.home #products li a {

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: center center

}

.home #products li a .pic {

	width: 100%;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: scale(.8);

	-ms-transform: scale(.8);

	transform: scale(.8);

	-webkit-transition: all 1s ease 0s;

	transition: all 1s ease 0s

}

.home #products li a .title {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 15px

}

.no-touch .home #products li a:hover .pic {

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

 @media (max-width: 767px) {

.home #products li {

	padding: 1px

}

.home #products li a {

	background-size: 50%;

	padding: 0;

	box-shadow: none

}

.home #products li a .title {

	display: none

}

}

body.product .product-group {

	position: relative;

	width: 100%;

	background-color: #fff;

	overflow: hidden

}

body.product .product-group + .product-group {

	margin-top: 2px

}

body.product .product-group .cover {

	position: relative;

	left: 15%;

	width: 70%;

	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s

}

body.product .product-group .cover img {

	width: 100%

}

body.product .product-group .info {

	position: relative;

	right: -30%;

	width: 30%;

	text-align: left;

	opacity: 0;

	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;

	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s

}

body.product .product-group .info .cont {

	position: relative;

	border-left: 1px solid #dcdcdc

}

body.product .product-group .info .title {

	color: #999

}

body.product .product-group .info .gallery_btn {

	display: none

}

body.product .product-group .btns {

	position: absolute;

	top: 40px;

	right: 40px

}

body.product .product-group.showinfo .cover {

	left: 0

}

body.product .product-group.showinfo .info {

	right: 0;

	opacity: 1

}

 @media (max-width: 979px) {

body.product .product-group .cover {

	left: 20%;

	width: 60%

}

body.product .product-group .info {

	right: -40%;

	width: 40%

}

}

 @media (max-width: 767px) and (orientation: portrait) {

body.product .product-group {

	display: block

}

body.product .product-group .cover {

	display: block;

	left: 0;

	width: 100%

}

body.product .product-group .info {

	display: block;

	right: 0;

	width: 100%;

	height: auto;

	padding-top: 0;

	padding-left: 25px;

	padding-right: 25px;

	opacity: 1

}

body.product .product-group .info .cont {

	display: block;

	height: auto;

	padding: 0;

	border-left: none;

	padding-top: 20px;

	border-top: 1px solid #f0f0f0

}

body.product .product-group .info .gallery_btn {

	display: block;

	position: absolute;

	top: 20px;

	right: 25px;

	background-color: #fff

}

.no-touch body.product .product-group .info .gallery_btn:hover {

	background-color: #c6ba9a

}

body.product .product-group .btns {

	display: none

}

}

 @media (max-width: 767px) and (orientation: landscape) {

body.product .product-group .btns {

	top: 20px;

	right: 20px

}

}

body.room .product-group {

	position: relative;

	background-color: #fff;

	text-align: left

}

body.room .product-group:last-child {

	margin-bottom: 0

}

body.room .product-group .cover {

	position: relative;

	width: 70%

}

body.room .product-group .cover img {

	width: 100%

}

body.room .product-group .info {

	position: relative;

	width: 30%;

	border-left: 1px solid #f0f0f0

}

body.room .product-group .info .title {

	color: #999

}

body.room .product-group .info .gallery_btn {

	margin-top: 30px

}

 @media (max-width: 1199px) {

body.room .product-group .cover {

	width: 60%

}

body.room .product-group .info {

	width: 40%

}

}

 @media (max-width: 767px) and (orientation: portrait) {

body.room .product-group {

	display: block

}

body.room .product-group .cover {

	display: block;

	width: 100%

}

body.room .product-group .info {

	display: block;

	width: 100%;

	border-left: none;

	border-top: 1px solid #dcdcdc

}

body.room .product-group .info .gallery_btn {

	position: absolute;

	top: -20px;

	right: 20px;

	margin-top: 0;

	background-color: #fff

}

.no-touch body.room .product-group .info .gallery_btn:hover {

	background-color: #c6ba9a

}

}

 @media (max-width: 767px) {

body.room .m-t-head {

	margin-top: -30px

}

}

.news-cont {

	text-align: left;

	background-color: #fff

}

.news-cont .wrap + .wrap {

	border-top: 1px solid #f0f0f0

}

.news-cont img + img {

	margin-top: 2px

}

.news-cont .video {

	width: 100%

}

.news-cont .video iframe {

	border: none !important;

	width: 100% !important;

	height: 600px !important

}

 @media (max-width: 979px) {

.news-cont .video iframe {

	height: 400px !important

}

}

 @media (max-width: 767px) {

.news-cont .video iframe {

	height: 260px !important

}

}

.store-item {

	position: relative;

	background-color: #fff

}

.store-item:last-child {

	margin-bottom: 0

}

.store-item .info {

	width: 80%;

	float: left;

	text-align: left;

	border-right: 1px solid #f0f0f0

}

.store-item .info .phone::before {

	font-size: 90%;

	margin-right: 5px

}

.store-item .map-btn {

	position: absolute;

	display: block;

	right: 0;

	width: 20%;

	height: 100%

}

.store-item .map-btn i {

	position: relative;

	display: block;

	font-size: 3rem;

	margin-bottom: 5px;

	color: #c6ba9a

}

.store-item .map-btn i:before {

	display: block

}

.no-touch .store-item .map-btn:hover {

	background-color: #c6ba9a

}

.no-touch .store-item .map-btn:hover .title, .no-touch .store-item .map-btn:hover i {

	color: #fff

}

 @media (max-width: 767px) and (orientation: portrait) {

.store-item .info {

	width: 100%

}

.store-item .map-btn {

	position: relative;

	width: 100%;

	height: auto;

	padding: 10px 19px;

	text-align: left;

	float: left;

	border-top: 1px solid #f0f0f0

}

.store-item .map-btn .center {

	position: relative;

	top: 0;

	left: 0;

	-webkit-transform: none;

	-ms-transform: none;

	transform: none

}

.store-item .map-btn i {

	display: inline-block;

	float: left;

	font-size: 18px;

	margin-bottom: 0;

	margin-right: 5px

}

.store-item .map-btn .title {

	display: inline-block

}

}



.news{ margin-left: -3%;}

.thumbs.news li{width: 47%;

    margin-left: 3%;}