@charset "utf-8";
    @font-face {
    font-family:novecento_normal;
    src:url(../fonts/novecentosanswide-normal-webfont.eot);
    src:url(../fonts/novecentosanswide-normal-webfont.eot) format('embedded-opentype'),url(../fonts/novecentosanswide-normal-webfont.woff2) format('woff2'),url(../fonts/novecentosanswide-normal-webfont.woff) format('woff'),url(../fonts/novecentosanswide-normal-webfont.ttf) format('truetype'),url(../fonts/novecentosanswide-normal-webfont.svg#novecento_sans_widenormal) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:novecento_bold;
    src:url(../fonts/novecentosanswide-demibold-webfont.eot);
    src:url(../fonts/novecentosanswide-demibold-webfont.eot) format('embedded-opentype'),url(../fonts/novecentosanswide-demibold-webfont.woff2) format('woff2'),url(../fonts/novecentosanswide-demibold-webfont.woff) format('woff'),url(../fonts/novecentosanswide-demibold-webfont.ttf) format('truetype'),url(../fonts/novecentosanswide-demibold-webfont.svg#novecento_sans_widedemibold) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:novecento_light;
    src:url(../fonts/novecentosanswide-light-webfont.eot);
    src:url(../fonts/novecentosanswide-light-webfont.eot) format('embedded-opentype'),url(../fonts/novecentosanswide-light-webfont.woff2) format('woff2'),url(../fonts/novecentosanswide-light-webfont.woff) format('woff'),url(../fonts/novecentosanswide-light-webfont.ttf) format('truetype'),url(../fonts/novecentosanswide-light-webfont.svg#novecento_sans_widelight) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: icons;
    src: url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.svg) format('svg'),url(../fonts/icons.eot) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}
[class*=" icon-"]:before,[class^=icon-]:before {
    font-family:icons!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-wechat:before {
    content:"\e905"
}
.icon-weibo:before {
    content:"\e906";
    opacity: 0;
}
.icon-tianmao:before {
    content:"\e907";
    opacity: 0;
}
.icon-info:before {
    content:"\e903"
}
.icon-arrow-back:before {
    content:"\e902"
}
.icon-arrow-left:before {
    content:"\e900"
}
.icon-arrow-right:before {
    content:"\e901"
}
.iconbtn img {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.iconbtn img:nth-child(2) {
    display: none;
}
.iconbtn:hover img:nth-child(1) {
    display: none;
}
.iconbtn:hover img:nth-child(2) {
    display: block;
}
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:#ecc3b2
}
::selection {
    color:#fff;
    background:#ecc3b2
}
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:#ecc3b2
}
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:#ecc3b2
}
.bgc-white {
    background-color:#fff
}
.bgc-body {
    background-color:#f0f0f0
}
.bgc-brand {
    background-color:#ecc3b2
}
.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: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: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 {
}
.no-touch .thumbs li:hover {
    z-index:99
}
.view {
    font-size:12px;
    color:#ecc3b2
}
.view i {
    margin-left:2px;
    font-size:12px
}
@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
}
.thumbs.product li:nth-child(2n) a .info {
    float:right;
}
@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:#ecc3b2;
    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:#ecc3b2;
    color:#fff
}
.no-touch .btn-brand:hover {
    background-color:#fff;
    color:#ecc3b2;
    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:#ecc3b2;
    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:#ecc3b2;
    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:#ecc3b2
}
.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:#ecc3b2;
    border-radius:50%;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    background-color:transparent;
    border:1px solid #ecc3b2
}
.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:#ecc3b2
}
.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:#ecc3b2
}
.iconbtnborder:after {
    background-color:#ecc3b2
}
.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:#ecc3b2;
    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:#ecc3b2
}
.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:#ecc3b2
}
.iconbtn-white:after {
    background-color:#ecc3b2
}
.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;
}
.select::before {
    position:absolute;
    right:1.8rem;
    top:50%;
    -webkit-transform:translateY(-55%);
    -ms-transform:translateY(-55%);
    transform:translateY(-55%);
    color:#333;
    font-size:2rem;
    pointer-events:none
}
.no-touch:not(.safari_9) .select:hover select {
    background-color:#fff;
    color:#333;
    border-color:#333
}
.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:#333;
    border:1px solid #E6ECEE;
    border-radius:0;
    outline:0;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.input-group {
    margin-left:-20px;
    margin-right:-20px;
}
.input {
    float:left;
    width:33.33333333%;
}
.input input {
    display:inline-block;
    width:100%;
    margin:0;
    padding:1rem 2rem 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:#333;
    border:1px solid #E6ECEE;
    border-radius:0;
    outline:0;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.select select:focus:-moz-focusring,.textarea textarea:focus:-moz-focusring,.input input:focus:-moz-focusring {
    color:transparent;
    text-shadow:0 0 0 #000
}
.select select:focus,.textarea textarea:focus,.input input:focus {
    border-color:#333;
    box-shadow:0 2px 32px rgba(0,0,0,.2)
}
.select select:active,.textarea textarea:active
.input input:active {
    color:#fff;
    border-color:#333
}
.select select::-ms-expand {
    display:none
}
.textarea textarea {
    display:inline-block;
    width:100%;
    min-height:200px;
    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:#333;
    border:1px solid #E6ECEE;
    border-radius:0;
    outline:0;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.form-link {
    width:100%;
    height:80px;
    background-color:#333;
    color:#fff;
    line-height:80px;
    text-align:center;
    font-size:20px;
    display:inline-block;
    -webkit-transition:background-color .5s ease;
    transition:background-color .5s ease
}
.form-link:hover {
    background-color:#000;
}
@media (max-width:767px) {
    .select select,.input input,.textarea textarea {
    font-size:14px
}
.input-group {
    margin-left:-10px;
    margin-right:-10px;
}
.input {
    padding:0 10px;
}
.form-link {
    font-size:16px;
    height:50px;
    line-height:50px;
}
}@-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:#ecc3b2
}
.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:#ecc3b2;
    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:#ecc3b2
}
.subnav {
    position:fixed;
    left:0;
    top:60px;
    background-color:#ecc3b2;
    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:#ecc3b2;
    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:16.666666667%;
    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:2;
    color:#fff
}
.subnav li a::before {
    display:block;
    font-size:64px;
    margin:-10px 0 -5px 0
}
.no-touch .subnav li a:hover {
    background-color: rgba(255, 255, 255, 0.34);
    color: #ffffff;
}
.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:#ecc3b2;
    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:#ecc3b2;
    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:#ecc3b2
}
.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:#ecc3b2
}
.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:12px
}
#nav>li.active>a {
    color:#ecc3b2
}
.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 {
    border-top: 1px solid #fff;
    margin:0 -1px -1px 0
}
.subnav li {
    width:50%;
    background-color: #ecc3b2;
    border-bottom:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0
}
.subnav li a {
    color:#fff
}
.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:#ecc3b2
}
@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 #ecc3b2;
    vertical-align:middle;
    opacity:1
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#ecc3b2;
    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%;
    max-height: 55vw;
}
.home #head .swiper-wrapper,.home #head [data-swiper-parallax] {
    will-change:transform
}
.home .cont .container {
    max-width:900px;
    -webkit-perspective:800px;
    perspective:800px
}
.home .cont .wrap-s {
    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 .cont .wrap-s 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 .cont .wrap-s {
    -webkit-transition:all 1s ease 0s;
    transition:all 1s ease 0s
}
.no-touch .home .cont .wrap-s: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 .cont .wrap-s:hover span::after {
    left:0;
    width:100%
}
@media (max-width:767px) {
    .home .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:#ecc3b2
}
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:#ecc3b2
}
}@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:#ecc3b2
}
.store-item .map-btn i:before {
    display:block
}
.no-touch .store-item .map-btn:hover {
    background-color:#ecc3b2
}
.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
}
}.nav-icon {
    display:inline-block;
    width:100%;
}
.edit-block * {
    margin:0;
    padding:0;
}
.edit-block img {
    width:auto!important;
    height:auto!important;
    max-width:100%;
}
.form-error {
    border-color:#f00!important;
}
.news-page-box {
    padding-left: 50px;
    padding-right: 50px;
}
.news-page-box img {
    width: 100%;
    height: auto;
}
@media (max-width: 767px) and (orientation: portrait){
    .news-cont.news-page-box {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.c-bg{
    padding-top: 60px;
    position: relative;
    max-height: 55vw!important;
}
@media (max-width: 767px){
    .c-bg{
        padding-top: 50px;
    }
}
.news-cont *{
    white-space: normal!important;
}