@charset "utf-8";
@font-face {
 font-family:novecento_normal;
 src:url(../fonts/novecento-sans/Novecentosanswide-Normal-webfont.eot);
 src:url(../fonts/novecento-sans/Novecentosanswide-Normal-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/novecento-sans/Novecentosanswide-Normal-webfont.woff2) format('woff2'),url(../fonts/novecento-sans/Novecentosanswide-Normal-webfont.woff) format('woff'),url(../fonts/novecento-sans/Novecentosanswide-Normal-webfont.ttf) format('truetype'),url(../fonts/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(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.eot);
 src:url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.woff2) format('woff2'),url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.woff) format('woff'),url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.ttf) format('truetype'),url(../fonts/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(../fonts/novecento-sans/Novecentosanswide-Light-webfont.eot);
 src:url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.woff2) format('woff2'),url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.woff) format('woff'),url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.ttf) format('truetype'),url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight) format('svg');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:modesign;
 src:url(../fonts/icons//modesign.ttf?u35cuf) format('truetype'),url(../fonts/icons//modesign.woff?u35cuf) format('woff'),url(../fonts/icons//modesign.svg?u35cuf#modesign) 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%;
 text-align:center
}
@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:36px
}
.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
}
@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:20px;
 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:140px;
  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 {
 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:20px
}
@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
}
.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
}
@media (max-width:767px) {
 .thumbs.product li {
  margin-bottom:10px
 }
}
.thumbs.product li a .pic {
 width:50%
}
.thumbs.product li a .pic img {
 width:100%;
 margin-right:-1px
}
.thumbs.product li a .info {
 width:50%;
 text-align:left
}
.thumbs.product li a .info .title {
 white-space:nowrap
}
@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:50%
}
@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 {
 border-bottom:1px solid #dcdcdc
}
.bottom-nav .title {
 padding:5px 0
}
.bottom-nav li {
 display:inline-block;
 color:#999
}
.bottom-nav li a {
 display:block;
 padding:3px 10px
}
.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:hidden
}
.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
 }
}