@font-face {

    font-family: novecento_normal;	src: url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.eot);	src: url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.eot?) format('embedded-opentype'), url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.woff2) format('woff2'), url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.woff) format('woff'), url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.ttf) format('truetype'), url(https://www.cnmonga.com/weipai/fonts/novecento-sans/Novecentosanswide-Normal-webfont.svg) format('svg');	font-weight: 400;	font-style: normal

}



@font-face {

    font-family: 'gothic';	src: url(../font/gothic.eot);	/* IE9*/	src: url(../font/gothic.eot) format('embedded-opentype'), /* IE6-IE8 */	url(../font/gothic.woff) format('woff'), /* chrome、firefox */	url(../font/gothic.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/	url(https://www.cnmonga.com/weipai/css/font/gothic.svg) format('svg');	/* iOS 4.1- */

}



@font-face {

    font-family: modesign;	src: url(../font/modesign.ttf) format('truetype'), url(https://www.cnmonga.com/weipai/fonts/icons//modesign.woff?u35cuf) format('woff'), url(https://www.cnmonga.com/weipai/fonts/icons//modesign.svg?u35cuf) format('svg');	font-weight: 400;	font-style: normal

}



a {

    cursor: pointer;

}



.display100 {

    display: block;

    width: 100%;

    height: 100%;

    cursor: pointer;

    position: relative;

    overflow: hidden;

}/*产品列表弹出窗口*/#pro-view {

                 position: fixed;

                 left: 0;

                 top: 0;

                 width: 100%;

                 height: 100%;

                 background: #fff;

                 z-index: 99999999;

                 display: none;

                 -webkit-animation: proView linear 0.5s forwards;

                 animation: proView linear 0.5s forwards;

                 overflow: hidden;

             }



#pro-view > .caption {

    width: 100%;

    height: 50px;

    background: #fff;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    color: #102745;

}



#pro-view > .closed {

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 10;

}



#pro-view > .closed:after {

    width: 50%;

    height: 2px;

    border-radius: 2px;

    background: #999;

    display: block;

    content: '';

    position: absolute;

    left: 25%;

    top: 24px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



#pro-view > .closed:before {

    width: 50%;

    height: 2px;

    border-radius: 2px;

    background: #999;

    display: block;

    content: '';

    position: absolute;

    left: 25%;

    top: 24px;

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

    transform: rotate(-45deg);

}



#pro-view > .main {

    position: absolute;

    left: 0;

    top: 50px;

    right: 0;

    bottom: 0;

}



#pro-view > .main > .mainBox {

    width: 100%;

    height: 100%;

    position: relative;

}



@-wekbit-keyframes proView {

0% {

    transform: scale(0.2);

}



100% {

    transform: scale(1);

}

}



@keyframes proView {

    0% {

        transform: scale(0.2);

    }



    100% {

        transform: scale(1);

    }

}



#iSlider-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



#iSlider-wrapper ul {

    list-style: none;

    margin: 0;

    padding: 0;

    height: 100%;

    overflow: hidden;

}



#iSlider-wrapper li {

    position: absolute;

    margin: 0;

    padding: 0;

    height: 100%;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-pack: center;

    width: 100%;

    -webkit-box-align: center;

    list-style: none;

}



#iSlider-wrapper li img {

    max-height: 100%;

    max-width: 100%;

    width: auto;

}[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: #102745

}



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;

    width: 100%;

}



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: arial, "Microsoft YaHei";

    font-size: 14px;

    line-height: 1.6;

    color: #555;

    width: 100%;

    height: 100%;

    text-align: center

}



@media (max-width:320px) {

    body {

        font-size: 12px

    }

}



::-moz-selection {

    color: #fff;

    background: #102745

}



::selection {

    color: #fff;

    background: #102745

}



footer,header,section {

}



a {

    color: inherit;

    text-decoration: none;

    cursor: pointer

}



:focus,a:hover {

    outline: 0;

    text-decoration: none

}



.no-touch a.link:hover {

    color: #102745

}



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-weight: 600;

    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,.h2,.h3,h1,h2,h3 {

    color: #102745

}



.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: 25px

    }



    .h3,	h3 {

        font-size: 21px

    }



    .h4,	h4 {

        font-size: 18px

    }



    .h5,	h5 {

        font-size: 16px

    }



    .h6,	h6 {

        font-size: 14px

    }

}



@media (max-width:325px) {

    .h3,	h3 {

        font-size: 18px

    }



    .h4,	h4 {

        font-size: 16px

    }

}



.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-style: italic;

    line-height: 1.6

}



@media (max-width:767px) {

    p {

        margin-bottom: 15px

    }



    p.big {

        font-size: 14px

    }

}



.bold {

    font-weight: 400

}



.light {

    font-weight: 600

}



.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: #102745

}



.bgc-white {

    background-color: #fff

}



.bgc-body {

    background-color: #f0f0f0

}



.bgc-brand {

    background-color: #102745

}



.bgc-black {

    background-color: #102745

}



.dark_bg {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #102745;

    opacity: .2;

    filter: alpha(opacity=20)

}



.container {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 80%;

    padding-left: 10px;

    padding-right: 10px;

    position: relative;

    text-align: center;

}



@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

}



.slogan {

    width: 100%;

}



@media (max-width:980px) {

    .p-v-lg {

        padding-top: 60px;

        padding-bottom: 60px

    }

}



@media (max-width:767px) {

    .p-v-lg {

        padding-top: 10px;

        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!important

}



.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: 50px 0 20px 0;

}



.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;

    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: #102745

}



.no-touch .thumbs li:hover {

    z-index: 99

}



.view {

    font-size: 12px;

    color: #102745

}



.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: #102745;

    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: #102745;

    color: #fff

}



.no-touch .btn-brand:hover {

    background-color: #fff;

    color: #102745;

    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: #102745;

    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: #102745;

    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: #102745

}



.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: #102745;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    background-color: transparent;

    border: 1px solid #102745

}



.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: #102745

}



.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: #102745

}



.iconbtnborder:after {

    background-color: #102745

}



.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: #102745;

    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: #102745

}



.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: #102745

}



.iconbtn-white:after {

    background-color: #102745

}



.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: #102745;

    color: #fff;

    border-color: #102745

}



.select select {

    display: inline-block;

    width: 100%;

    min-width: 160px;

    margin: 0;

    padding: 1rem 5rem 1rem 2rem;

    line-height: 1.8;

    font-size: 2rem;

    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 #102745

}



.select select:focus {

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

}



.select select:active {

    color: #fff;

    background-color: #102745;

    border-color: #102745

}



.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: 100%;

    /*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%;

    padding-top: 50px;

}



body.loading {

    overflow-y: hidden

}



body.loading #main {

    overflow-y: hidden

}



#head {

    overflow: hidden;

    z-index: 0;

    position: relative;

}



@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='#10274500000', GradientType=0);

    z-index: -1

}



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

    background-attachment: fixed

}



@media (max-width:768px) {

    .page-head {

        height: auto;

    }

}



.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='#10274500000', 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*/		position: relative;

        background: center top;

        background-size: cover;

    }



    .head:after {

        content: '';

        display: block;

        padding-top: 42.2%;

    }



    .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: #fff;

}



.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;

    width: 100%;

    height: 60px;

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

    overflow: visible;

    background: #fff;

    z-index: 1000;

    max-width: 768px;

    left: 0;

    right: 0;

    margin: auto;

}



.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 10px;

    overflow: hidden

}



.top_logo .logo_img {

    width: auto;

    overflow: hidden

}



.top_logo img {

    width: 70px;

}



.no-touch .top_logo:hover img {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}



.top_logo .logo_img {

    width: auto;

    overflow: hidden;

}



.menu_back {

    width: 32px;

    height: 50px;

    background-image: url(../image/arrow.png);

    background-repeat: no-repeat;

    background-position: center left;

    background-size: 32px;

    display: block;

    float: left;

    cursor: pointer;

}



nav {

    float: right

}



#nav>li {

    display: inline-block;

    float: left;

    overflow: hidden;

}



#nav>li>a {

    position: relative;

    display: block;

    height: 60px;

    padding: 0 20px;

    line-height: 60px;

    text-align: left;

    color: #999;

    z-index: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



#nav>li>a i {

    display: none

}



#nav>li>a::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #102745;

    z-index: -1;

    -webkit-transition: all .4s ease;

    transition: all .4s ease

}



#nav>li>.on::before {

    height: 100%;

}



#nav>li>.on span {

    color: #fff;

}



.nav-open #nav>on:first-child {

    border-top: 0;

}



#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

}



.subnav {

    position: fixed;

    left: 0;

    top: 60px;

    background-color: #102745;

    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: #102745;

    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;

    color: #fff;

    line-height: 250%;

}



.subnav li a .cn {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    width: 100%;

}



.subnav li a .cn2 {

    display: block;

    width: 100%;

    height: 30px;

    line-height: 15px;

    padding-top: 10px;

}



.productlist .bill .cn2 {

    display: block;

    width: 100%;

    height: 35px;

    line-height: 15px;

}



.subnav li a::before {

    display: block;

    font-size: 64px;

    margin: -10px 0 -5px 0

}



.no-touch .subnav li a:hover {

    background-color: #fff;

    color: #102745

}



.lang_btn {

    display: block;

    float: right;

    width: 70px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #999;

    overflow: hidden;

}



.no-touch .lang_btn:hover {

    background-color: #102745;

    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: #102745;

    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: #102745;

}



.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 (max-width: 320px) nav .menu_btn {

    display: none;	width: 50px;	height: 50px;

}



    @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 10px;

        }



        .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: #102745

        }



        .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: #03aba2;

        }

    }



    @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;

        }



        .nav-open #nav>li {

            height: 50px;

            border-top: 1px solid #f0f0f0;

            cursor: pointer;

        }



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

            height: 100%;

            padding: 0 30px;

            line-height: 50px;

            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

        }



        .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: 100%;

            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: 0;

        }



        .lang_btn {

            width: 50px;

            height: 50px;

            line-height: 50px;

            margin-left: 0;

            font-size: 14px;

        }



        #nav {

            top: 50px

        }



        .max_header #nav {

            top: 50px

        }



        .nav-open #nav>li {

            height: 50px;

            cursor: pointer;

        }



        #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:375px) {

        .nav-open #nav>li {

            height: 50px;

            cursor: pointer;

        }



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

            line-height: 50px;

            padding: 0 20px;

            font-size: 14px;

        }

    }



    @media (max-width:320px) {

        .nav-open #nav>li {

            height: 50px;

            cursor: pointer;

        }



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

            line-height: 50px;

            padding: 0 20px;

            font-size: 12px;

        }

    }



    .wp_foot h3,.wp_foot h5 {

        line-height: 150%;

        color: #686868;

    }



    @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: 90%

        }

    }



    footer .botmbar {

        clear: both;

        padding: 3% 0;

        font-size: 12px;

        line-height: 20px;

        background: #f8f8f8;

    }



    footer .botmbar a,footer .botmbar span {

        display: inline-block;

        line-height: 1.2;

        color: #ccc;

    }



    footer .botmbar .container img {

        max-width: 100px;

        margin: 0 auto;

    }



    footer .botmbar a {

        text-align: center;

        -webkit-transition: all .4s ease;

        transition: all .4s ease

    }



    .no-touch footer .botmbar a:hover {

        color: #102745

    }



    @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 {

        content: "";

        display: block;

        position: absolute;

        left: 0;

        width: 100%;

        height: 100%;

        background: #fff;

        z-index: -1;

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

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

    }



    #pageloader::before {

        bottom: 0

    }



    #pageloader::after {

    }



    #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 .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 .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

    }



    .home #head {

        background-color: #102745;

    }



    .home #head:after {

        content: '';

        display: block;

        padding-top: 106%;

    }



    .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: 30px;

        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: 30px

        }



        .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: 70%;

        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,	.home #products lia:active {

            background-size: 70%;

            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: #102745

        }



        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: #102745

        }

    }



    @media (max-width:767px) {

        body.room .m-t-head {

            margin-top: -30px

        }

    }



    .news-cont {

        width: 100%;

        overflow: hidden;

        text-align: left;

        background-color: #fff

    }



    .news-cont img {

        width: 100%;

    }



    .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: #102745

    }



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

        display: block

    }



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

        background-color: #102745

    }



    .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

        }

    }/*首页新闻*/.exab {

                 width: 100%;

                 text-align: left;

                 color: #666;

                 overflow: hidden;

                 padding: 5% 3%;

             }



    .container a.pass {

        display: block;

        position: absolute;

        right: 20%;

        top: 30%;

        color: #fff;

        padding: 8px 20px;

        background: #102745000;

        opacity: 0.6;

    }



    .pass {

        position: absolute;

        top: 30%;

        right: 20%;

        padding: 8px 20px;

        background: #102745000;

        opacity: 0.8;

        color: #fff;

        border-radius: 10px;

        z-index: 999;

    }



    .productlist .back_btn::before {

        position: relative;

        display: inline-block;

        font-size: 20px;

        margin-right: 5px;

        margin-bottom: 3px

    }



    .productlist h3 {

        line-height: 60px;

        color: #102745;

        text-transform: uppercase;

        text-align: center;

    }



    .productlist li a {

        display: block;

        padding: 10px;

        text-align: center;

        color: #999;

        font-weight: bold;

        cursor: pointer;

    }



    .productlist li a::before {

        display: block;

        font-size: 64px;

        margin: -10px 0 -5px 0

    }



    .no-touch .productlist li a:hover {

        background-color: #fff;

        color: #102745

    }



    .rel {

        position: relative;

    }



    .text-overflow {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    #a_left {

        float: left;

    }



    #a_right {

        float: right;

    }



    #nav>li>a span b {

        display: inline-block;

    }



    #nav>li>a span .circle {

        margin-right: 15px;

        position: relative;

    }



    #nav>li>a span .circle {

        border: #D8D8D8 1px solid;

        border-radius: 5px;

        width: 8px;

        height: 8px;

        background-color: transparent;

    }



    #nav>li> .m_sbunav {

        height: 0;

        overflow: auto;

        -webkit-transition: all .4s ease;

        transition: all .4s ease;

    }



    #nav>.active .m_sbunav {

        height: 100%;

        overflow: auto;

    }



    #nav>li> .m_sbunav li {

        border-top: 1px solid rgba(255, 255, 255, .8);

        width: 100%;

        background: #eee;

        display: block;

        line-height: 50px;

        padding: 0 20px;

        -webkit-transition: all .4s ease;

        transition: all .4s ease;

    ;

    }



    #nav>li> .m_sbunav a {

        color: #848484;

        text-align: left;

        display: block;

        position: relative;

        text-indent: 2em;

        -webkit-transition: all .4s ease;

        transition: all .4s ease;

    }



    #nav>li> .m_sbunav a::after {

        content: '';

        display: block;

        width: 6px;

        height: 6px;

        border: 1px solid #B4B4B4;

        border-left: none;

        border-bottom: none;

        transform: rotate(45deg);

        top: 21px;

        left: 0;

        position: absolute;

    }



    .blank {

        width: 100%;

        clear: both;

        margin: 0 auto;

        padding-bottom: 15%;

    }



    .unlike li {

        width: 100%;

        border-right: 0;

    }



    .am-slider .am-slides h2 {

        font-size: 20px;

        margin-top: 15px;

        margin-bottom: 15px;

        text-align: left;

        padding: 0 3%;

    }



    .am-slider .am-slides p {

        margin-top: 10px;

        text-align: left;

        padding: 0 3%;

    }/************广告图片**************/#bnpic {

                                         width: 100%;

                                     }



    .banner {

        width: 100%;

        clear: both;

        overflow: hidden;

    }



    .pro-switch {

        width: auto;

        height: auto;

        margin-bottom: 0;

        overflow: hidden;

    }



    .flexslider {

        margin: 0;

        padding: 0;

    }



    .flexslider .slides>li {

        display: none;

        -webkit-backface-visibility: hidden;

    }



    .flexslider .slides img {

        width: 100%;

        display: block;

    }



    .slides:after {

        content: ".";

        display: block;

        clear: both;

        visibility: hidden;

        line-height: 0;

        height: 0;

    }



    html[xmlns] .slides {

        display: block;

    }



    * html .slides {

        height: auto;

    }



    .no-js .slides>li:first-child {

        display: block;

    }



    .flexslider {

        margin: 0 auto;

        position: relative;

        width: 100%;

        zoom: 1;

    }



    .flex-viewport {

        max-height: 2000px;

        -webkit-transition: all 1s ease;

        -moz-transition: all 1s ease;

        transition: all 1s ease;

    }



    .flexslider .slides {

        zoom: 1;

    }



    .flex-direction-nav {

        *height: 0;

        position: absolute;

        top: 50%;

        width: 100%;

    }



    .flex-direction-nav a {

        width: 60px;

        height: 90px;

        margin: -20px 0 0;

        display: block;

        position: absolute;

        top: 50%;

        z-index: 10;

        cursor: pointer;

        text-indent: -9999px;

        filter: alpha(opacity=0);

        -webkit-transition: all .3s ease;

        margin-top: -45px;

        /* background: url(../image/arr.png) no-repeat; */

    }



    .flex-direction-nav .flex-next {

        right: -30px;

        background-position: -132px 0;

    }



    .flex-direction-nav .flex-prev {

        left: 0;

        background-position: 0 0;

    }



    .flexslider:hover .flex-next,.flexslider:hover .flex-prev {

        opacity: 0.8;

        filter: alpha(opacity=25);

    }



    .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {

        opacity: 1;

        filter: alpha(opacity=50);

    }



    .cn_flexslider:hover .flex-next:hover,.cn_flexslider:hover .flex-prev:hover {

        opacity: 1;

        filter: alpha(opacity=50);

    }



    .flex-control-nav {

        width: 100%;

        position: absolute;

        bottom: 15px;

        text-align: center;

        margin: 0;

        padding: 0;

    }



    .flex-control-nav li {

        margin: 0 5px;

        display: inline-block;

        zoom: 1;

        *display: inline;

    }



    .flex-control-paging li a {

        display: inline-block;

        width: 8px;

        height: 8px;

        margin: 0 2px;

        background: rgba(255,255,255,.8);

        border-radius: 10px;

        overflow: hidden;

        text-indent: -999em;

        cursor: pointer;

        transition: width, background 0.4s;

    }



    .flex-control-paging li a.flex-active {

        background: #fff;

        cursor: default;

        width: 15px;

    }/*水*/#water {

              width: 100%;

              height: 30px;

              margin-top: -10px;

          }



    .water-1,.water-2 {

        width: 100%;

        height: 30px;

        position: absolute;

    }



    .water-1 {

        background: url('../image/water-1.svg') repeat-x;

        background-size: 600px;

        -webkit-animation: wave-animation-1 3.5s infinite linear;

        animation: wave-animation-1 3.5s infinite linear;

    }



    .water-2 {

        background: url('../image/water-2.svg') repeat-x;

        background-size: 600px;

        -webkit-animation: wave-animation-2 6s infinite linear;

        animation: wave-animation-2 6s infinite linear;

    }



    @keyframes wave-animation-1 {

        0% {

            background-position: 0 top

        }



        100% {

            background-position: 600px top

        }

    }



    @keyframes wave-animation-2 {

        0% {

            background-position: 0 top

        }



        100% {

            background-position: 600px top

        }

    }/*底部*/.foot_link {

               width: 100%;

               clear: both;

               background: #fff;

               overflow: hidden;

               padding: 15px 3%;

           }



    .foot_link ul li {

        width: 100%;

        float: left;

        cursor: pointer;

        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        max-height: 44px;

        overflow: hidden;

        color: #102745;

        will-change: transform, max-height;

    }



    .foot_link ul .on {

        max-height: 205px;

        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    }



    .foot_link ul li .top_menu {

        width: 100%;

        clear: both;

        font-size: 13px;

        color: #102745;

        text-align: left;

        line-height: 1;

        border-bottom: 1px solid #e1e1e1;

        padding: 15px 0;

    }



    .foot_link ul li .top_menu img {

        display: block;

        float: right;

        width: 13px;

        -webkit-transition: all .3s ease;

        transition: all .3s ease;

    }



    .foot_link ul li .sub_menu {

        overflow: hidden;

        padding: 3%;

        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    }



    .foot_link ul li .sub_menu a {

        display: block;

        width: 100%;

        line-height: 30px;

        font-size: 12px;

        text-align: left;

        color: #999;

    }



    .foot_link ul .on .sub_menu {

        height: auto;

        transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    }



    .foot_link .on .top_menu img {

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

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

        transform: rotate(-135deg);

    }



    .foot_link .foot_bottom {

        clear: both;

        width: 100%;

        padding-top: 15px;

    }



    .foot_link .foot_bottom .foot_left {

        float: left;

        text-align: left;

    }



    .foot_link .foot_bottom .foot_left p {

        margin-bottom: 0;

        font-size: 14px;

    }



    .foot_link .foot_bottom .foot_left h3 {

        line-height: 18px;

    }



    .foot_link .foot_bottom a.foot_right {

        display: block;

        float: right;

        line-height: 25px;

        background: #102745;

        border-radius: 30px;

        padding: 12px 20px;

        color: #fff;

        margin-top: 5px;

    }



    .foot_link .foot_bottom a.foot_right span {

        display: block;

        float: left;

        line-height: initial;

        color: #fff;

        padding-left: 10px;

    }



    .foot_link .foot_bottom a.foot_right img {

        width: 20px;

        float: left;

    }/*底部*/.skill_link {

               width: 100%;

               clear: both;

               overflow: hidden;

           }



    .skill_link a {

        display: block;

        float: left;

        margin-right: 5px;

        text-align: center;

        padding: 5px 10px;

        border: 1px solid #d5d5d5;

        color: #999;

        cursor: pointer;

        margin-bottom: 5px;

    }



    .skill_link a.on {

        background: #102745;

        border-color: #fff;

        color: #fff;

    }/*新闻列表*/.news_list {

                 width: 100%;

                 clear: both;

             }



    .news_list ul li {

        width: 100%;

        height: 100%;

        margin-bottom: 15px;

        overflow: hidden;

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

        background: #fff;

        cursor: pointer;

    }



    .news_list a {

        display: block;

        width: 100%;

        height: 100%;

        cursor: pointer;

        overflow: hidden;

    }



    .news_list span {

        width: 100%;

        height: 0;

        padding-bottom: 50%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        position: relative;

        float: left;

    }



    .news_list em {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        height: 100%;

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

        background-image: url(../image/video_icon.png);

        background-repeat: no-repeat;

        background-position: center;

        background-size: 50px;

    }



    .news_list div {

        padding: 3%;

        float: left;

        width: 100%;

    }



    .news_list h3 {

        font-weight: normal;

        width: 100%;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        color: #333;

        font-size: 16px;

    }



    .news_list font {

        text-align: right;

        color: #999;

        display: block;

        width: 100%;

        padding-top: 3%;

    }



    .video_top iframe {

        display: block;

        width: 100%;

    }



    @media (min-width:600px) {

        .news_list ul li {

            width: 49%;

            margin-left: 2%;

            float: left;

        }



        .news_list span {

            padding-bottom: 40%;

        }



        .news_list ul li:nth-of-type(odd) {

            margin-left: 0;

        }

    }



    .recom_list h4 {

        font-weight: normal;

    }



    .recom_list .recom_img {

        padding-bottom: 3%;

    }



    .recom_list ul li {

        float: left;

        width: 49%;

        margin-left: 2%;

        overflow: hidden;

        background: #fff;

        margin-bottom: 2%;

        text-align: center;

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

        position: relative;

        cursor: pointer;

    }



    .recom_list ul li span {

        display: block;

        width: 100%;

        color: #102745;

        text-align: center;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        line-height: 30px;

    }



    .recom_bg {

        background: #fff;

    }



    @media (max-width:413px) {

        .recom_list ul li:nth-of-type(odd) {

            margin-left: 0;

        }

    }



    .recom_bg:nth-of-type(odd) {

        background: #f8f8f8;

    }



    .recom_list ul li.pro_icon img {

        display: block;

        width: 40px;

        margin: 5% auto;

    }



    .pto_tit {

        text-align: left;

        padding-bottom: 3%;

    }



    @media (min-width:414px) {

        .news_infor {

            font-size: 16px;

        }



        .index_news p {

            font-size: 14px;

        }



        .recom_list ul li {

            width: 32%;

        }



        .recom_list ul li:nth-of-type(3n-2) {

            margin-left: 0;

        }

    }



    .recom_bg:nth-of-type(even) {

        background: #fff;

    }



    .recom_list ul li.pro_icon img {

        display: block;

        width: 40px;

        margin: 5% auto;

    }



    .recom_list ul li h4 {

        padding-bottom: 0;

    }



    .pro_more {

        background: #102745;

        width: 100%;

        clear: both;

        display: block;

        margin: 0 auto;

        color: #fff;

        line-height: 35px;

        text-align: center;

        border-radius: 5px;

        text-transform: uppercase;

    }/*产品内页*/.pro_desc {

                 width: 100%;

                 overflow: hidden;

                 text-align: left;

             }



    .pro_desc h4 {

        line-height: 1;

        padding-bottom: 3%;

        font-weight: normal;

        font-size: 16px;

    }



    .pro_desc p {

        line-height: 2;

        margin-bottom: 0;

    }



    .mb_3 {

        margin-bottom: 5px;

    }



    .pro_desc .white_bg {

        background: #fff;

        padding: 0 3%;

        overflow: hidden;

        clear: both;

    }



    .pro_desc ul.pro_link {

        padding: 3% 0;

        overflow: hidden;

        clear: both;

    }



    .pro_desc ul.pro_link li {

        float: left;

        display: block;

        overflow: hidden;

        border-radius: 20px;

        border: 1px solid #d5d5d5;

        text-align: center;

        padding: 3px 20px;

        margin-right: 3%;

    }



    .pro_desc ul.pro_link li.on {

        color: #fff;

        background: #102745;

        border-color: #102745;

    }



    .show_page img {

        display: block;

    }



    .video_pages {

        width: 100%;

        height: 0;

        position: relative;

        padding-bottom: 58%;

        overflow: hidden;

    }



    .video_pages iframe {

        display: block;

        width: 100%;

        position: absolute;

        left: 0;

        top: 0;

        height: 100%;

    }

    .i_about {

        padding:3%;

        background-size: cover;

        background-size: 100%;

        background-position: center;

        background-repeat: no-repeat;

    }

    .i_about a{

        display: block;

        height: 100%;

        width: 100%;

    }

    .i_about h3,

    .i_about span {

        color: #102745;

    }

    

    .i_about h4 {

        color: #fff;

        font-weight: normal;

        margin-top: 20px;

        margin-bottom: 10px;

        font-size: 24px;

    }

    .i_about p{

        color: #fff;

        font-size: 18px;

    }



    .pro-list ul{

        display: flex!important;

        justify-content: space-around;

        flex-flow: wrap;

    }

    .pro-list li{

        width: 48%;

    }

    

    /*首页英文新闻*/.i_events {

                   padding: 5% 3%;

                   background: #f8f8f8;

               }



    .i_events ul {

        overflow: hidden;

        width: 100%;

        margin: 10px auto;

        display: block;

    }



    .i_events ul li {

        overflow: hidden;

        margin-bottom: 3%;

        text-align: left;

        background: #fff;

    }



    .i_events ul li span {

        display: block;

        width: 100%;

        padding-bottom: 45%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

    }



    .i_events ul li div {

        background: #fff;

        padding: 5% 3%;

    }



    .i_events ul li h4 {

        line-height: 1;

        margin-bottom: 3%;

        font-weight: normal;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        display: block;

        width: 100%;

    }



    .i_events ul li p {

        line-height: 1.6;

        margin: auto;

    }



    .i_events li h5 {

        font-weight: normal;

        text-align: left;

        color: #999;

        font-size: 14px;

    }



    .i_events ul li:last-of-type {

        margin-bottom: 0;

    }/*产品菜单*/body.ipusher .pro_mark {

                 width: 100%;

                 height: 100%;

                 transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

                 position: fixed;

                 z-index: 998;

                 left: 0;

                 display: none;

                 opacity: 0;

                 top: 0;

                 cursor: pointer;

             }



    body.open .pro_mark {

        display: block;

        opacity: 1;

        background: rgba(0,0,0,.8);

    }



    body.ipusher .pro_page {

        width: 260px;

        height: 100%;

        background: #fff;

        padding: 0;

        right: -260px;

        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        position: fixed;

        z-index: 999;

        left: auto;

        top: 0;

        box-sizing: border-box;

        padding-top: 50px;

        overflow-y: auto;

    }



    body.open .pro_page {

        transform: translate3d(-260px, 0, 0);

        -webkit-transform: translate3d(-260px, 0, 0);

        -moz-transform: translate3d(-260px, 0, 0);

        -o-transform: translate3d(-260px, 0, 0);

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

    }



    body.ipusher .pro_arrow {

        width: 14px;

        height: 50px;

        padding: 0;

        right: -14px;

        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

        position: fixed;

        z-index: 999;

        top: 50%;

        margin-top: -25px;

        left: auto;

    }



    body.open .pro_arrow {

        transform: translate3d(-274px, 0, 0);

        -webkit-transform: translate3d(-274px, 0, 0);

        -moz-transform: translate3d(-274px, 0, 0);

        -o-transform: translate3d(-274px, 0, 0);

    }



    .pro_page h4 {

        padding: 0 5%;

        line-height: 40px;

        text-align: left;

        background: #eee;

        display: block;

        width: 100%;

        font-weight: normal;

        color: #102745;

        clear: both;

    }



    .pro_page ul li {

        width: 50%;

        border-bottom: 1px solid #eee;

        padding: 3%;

        overflow: hidden;

        float: left;

        border-right: 1px solid #eee;

    }



    .pro_page ul li img {

        display: block;

        float: left;

        width: 100%;

    }



    .pro_page ul li a {

        display: block;

        width: 100%;

        height: 100%;

        overflow: hidden;

        position: relative;

    }



    .pro_page ul li p {

        margin-bottom: 0;

        display: block;

        width: 100%;

        clear: both;

    }



    .pro_page .bot_more {

        width: 100%;

        text-align: center;

        text-transform: capitalize;

        background: #102745;

        line-height: 3;

        overflow: hidden;

        clear: both;

        cursor: pointer;

        position: relative;

        display: block;

        color: #fff;

    }



    @media (min-width:320px) {

        body.ipusher .pro_page {

            width: 260px;

            right: -260px;

        }



        body.open .pro_page {

            transform: translate3d(-260px, 0, 0);

            -webkit-transform: translate3d(-260px, 0, 0);

            -moz-transform: translate3d(-260px, 0, 0);

            -o-transform: translate3d(-260px, 0, 0);

        }



        body.ipusher .pro_arrow {

            right: -14px;

        }



        body.open .pro_arrow {

            transform: translate3d(-274px, 0, 0);

            -webkit-transform: translate3d(-274px, 0, 0);

            -moz-transform: translate3d(-274px, 0, 0);

            -o-transform: translate3d(-274px, 0, 0);

        }

    }



    @media (min-width:375px) {

        body.ipusher .pro_page {

            width: 300px;

            right: -300px;

        }



        body.open .pro_page {

            transform: translate3d(-300px, 0, 0);

            -webkit-transform: translate3d(-300px, 0, 0);

            -moz-transform: translate3d(-300px, 0, 0);

            -o-transform: translate3d(-300px, 0, 0);

        }



        body.ipusher .pro_arrow {

            right: -14px;

        }



        body.open .pro_arrow {

            transform: translate3d(-314px, 0, 0);

            -webkit-transform: translate3d(-314px, 0, 0);

            -moz-transform: translate3d(-314px, 0, 0);

            -o-transform: translate3d(-314px, 0, 0);

        }

    }



    @media (min-width:414px) {

        body.ipusher .pro_page {

            width: 320px;

            right: -320px;

        }



        body.open .pro_page {

            transform: translate3d(-320px, 0, 0);

            -webkit-transform: translate3d(-320px, 0, 0);

            -moz-transform: translate3d(-320px, 0, 0);

            -o-transform: translate3d(-320px, 0, 0);

        }



        body.ipusher .pro_arrow {

            right: -14px;

        }



        body.open .pro_arrow {

            transform: translate3d(-334px, 0, 0);

            -webkit-transform: translate3d(-334px, 0, 0);

            -moz-transform: translate3d(-334px, 0, 0);

            -o-transform: translate3d(-334px, 0, 0);

        }

    }



    @media (min-width:768px) {

        body.ipusher .pro_page {

            width: 400px;

            right: -400px;

            padding-top: 60px;

        }



        body.open .pro_page {

            transform: translate3d(-400px, 0, 0);

            -webkit-transform: translate3d(-400px, 0, 0);

            -moz-transform: translate3d(-400px, 0, 0);

            -o-transform: translate3d(-400px, 0, 0);

        }



        body.ipusher .pro_arrow {

            right: -14px;

        }



        body.open .pro_arrow {

            transform: translate3d(-414px, 0, 0);

            -webkit-transform: translate3d(-414px, 0, 0);

            -moz-transform: translate3d(-414px, 0, 0);

            -o-transform: translate3d(-414px, 0, 0);

        }

    }



    .pro_title {

        width: 100%;

        display: block;

        padding-bottom: 3%;

        float: left;

        text-transform: capitalize;

    }



    .ipro_search {

        width: 100%;

        padding: 3%;

        background: #eee;

        overflow: hidden;

    }



    .ipro_search form {

        border-radius: 25px;

        display: block;

        overflow: hidden;

        width: 100%;

        background-color: #fff

    }



    .ipro_search input {

        display: block;

        float: left;

        border: none;

    ;	line-height: 40px;

    }



    .ipro_search input[type="text"] {

        padding: 0 5%;

        width: calc(100% - 50px);

        height: 40px;

    }



    .ipro_search input[type="submit"] {

        width: 50px;

        background: #fff url(../image/search.png);

        height: 40px;

    }



    .big_list {

        width: 100%;

        float: left;

        overflow: hidden;

        padding-bottom: 5%;

    }



    .big_list li a {

        display: block;

        width: 100%;

        overflow: hidden;

        cursor: pointer;

    }



    .big_list li {

        width: 100%;

        float: left;

        overflow: hidden;

        margin-bottom: 3%;

    }



    .big_list img {

        display: block;

        width: auto;

        height: 50px;

        float: left;

    }



    .big_list span {

        display: block;

        float: right;

        width: calc(100% - 60px);

        line-height: 50px;

        font-size: 16px;

        border-bottom: 1px solid #eee;

        text-transform: capitalize;

        color: #999;

    }



    .recom_page em,.pro_page em,.recom_list em {

        display: block;

        width: 36px;

        color: #fff;

        line-height: 1.5;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        font-style: normal;

        background: #102745;

        font-size: 12px;

        text-transform: capitalize

    }



    .recom_page ul li p {

        line-height: 1.6;

        overflow: hidden;

        width: 100%;

        text-overflow: ellipsis;

        white-space: nowrap;

        font-size: 12px;

        color: #102745;

    }



    .recom_page ul {

        width: 100%;

        clear: both;

        overflow: hidden;

        position: relative;

        margin: 0 auto;

    }



    .recom_page ul li {

        float: left;

        width: 49%;

        margin-left: 2%;

        overflow: hidden;

        background: #fff;

        margin-bottom: 2%;

        text-align: center;

        position: relative;

        cursor: pointer;

    }



    .recom_page a.recom_more {

        display: block;

        width: 100%;

        clear: both;

        overflow: hidden;

        border-radius: 15px;

        text-align: center;

        color: #fff;

        background: #102745;

        line-height: 35px;

        margin: 5% 0;

    }



    .recom_page ul li:nth-of-type(odd) {

        margin-left: 0;

    }



    .ab_list {

        display: block;

        width: 100%;

        clear: both;

        position: relative;

        overflow: hidden;

    }



    .ab_list li {

        float: left;

        width: 49%;

        margin-left: 2%;

        margin-bottom: 2%;

        text-align: center;

    }



    .ab_list li:nth-of-type(odd) {

        margin-left: 0;

    }



    .ab_list li a {

        display: block;

        width: 100%;

        height: 100%;

        overflow: hidden;

        cursor: pointer;

    }



    .ab_list li span {

        display: block;

        width: 100%;

        text-align: center;

        line-height: 1.6;

    }



    .pro_show h3 {

        font-weight: normal;

        line-height: 2.5;

        border-bottom: 1px solid #d5d5d5;

    }



    .pro_show h4 {

        font-weight: normal;

        line-height: 3;

        margin-bottom: 3%;

    }



    .pro-title {

        display: block;

        width: 100%;

        clear: both;

        line-height: 1;

        padding: 3% 0;

        font-weight: normal;

        text-transform: capitalize;

    }



    .event li {

        background: #fff;

        text-align: left;

        overflow: hidden;

        margin-bottom: 3%;

    }



    .event li a {

        display: block;

        width: 100%;

        height: 100%;

        overflow: hidden;

        cursor: pointer;

    }



    .event li span {

        display: block;

        width: 100%;

        height: 0;

        overflow: hidden;

        padding-bottom: 45%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

    }



    .event li div {

        padding: 5% 3%;

    }



    .event li h4 {

        line-height: 1;

        padding-bottom: 3%;

        font-weight: normal;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        display: block;

        width: 100%;

    }



    .event li p {

        line-height: 1.6;

    }



    .event li h5 {

        font-weight: normal;

        text-align: left;

        color: #999;

        font-size: 14px;

    }



    .gray_bg {

        background: #f8f8f8;

    }



    

    .en_foot {

        width: 100%;

        padding: 3%;

        clear: both;

        position: relative;

    }

    

    .en_foot .bot_links {

        position: fixed;

        bottom: 10px;

        left: 3%;

        width: 94%;

        overflow: hidden;

        background: #102745;

        border-radius: 35px;

        box-shadow: 5px 4px 32px 0px rgba(0, 0, 0, 0.1);

        z-index: 99;

        max-width: 768px;

        right:3%;

        margin: auto;

    }

    

    .en_foot .bot_links a {

        display: block;

        float: left;

        width: calc(100%/3);

        padding: 12px 0;

        text-align: center;

    }

    

    .en_foot .bot_links p {

        margin-bottom: 0;

        color: #666;

    }

    

    .en_foot .bot_links a img {

        display: block;

        width: 30px;

        margin: 0 auto;

    }

    

    #listtop {

        position: fixed;

        top: auto;

        z-index: 99;

        background: #f5f5f5;

        overflow-y: auto;

        padding-bottom: 100px;

        height: 100%;

    }

    .web_list{ border-top: 1px solid #eee;}

    

    .web_list .fl {

        width: 100px;

        height: 100%;

        background: #fff;

    }

    

    .web_list .fl li {

        width: 100%;

        overflow: hidden;

        float: left;

        text-align: center;

        padding: 15% 0;

        border-bottom: 1px solid #eee;

        border-right: 1px solid #eee;

    }

    .web_list .fl .on{ background: #fff;}

    

    

    .web_list .fl li p {

        font-size: 12px;

        display: block;

        margin-bottom: 0;

        line-height: 1;

    }

    

    .web_list .fl a {

        display: block;

        width: 100%;

        position: relative;

        height: 100%;

        overflow: hidden;

        cursor: pointer;

        color: #666;

        font-size: 12px;

    }

    

    .web_list .fl img {

        display: block;

        width: 50px;

        margin: 0 auto;

        filter: drop-shadow(0px 0 #fff);

    }

    

    .web_list .fr {

        width: calc(100% - 100px);

        overflow-y: auto;

        background: #fff;

    }

    

    .web_list .fr .pro_sub {

        width: 100%;

        box-sizing: border-box;

        -webkit-box-sizing: border-box;

        overflow: hidden;

        border-bottom: 1px solid #eee;

        padding-left: ;

        text-align: left;

    }

    

    .web_list .fr .pro_sub .sub_list {

        white-space: nowrap;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        text-align: left;

        padding-left: 10px;

    }

    

    .web_list .fr .pro_sub a {

        display: inline-block;

        padding: 10px;

        color: #666;

        border-radius: 4px;

        position: relative;

        padding-bottom: 10px;

        margin: 3% 1%;

        background: #eee;

    }

    

    .web_list .fr .pro_sub a.on {

        color: #102745;

    }

    

    /*.web_list .fr .pro_sub i {

        display: inline-block;

        height: 12px;

        width: 1px;

        background: #ddd;

        margin: 11.5px 0 0 15px;

    }*/

    

    .web_list .fr li {

        width: 50%;

        border-bottom: 1px solid #eee;

        padding: 5% 3%;

        overflow: hidden;

        float: left;

        border-right: 1px solid #eee;

    }

    .web_list .fr li a {

        display: block;

        width: 100%;

        height: 100%;

        overflow: hidden;

        position: relative;

    }

    

    

    .web_list .fr li img {

        float: left;

        width: 100%;

    }

    

    .web_list .fr li div {

        float: right;

        text-align: center;

        width: 100%;

        font-weight: normal;

        padding-top: 5%;

    }

    .web_list .fr li div p{ margin-bottom: 0;}

    

    .web_list .fr li em {

        position: absolute;

        top: 0;

        left: 0;

        color: #fff;

        font-size: 12px;

        line-height: 20px;

        padding: 0 5px;

        font-style: normal;

        background-color: #e46713;

        border-radius: 30px;

    }

    







    .fl {

        float: left;

    }



    .fr {

        float: right;

    }



    .news-cont h3 {

        font-size: 16px;

        padding-bottom: 3%;

        font-weight: normal;

    }



    .block {

        width: 100%;

        clear: both;

        position: relative;

        overflow: hidden;

        display: block;

    }



    .mask_bg {

        width: 100%;

        height: 100%;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 13330;

        display: none;

        background: #102745;

        opacity: 0;

        cursor: pointer;

        -webkit-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;

        -o-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;

        -ms-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;

        animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;

    }



    @-webkit-keyframes maskShow {

        from {

            opacity: 0;

        }



        to {

            opacity: 0.7;

        }

    }



    @-o-keyframes maskShow {

        from {

            opacity: 0;

        }



        to {

            opacity: 0.7;

        }

    }



    @-ms-keyframes maskShow {

        from {

            opacity: 0;

        }



        to {

            opacity: 0.7;

        }

    }



    @keyframes maskShow {

        from {

            opacity: 0;

        }



        to {

            opacity: 0.7;

        }

    }



    .video_show {

        width: 96%;

        height: 0;

        padding-bottom: 57%;

        position: fixed;

        left: 50%;

        top: -300px;

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

        opacity: 0;

        z-index: 13331;

        display: none;

        -webkit-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;

        -o-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;

        -ms-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;

        animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;

    }



    @-webkit-keyframes introShow {

        from {

            opacity: 0;

            top: -100%;

        }



        to {

            opacity: 1;

            top: 50%;

        }

    }



    @-o-keyframes introShow {

        from {

            opacity: 0;

            top: -300px;

        }



        to {

            opacity: 1;

            top: 50%;

        }

    }



    @-ms-keyframes introShow {

        from {

            opacity: 0;

            top: -100%;

        }



        to {

            opacity: 1;

            top: 50%;

        }

    }



    @keyframes introShow {

        from {

            opacity: 0;

            top: -300px;

        }



        to {

            opacity: 1;

            top: 50%;

        }

    }



    .video_show .show_intro {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        padding: 0 2%;

        position: absolute;

        left: 0;

        top: 0;

    }



    .video_show iframe {

        display: block;

        width: 100%;

        height: 100%;

    }



    .i_tit,.i_title {

        text-align: center;

    }



    .i_tit p,.i_title h3 {

        text-transform: uppercase;

    }



    .i_title {

        padding-bottom: 5%;

    }



    .text-left {

        text-align: left;

    }



    .vi_list {

        padding-bottom: 3%;

    }



    .vi_list li {

        float: left;

        width: 49%;

        margin-left: 2%;

        margin-bottom: 2%;

        border: 1px solid #d5d5d5;

        padding: 3%;

    }



    .vi_list li span {

        display: block;

        width: 100%;

        text-align: center;

        line-height: 2;

        background: #fff;

    }



    .case_list li {

        float: left;

        width: 49%;

        margin-left: 2%;

        margin-bottom: 2%;

    }



    .case_list li span {

        display: block;

        width: 100%;

        text-align: center;

        line-height: 3;

        background: #f8f8f8;

    }



    .vi_list li:nth-of-type(odd),.case_list li:nth-of-type(odd) {

        margin-left: 0;

    }



    .p-b3 {

        padding-bottom: 3%;

    }



    .about_desc img,.about_desc h4,.about_desc h5,.about_desc h3 {

        padding-bottom: 3%;

    }



    .about_desc h3 {

        text-transform: uppercase;

    }



    .about_desc h4,.about_desc h5 {

        font-weight: normal;

        text-transform: uppercase;

        line-height: 1.6;

    }



    .contact {

        text-align: center;

    }



    .contact b {

        font-size: 31px;

    }



    .contact h3 {

        padding-bottom: 3%;

    }



    .contact p {

        color: #102745;

    }



    .contact .qr_code img {

        width: 50%;

        max-width: 180px;

        margin: 0 auto;

    }



    .msg_page input[type="text"] {

        display: block;

        width: 100%;

        padding: 3%;

        margin-bottom: 2%;

    }



    .msg_page textarea {

        display: block;

        width: 100%;

        padding: 3%;

    }



    .msg_page span {

        text-align: left;

        display: block;

        width: 100%;

        padding: 0 5px;

    }



    .msg_page .Validform_right {

        color: green;

    }



    .msg_page .Validform_wrong {

        color: red;

    }



    .msg_page .notice {

        padding: 0 5px;

        color: #999;

    }



    .msg_page input[type="submit"] {

        display: block;

        background: #c69d81;

        width: 150px;

        margin: 0 auto;

        margin-top: 3%;

        line-height: 2.5;

        color: #fff;

        border: 0;

    }



    .news_show .news_top {

        padding: 5% 3%;

    }



    .news_show .news_top h5 {

        color: #999;

    }



    .news_show .news_top h4 {

        line-height: 1.5;

        font-weight: normal;

        display: block;

        width: 100%;

        text-align: left;

        padding-top: 3%;

        color: #102745;

    }



    .news_show .news_content {

        text-align: left;

        padding: 5% 3%;

    }



    .news_show .news_content h3 {

        font-size: 18px;

    }



    .news_show .news_content h3,.news_show .news_content h4,.news_show .news_content h5,.news_show .news_content img {

        padding-bottom: 3%;

    }



    .news_more {

        border-radius: 5px;

        text-align: center;

        line-height: 3;

        color: #fff;

        background: #102745;

        text-transform: uppercase;

    }



    .skill {

        text-align: center;

    }



    .skill h4,.skill h5 {

        font-weight: normal;

        padding-bottom: 3%;

    }



    .skill_list .ab_list {

        padding-bottom: 3%;

    }



    .service img {

        display: block;

        padding-bottom: 3%;

    }



    .service h4,.service h5 {

        font-weight: normal;

        color: #102745;

    }



    .service h5 {

        line-height: 2;

        font-size: 14px;

    }



    .jxs_list {

        padding: 10% 3%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        background-image: url(https://www.cnmonga.com/weipai/images/jxs.jpg);

        text-align: left;

    }



    .jxs_list .desc {

        padding: 5%;

        background: #fff;

        margin-bottom: 3%;

        overflow: hidden;

        text-align: left;

    }



    .jxs_list h4 {

        padding-bottom: 3%;

        font-weight: normal;

    }



    .jxs_list h4.block {

        color: #fff;

    }



    .jxs_list .desc p {

        margin-bottom: 0;

    }



    .recom-list a {

        margin-bottom: 3%;

    }



    .recom-list span {

        padding: 3% 5%;

        background: #eee;

        text-align: center;

    }



    .room_list li {

        width: 100%;

        overflow: hidden;

        margin-bottom: 3%;

    }



    .room_list li .room_img {

        width: 100%;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        padding-bottom: 60%;

    }



    .room_list li .room_info {

        padding: 5%;

        background: #f8f8f8;

    }



    .room_list li .room_info em,.con_em {

        display: inline-block;

        width: 2em;

    }



    .room_list li h5,.room_list li h6,.room_desc h5,.room_desc h6 {

        font-weight: normal;

        padding-bottom: 3%;

        color: #102745;

    }



    .room_desc {

        padding: 5% 0;

    }



    .news_menu {

        padding-bottom: 5%;

        text-align: center;

    }



    .news_menu a {

        display: inline-block;

        padding: 1% 5%;

        border: 1px solid #d5d5d5;

        text-align: center;

        margin: 0 5px;

        color: #102745;

    }



    .news_menu a.on {

        background: #102745;

        border-color: #102745;

        color: #fff;

    }



    .qua_list li {

        width: 100%;

        float: left;

    }



    .qua_list li img {

        display: block;

        float: left;

        width: 50px;

    }



    .qua_list li div {

        float: right;

        width: calc(100% - 60px);

    }



    .qua_list li h5 {

        font-weight: normal;

        line-height: 2;

        color: #102745;

    }



    .maintain li {

        padding: 5%;

        width: 100%;

        overflow: hidden;

        clear: both;

        background: #fff;

        margin-bottom: 3%;

    }



    .maintain li h4 {

        font-weight: normal;

        padding-bottom: 3%;

    }



    .maintain li p {

        margin-bottom: 0;

    }



    .history_desc {

        background-image: url(../image/history_icon.png);

        background-repeat: repeat-y;

        background-position: left;

        overflow: hidden;

    }



    .history_desc ul li {

        width: 100%;

        float: left;

        padding-bottom: 5%;

    }



    .history_desc i {

        display: block;

        float: left;

        width: 20px;

        height: 20px;

        background-image: url(../image/history_icon1.png);

        background-size: 100%;

    }



    .history_desc ul li .history_page {

        float: right;

        width: calc(100% - 30px);

    }



    .history_desc ul li span {

        display: block;

        padding: 5%;

        width: 100%;

        overflow: hidden;

        background: #f8f8f8;

        border-radius: 5px;

    }



    .history_desc ul li h3 {

        font-weight: normal;

        color: #102745;

        line-height: 1;

        padding-bottom: 3%;

        border-bottom: 1px solid #d5d5d5;

        margin-bottom: 3%;

    }



    .history_desc ul li p {

        font-size: 12px;

        line-height: 1.5;

        margin-bottom: 0;

    }



    .history_desc ul li .history_img,.history_desc ul li .idea_img {

        width: 100%;

    }



    .history_desc ul li .history_img a {

        display: block;

        width: 32%;

        margin-left: 2%;

        margin-top: 2%;

        float: left;

        cursor: pointer;

        overflow: hidden;

        border-radius: 5px;

    }



    .history_desc ul li .history_img a:nth-of-type(3n-2) {

        margin-left: 0;

    }



    .i_menu {

        padding: 5% 3%;

        background: #f5f5f5;

    }



    .i_menu a {

        display: block;

        width: 49%;

    }



    .i_search {

        padding-top: 5%;

    }



    .i_search form {

        border-radius: 25px;

        display: block;

        overflow: hidden;

        width: 100%;

        background-color: #fff;

        padding: 2% 3%;

    }



    .i_search input[type="text"] {

        display: block;

        float: left;

        border: none;

        background-repeat: no-repeat;

        background-position: left;

        line-height: 30px;

        background-color: #fff;

        background-image: url(../image/i_search.png);

        line-height: 30px;

        padding: 0 30px;

        width: calc(100% - 70px);

    }



    .i_search input[type="submit"] {

        width: 70px;

        line-height: 30px;

        color: #fff;

        display: block;

        float: left;

        border: none;

        background: #102745;

        border-radius: 25px;

    }



    .i_pro {

        background: #fff;

        padding: 5% 3%;

    }



    .i_pro .en_menu {

        width: 100%;

        box-sizing: border-box;

        -webkit-box-sizing: border-box;

        overflow: hidden;

        text-align: left;

    }



    .i_pro .en_menu .nav_list {

        white-space: nowrap;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        text-align: left;

    }



    .i_pro .en_menu .nav_list a {

        display: inline-block;

        color: #102745;

        position: relative;

        overflow: hidden;

        text-align: center;

        width: 28%;

    }



    .i_pro .en_menu .nav_list img {

        display: block;

        width: 50%;

        margin: 0 auto;

    }



    .i_pro .en_menu .nav_list p {

        line-height: 1.6;

        margin-bottom: 0;

        color: #666;

    }



    .i_list {

        width: 100%;

        white-space: nowrap;

        overflow-x: auto;

        font-size: 0;

        padding: 4% 3%;

    }

    

    .i_list a {

        display: inline-block;

        width: 65%;

        margin-right: 3%;

        background: #fff;

        box-sizing: border-box;

    }

    

    .i_list a div {

        padding: 3% 0 0;

        text-align: center;

    }

    

    .i_list a h4 {

        line-height: 1.5;

        color: #606060;

        font-weight: normal;

        color: #333;

        font-size: 16px;

    }

    

    .i_list a p {

        font-size: 14px;

        line-height: 1.5;

        color: #a7a7a7;

        margin: 0;

        white-space: nowrap;

        text-overflow: ellipsis;

        overflow: hidden;

        word-break: break-all;

    }

    

    .i_list a:last-child {

        margin-right: 0;

    }



    .ab_tit {

        text-align: left;

    }



    .ab_title {

        text-align: left;

        padding-bottom: 3%;

    }



    .ab_tit h4,.ab_title h4 {

        font-weight: normal;

        text-transform: capitalize;

    }



    .ab_tit p {

        text-transform: uppercase;

    }



    .join_02 {

        padding: 5% 3%;

        background: #102745;

    }



    .join_02 .desc {

        background: #102745;

        padding: 5% 3%;

        overflow: hidden;

    }



    .join_02 .desc ul {

        padding-top: 5%;

    }



    .join_02 .desc ul li {

        width: calc(100%/3);

        text-align: center;

        float: left;

    }



    .join_02 .desc ul li img {

        display: block;

        margin: 0 auto;

        width: 60px;

    }



    .join_02 .desc ul li h6 {

        color: #fff;

        font-weight: normal;

        line-height: 2.5;

        display: block;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .join_02 .desc ul li p {

        font-size: 12px;

        line-height: 16px;

        color: #fff;

        height: 48px;

    }



    .join_03 {

        background-image: url(https://www.cnmonga.com/weipai/images/join_03.jpg);

        background-repeat: no-repeat;

        background-position: top center;

        background-size: contain;

        background-color: #131313;

    }



    .join_03 .desc {

        text-align: left;

        padding: 5% 3%;

    }



    .join_03 .desc h4 {

        font-weight: normal;

        color: #fff;

    }



    .join_03 .desc p {

        padding: 5% 0;

        color: #fff;

        margin-bottom: 0;

    }



    .join_04 {

        padding: 5% 3%;

        background: #f8f8f8;

    }



    .join_04 h4 {

        color: #102745;

        padding-bottom: 3%;

    }



    .join_05,.join_06 {

        padding: 5% 3%;

        background: #fff;

    }



    .join_06 .desc {

        background-image: url(https://www.cnmonga.com/weipai/images/join_08.jpg);

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        padding: 10% 3%;

    }



    .join_06 .desc h4,.join_06 .desc h5 {

        color: #102745;

    }



    .join_06 .desc h5 {

        line-height: 2;

    }



    .join_06 .desc p {

        color: #102745;

        margin-bottom: 0;

        padding-top: 5%;

    }



    .about_02 {

        padding-top: 5%;

        background: #171717;

    }



    .quality {

        padding: 5%;

        background: #fff;

    }



    .quality p {

        padding-bottom: 3%;

        color: #777;

    }



    .quality em {

        display: inline-block;

        width: 2em;

    }



    .about_03 {

        text-align: left;

        padding: 5% 3%;

        background: #102745;

    }

    .i_title {

        text-align: center;

        width: 100%;

        padding: 0 3% 5%;

    }

    

    .i_title h3 {

        line-height: 36px;

        font-size: 1.5em;

        color: #333;

    }

    

    .i_title p {

        text-transform: uppercase;

        margin-bottom: 0;

    }

    .more {

        width: 86%;

        text-align: center;

        text-transform: capitalize;

        background: #102745;

        line-height: 3;

        overflow: hidden;

        clear: both;

        cursor: pointer;

        position: relative;

        display: block;

        margin: 0 auto;

        border-radius: 20px;

        color: #fff;

        margin-top: 20px;

    }

    .about_03 .i_title h2,.about_03 .i_title h3,.about_02 .i_title h2,.about_02 .i_title h3 {

        color: #fff;

    }



    .idea {

        padding-top: 3%;

    }



    .idea li {

        padding: 5%;

        background: #fff;

        margin-bottom: 30px;

        color: #fff;

        float: left;

        overflow: hidden;

        width: 100%;

        border-radius: 10px;

        margin-bottom: 3%;

    }



    .idea li h3 {

        color: #102745;

        margin-bottom: 3%;

    }



    .idea li p {

        color: #102745;

        margin-bottom: 0;

    }



    .about_04 {

        background: #f8f8f8;

        padding: 5% 3%;

    }



    .about_05 {

        text-align: left;

        padding: 5% 3%;

    }



    .brand {

        padding-top: 5%;

        background: #e0e0e0;

        text-align: left;

    }



    .brand .desc {

        padding: 0 3% 5% 3%;

    }



    .brand .desc h3 {

        color: #013529;

        text-align: center;

        padding-bottom: 3%;

    }



    .brand .desc ul li {

        width: 49%;

        float: left;

        background: #fff;

        padding: 5%;

        margin: 2% 0 0 2%;

    }



    .brand .desc ul li:nth-of-type(odd) {

        margin-left: 0;

    }



    .brand .desc ul li p {

        color: #102745;

        margin-bottom: 0;

    }



    .brand .desc ul li span {

        display: block;

        background: #013529;

        color: #fff;

        border-radius: 5px;

        line-height: 2;

        width: 100px;

        margin-bottom: 5%;

        text-align: center;

    }



    .honor_list li {

        padding: 5%;

        background: #fff;

        background: #fff;

    }



    .about_title {

        clear: both;

        width: 100%;

        overflow: hidden;

        position: relative;

    }



    .about_title b {

        display: block;

        float: left;

        font-size: 50px;

        color: #102745;

        line-height: 1;

        padding-right: 10px;

    }



    .about_title div {

        float: left;

    }



    .about_title h3 {

        color: #333;

        line-height: 30px;

    }



    .about_title h4 {

        font-size: 14px;

        color: #102745;

        font-weight: normal;

        text-transform: capitalize;

        line-height: 1;

    }



    .flow_desc {

        background-image: url(../image/history.png);

        background-repeat: repeat-y;

        background-position: left;

        overflow: hidden;

        background-position: -5px 0;

    }



    .flow_desc ul li {

        width: 100%;

        float: left;

        padding-bottom: 3%;

    }



    .flow_desc i {

        display: block;

        float: left;

        width: 15px;

        height: 15px;

        background-image: url(../image/history_icon.png);

        background-size: contain;

    }



    .flow_desc ul li .flow_img {

        float: right;

        width: calc(100% - 25px);

    }



    .flow_desc ul li .flow_img img {

        width: 48%;

        margin-right: 2%;

        margin-bottom: 2%;

        border-radius: 5px;

        float: left;

        max-width: 200px;

    }



    .flow_desc ul li .flow_img h4 {

        padding-bottom: 3%;

        font-weight: normal;

        font-size: 16px;

        line-height: 1;

    }



    .history_list {

        background-image: url(../image/history.jpg);

        background-size: contain;

        background-position: bottom;

    }



    .history-box {

        margin-top: 0px;

        padding: 0px 0 125px;

    }



    .history-box .content {

        background: url(https://www.cnmonga.com/images/history_bg_line.png) repeat-x bottom;

    }



    .history-box .slick-for .box .date {

        float: left;

        font-size: 100px;

        line-height: 100px;

        color: #e11020;

        font-weight: 300;

    }



    .history-box .slick-for .box .text {

        margin-left: 330px;

        font-size: 1em;

        line-height: 1.5em;

        color: #555555;

        height: 100px;

        color: #555555;

        overflow-y: auto;

        text-align: left;

    }



    .history-box .slick-nav {

        margin-top: 40px;

        text-align: center;

    }



    .history-box .slick-nav .slick-slide {

        cursor: pointer;

    }



    .history-box .slick-nav .slick-slide span {

        display: block;

        height: 50px;

        line-height: 50px;

        font-size: 1em;

        position: relative;

    }



    .history-box .slick-nav .slick-slide span:before,.history-box .slick-nav .slick-slide span:after {

        display: none;

        content: "";

        position: absolute;

        left: 50%;

        margin-left: -5px;

    }



    .history-box .slick-nav .slick-slide span:before {

        top: 0;

        border-style: solid dashed dashed dashed;

        border-color: #e11020 transparent transparent  transparent;

        border-width: 7px;

    }



    .history-box .slick-nav .slick-slide span:after {

        bottom: 0;

        border-style: dashed dashed  solid dashed;

        border-color: transparent transparent  #e11020 transparent;

        border-width: 7px;

    }



    .history-box .slick-nav .slick-current {

        color: #e11020;

    }



    .history-box .slick-nav .slick-current span:before,.history-box .slick-nav .slick-current span:after {

        display: block;

    }



    @media (max-width:999px) {

        /* ========== */	/* = DESIGNER = */	/* ========== */	.designer {

        padding: 40px 0;

    }



        .designer-detail-box {

            margin: 40px 0;

            padding: 0;

            background: none;

        }



        .designer-detail-box .left {

            width: 100%;

            max-width: 100%;

        }



        .designer-detail-box .left .en {

            display: none;

        }



        .designer-detail-box .left:before {

            display: none;

        }



        .designer-detail-box .img .text i {

            margin-left: 15px;

            width: 30px;

            height: 30px;

        }



        .shj-show-anli-info {

            width: 100%;

            padding-top: 30px;

        }



        .shj-show-anli-info .tit {

            font-size: 14px;

        }



        .shj-show-anli-info .tit span {

            font-size: 22px;

        }



        .shj-show-anli-info .bt {

            text-align: center;

            letter-spacing: 0;

        }



        .history-box {

            margin-top: 0px;

            padding: 20px 0;

        }



        .history-box .slick-for .box .date {

            float: none;

            font-size: 2em;

            line-height: 30px;

            text-align: center;

        }



        .history-box .slick-for .box .text {

            margin-left: 0;

            margin-top: 3%;

        }



        .history-box .slick-nav {

            padding: 0 50px;

        }



        .designer .designer-list {

            margin-top: 30px;

            margin-bottom: 30px;

        }



        .designer-list {

            margin-left: -5px;

            margin-right: -5px;

        }



        .designer-list li {

            width: 50%;

            padding: 0 5px;

        }



        .designer-item .tit {

            padding-right: 0;

        }



        .designer-item .tit div span {

            font-size: 16px;

            font-weight: bold;

            margin-bottom: 4px;

            display: block;

        }



        .designer-item .tit em {

            display: none;

        }



        .designer-item .tip em,.designer-item .tip span {

            display: none;

        }



        .designer-item .bt a {

            float: none;

            width: 100%;

        }



        .designer-item .bt span {

            float: none;

            max-width: 100%;

            font-style: 11px;

            display: block;

        }



        .video-pop .video-close {

            top: -35px;

        }

    }



    .capacity ul li {

        float: left;

        width: calc(50% - 2.5px);

        margin-left: 5px;

        padding: 5%;

        background: #f8f8f8;

        overflow: hidden;

        margin-bottom: 5px;

    }



    .capacity ul li:nth-of-type(odd) {

        margin-left: 0;

    }



    .capacity ul li h3 {

        text-transform: uppercase;

        padding-bottom: 3%;

        text-align: center;

        font-size: 24px;

    }



    @media (max-width:320px) {

        .capacity ul li h3 {

            font-size: 18px

        }

    }



    .capacity ul li p {

        line-height: 1.3;

        margin-bottom: 0;

        font-size: 12px;

        height: 45px;

        text-align: center;

    }



    .capacity img {

        padding: 3% 0;

    }



    .top_name {

        line-height: 50px;

        text-align: center;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

    }